@authdog/react-elements 0.0.40 → 0.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/.eslintrc.js +1 -1
  2. package/.storybook/main.ts +21 -0
  3. package/.storybook/preview.ts +17 -0
  4. package/.storybook/vitest.setup.ts +7 -0
  5. package/.turbo/turbo-build.log +43 -43
  6. package/CHANGELOG.md +12 -0
  7. package/dist/components/ui/alert.js.map +1 -1
  8. package/dist/components/ui/alert.mjs.map +1 -1
  9. package/dist/components/ui/avatar.js.map +1 -1
  10. package/dist/components/ui/avatar.mjs.map +1 -1
  11. package/dist/components/ui/badge.js.map +1 -1
  12. package/dist/components/ui/badge.mjs.map +1 -1
  13. package/dist/components/ui/card.js.map +1 -1
  14. package/dist/components/ui/card.mjs.map +1 -1
  15. package/dist/components/ui/dropdown-menu.js +1 -1
  16. package/dist/components/ui/dropdown-menu.js.map +1 -1
  17. package/dist/components/ui/dropdown-menu.mjs +1 -1
  18. package/dist/components/ui/dropdown-menu.mjs.map +1 -1
  19. package/dist/components/ui/input.js.map +1 -1
  20. package/dist/components/ui/input.mjs.map +1 -1
  21. package/dist/components/ui/label.js.map +1 -1
  22. package/dist/components/ui/label.mjs.map +1 -1
  23. package/dist/components/ui/separator.js.map +1 -1
  24. package/dist/components/ui/separator.mjs.map +1 -1
  25. package/dist/components/ui/sheet.js.map +1 -1
  26. package/dist/components/ui/sheet.mjs.map +1 -1
  27. package/dist/index.d.mts +3 -1
  28. package/dist/index.d.ts +3 -1
  29. package/dist/index.js +1 -1
  30. package/dist/index.js.map +1 -1
  31. package/dist/index.mjs +1 -1
  32. package/dist/index.mjs.map +1 -1
  33. package/dist/styles.css +217 -7
  34. package/package.json +21 -10
  35. package/src/components/core/user-dropdown.tsx +22 -4
  36. package/src/components/icons.tsx +6 -12
  37. package/src/components/ui/alert.tsx +1 -1
  38. package/src/components/ui/avatar.tsx +1 -1
  39. package/src/components/ui/badge.tsx +1 -1
  40. package/src/components/ui/card.tsx +1 -1
  41. package/src/components/ui/dropdown-menu.tsx +198 -197
  42. package/src/components/ui/input.tsx +1 -1
  43. package/src/components/ui/label.tsx +1 -1
  44. package/src/components/ui/separator.tsx +1 -1
  45. package/src/components/ui/sheet.tsx +1 -1
  46. package/src/stories/core/Navbar.stories.tsx +45 -0
  47. package/src/stories/core/PlaceholderAlert.stories.tsx +23 -0
  48. package/src/stories/core/UserDropdown.stories.tsx +56 -0
  49. package/src/stories/core/UserProfile.stories.tsx +47 -0
  50. package/src/stories/flow/LoginForm.stories.tsx +20 -0
  51. package/src/stories/flow/TotpValidator.stories.tsx +23 -0
  52. package/src/stories/showcase/Landing.stories.tsx +376 -0
  53. package/src/stories/ui/Button.stories.tsx +45 -0
  54. package/vitest.config.ts +39 -0
  55. package/vitest.shims.d.ts +1 -0
  56. package/wrangler.prod.toml +4 -0
  57. package/ladle.config.mjs +0 -21
  58. package/src/main.tsx +0 -9
  59. package/src/preview.tsx +0 -7
  60. package/src/stories/Button._stories.tsx +0 -28
  61. package/src/stories/LoginForm.stories.tsx +0 -29
  62. package/src/stories/Navbar._stories.tsx +0 -66
  63. package/src/stories/PlaceholderAlert._stories.tsx +0 -13
  64. package/src/stories/TotpValidator.stories.tsx +0 -16
  65. package/src/stories/UserDropdown.stories.tsx +0 -34
  66. package/src/stories/UserProfile.stories.tsx +0 -46
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/input.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDCI,IAAAC,EAAA,6BAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,SACE,OAAC,SACC,KAAMD,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ","names":["input_exports","__export","Input","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Input","className","type","props","cn"]}
1
+ {"version":3,"sources":["../../../src/components/ui/input.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDCI,IAAAC,EAAA,6BAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,SACE,OAAC,SACC,KAAMD,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ","names":["input_exports","__export","Input","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Input","className","type","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/input.tsx"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n"],"mappings":";AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCCI,cAAAC,MAAA,oBAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,EAAC,SACC,KAAMG,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ","names":["clsx","twMerge","cn","inputs","jsx","Input","className","type","props","cn"]}
1
+ {"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/input.tsx"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n"],"mappings":";AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCCI,cAAAC,MAAA,oBAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,EAAC,SACC,KAAMG,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ","names":["clsx","twMerge","cn","inputs","jsx","Input","className","type","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAGA,IAAAI,EAAgC,oCCHhC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDOI,IAAAC,EAAA,6BALJ,SAASC,EAAM,CACb,UAAAC,EACA,GAAGC,CACL,EAAqD,CACnD,SACE,OAAgB,OAAf,CACC,YAAU,QACV,UAAWC,EACT,sNACAF,CACF,EACC,GAAGC,EACN,CAEJ","names":["label_exports","__export","Label","__toCommonJS","LabelPrimitive","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Label","className","props","cn"]}
1
+ {"version":3,"sources":["../../../src/components/ui/label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAGA,IAAAI,EAAgC,oCCHhC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDOI,IAAAC,EAAA,6BALJ,SAASC,EAAM,CACb,UAAAC,EACA,GAAGC,CACL,EAAqD,CACnD,SACE,OAAgB,OAAf,CACC,YAAU,QACV,UAAWC,EACT,sNACAF,CACF,EACC,GAAGC,EACN,CAEJ","names":["label_exports","__export","Label","__toCommonJS","LabelPrimitive","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Label","className","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAoB,wBCHhC,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDOI,cAAAC,MAAA,oBALJ,SAASC,EAAM,CACb,UAAAC,EACA,GAAGC,CACL,EAAqD,CACnD,OACEH,EAAgB,OAAf,CACC,YAAU,QACV,UAAWI,EACT,sNACAF,CACF,EACC,GAAGC,EACN,CAEJ","names":["LabelPrimitive","clsx","twMerge","cn","inputs","jsx","Label","className","props","cn"]}
1
+ {"version":3,"sources":["../../../src/components/ui/label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAoB,wBCHhC,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDOI,cAAAC,MAAA,oBALJ,SAASC,EAAM,CACb,UAAAC,EACA,GAAGC,CACL,EAAqD,CACnD,OACEH,EAAgB,OAAf,CACC,YAAU,QACV,UAAWI,EACT,sNACAF,CACF,EACC,GAAGC,EACN,CAEJ","names":["LabelPrimitive","clsx","twMerge","cn","inputs","jsx","Label","className","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/separator.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Separator };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAGA,IAAAI,EAAoC,wCCHpC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDSI,IAAAC,EAAA,6BAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,SACE,OAAoB,OAAnB,CACC,YAAU,iBACV,WAAYD,EACZ,YAAaD,EACb,UAAWG,EACT,iKACAJ,CACF,EACC,GAAGG,EACN,CAEJ","names":["separator_exports","__export","Separator","__toCommonJS","SeparatorPrimitive","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Separator","className","orientation","decorative","props","cn"]}
1
+ {"version":3,"sources":["../../../src/components/ui/separator.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Separator };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAGA,IAAAI,EAAoC,wCCHpC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDSI,IAAAC,EAAA,6BAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,SACE,OAAoB,OAAnB,CACC,YAAU,iBACV,WAAYD,EACZ,YAAaD,EACb,UAAWG,EACT,iKACAJ,CACF,EACC,GAAGG,EACN,CAEJ","names":["separator_exports","__export","Separator","__toCommonJS","SeparatorPrimitive","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Separator","className","orientation","decorative","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/separator.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Separator };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAwB,4BCHpC,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDSI,cAAAC,MAAA,oBAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEL,EAAoB,OAAnB,CACC,YAAU,iBACV,WAAYI,EACZ,YAAaD,EACb,UAAWG,EACT,iKACAJ,CACF,EACC,GAAGG,EACN,CAEJ","names":["SeparatorPrimitive","clsx","twMerge","cn","inputs","jsx","Separator","className","orientation","decorative","props","cn"]}
1
+ {"version":3,"sources":["../../../src/components/ui/separator.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Separator };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAwB,4BCHpC,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDSI,cAAAC,MAAA,oBAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEL,EAAoB,OAAnB,CACC,YAAU,iBACV,WAAYI,EACZ,YAAaD,EACb,UAAWG,EACT,iKACAJ,CACF,EACC,GAAGG,EACN,CAEJ","names":["SeparatorPrimitive","clsx","twMerge","cn","inputs","jsx","Separator","className","orientation","decorative","props","cn"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/sheet.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>;\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n side === \"right\" &&\n \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n side === \"left\" &&\n \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n side === \"top\" &&\n \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n side === \"bottom\" &&\n \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,eAAAC,EAAA,iBAAAC,EAAA,qBAAAC,EAAA,gBAAAC,EAAA,gBAAAC,EAAA,eAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAV,GAGA,IAAAW,EAAgC,qCAChCC,EAAkB,wBCJlB,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDOS,IAAAC,EAAA,6BAHHC,EAAQ,IAEd,SAASC,EAAM,CAAE,GAAGC,CAAM,EAAqD,CAC7E,SAAO,OAAgB,OAAf,CAAoB,YAAU,QAAS,GAAGA,EAAO,CAC3D,CAEA,SAASC,EAAa,CACpB,GAAGD,CACL,EAAwD,CACtD,SAAO,OAAgB,UAAf,CAAuB,YAAU,gBAAiB,GAAGA,EAAO,CACtE,CAEA,SAASE,EAAW,CAClB,GAAGF,CACL,EAAsD,CACpD,SAAO,OAAgB,QAAf,CAAqB,YAAU,cAAe,GAAGA,EAAO,CAClE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,SAAO,OAAgB,SAAf,CAAsB,YAAU,eAAgB,GAAGA,EAAO,CACpE,CAEA,SAASI,EAAa,CACpB,UAAAC,EACA,GAAGL,CACL,EAAwD,CACtD,SACE,OAAgB,UAAf,CACC,YAAU,gBACV,UAAWM,EACT,yJACAD,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAF,EACA,SAAAG,EACA,KAAAC,EAAO,QACP,GAAGT,CACL,EAEG,CACD,SACE,QAACG,EAAA,CACC,oBAACC,EAAA,EAAa,KACd,QAAgB,UAAf,CACC,YAAU,gBACV,UAAWE,EACT,6MACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFJ,CACF,EACC,GAAGL,EAEH,UAAAQ,KACD,QAAgB,QAAf,CAAqB,UAAU,6OAC9B,oBAACV,EAAA,CAAM,UAAU,SAAS,KAC1B,OAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAEA,SAASY,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAgC,CACzE,SACE,OAAC,OACC,YAAU,eACV,UAAWM,EAAG,4BAA6BD,CAAS,EACnD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAY,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAAgC,CACzE,SACE,OAAC,OACC,YAAU,eACV,UAAWM,EAAG,kCAAmCD,CAAS,EACzD,GAAGL,EACN,CAEJ,CAEA,SAASY,EAAW,CAClB,UAAAP,EACA,GAAGL,CACL,EAAsD,CACpD,SACE,OAAgB,QAAf,CACC,YAAU,cACV,UAAWM,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASa,EAAiB,CACxB,UAAAR,EACA,GAAGL,CACL,EAA4D,CAC1D,SACE,OAAgB,cAAf,CACC,YAAU,oBACV,UAAWM,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ","names":["sheet_exports","__export","Sheet","SheetClose","SheetContent","SheetDescription","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","__toCommonJS","SheetPrimitive","import_lucide_react","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","XIcon","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}
1
+ {"version":3,"sources":["../../../src/components/ui/sheet.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>;\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n side === \"right\" &&\n \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n side === \"left\" &&\n \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n side === \"top\" &&\n \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n side === \"bottom\" &&\n \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,eAAAC,EAAA,iBAAAC,EAAA,qBAAAC,EAAA,gBAAAC,EAAA,gBAAAC,EAAA,eAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAV,GAGA,IAAAW,EAAgC,qCAChCC,EAAkB,wBCJlB,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDOS,IAAAC,EAAA,6BAHHC,EAAQ,IAEd,SAASC,EAAM,CAAE,GAAGC,CAAM,EAAqD,CAC7E,SAAO,OAAgB,OAAf,CAAoB,YAAU,QAAS,GAAGA,EAAO,CAC3D,CAEA,SAASC,EAAa,CACpB,GAAGD,CACL,EAAwD,CACtD,SAAO,OAAgB,UAAf,CAAuB,YAAU,gBAAiB,GAAGA,EAAO,CACtE,CAEA,SAASE,EAAW,CAClB,GAAGF,CACL,EAAsD,CACpD,SAAO,OAAgB,QAAf,CAAqB,YAAU,cAAe,GAAGA,EAAO,CAClE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,SAAO,OAAgB,SAAf,CAAsB,YAAU,eAAgB,GAAGA,EAAO,CACpE,CAEA,SAASI,EAAa,CACpB,UAAAC,EACA,GAAGL,CACL,EAAwD,CACtD,SACE,OAAgB,UAAf,CACC,YAAU,gBACV,UAAWM,EACT,yJACAD,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAF,EACA,SAAAG,EACA,KAAAC,EAAO,QACP,GAAGT,CACL,EAEG,CACD,SACE,QAACG,EAAA,CACC,oBAACC,EAAA,EAAa,KACd,QAAgB,UAAf,CACC,YAAU,gBACV,UAAWE,EACT,6MACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFJ,CACF,EACC,GAAGL,EAEH,UAAAQ,KACD,QAAgB,QAAf,CAAqB,UAAU,6OAC9B,oBAACV,EAAA,CAAM,UAAU,SAAS,KAC1B,OAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAEA,SAASY,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAgC,CACzE,SACE,OAAC,OACC,YAAU,eACV,UAAWM,EAAG,4BAA6BD,CAAS,EACnD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAY,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAAgC,CACzE,SACE,OAAC,OACC,YAAU,eACV,UAAWM,EAAG,kCAAmCD,CAAS,EACzD,GAAGL,EACN,CAEJ,CAEA,SAASY,EAAW,CAClB,UAAAP,EACA,GAAGL,CACL,EAAsD,CACpD,SACE,OAAgB,QAAf,CACC,YAAU,cACV,UAAWM,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASa,EAAiB,CACxB,UAAAR,EACA,GAAGL,CACL,EAA4D,CAC1D,SACE,OAAgB,cAAf,CACC,YAAU,oBACV,UAAWM,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ","names":["sheet_exports","__export","Sheet","SheetClose","SheetContent","SheetDescription","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","__toCommonJS","SheetPrimitive","import_lucide_react","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","XIcon","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ui/sheet.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>;\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n side === \"right\" &&\n \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n side === \"left\" &&\n \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n side === \"top\" &&\n \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n side === \"bottom\" &&\n \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAoB,yBAChC,OAAS,KAAAC,MAAS,eCJlB,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDOS,cAAAC,EAiED,QAAAC,MAjEC,oBAHT,IAAMC,EAAQC,EAEd,SAASC,EAAM,CAAE,GAAGC,CAAM,EAAqD,CAC7E,OAAOL,EAAgB,OAAf,CAAoB,YAAU,QAAS,GAAGK,EAAO,CAC3D,CAEA,SAASC,EAAa,CACpB,GAAGD,CACL,EAAwD,CACtD,OAAOL,EAAgB,UAAf,CAAuB,YAAU,gBAAiB,GAAGK,EAAO,CACtE,CAEA,SAASE,EAAW,CAClB,GAAGF,CACL,EAAsD,CACpD,OAAOL,EAAgB,QAAf,CAAqB,YAAU,cAAe,GAAGK,EAAO,CAClE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,OAAOL,EAAgB,SAAf,CAAsB,YAAU,eAAgB,GAAGK,EAAO,CACpE,CAEA,SAASI,EAAa,CACpB,UAAAC,EACA,GAAGL,CACL,EAAwD,CACtD,OACEL,EAAgB,UAAf,CACC,YAAU,gBACV,UAAWW,EACT,yJACAD,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAF,EACA,SAAAG,EACA,KAAAC,EAAO,QACP,GAAGT,CACL,EAEG,CACD,OACEJ,EAACO,EAAA,CACC,UAAAR,EAACS,EAAA,EAAa,EACdR,EAAgB,UAAf,CACC,YAAU,gBACV,UAAWU,EACT,6MACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFJ,CACF,EACC,GAAGL,EAEH,UAAAQ,EACDZ,EAAgB,QAAf,CAAqB,UAAU,6OAC9B,UAAAD,EAACE,EAAA,CAAM,UAAU,SAAS,EAC1BF,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAEA,SAASe,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAgC,CACzE,OACEL,EAAC,OACC,YAAU,eACV,UAAWW,EAAG,4BAA6BD,CAAS,EACnD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAY,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAAgC,CACzE,OACEL,EAAC,OACC,YAAU,eACV,UAAWW,EAAG,kCAAmCD,CAAS,EACzD,GAAGL,EACN,CAEJ,CAEA,SAASY,EAAW,CAClB,UAAAP,EACA,GAAGL,CACL,EAAsD,CACpD,OACEL,EAAgB,QAAf,CACC,YAAU,cACV,UAAWW,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASa,EAAiB,CACxB,UAAAR,EACA,GAAGL,CACL,EAA4D,CAC1D,OACEL,EAAgB,cAAf,CACC,YAAU,oBACV,UAAWW,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ","names":["SheetPrimitive","X","clsx","twMerge","cn","inputs","jsx","jsxs","XIcon","X","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}
1
+ {"version":3,"sources":["../../../src/components/ui/sheet.tsx","../../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>;\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n side === \"right\" &&\n \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n side === \"left\" &&\n \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n side === \"top\" &&\n \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n side === \"bottom\" &&\n \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";aAGA,UAAYA,MAAoB,yBAChC,OAAS,KAAAC,MAAS,eCJlB,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDOS,cAAAC,EAiED,QAAAC,MAjEC,oBAHT,IAAMC,EAAQC,EAEd,SAASC,EAAM,CAAE,GAAGC,CAAM,EAAqD,CAC7E,OAAOL,EAAgB,OAAf,CAAoB,YAAU,QAAS,GAAGK,EAAO,CAC3D,CAEA,SAASC,EAAa,CACpB,GAAGD,CACL,EAAwD,CACtD,OAAOL,EAAgB,UAAf,CAAuB,YAAU,gBAAiB,GAAGK,EAAO,CACtE,CAEA,SAASE,EAAW,CAClB,GAAGF,CACL,EAAsD,CACpD,OAAOL,EAAgB,QAAf,CAAqB,YAAU,cAAe,GAAGK,EAAO,CAClE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,OAAOL,EAAgB,SAAf,CAAsB,YAAU,eAAgB,GAAGK,EAAO,CACpE,CAEA,SAASI,EAAa,CACpB,UAAAC,EACA,GAAGL,CACL,EAAwD,CACtD,OACEL,EAAgB,UAAf,CACC,YAAU,gBACV,UAAWW,EACT,yJACAD,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASO,EAAa,CACpB,UAAAF,EACA,SAAAG,EACA,KAAAC,EAAO,QACP,GAAGT,CACL,EAEG,CACD,OACEJ,EAACO,EAAA,CACC,UAAAR,EAACS,EAAA,EAAa,EACdR,EAAgB,UAAf,CACC,YAAU,gBACV,UAAWU,EACT,6MACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFJ,CACF,EACC,GAAGL,EAEH,UAAAQ,EACDZ,EAAgB,QAAf,CAAqB,UAAU,6OAC9B,UAAAD,EAACE,EAAA,CAAM,UAAU,SAAS,EAC1BF,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAEA,SAASe,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAgC,CACzE,OACEL,EAAC,OACC,YAAU,eACV,UAAWW,EAAG,4BAA6BD,CAAS,EACnD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAY,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAAgC,CACzE,OACEL,EAAC,OACC,YAAU,eACV,UAAWW,EAAG,kCAAmCD,CAAS,EACzD,GAAGL,EACN,CAEJ,CAEA,SAASY,EAAW,CAClB,UAAAP,EACA,GAAGL,CACL,EAAsD,CACpD,OACEL,EAAgB,QAAf,CACC,YAAU,cACV,UAAWW,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASa,EAAiB,CACxB,UAAAR,EACA,GAAGL,CACL,EAA4D,CAC1D,OACEL,EAAgB,cAAf,CACC,YAAU,oBACV,UAAWW,EAAG,gCAAiCD,CAAS,EACvD,GAAGL,EACN,CAEJ","names":["SheetPrimitive","X","clsx","twMerge","cn","inputs","jsx","jsxs","XIcon","X","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}
package/dist/index.d.mts CHANGED
@@ -89,8 +89,10 @@ interface UserDropdownProps {
89
89
  align?: "start" | "center" | "end";
90
90
  sideOffset?: number;
91
91
  modal?: boolean;
92
+ triggerAsChild?: boolean;
93
+ triggerWrapperClassName?: string;
92
94
  }
93
- declare const UserDropdown: ({ trigger, user, className, onManageAccount, onSignout, links, side, align, sideOffset, modal, }: UserDropdownProps) => react_jsx_runtime.JSX.Element;
95
+ declare const UserDropdown: ({ trigger, user, className, onManageAccount, onSignout, links, side, align, sideOffset, modal, triggerAsChild, triggerWrapperClassName, }: UserDropdownProps) => react_jsx_runtime.JSX.Element;
94
96
 
95
97
  interface PlaceholderAlertProps {
96
98
  title?: string;
package/dist/index.d.ts CHANGED
@@ -89,8 +89,10 @@ interface UserDropdownProps {
89
89
  align?: "start" | "center" | "end";
90
90
  sideOffset?: number;
91
91
  modal?: boolean;
92
+ triggerAsChild?: boolean;
93
+ triggerWrapperClassName?: string;
92
94
  }
93
- declare const UserDropdown: ({ trigger, user, className, onManageAccount, onSignout, links, side, align, sideOffset, modal, }: UserDropdownProps) => react_jsx_runtime.JSX.Element;
95
+ declare const UserDropdown: ({ trigger, user, className, onManageAccount, onSignout, links, side, align, sideOffset, modal, triggerAsChild, triggerWrapperClassName, }: UserDropdownProps) => react_jsx_runtime.JSX.Element;
94
96
 
95
97
  interface PlaceholderAlertProps {
96
98
  title?: string;
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use strict";var Ye=Object.create;var X=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var Qe=Object.getOwnPropertyNames;var Ze=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var tt=(t,o)=>{for(var r in o)X(t,r,{get:o[r],enumerable:!0})},ue=(t,o,r,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of Qe(o))!et.call(t,d)&&d!==r&&X(t,d,{get:()=>o[d],enumerable:!(c=Je(o,d))||c.enumerable});return t};var K=(t,o,r)=>(r=t!=null?Ye(Ze(t)):{},ue(o||!t||!t.__esModule?X(r,"default",{value:t,enumerable:!0}):r,t)),ot=t=>ue(X({},"__esModule",{value:!0}),t);var pt={};tt(pt,{Button:()=>v,ClientOnly:()=>ye,Navbar:()=>Se,PlaceholderAlert:()=>We,TOTPValidator:()=>qe,UserDropdown:()=>je,UserProfile:()=>Ue});module.exports=ot(pt);var ge=K(require("react")),be=require("@radix-ui/react-slot"),xe=require("class-variance-authority");var fe=require("clsx"),ve=require("tailwind-merge");function i(...t){return(0,ve.twMerge)((0,fe.clsx)(t))}var he=require("react/jsx-runtime"),rt=(0,xe.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),v=ge.forwardRef(({className:t,variant:o,size:r,asChild:c=!1,...d},b)=>(0,he.jsx)(c?be.Slot:"button",{className:i(rt({variant:o,size:r,className:t})),ref:b,...d}));v.displayName="Button";var Y=require("react"),J=require("react/jsx-runtime"),ye=({children:t})=>{let[o,r]=(0,Y.useState)(!1);return(0,Y.useEffect)(()=>{r(!0)},[]),o?(0,J.jsx)(J.Fragment,{children:t}):null};var Me=require("react"),_=require("lucide-react");var E=K(require("@radix-ui/react-avatar"));var Q=require("react/jsx-runtime");function z({className:t,...o}){return(0,Q.jsx)(E.Root,{"data-slot":"avatar",className:i("relative flex size-8 shrink-0 overflow-hidden rounded-full",t),...o})}function B({className:t,...o}){return(0,Q.jsx)(E.Image,{"data-slot":"avatar-image",className:i("aspect-square size-full",t),...o})}function G({className:t,...o}){return(0,Q.jsx)(E.Fallback,{"data-slot":"avatar-fallback",className:i("bg-muted flex size-full items-center justify-center rounded-full",t),...o})}var m=K(require("@radix-ui/react-dropdown-menu")),ce=require("lucide-react");var C=require("react/jsx-runtime");function Z({...t}){return(0,C.jsx)(m.Root,{"data-slot":"dropdown-menu",...t})}function ee({...t}){return(0,C.jsx)(m.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function te({className:t,sideOffset:o=4,...r}){return(0,C.jsx)(m.Portal,{children:(0,C.jsx)(m.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",t),...r})})}function we({...t}){return(0,C.jsx)(m.Group,{"data-slot":"dropdown-menu-group",...t})}function I({className:t,inset:o,variant:r="default",...c}){return(0,C.jsx)(m.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className:i("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...c})}function Ne({className:t,inset:o,...r}){return(0,C.jsx)(m.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function O({className:t,...o}){return(0,C.jsx)(m.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",t),...o})}var g=K(require("@radix-ui/react-dialog")),Ce=require("lucide-react");var w=require("react/jsx-runtime"),at=Ce.X;function Pe({...t}){return(0,w.jsx)(g.Root,{"data-slot":"sheet",...t})}function ke({...t}){return(0,w.jsx)(g.Trigger,{"data-slot":"sheet-trigger",...t})}function nt({...t}){return(0,w.jsx)(g.Portal,{"data-slot":"sheet-portal",...t})}function it({className:t,...o}){return(0,w.jsx)(g.Overlay,{"data-slot":"sheet-overlay",className:i("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...o})}function De({className:t,children:o,side:r="right",...c}){return(0,w.jsxs)(nt,{children:[(0,w.jsx)(it,{}),(0,w.jsxs)(g.Content,{"data-slot":"sheet-content",className:i("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",r==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",r==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",r==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",r==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...c,children:[o,(0,w.jsxs)(g.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,w.jsx)(at,{className:"size-4"}),(0,w.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}var re=require("react"),oe=require("react/jsx-runtime"),st={className:"mr-2 h-4 w-4","aria-hidden":"true"},dt=t=>{let[o,r]=(0,re.useState)(!1);return(0,re.useEffect)(()=>{r(!0)},[]),o?(0,oe.jsx)(t,{...st}):(0,oe.jsx)("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})},F=({Icon:t})=>(0,oe.jsx)("span",{className:"inline-flex items-center justify-center",children:dt(t)});var a=require("react/jsx-runtime");function Se({items:t=[],children:o,className:r,logoText:c="ACME Corp",user:d={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:b=()=>console.log("Navigating to home"),onNavItemClick:x=k=>console.log(`Navigating to ${k}`),onProfileSelected:R,onLogout:h=()=>console.log("Logout clicked"),isLoading:y=!1,identityHost:D="https://stg-id.authdog.xyz",environmentId:N="58be35b0-708f-49f6-84f0-6695d307d997"}){let[k,M]=(0,Me.useState)(!1),S=d!=null&&d.id!==null&&d.id!==void 0;return(0,a.jsx)("header",{className:i("border-b bg-background",r),children:(0,a.jsxs)("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("span",{className:"text-xl font-bold cursor-pointer",onClick:b,children:c}),(0,a.jsx)("nav",{className:"hidden md:flex gap-6",children:t?.map((n,l)=>(0,a.jsx)("span",{onClick:()=>{n.disabled||x(n.href)},className:i("text-sm font-medium transition-colors hover:text-primary cursor-pointer",n.disabled&&"cursor-not-allowed opacity-80"),children:n.title},l))})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[o,S?(0,a.jsxs)(Z,{children:[(0,a.jsx)(ee,{asChild:!0,children:(0,a.jsx)(v,{variant:"ghost",className:"relative h-8 w-8 rounded-full",disabled:y,children:(0,a.jsx)(z,{className:"h-8 w-8",children:y?(0,a.jsx)("div",{className:"h-8 w-8 animate-pulse bg-muted rounded-full"}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(B,{src:d.photos?.[0]?.value||"/placeholder.svg",alt:d.displayName}),(0,a.jsx)(G,{children:d.displayName?.charAt(0)})]})})})}),(0,a.jsx)(te,{className:"w-56",align:"end",forceMount:!0,children:y?(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("div",{className:"h-4 w-3/4 animate-pulse bg-muted rounded mb-2"}),(0,a.jsx)("div",{className:"h-3 w-1/2 animate-pulse bg-muted rounded"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(Ne,{className:"font-normal",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-1",children:[(0,a.jsx)("p",{className:"text-sm font-medium leading-none",children:d.displayName}),(0,a.jsx)("p",{className:"text-xs leading-none text-muted-foreground",children:d.emails?.[0]?.value})]})}),(0,a.jsx)(O,{}),(0,a.jsx)(we,{children:(0,a.jsxs)(I,{onClick:R,children:[(0,a.jsx)(F,{Icon:_.User}),(0,a.jsx)("span",{children:"Profile"})]})}),(0,a.jsx)(O,{}),(0,a.jsxs)(I,{onClick:h,children:[(0,a.jsx)(F,{Icon:_.LogOut}),(0,a.jsx)("span",{children:"Log out"})]})]})})]}):(0,a.jsx)(v,{variant:"default","aria-label":"Sign in",onClick:()=>{if(!N)throw new Error("Environment ID is required");if(!D)throw new Error("Identity Host is required");let n=`${D}/signin/${N}`;window.open(n,"_blank")},children:"Sign in"}),(0,a.jsxs)(Pe,{open:k,onOpenChange:M,children:[(0,a.jsx)(ke,{asChild:!0,children:(0,a.jsx)(v,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:(0,a.jsx)(F,{Icon:_.Menu})})}),(0,a.jsx)(De,{side:"left",className:"pr-0",children:(0,a.jsx)("nav",{className:"grid gap-2 py-6",children:t?.map((n,l)=>(0,a.jsx)("a",{href:n.href,className:i("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",n.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>M(!1),children:n.title},l))})})]})]})]})})}var P=require("react");var Re=require("@radix-ui/react-slot"),Ie=require("class-variance-authority");var Te=require("react/jsx-runtime"),lt=(0,Ie.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function ae({className:t,variant:o,asChild:r=!1,...c}){return(0,Te.jsx)(r?Re.Slot:"span",{"data-slot":"badge",className:i(lt({variant:o}),t),...c})}var T=require("react/jsx-runtime");function U({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card",className:i("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...o})}function Ae({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card-header",className:i("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...o})}function Ve({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card-title",className:i("leading-none font-semibold",t),...o})}function Le({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card-description",className:i("text-muted-foreground text-sm",t),...o})}function j({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card-content",className:i("px-6",t),...o})}function Ee({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"card-footer",className:i("flex items-center px-6 [.border-t]:pt-6",t),...o})}var Be=require("react/jsx-runtime");function ze({className:t,type:o,...r}){return(0,Be.jsx)("input",{type:o,"data-slot":"input",className:i("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...r})}var Ge=K(require("@radix-ui/react-label"));var Fe=require("react/jsx-runtime");function Oe({className:t,...o}){return(0,Fe.jsx)(Ge.Root,{"data-slot":"label",className:i("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...o})}var _e=require("lucide-react"),e=require("react/jsx-runtime"),Ue=({loading:t,user:o,handleAuthenticated:r,onRequestEmailVerification:c,onVerifyEmail:d,onAddEmail:b})=>{let[x,R]=(0,P.useState)(!1),[h,y]=(0,P.useState)("profile"),[D,N]=(0,P.useState)(null),[k,M]=(0,P.useState)({}),[S,n]=(0,P.useState)(!1),[l,f]=(0,P.useState)("");(0,P.useEffect)(()=>{R(!0)},[]),(0,P.useEffect)(()=>{!t&&r&&r()},[t,o,r]);let W={className:"mr-2 h-4 w-4","aria-hidden":"true"},q=u=>x?(0,e.jsx)(u,{...W}):null;return!x||t?(0,e.jsx)("div",{children:"Loading..."}):o?(0,e.jsxs)("div",{className:"grid grid-cols-[14rem,1fr] w-full bg-transparent",children:[(0,e.jsxs)("div",{className:"h-full border-r border-border p-3 md:p-4 bg-transparent flex flex-col min-w-0",children:[(0,e.jsxs)("div",{className:"mb-3 md:mb-4",children:[(0,e.jsx)("h1",{className:"text-xl font-bold text-foreground",children:"Account"}),(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"Manage your account info."})]}),(0,e.jsx)("nav",{className:"space-y-1 flex-1",children:(0,e.jsxs)("button",{onClick:()=>y("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${h==="profile"?"bg-muted text-foreground":"text-muted-foreground hover:bg-muted/50"}`,children:[q(_e.User),"Profile"]})})]}),(0,e.jsxs)("div",{className:"h-full p-3 md:p-5 min-w-0 bg-transparent",children:[(0,e.jsx)("div",{className:"flex justify-between items-center mb-3 md:mb-4",children:(0,e.jsx)("h2",{className:"text-xl font-semibold text-foreground",children:h==="profile"?"Profile details":h==="security"?"Security settings":"Preferences"})}),h==="profile"?(0,e.jsxs)("div",{className:"space-y-5 md:space-y-6",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-3 text-foreground",children:"Profile"}),(0,e.jsx)("div",{className:"flex items-center justify-between",children:(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsxs)(z,{className:"h-12 w-12 mr-4 border",children:[(0,e.jsx)(B,{src:o.photos?.[0]?.value,alt:"Profile picture"}),(0,e.jsx)(G,{children:o.displayName?.split(" ").map(u=>u[0]).join("")})]}),(0,e.jsx)("span",{className:"font-medium text-foreground",children:o.displayName})]})})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-3 text-foreground",children:"Email addresses"}),(0,e.jsxs)("div",{className:"space-y-2.5",children:[o.emails.map((u,L)=>{let me=(o?.verifications||[]).find(le=>le.email===u.value)?.verified===!0,pe=k[u.value]||"";return(0,e.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)("span",{className:"text-foreground",children:u.value}),(0,e.jsx)("div",{className:"mt-1",children:me?(0,e.jsx)(ae,{className:"text-xs rounded-full px-2.5 py-0.5 bg-green-100 text-green-800 border border-green-300 dark:bg-green-500/20 dark:text-green-200 dark:border-green-400/40",children:"Verified"}):(0,e.jsx)(ae,{className:"text-xs rounded-full px-2.5 py-0.5 bg-amber-100 text-amber-800 border border-amber-300 dark:bg-amber-500/20 dark:text-amber-200 dark:border-amber-400/40",children:"Not verified"})})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[L===0&&(0,e.jsx)(ae,{variant:"outline",className:"text-xs bg-muted text-foreground hover:bg-muted",children:"Primary"}),!me&&(0,e.jsx)(e.Fragment,{children:D===u.value?(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[(0,e.jsx)("input",{className:"h-7 w-24 text-sm rounded-md border border-border bg-background px-2 text-foreground",placeholder:"Code",value:pe,onChange:le=>M(Xe=>({...Xe,[u.value]:le.target.value}))}),(0,e.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:async()=>{d&&await d(u.value,pe)},children:"Verify"}),(0,e.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:()=>N(null),children:"Cancel"})]}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:async()=>{c&&await c(u.value),N(u.value)},children:"Send code"})})})]})]},u.value)}),(0,e.jsx)("div",{className:"mt-2",children:S?(0,e.jsx)("div",{className:"max-w-md",children:(0,e.jsxs)(U,{children:[(0,e.jsxs)(Ae,{children:[(0,e.jsx)(Ve,{children:"Add email address"}),(0,e.jsx)(Le,{children:"You'll need to verify this email address before it can be added to your account."})]}),(0,e.jsx)(j,{children:(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)(Oe,{htmlFor:"new-email",children:"Email address"}),(0,e.jsx)(ze,{id:"new-email",placeholder:"Enter your email address",value:l,onChange:u=>f(u.target.value),onKeyDown:async u=>{if(u.key==="Enter"){let L=String(l||"").trim().toLowerCase();if(!L)return;b&&await b(L),n(!1),f("")}}})]})}),(0,e.jsxs)(Ee,{className:"justify-end gap-2",children:[(0,e.jsx)(v,{variant:"ghost",onClick:()=>{n(!1),f("")},children:"Cancel"}),(0,e.jsx)(v,{onClick:async()=>{let u=String(l||"").trim().toLowerCase();u&&(b&&await b(u),n(!1),f(""))},children:"Add"})]})]})}):(0,e.jsx)(v,{variant:"outline",size:"sm",className:"text-xs",onClick:()=>n(!0),children:"Add email"})})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-3 text-gray-900 dark:text-gray-100",children:"Connected accounts"}),(0,e.jsx)("div",{className:"space-y-2.5",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("div",{className:"flex items-center",children:(0,e.jsx)("div",{className:"mr-2",children:(0,e.jsx)("span",{className:"text-gray-900 dark:text-gray-100",children:o.provider})})}),(0,e.jsx)("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:o?.emails?.[0]?.value})]},o.provider)})]})]}):h==="security"?(0,e.jsxs)("div",{className:"space-y-5 md:space-y-6",children:[(0,e.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,e.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,e.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Password"}),(0,e.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"Set password"})]})}),(0,e.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,e.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,e.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Passkeys"}),(0,e.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"+\xA0Add a passkey"})]})}),(0,e.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,e.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,e.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Two-step verification"}),(0,e.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"+\xA0Add two-step verification"})]})}),(0,e.jsxs)("div",{className:"border rounded-md overflow-hidden",children:[(0,e.jsx)("div",{className:"px-4 py-3 border-b text-sm font-medium text-gray-900 dark:text-gray-100",children:"Active devices"}),(0,e.jsx)("div",{className:"p-4 space-y-3",children:(0,e.jsxs)("div",{className:"text-sm",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("span",{className:"inline-block h-5 w-5 rounded-sm bg-gray-900 dark:bg-white"}),(0,e.jsx)("span",{className:"font-medium",children:"X11"}),(0,e.jsx)("span",{className:"text-xs rounded-md border px-2 py-0.5 text-gray-600 dark:text-gray-300",children:"This device"})]}),(0,e.jsx)("div",{className:"text-gray-600 dark:text-gray-400 mt-1",children:"Firefox 142.0"}),(0,e.jsx)("div",{className:"text-gray-600 dark:text-gray-400",children:"127.0.0.1 (Local), (Your City)"}),(0,e.jsx)("div",{className:"text-gray-600 dark:text-gray-400",children:"Today at 7:08 PM"})]})})]}),(0,e.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,e.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,e.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Delete account"}),(0,e.jsx)("button",{className:"text-sm text-red-600 hover:underline",children:"Delete account"})]})})]}):(0,e.jsx)("div",{className:"space-y-5 md:space-y-6",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-3 text-gray-900 dark:text-gray-100",children:"Preferences"}),(0,e.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{className:"text-gray-700 dark:text-gray-300",children:"Locale"}),(0,e.jsx)("span",{className:"text-gray-500 dark:text-gray-400",children:"Auto"})]}),(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{className:"text-gray-700 dark:text-gray-300",children:"Theme"}),(0,e.jsx)("span",{className:"text-gray-500 dark:text-gray-400",children:"System"})]})]})]})})]})]}):(0,e.jsx)("div",{children:"No user"})};var H=require("lucide-react"),p=require("react/jsx-runtime"),ct=t=>t&&String(t).trim().split(/\s+/).slice(0,2).map(c=>c[0]?.toUpperCase()).join("")||"?",je=({trigger:t,user:o,className:r,onManageAccount:c,onSignout:d,links:b=[],side:x="bottom",align:R="end",sideOffset:h=8,modal:y=!1})=>{let D=o?.emails?.[0]?.value||o?.email||"",N=o?.displayName||o?.name||"",k=o?.photos?.[0]?.value||o?.avatar||"",M=n=>{if(n.onClick)return n.onClick();n.href&&(n.href.startsWith("http")?window.open(n.href,"_blank"):window.location.assign(n.href))},S=H.ExternalLink;return(0,p.jsxs)(Z,{modal:y,children:[(0,p.jsx)(ee,{asChild:!0,children:t}),(0,p.jsxs)(te,{align:R,side:x,sideOffset:h,className:i("w-72 p-2 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",r),children:[(0,p.jsxs)("div",{className:"flex items-center gap-3 px-4 pt-4 pb-3",children:[(0,p.jsxs)(z,{className:"h-9 w-9 rounded-full",children:[(0,p.jsx)(B,{src:k,alt:N}),(0,p.jsx)(G,{className:"rounded-full",children:ct(N)})]}),(0,p.jsxs)("div",{className:"min-w-0",children:[(0,p.jsx)("div",{className:"text-sm font-semibold truncate",children:N}),(0,p.jsx)("div",{className:"text-xs text-muted-foreground truncate",children:D})]})]}),(0,p.jsx)(O,{}),(0,p.jsxs)(I,{className:"cursor-pointer py-2",onClick:()=>c?.(),children:[(0,p.jsx)(H.Settings,{className:"mr-2 h-4 w-4"}),(0,p.jsx)("span",{children:"Manage account"})]}),b.map((n,l)=>{let f=n.icon??S;return(0,p.jsxs)(I,{className:"cursor-pointer py-2",onClick:()=>M(n),children:[(0,p.jsx)(f,{className:"mr-2 h-4 w-4"}),(0,p.jsx)("span",{children:n.label})]},`${n.label}-${l}`)}),(0,p.jsx)(O,{}),(0,p.jsxs)(I,{className:"cursor-pointer py-2 rounded-md font-semibold text-red-600 dark:text-red-300 hover:bg-red-50 hover:text-red-700 focus:bg-red-50 focus:text-red-700 dark:hover:bg-red-500/20 dark:focus:bg-red-500/25 dark:hover:text-red-100 dark:focus:text-red-100 border border-transparent dark:border-red-500/30 ring-0 focus-visible:ring-2 focus-visible:ring-red-400/40 dark:focus-visible:ring-red-400/40",onClick:()=>d?.(),children:[(0,p.jsx)(H.LogOut,{className:"mr-2 h-4 w-4 text-red-600 dark:text-red-300"}),(0,p.jsx)("span",{children:"Sign out"})]})]})]})};var Ke=require("lucide-react");var He=require("class-variance-authority");var se=require("react/jsx-runtime"),mt=(0,He.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function ne({className:t,variant:o,...r}){return(0,se.jsx)("div",{"data-slot":"alert",role:"alert",className:i(mt({variant:o}),t),...r})}function $e({className:t,...o}){return(0,se.jsx)("div",{"data-slot":"alert-title",className:i("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...o})}function ie({className:t,...o}){return(0,se.jsx)("div",{"data-slot":"alert-description",className:i("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...o})}var A=require("react/jsx-runtime"),We=t=>{let o=t.title??"Placeholder Alert",r=t.description??"This is a placeholder alert.";return(0,A.jsx)("div",{className:"grid w-full max-w-xl items-start gap-4",children:(0,A.jsxs)(ne,{children:[(0,A.jsx)(F,{Icon:Ke.CheckCircle2Icon}),(0,A.jsx)($e,{children:o}),(0,A.jsx)(ie,{children:r})]})})};var V=require("react");var $=require("lucide-react"),s=require("react/jsx-runtime"),qe=({onValidate:t})=>{let[o,r]=(0,V.useState)(["","","","","",""]),[c,d]=(0,V.useState)(!1),[b,x]=(0,V.useState)(""),[R,h]=(0,V.useState)(!1),y=(0,V.useRef)([]),D=(n,l)=>{if(!/^\d*$/.test(l))return;let f=[...o];f[n]=l.slice(-1),r(f),x(""),h(!1),l&&n<5&&y.current[n+1]?.focus()},N=(n,l)=>{l.key==="Backspace"&&!o[n]&&n>0&&y.current[n-1]?.focus(),l.key==="v"&&(l.ctrlKey||l.metaKey)&&(l.preventDefault(),navigator.clipboard.readText().then(f=>{let W=f.replace(/\D/g,"").slice(0,6).split(""),q=[...o];W.forEach((L,de)=>{de<6&&(q[de]=L)}),r(q);let u=Math.min(W.length,5);y.current[u]?.focus()}))},k=async()=>{let n=o.join("");if(n.length!==6){x("Please enter all 6 digits");return}d(!0),x("");try{await t(n),h(!0)}catch{x("Invalid TOTP code. Please try again.")}finally{d(!1)}},M=n=>{n.preventDefault(),k()},S=()=>{r(["","","","","",""]),x(""),h(!1),d(!1),y.current[0]?.focus()};return R?(0,s.jsx)("div",{className:"max-w-md mx-auto",children:(0,s.jsx)(U,{className:"border-green-200 bg-green-50",children:(0,s.jsx)(j,{className:"pt-6",children:(0,s.jsxs)("div",{className:"text-center space-y-4",children:[(0,s.jsx)("div",{className:"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center",children:(0,s.jsx)($.CheckCircle,{className:"w-8 h-8 text-green-600"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-semibold text-green-900",children:"Verification Successful!"}),(0,s.jsx)("p",{className:"text-sm text-green-700 mt-1",children:"Your TOTP code has been validated."})]}),(0,s.jsx)(v,{onClick:S,variant:"outline",className:"bg-white",children:"Verify Another Code"})]})})})}):(0,s.jsx)("div",{className:"max-w-md mx-auto",children:(0,s.jsx)(U,{children:(0,s.jsx)(j,{className:"pt-6",children:(0,s.jsxs)("div",{className:"text-center space-y-6",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"mx-auto w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4",children:(0,s.jsx)($.Shield,{className:"w-6 h-6 text-blue-600"})}),(0,s.jsx)("h3",{className:"text-lg font-semibold",children:"Enter Verification Code"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:"Enter the 6-digit code from your authenticator app"})]}),(0,s.jsxs)("form",{onSubmit:M,className:"space-y-6",children:[(0,s.jsx)("div",{className:"flex justify-center gap-2",children:o.map((n,l)=>(0,s.jsx)(U,{className:"w-12 h-14 border-2 focus-within:border-blue-500 transition-colors",children:(0,s.jsx)(j,{className:"p-0 h-full flex items-center justify-center",children:(0,s.jsx)("input",{ref:f=>{y.current[l]=f},type:"tel",inputMode:"numeric",maxLength:1,value:n,onChange:f=>D(l,f.target.value),onKeyDown:f=>N(l,f),className:"w-full h-full text-center text-2xl font-bold border-none outline-none bg-transparent",autoComplete:"one-time-code",disabled:c,style:{height:"auto"}})})},l))}),b&&(0,s.jsxs)(ne,{variant:"destructive",children:[(0,s.jsx)($.AlertCircle,{className:"h-4 w-4"}),(0,s.jsx)(ie,{children:b})]}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)(v,{type:"submit",className:"w-full",disabled:c||o.some(n=>n===""),children:c?"Verifying...":"Verify Code"}),(0,s.jsx)(v,{type:"button",variant:"ghost",size:"sm",onClick:S,className:"w-full text-xs",children:"Clear Code"})]})]}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground",children:"Codes refresh every 30 seconds"})]})})})})};
2
+ "use strict";var Je=Object.create;var Z=Object.defineProperty;var Qe=Object.getOwnPropertyDescriptor;var Ze=Object.getOwnPropertyNames;var et=Object.getPrototypeOf,tt=Object.prototype.hasOwnProperty;var ot=(e,t)=>{for(var r in t)Z(e,r,{get:t[r],enumerable:!0})},ge=(e,t,r,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of Ze(t))!tt.call(e,l)&&l!==r&&Z(e,l,{get:()=>t[l],enumerable:!(d=Qe(t,l))||d.enumerable});return e};var O=(e,t,r)=>(r=e!=null?Je(et(e)):{},ge(t||!e||!e.__esModule?Z(r,"default",{value:e,enumerable:!0}):r,e)),rt=e=>ge(Z({},"__esModule",{value:!0}),e);var wt={};ot(wt,{Button:()=>b,ClientOnly:()=>Pe,Navbar:()=>Se,PlaceholderAlert:()=>qe,TOTPValidator:()=>Xe,UserDropdown:()=>je,UserProfile:()=>Ue});module.exports=rt(wt);var ye=O(require("react")),he=require("@radix-ui/react-slot"),we=require("class-variance-authority");var be=require("clsx"),xe=require("tailwind-merge");function n(...e){return(0,xe.twMerge)((0,be.clsx)(e))}var Ne=require("react/jsx-runtime"),at=(0,we.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),b=ye.forwardRef(({className:e,variant:t,size:r,asChild:d=!1,...l},y)=>(0,Ne.jsx)(d?he.Slot:"button",{className:n(at({variant:t,size:r,className:e})),ref:y,...l}));b.displayName="Button";var ee=require("react"),te=require("react/jsx-runtime"),Pe=({children:e})=>{let[t,r]=(0,ee.useState)(!1);return(0,ee.useEffect)(()=>{r(!0)},[]),t?(0,te.jsx)(te.Fragment,{children:e}):null};var ke=require("react"),K=require("lucide-react");var W=O(require("@radix-ui/react-avatar"));var oe=require("react/jsx-runtime");function _({className:e,...t}){return(0,oe.jsx)(W.Root,{"data-slot":"avatar",className:n("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...t})}function F({className:e,...t}){return(0,oe.jsx)(W.Image,{"data-slot":"avatar-image",className:n("aspect-square size-full",e),...t})}function U({className:e,...t}){return(0,oe.jsx)(W.Fallback,{"data-slot":"avatar-fallback",className:n("bg-muted flex size-full items-center justify-center rounded-full",e),...t})}var P=O(require("react")),i=O(require("@radix-ui/react-dropdown-menu")),j=require("lucide-react");var f=require("react/jsx-runtime"),nt=j.Check,it=j.Circle,st=j.ChevronRight;function re({...e}){return(0,f.jsx)(i.Root,{"data-slot":"dropdown-menu",...e})}var H=P.forwardRef(({...e},t)=>(0,f.jsx)(i.Trigger,{ref:t,"data-slot":"dropdown-menu-trigger",...e}));H.displayName=i.Trigger.displayName;var Q=P.forwardRef(({className:e,sideOffset:t=4,...r},d)=>(0,f.jsx)(i.Portal,{children:(0,f.jsx)(i.Content,{ref:d,"data-slot":"dropdown-menu-content",sideOffset:t,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...r})}));Q.displayName=i.Content.displayName;var pe=P.forwardRef(({...e},t)=>(0,f.jsx)(i.Group,{ref:t,"data-slot":"dropdown-menu-group",...e}));pe.displayName=i.Group.displayName;var A=P.forwardRef(({className:e,inset:t,variant:r="default",...d},l)=>(0,f.jsx)(i.Item,{ref:l,"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":r,className:n("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...d}));A.displayName=i.Item.displayName;var dt=P.forwardRef(({className:e,children:t,checked:r,...d},l)=>(0,f.jsxs)(i.CheckboxItem,{ref:l,"data-slot":"dropdown-menu-checkbox-item",className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...d,children:[(0,f.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,f.jsx)(i.ItemIndicator,{children:(0,f.jsx)(nt,{className:"size-4"})})}),t]}));dt.displayName=i.CheckboxItem.displayName;var lt=P.forwardRef(({...e},t)=>(0,f.jsx)(i.RadioGroup,{ref:t,"data-slot":"dropdown-menu-radio-group",...e}));lt.displayName=i.RadioGroup.displayName;var ct=P.forwardRef(({className:e,children:t,...r},d)=>(0,f.jsxs)(i.RadioItem,{ref:d,"data-slot":"dropdown-menu-radio-item",className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[(0,f.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,f.jsx)(i.ItemIndicator,{children:(0,f.jsx)(it,{className:"size-2 fill-current"})})}),t]}));ct.displayName=i.RadioItem.displayName;var ue=P.forwardRef(({className:e,inset:t,...r},d)=>(0,f.jsx)(i.Label,{ref:d,"data-slot":"dropdown-menu-label","data-inset":t,className:n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r}));ue.displayName=i.Label.displayName;var V=P.forwardRef(({className:e,...t},r)=>(0,f.jsx)(i.Separator,{ref:r,"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",e),...t}));V.displayName=i.Separator.displayName;var mt=P.forwardRef(({className:e,...t},r)=>(0,f.jsx)("span",{ref:r,"data-slot":"dropdown-menu-shortcut",className:n("text-muted-foreground ml-auto text-xs tracking-widest",e),...t}));mt.displayName="DropdownMenuShortcut";var pt=P.forwardRef(({className:e,inset:t,children:r,...d},l)=>(0,f.jsxs)(i.SubTrigger,{ref:l,"data-slot":"dropdown-menu-sub-trigger","data-inset":t,className:n("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",e),...d,children:[r,(0,f.jsx)(st,{className:"ml-auto size-4"})]}));pt.displayName=i.SubTrigger.displayName;var ut=P.forwardRef(({className:e,...t},r)=>(0,f.jsx)(i.SubContent,{ref:r,"data-slot":"dropdown-menu-sub-content",className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...t}));ut.displayName=i.SubContent.displayName;var x=O(require("@radix-ui/react-dialog")),Ce=require("lucide-react");var C=require("react/jsx-runtime"),ft=Ce.X;function Re({...e}){return(0,C.jsx)(x.Root,{"data-slot":"sheet",...e})}function De({...e}){return(0,C.jsx)(x.Trigger,{"data-slot":"sheet-trigger",...e})}function vt({...e}){return(0,C.jsx)(x.Portal,{"data-slot":"sheet-portal",...e})}function gt({className:e,...t}){return(0,C.jsx)(x.Overlay,{"data-slot":"sheet-overlay",className:n("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}function Me({className:e,children:t,side:r="right",...d}){return(0,C.jsxs)(vt,{children:[(0,C.jsx)(gt,{}),(0,C.jsxs)(x.Content,{"data-slot":"sheet-content",className:n("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",r==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",r==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",r==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",r==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",e),...d,children:[t,(0,C.jsxs)(x.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,C.jsx)(ft,{className:"size-4"}),(0,C.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}var ne=require("react"),ae=require("react/jsx-runtime"),bt={className:"mr-2 h-4 w-4","aria-hidden":"true"},$=({Icon:e})=>{let[t,r]=(0,ne.useState)(!1);return(0,ne.useEffect)(()=>{r(!0)},[]),(0,ae.jsx)("span",{className:"inline-flex items-center justify-center",children:t?(0,ae.jsx)(e,{...bt}):(0,ae.jsx)("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})})};var a=require("react/jsx-runtime");function Se({items:e=[],children:t,className:r,logoText:d="ACME Corp",user:l={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:y=()=>console.log("Navigating to home"),onNavItemClick:h=k=>console.log(`Navigating to ${k}`),onProfileSelected:E,onLogout:w=()=>console.log("Logout clicked"),isLoading:N=!1,identityHost:S="https://stg-id.authdog.xyz",environmentId:M="58be35b0-708f-49f6-84f0-6695d307d997"}){let[k,R]=(0,ke.useState)(!1),I=l!=null&&l.id!==null&&l.id!==void 0;return(0,a.jsx)("header",{className:n("border-b bg-background",r),children:(0,a.jsxs)("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("span",{className:"text-xl font-bold cursor-pointer",onClick:y,children:d}),(0,a.jsx)("nav",{className:"hidden md:flex gap-6",children:e?.map((s,m)=>(0,a.jsx)("span",{onClick:()=>{s.disabled||h(s.href)},className:n("text-sm font-medium transition-colors hover:text-primary cursor-pointer",s.disabled&&"cursor-not-allowed opacity-80"),children:s.title},m))})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[t,I?(0,a.jsxs)(re,{children:[(0,a.jsx)(H,{asChild:!0,children:(0,a.jsx)(b,{variant:"ghost",className:"relative h-8 w-8 rounded-full",disabled:N,children:(0,a.jsx)(_,{className:"h-8 w-8",children:N?(0,a.jsx)("div",{className:"h-8 w-8 animate-pulse bg-muted rounded-full"}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(F,{src:l.photos?.[0]?.value||"/placeholder.svg",alt:l.displayName}),(0,a.jsx)(U,{children:l.displayName?.charAt(0)})]})})})}),(0,a.jsx)(Q,{className:"w-56",align:"end",forceMount:!0,children:N?(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("div",{className:"h-4 w-3/4 animate-pulse bg-muted rounded mb-2"}),(0,a.jsx)("div",{className:"h-3 w-1/2 animate-pulse bg-muted rounded"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ue,{className:"font-normal",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-1",children:[(0,a.jsx)("p",{className:"text-sm font-medium leading-none",children:l.displayName}),(0,a.jsx)("p",{className:"text-xs leading-none text-muted-foreground",children:l.emails?.[0]?.value})]})}),(0,a.jsx)(V,{}),(0,a.jsx)(pe,{children:(0,a.jsxs)(A,{onClick:E,children:[(0,a.jsx)($,{Icon:K.User}),(0,a.jsx)("span",{children:"Profile"})]})}),(0,a.jsx)(V,{}),(0,a.jsxs)(A,{onClick:w,children:[(0,a.jsx)($,{Icon:K.LogOut}),(0,a.jsx)("span",{children:"Log out"})]})]})})]}):(0,a.jsx)(b,{variant:"default","aria-label":"Sign in",onClick:()=>{if(!M)throw new Error("Environment ID is required");if(!S)throw new Error("Identity Host is required");let s=`${S}/signin/${M}`;window.open(s,"_blank")},children:"Sign in"}),(0,a.jsxs)(Re,{open:k,onOpenChange:R,children:[(0,a.jsx)(De,{asChild:!0,children:(0,a.jsx)(b,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:(0,a.jsx)($,{Icon:K.Menu})})}),(0,a.jsx)(Me,{side:"left",className:"pr-0",children:(0,a.jsx)("nav",{className:"grid gap-2 py-6",children:e?.map((s,m)=>(0,a.jsx)("a",{href:s.href,className:n("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",s.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>R(!1),children:s.title},m))})})]})]})]})})}var D=require("react");var Ie=require("@radix-ui/react-slot"),Te=require("class-variance-authority");var Ae=require("react/jsx-runtime"),xt=(0,Te.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function ie({className:e,variant:t,asChild:r=!1,...d}){return(0,Ae.jsx)(r?Ie.Slot:"span",{"data-slot":"badge",className:n(xt({variant:t}),e),...d})}var L=require("react/jsx-runtime");function q({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card",className:n("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...t})}function Ee({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card-header",className:n("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",e),...t})}function Ve({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card-title",className:n("leading-none font-semibold",e),...t})}function Le({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card-description",className:n("text-muted-foreground text-sm",e),...t})}function X({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card-content",className:n("px-6",e),...t})}function ze({className:e,...t}){return(0,L.jsx)("div",{"data-slot":"card-footer",className:n("flex items-center px-6 [.border-t]:pt-6",e),...t})}var Ge=require("react/jsx-runtime");function Be({className:e,type:t,...r}){return(0,Ge.jsx)("input",{type:t,"data-slot":"input",className:n("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}var Oe=O(require("@radix-ui/react-label"));var _e=require("react/jsx-runtime");function We({className:e,...t}){return(0,_e.jsx)(Oe.Root,{"data-slot":"label",className:n("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...t})}var Fe=require("lucide-react"),o=require("react/jsx-runtime"),Ue=({loading:e,user:t,handleAuthenticated:r,onRequestEmailVerification:d,onVerifyEmail:l,onAddEmail:y})=>{let[h,E]=(0,D.useState)(!1),[w,N]=(0,D.useState)("profile"),[S,M]=(0,D.useState)(null),[k,R]=(0,D.useState)({}),[I,s]=(0,D.useState)(!1),[m,v]=(0,D.useState)("");(0,D.useEffect)(()=>{E(!0)},[]),(0,D.useEffect)(()=>{!e&&r&&r()},[e,t,r]);let G={className:"mr-2 h-4 w-4","aria-hidden":"true"},g=p=>h?(0,o.jsx)(p,{...G}):null;return!h||e?(0,o.jsx)("div",{children:"Loading..."}):t?(0,o.jsxs)("div",{className:"grid grid-cols-[14rem,1fr] w-full bg-transparent",children:[(0,o.jsxs)("div",{className:"h-full border-r border-border p-3 md:p-4 bg-transparent flex flex-col min-w-0",children:[(0,o.jsxs)("div",{className:"mb-3 md:mb-4",children:[(0,o.jsx)("h1",{className:"text-xl font-bold text-foreground",children:"Account"}),(0,o.jsx)("p",{className:"text-sm text-muted-foreground",children:"Manage your account info."})]}),(0,o.jsx)("nav",{className:"space-y-1 flex-1",children:(0,o.jsxs)("button",{onClick:()=>N("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${w==="profile"?"bg-muted text-foreground":"text-muted-foreground hover:bg-muted/50"}`,children:[g(Fe.User),"Profile"]})})]}),(0,o.jsxs)("div",{className:"h-full p-3 md:p-5 min-w-0 bg-transparent",children:[(0,o.jsx)("div",{className:"flex justify-between items-center mb-3 md:mb-4",children:(0,o.jsx)("h2",{className:"text-xl font-semibold text-foreground",children:w==="profile"?"Profile details":w==="security"?"Security settings":"Preferences"})}),w==="profile"?(0,o.jsxs)("div",{className:"space-y-5 md:space-y-6",children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"text-sm font-medium mb-3 text-foreground",children:"Profile"}),(0,o.jsx)("div",{className:"flex items-center justify-between",children:(0,o.jsxs)("div",{className:"flex items-center",children:[(0,o.jsxs)(_,{className:"h-12 w-12 mr-4 border",children:[(0,o.jsx)(F,{src:t.photos?.[0]?.value,alt:"Profile picture"}),(0,o.jsx)(U,{children:t.displayName?.split(" ").map(p=>p[0]).join("")})]}),(0,o.jsx)("span",{className:"font-medium text-foreground",children:t.displayName})]})})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"text-sm font-medium mb-3 text-foreground",children:"Email addresses"}),(0,o.jsxs)("div",{className:"space-y-2.5",children:[t.emails.map((p,T)=>{let fe=(t?.verifications||[]).find(me=>me.email===p.value)?.verified===!0,ve=k[p.value]||"";return(0,o.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,o.jsxs)("div",{className:"flex flex-col",children:[(0,o.jsx)("span",{className:"text-foreground",children:p.value}),(0,o.jsx)("div",{className:"mt-1",children:fe?(0,o.jsx)(ie,{className:"text-xs rounded-full px-2.5 py-0.5 bg-green-100 text-green-800 border border-green-300 dark:bg-green-500/20 dark:text-green-200 dark:border-green-400/40",children:"Verified"}):(0,o.jsx)(ie,{className:"text-xs rounded-full px-2.5 py-0.5 bg-amber-100 text-amber-800 border border-amber-300 dark:bg-amber-500/20 dark:text-amber-200 dark:border-amber-400/40",children:"Not verified"})})]}),(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[T===0&&(0,o.jsx)(ie,{variant:"outline",className:"text-xs bg-muted text-foreground hover:bg-muted",children:"Primary"}),!fe&&(0,o.jsx)(o.Fragment,{children:S===p.value?(0,o.jsxs)("div",{className:"flex items-center gap-1",children:[(0,o.jsx)("input",{className:"h-7 w-24 text-sm rounded-md border border-border bg-background px-2 text-foreground",placeholder:"Code",value:ve,onChange:me=>R(Ye=>({...Ye,[p.value]:me.target.value}))}),(0,o.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:async()=>{l&&await l(p.value,ve)},children:"Verify"}),(0,o.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:()=>M(null),children:"Cancel"})]}):(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("button",{className:"h-7 rounded-md border border-border px-2 text-xs",onClick:async()=>{d&&await d(p.value),M(p.value)},children:"Send code"})})})]})]},p.value)}),(0,o.jsx)("div",{className:"mt-2",children:I?(0,o.jsx)("div",{className:"max-w-md",children:(0,o.jsxs)(q,{children:[(0,o.jsxs)(Ee,{children:[(0,o.jsx)(Ve,{children:"Add email address"}),(0,o.jsx)(Le,{children:"You'll need to verify this email address before it can be added to your account."})]}),(0,o.jsx)(X,{children:(0,o.jsxs)("div",{className:"space-y-2",children:[(0,o.jsx)(We,{htmlFor:"new-email",children:"Email address"}),(0,o.jsx)(Be,{id:"new-email",placeholder:"Enter your email address",value:m,onChange:p=>v(p.target.value),onKeyDown:async p=>{if(p.key==="Enter"){let T=String(m||"").trim().toLowerCase();if(!T)return;y&&await y(T),s(!1),v("")}}})]})}),(0,o.jsxs)(ze,{className:"justify-end gap-2",children:[(0,o.jsx)(b,{variant:"ghost",onClick:()=>{s(!1),v("")},children:"Cancel"}),(0,o.jsx)(b,{onClick:async()=>{let p=String(m||"").trim().toLowerCase();p&&(y&&await y(p),s(!1),v(""))},children:"Add"})]})]})}):(0,o.jsx)(b,{variant:"outline",size:"sm",className:"text-xs",onClick:()=>s(!0),children:"Add email"})})]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"text-sm font-medium mb-3 text-gray-900 dark:text-gray-100",children:"Connected accounts"}),(0,o.jsx)("div",{className:"space-y-2.5",children:(0,o.jsxs)("div",{className:"flex items-center justify-between",children:[(0,o.jsx)("div",{className:"flex items-center",children:(0,o.jsx)("div",{className:"mr-2",children:(0,o.jsx)("span",{className:"text-gray-900 dark:text-gray-100",children:t.provider})})}),(0,o.jsx)("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:t?.emails?.[0]?.value})]},t.provider)})]})]}):w==="security"?(0,o.jsxs)("div",{className:"space-y-5 md:space-y-6",children:[(0,o.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,o.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,o.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Password"}),(0,o.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"Set password"})]})}),(0,o.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,o.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,o.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Passkeys"}),(0,o.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"+\xA0Add a passkey"})]})}),(0,o.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,o.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,o.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Two-step verification"}),(0,o.jsx)("button",{className:"text-sm text-indigo-600 hover:underline",children:"+\xA0Add two-step verification"})]})}),(0,o.jsxs)("div",{className:"border rounded-md overflow-hidden",children:[(0,o.jsx)("div",{className:"px-4 py-3 border-b text-sm font-medium text-gray-900 dark:text-gray-100",children:"Active devices"}),(0,o.jsx)("div",{className:"p-4 space-y-3",children:(0,o.jsxs)("div",{className:"text-sm",children:[(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[(0,o.jsx)("span",{className:"inline-block h-5 w-5 rounded-sm bg-gray-900 dark:bg-white"}),(0,o.jsx)("span",{className:"font-medium",children:"X11"}),(0,o.jsx)("span",{className:"text-xs rounded-md border px-2 py-0.5 text-gray-600 dark:text-gray-300",children:"This device"})]}),(0,o.jsx)("div",{className:"text-gray-600 dark:text-gray-400 mt-1",children:"Firefox 142.0"}),(0,o.jsx)("div",{className:"text-gray-600 dark:text-gray-400",children:"127.0.0.1 (Local), (Your City)"}),(0,o.jsx)("div",{className:"text-gray-600 dark:text-gray-400",children:"Today at 7:08 PM"})]})})]}),(0,o.jsx)("div",{className:"border rounded-md overflow-hidden",children:(0,o.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,o.jsx)("div",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Delete account"}),(0,o.jsx)("button",{className:"text-sm text-red-600 hover:underline",children:"Delete account"})]})})]}):(0,o.jsx)("div",{className:"space-y-5 md:space-y-6",children:(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"text-sm font-medium mb-3 text-gray-900 dark:text-gray-100",children:"Preferences"}),(0,o.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,o.jsxs)("div",{className:"flex items-center justify-between",children:[(0,o.jsx)("span",{className:"text-gray-700 dark:text-gray-300",children:"Locale"}),(0,o.jsx)("span",{className:"text-gray-500 dark:text-gray-400",children:"Auto"})]}),(0,o.jsxs)("div",{className:"flex items-center justify-between",children:[(0,o.jsx)("span",{className:"text-gray-700 dark:text-gray-300",children:"Theme"}),(0,o.jsx)("span",{className:"text-gray-500 dark:text-gray-400",children:"System"})]})]})]})})]})]}):(0,o.jsx)("div",{children:"No user"})};var Y=require("lucide-react"),u=require("react/jsx-runtime"),yt=e=>e&&String(e).trim().split(/\s+/).slice(0,2).map(d=>d[0]?.toUpperCase()).join("")||"?",je=({trigger:e,user:t,className:r,onManageAccount:d,onSignout:l,links:y=[],side:h="bottom",align:E="end",sideOffset:w=8,modal:N=!1,triggerAsChild:S=!1,triggerWrapperClassName:M})=>{let k=t?.emails?.[0]?.value||t?.email||"",R=t?.displayName||t?.name||"",I=t?.photos?.[0]?.value||t?.avatar||"",s=g=>{if(g.onClick)return g.onClick();g.href&&(g.href.startsWith("http")?window.open(g.href,"_blank"):window.location.assign(g.href))},m=Y.ExternalLink,v=Y.Settings,G=Y.LogOut;return(0,u.jsxs)(re,{modal:N,children:[S?(0,u.jsx)(H,{asChild:!0,children:e}):(0,u.jsx)(H,{className:n("inline-flex items-center justify-center bg-transparent p-0 border-0 outline-none focus-visible:outline-none",M),children:e}),(0,u.jsxs)(Q,{align:E,side:h,sideOffset:w,className:n("w-72 p-2 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",r),children:[(0,u.jsxs)("div",{className:"flex items-center gap-3 px-4 pt-4 pb-3",children:[(0,u.jsxs)(_,{className:"h-9 w-9 rounded-full",children:[(0,u.jsx)(F,{src:I,alt:R}),(0,u.jsx)(U,{className:"rounded-full",children:yt(R)})]}),(0,u.jsxs)("div",{className:"min-w-0",children:[(0,u.jsx)("div",{className:"text-sm font-semibold truncate",children:R}),(0,u.jsx)("div",{className:"text-xs text-muted-foreground truncate",children:k})]})]}),(0,u.jsx)(V,{}),(0,u.jsxs)(A,{className:"cursor-pointer py-2",onClick:()=>d?.(),children:[(0,u.jsx)(v,{className:"mr-2 h-4 w-4"}),(0,u.jsx)("span",{children:"Manage account"})]}),y.map((g,p)=>{let T=g.icon??m;return(0,u.jsxs)(A,{className:"cursor-pointer py-2",onClick:()=>s(g),children:[(0,u.jsx)(T,{className:"mr-2 h-4 w-4"}),(0,u.jsx)("span",{children:g.label})]},`${g.label}-${p}`)}),(0,u.jsx)(V,{}),(0,u.jsxs)(A,{className:"cursor-pointer py-2 rounded-md font-semibold text-red-600 dark:text-red-300 hover:bg-red-50 hover:text-red-700 focus:bg-red-50 focus:text-red-700 dark:hover:bg-red-500/20 dark:focus:bg-red-500/25 dark:hover:text-red-100 dark:focus:text-red-100 border border-transparent dark:border-red-500/30 ring-0 focus-visible:ring-2 focus-visible:ring-red-400/40 dark:focus-visible:ring-red-400/40",onClick:()=>l?.(),children:[(0,u.jsx)(G,{className:"mr-2 h-4 w-4 text-red-600 dark:text-red-300"}),(0,u.jsx)("span",{children:"Sign out"})]})]})]})};var Ke=require("lucide-react");var He=require("class-variance-authority");var le=require("react/jsx-runtime"),ht=(0,He.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function se({className:e,variant:t,...r}){return(0,le.jsx)("div",{"data-slot":"alert",role:"alert",className:n(ht({variant:t}),e),...r})}function $e({className:e,...t}){return(0,le.jsx)("div",{"data-slot":"alert-title",className:n("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}function de({className:e,...t}){return(0,le.jsx)("div",{"data-slot":"alert-description",className:n("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}var z=require("react/jsx-runtime"),qe=e=>{let t=e.title??"Placeholder Alert",r=e.description??"This is a placeholder alert.";return(0,z.jsx)("div",{className:"grid w-full max-w-xl items-start gap-4",children:(0,z.jsxs)(se,{children:[(0,z.jsx)($,{Icon:Ke.CheckCircle2Icon}),(0,z.jsx)($e,{children:t}),(0,z.jsx)(de,{children:r})]})})};var B=require("react");var J=require("lucide-react"),c=require("react/jsx-runtime"),Xe=({onValidate:e})=>{let[t,r]=(0,B.useState)(["","","","","",""]),[d,l]=(0,B.useState)(!1),[y,h]=(0,B.useState)(""),[E,w]=(0,B.useState)(!1),N=(0,B.useRef)([]),S=(s,m)=>{if(!/^\d*$/.test(m))return;let v=[...t];v[s]=m.slice(-1),r(v),h(""),w(!1),m&&s<5&&N.current[s+1]?.focus()},M=(s,m)=>{m.key==="Backspace"&&!t[s]&&s>0&&N.current[s-1]?.focus(),m.key==="v"&&(m.ctrlKey||m.metaKey)&&(m.preventDefault(),navigator.clipboard.readText().then(v=>{let G=v.replace(/\D/g,"").slice(0,6).split(""),g=[...t];G.forEach((T,ce)=>{ce<6&&(g[ce]=T)}),r(g);let p=Math.min(G.length,5);N.current[p]?.focus()}))},k=async()=>{let s=t.join("");if(s.length!==6){h("Please enter all 6 digits");return}l(!0),h("");try{await e(s),w(!0)}catch{h("Invalid TOTP code. Please try again.")}finally{l(!1)}},R=s=>{s.preventDefault(),k()},I=()=>{r(["","","","","",""]),h(""),w(!1),l(!1),N.current[0]?.focus()};return E?(0,c.jsx)("div",{className:"max-w-md mx-auto",children:(0,c.jsx)(q,{className:"border-green-200 bg-green-50",children:(0,c.jsx)(X,{className:"pt-6",children:(0,c.jsxs)("div",{className:"text-center space-y-4",children:[(0,c.jsx)("div",{className:"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center",children:(0,c.jsx)(J.CheckCircle,{className:"w-8 h-8 text-green-600"})}),(0,c.jsxs)("div",{children:[(0,c.jsx)("h3",{className:"text-lg font-semibold text-green-900",children:"Verification Successful!"}),(0,c.jsx)("p",{className:"text-sm text-green-700 mt-1",children:"Your TOTP code has been validated."})]}),(0,c.jsx)(b,{onClick:I,variant:"outline",className:"bg-white",children:"Verify Another Code"})]})})})}):(0,c.jsx)("div",{className:"max-w-md mx-auto",children:(0,c.jsx)(q,{children:(0,c.jsx)(X,{className:"pt-6",children:(0,c.jsxs)("div",{className:"text-center space-y-6",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"mx-auto w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4",children:(0,c.jsx)(J.Shield,{className:"w-6 h-6 text-blue-600"})}),(0,c.jsx)("h3",{className:"text-lg font-semibold",children:"Enter Verification Code"}),(0,c.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:"Enter the 6-digit code from your authenticator app"})]}),(0,c.jsxs)("form",{onSubmit:R,className:"space-y-6",children:[(0,c.jsx)("div",{className:"flex justify-center gap-2",children:t.map((s,m)=>(0,c.jsx)(q,{className:"w-12 h-14 border-2 focus-within:border-blue-500 transition-colors",children:(0,c.jsx)(X,{className:"p-0 h-full flex items-center justify-center",children:(0,c.jsx)("input",{ref:v=>{N.current[m]=v},type:"tel",inputMode:"numeric",maxLength:1,value:s,onChange:v=>S(m,v.target.value),onKeyDown:v=>M(m,v),className:"w-full h-full text-center text-2xl font-bold border-none outline-none bg-transparent",autoComplete:"one-time-code",disabled:d,style:{height:"auto"}})})},m))}),y&&(0,c.jsxs)(se,{variant:"destructive",children:[(0,c.jsx)(J.AlertCircle,{className:"h-4 w-4"}),(0,c.jsx)(de,{children:y})]}),(0,c.jsxs)("div",{className:"space-y-3",children:[(0,c.jsx)(b,{type:"submit",className:"w-full",disabled:d||t.some(s=>s===""),children:d?"Verifying...":"Verify Code"}),(0,c.jsx)(b,{type:"button",variant:"ghost",size:"sm",onClick:I,className:"w-full text-xs",children:"Clear Code"})]})]}),(0,c.jsx)("p",{className:"text-xs text-muted-foreground",children:"Codes refresh every 30 seconds"})]})})})})};
3
3
  //# sourceMappingURL=index.js.map