{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "native-scrollbar",
  "type": "registry:ui",
  "title": "Native Scrollbar Dialog",
  "description": "A responsive scrollable dialog with native browser scrollbar - drawer on mobile, modal on desktop.",
  "registryDependencies": [
    "button",
    "https://revola.sameerjs.com/r/revola.json"
  ],
  "files": [
    {
      "path": "registry/revola/examples/origin-ui/scrollables/native-scrollbar.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogClose,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from \"@/components/ui/revola\";\n\nexport default function NativeScrollDialog() {\n  return (\n    <ResponsiveDialog>\n      <ResponsiveDialogTrigger asChild>\n        <Button variant=\"outline\" className=\"h-12 rounded-full px-6 capitalize\">\n          Native Scrollbar\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent\n        showCloseButton={false}\n        className=\"flex max-h-[min(640px,80dvh)] flex-col overflow-hidden\"\n      >\n        <div className=\"overflow-y-auto\">\n          <ResponsiveDialogHeader className=\"contents space-y-0 text-left\">\n            <ResponsiveDialogTitle className=\"px-6 pt-6\">Frequently Asked Questions (FAQ)</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription asChild>\n              <div className=\"p-6\">\n                <div className=\"space-y-4 [&_strong]:font-semibold [&_strong]:text-foreground\">\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Account Management</strong>\n                    </p>\n                    <p>\n                      Navigate to the registration page, provide required information, and verify your email address.\n                      You can sign up using your email or through social media platforms.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Password Reset Process</strong>\n                    </p>\n                    <p>\n                      Users can reset their password through the account settings page. Click &quot;Forgot\n                      Password&quot; and follow the email verification steps to regain account access quickly and\n                      securely.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Service Pricing Tiers</strong>\n                    </p>\n                    <p>\n                      We offer three primary subscription levels designed to meet diverse user needs: Basic (free with\n                      limited features), Professional (monthly fee with comprehensive access), and Enterprise (custom\n                      pricing with full platform capabilities).\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Technical Support Channels</strong>\n                    </p>\n                    <p>\n                      Customer support is accessible through multiple communication methods including email support,\n                      live chat during business hours, an integrated support ticket system, and phone support\n                      specifically for enterprise-level customers.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Data Protection Strategies</strong>\n                    </p>\n                    <p>\n                      Our platform implements rigorous security measures including 256-bit SSL encryption, regular\n                      comprehensive security audits, strict data access controls, and compliance with international\n                      privacy protection standards.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Platform Compatibility</strong>\n                    </p>\n                    <p>\n                      The service supports multiple device and operating system environments, including web browsers\n                      like Chrome and Firefox, mobile applications for iOS and Android, and desktop applications\n                      compatible with Windows and macOS.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Subscription Management</strong>\n                    </p>\n                    <p>\n                      Subscriptions can be cancelled at any time through account settings, with pro-rated refunds\n                      available within 30 days of payment. Both monthly and annual billing options are provided, with\n                      special discounts offered for annual commitments.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Payment Method Options</strong>\n                    </p>\n                    <p>\n                      We accept a wide range of payment methods including major credit cards such as Visa, MasterCard,\n                      and American Express, digital payment platforms like PayPal, and direct bank transfers. Regional\n                      payment options may also be available depending on user location.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Customer Support</strong>\n                    </p>\n                    <p>\n                      Our dedicated customer support team is available 24/7, providing quick and efficient assistance to\n                      address any inquiries or issues you may have.\n                    </p>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p>\n                      <strong>Privacy Policy</strong>\n                    </p>\n                    <p>\n                      Our privacy policy outlines how we collect, use, and protect your personal data, ensuring your\n                      privacy is protected at all times.\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <ResponsiveDialogFooter className=\"px-6 pb-6 sm:justify-start\">\n            <ResponsiveDialogClose asChild>\n              <Button type=\"button\" variant=\"outline\">\n                Cancel\n              </Button>\n            </ResponsiveDialogClose>\n            <ResponsiveDialogClose asChild>\n              <Button type=\"button\">Okay</Button>\n            </ResponsiveDialogClose>\n          </ResponsiveDialogFooter>\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n",
      "type": "registry:ui"
    }
  ]
}