@iclips/ui 2.0.3 → 3.1.0

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 (130) hide show
  1. package/DESIGN.md +246 -0
  2. package/MIGRATION-v3.md +244 -0
  3. package/README.md +4 -0
  4. package/dist/alert-theme.css +20 -79
  5. package/dist/components/ui/charts/donut-chart.cjs +1 -1
  6. package/dist/components/ui/charts/donut-chart.cjs.map +1 -1
  7. package/dist/components/ui/charts/donut-chart.js +39 -60
  8. package/dist/components/ui/charts/donut-chart.js.map +1 -1
  9. package/dist/components/ui/charts/kpi-card.cjs +1 -1
  10. package/dist/components/ui/charts/kpi-card.cjs.map +1 -1
  11. package/dist/components/ui/charts/kpi-card.js +19 -19
  12. package/dist/components/ui/charts/kpi-card.js.map +1 -1
  13. package/dist/components/ui/data/comment-system.cjs +1 -1
  14. package/dist/components/ui/data/comment-system.cjs.map +1 -1
  15. package/dist/components/ui/data/comment-system.js +67 -67
  16. package/dist/components/ui/data/comment-system.js.map +1 -1
  17. package/dist/components/ui/data/data-table.cjs +1 -1
  18. package/dist/components/ui/data/data-table.cjs.map +1 -1
  19. package/dist/components/ui/data/data-table.js +112 -101
  20. package/dist/components/ui/data/data-table.js.map +1 -1
  21. package/dist/components/ui/data/editorial-calendar.cjs +1 -1
  22. package/dist/components/ui/data/editorial-calendar.cjs.map +1 -1
  23. package/dist/components/ui/data/editorial-calendar.js +291 -291
  24. package/dist/components/ui/data/editorial-calendar.js.map +1 -1
  25. package/dist/components/ui/data/filter-builder.cjs +1 -1
  26. package/dist/components/ui/data/filter-builder.cjs.map +1 -1
  27. package/dist/components/ui/data/filter-builder.js +1 -1
  28. package/dist/components/ui/data/filter-builder.js.map +1 -1
  29. package/dist/components/ui/feedback/empty-state.cjs +1 -1
  30. package/dist/components/ui/feedback/empty-state.cjs.map +1 -1
  31. package/dist/components/ui/feedback/empty-state.js +14 -14
  32. package/dist/components/ui/feedback/empty-state.js.map +1 -1
  33. package/dist/components/ui/feedback/toast.cjs +1 -1
  34. package/dist/components/ui/feedback/toast.cjs.map +1 -1
  35. package/dist/components/ui/feedback/toast.js +53 -22
  36. package/dist/components/ui/feedback/toast.js.map +1 -1
  37. package/dist/components/ui/forms/calendar.cjs +1 -1
  38. package/dist/components/ui/forms/calendar.cjs.map +1 -1
  39. package/dist/components/ui/forms/calendar.js +16 -16
  40. package/dist/components/ui/forms/calendar.js.map +1 -1
  41. package/dist/components/ui/forms/combobox.cjs +1 -1
  42. package/dist/components/ui/forms/combobox.cjs.map +1 -1
  43. package/dist/components/ui/forms/combobox.js +78 -76
  44. package/dist/components/ui/forms/combobox.js.map +1 -1
  45. package/dist/components/ui/forms/file-attachment-list.cjs +1 -1
  46. package/dist/components/ui/forms/file-attachment-list.cjs.map +1 -1
  47. package/dist/components/ui/forms/file-attachment-list.js +4 -4
  48. package/dist/components/ui/forms/file-attachment-list.js.map +1 -1
  49. package/dist/components/ui/forms/file-upload-zone.cjs +2 -2
  50. package/dist/components/ui/forms/file-upload-zone.cjs.map +1 -1
  51. package/dist/components/ui/forms/file-upload-zone.js +55 -49
  52. package/dist/components/ui/forms/file-upload-zone.js.map +1 -1
  53. package/dist/components/ui/forms/form.cjs +1 -1
  54. package/dist/components/ui/forms/form.cjs.map +1 -1
  55. package/dist/components/ui/forms/form.js +11 -11
  56. package/dist/components/ui/forms/form.js.map +1 -1
  57. package/dist/components/ui/forms/input-validation.cjs +1 -1
  58. package/dist/components/ui/forms/input-validation.cjs.map +1 -1
  59. package/dist/components/ui/forms/input-validation.js +20 -20
  60. package/dist/components/ui/forms/input-validation.js.map +1 -1
  61. package/dist/components/ui/forms/multi-select.cjs +1 -1
  62. package/dist/components/ui/forms/multi-select.cjs.map +1 -1
  63. package/dist/components/ui/forms/multi-select.js +69 -67
  64. package/dist/components/ui/forms/multi-select.js.map +1 -1
  65. package/dist/components/ui/forms/radio-group.cjs +1 -1
  66. package/dist/components/ui/forms/radio-group.cjs.map +1 -1
  67. package/dist/components/ui/forms/radio-group.js +19 -19
  68. package/dist/components/ui/forms/radio-group.js.map +1 -1
  69. package/dist/components/ui/forms/social-button.cjs +1 -1
  70. package/dist/components/ui/forms/social-button.cjs.map +1 -1
  71. package/dist/components/ui/forms/social-button.js +6 -6
  72. package/dist/components/ui/forms/social-button.js.map +1 -1
  73. package/dist/components/ui/forms/toggle.cjs +1 -1
  74. package/dist/components/ui/forms/toggle.cjs.map +1 -1
  75. package/dist/components/ui/forms/toggle.js +7 -7
  76. package/dist/components/ui/forms/toggle.js.map +1 -1
  77. package/dist/components/ui/navigation/navigation-menu.cjs +1 -1
  78. package/dist/components/ui/navigation/navigation-menu.cjs.map +1 -1
  79. package/dist/components/ui/navigation/navigation-menu.js +14 -14
  80. package/dist/components/ui/navigation/navigation-menu.js.map +1 -1
  81. package/dist/components/ui/navigation/sidebar.cjs +1 -1
  82. package/dist/components/ui/navigation/sidebar.cjs.map +1 -1
  83. package/dist/components/ui/navigation/sidebar.js +44 -44
  84. package/dist/components/ui/navigation/sidebar.js.map +1 -1
  85. package/dist/components/ui/overlays/context-menu.cjs +1 -1
  86. package/dist/components/ui/overlays/context-menu.cjs.map +1 -1
  87. package/dist/components/ui/overlays/context-menu.js +1 -1
  88. package/dist/components/ui/overlays/context-menu.js.map +1 -1
  89. package/dist/components/ui/overlays/dropdown-menu.cjs +1 -1
  90. package/dist/components/ui/overlays/dropdown-menu.cjs.map +1 -1
  91. package/dist/components/ui/overlays/dropdown-menu.js +5 -5
  92. package/dist/components/ui/overlays/dropdown-menu.js.map +1 -1
  93. package/dist/components/ui/overlays/menubar.cjs +1 -1
  94. package/dist/components/ui/overlays/menubar.cjs.map +1 -1
  95. package/dist/components/ui/overlays/menubar.js +29 -29
  96. package/dist/components/ui/overlays/menubar.js.map +1 -1
  97. package/dist/components/ui/overlays/tooltip.cjs +1 -1
  98. package/dist/components/ui/overlays/tooltip.cjs.map +1 -1
  99. package/dist/components/ui/overlays/tooltip.js +12 -12
  100. package/dist/components/ui/overlays/tooltip.js.map +1 -1
  101. package/dist/components/ui/primitives/avatar.cjs +1 -1
  102. package/dist/components/ui/primitives/avatar.cjs.map +1 -1
  103. package/dist/components/ui/primitives/avatar.js +20 -27
  104. package/dist/components/ui/primitives/avatar.js.map +1 -1
  105. package/dist/components/ui/primitives/badge.cjs +1 -1
  106. package/dist/components/ui/primitives/badge.cjs.map +1 -1
  107. package/dist/components/ui/primitives/badge.js +21 -18
  108. package/dist/components/ui/primitives/badge.js.map +1 -1
  109. package/dist/components/ui/primitives/button.cjs +1 -1
  110. package/dist/components/ui/primitives/button.cjs.map +1 -1
  111. package/dist/components/ui/primitives/button.js +11 -8
  112. package/dist/components/ui/primitives/button.js.map +1 -1
  113. package/dist/index.cjs +1 -1
  114. package/dist/index.css +1 -1
  115. package/dist/index.d.cts +6 -6
  116. package/dist/index.d.ts +6 -6
  117. package/dist/index.js +34 -35
  118. package/dist/index.js.map +1 -1
  119. package/dist/preset.css +1 -2
  120. package/dist/toast-theme.css +100 -64
  121. package/dist/tokens.css +59 -159
  122. package/docs/README.md +44 -0
  123. package/docs/acoes.md +103 -0
  124. package/docs/escolha.md +171 -0
  125. package/docs/formularios.md +137 -0
  126. package/docs/mensagens.md +114 -0
  127. package/docs/overlays.md +192 -0
  128. package/docs/status.md +71 -0
  129. package/package.json +7 -3
  130. package/scripts/check-colors.mjs +208 -0
@@ -1,39 +1,39 @@
1
1
  "use client";
2
- import { jsx as e } from "react/jsx-runtime";
3
- import * as t from "react";
4
- import * as a from "@radix-ui/react-radio-group";
5
- import { cn as d } from "../utils.js";
6
- const s = t.forwardRef(({ className: r, ...o }, i) => /* @__PURE__ */ e(
7
- a.Root,
2
+ import { jsx as a } from "react/jsx-runtime";
3
+ import * as d from "react";
4
+ import * as r from "@radix-ui/react-radio-group";
5
+ import { cn as t } from "../utils.js";
6
+ const s = d.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ a(
7
+ r.Root,
8
8
  {
9
9
  ref: i,
10
10
  "data-slot": "radio-group",
11
- className: d("grid gap-3", r),
12
- ...o
11
+ className: t("grid gap-3", o),
12
+ ...e
13
13
  }
14
14
  ));
15
- s.displayName = a.Root.displayName;
16
- const l = t.forwardRef(({ className: r, ...o }, i) => /* @__PURE__ */ e(
17
- a.Item,
15
+ s.displayName = r.Root.displayName;
16
+ const l = d.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ a(
17
+ r.Item,
18
18
  {
19
19
  ref: i,
20
20
  "data-slot": "radio-group-item",
21
- className: d(
22
- "peer h-5 w-5 shrink-0 rounded-full border border-gray-300 bg-white shadow-sm transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
23
- r
21
+ className: t(
22
+ "peer h-5 w-5 shrink-0 rounded-full border border-input bg-background shadow-sm transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
23
+ o
24
24
  ),
25
- ...o,
26
- children: /* @__PURE__ */ e(
27
- a.Indicator,
25
+ ...e,
26
+ children: /* @__PURE__ */ a(
27
+ r.Indicator,
28
28
  {
29
29
  "data-slot": "radio-group-indicator",
30
30
  className: "flex items-center justify-center",
31
- children: /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-white" })
31
+ children: /* @__PURE__ */ a("div", { className: "h-2 w-2 rounded-full bg-primary-foreground" })
32
32
  }
33
33
  )
34
34
  }
35
35
  ));
36
- l.displayName = a.Item.displayName;
36
+ l.displayName = r.Item.displayName;
37
37
  export {
38
38
  s as RadioGroup,
39
39
  l as RadioGroupItem
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sources":["../../../../src/components/ui/forms/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { cn } from \"../utils\";\n\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <RadioGroupPrimitive.Root\n ref={ref}\n data-slot=\"radio-group\"\n className={cn(\"grid gap-3\", className)}\n {...props}\n />\n));\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <RadioGroupPrimitive.Item\n ref={ref}\n data-slot=\"radio-group-item\"\n className={cn(\n \"peer h-5 w-5 shrink-0 rounded-full border border-gray-300 bg-white shadow-sm transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex items-center justify-center\"\n >\n <div className=\"h-2 w-2 rounded-full bg-white\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem"],"mappings":";;;;;AAOA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAcM,EAAoB,KAAK;AAElD,MAAME,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAACC,EAAoB;AAAA,MAApB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD;AACF,CACD;AACDG,EAAe,cAAcF,EAAoB,KAAK;"}
1
+ {"version":3,"file":"radio-group.js","sources":["../../../../src/components/ui/forms/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { cn } from \"../utils\";\n\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <RadioGroupPrimitive.Root\n ref={ref}\n data-slot=\"radio-group\"\n className={cn(\"grid gap-3\", className)}\n {...props}\n />\n));\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <RadioGroupPrimitive.Item\n ref={ref}\n data-slot=\"radio-group-item\"\n className={cn(\n \"peer h-5 w-5 shrink-0 rounded-full border border-input bg-background shadow-sm transition-all hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex items-center justify-center\"\n >\n <div className=\"h-2 w-2 rounded-full bg-primary-foreground\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem"],"mappings":";;;;;AAOA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAcM,EAAoB,KAAK;AAElD,MAAME,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAACC,EAAoB;AAAA,MAApB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,6CAAA,CAA6C;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9D;AACF,CACD;AACDG,EAAe,cAAcF,EAAoB,KAAK;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),f=require("class-variance-authority"),x=require("lucide-react"),t=require("../brand-colors.cjs"),p=require("../utils.cjs");function v(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(n,r,c.get?c:{enumerable:!0,get:()=>o[r]})}}return n.default=o,Object.freeze(n)}const m=v(b),s=f.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-white dark:bg-zinc-900 border border-input hover:bg-accent hover:text-accent-foreground text-foreground",google:"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground",github:"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80",facebook:"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white",apple:"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black",microsoft:"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),j=()=>e.jsxs("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",fill:t.BRAND_COLORS.google.blue}),e.jsx("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:t.BRAND_COLORS.google.green}),e.jsx("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:t.BRAND_COLORS.google.yellow}),e.jsx("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:t.BRAND_COLORS.google.red})]}),w=()=>e.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"})}),O=()=>e.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"})}),R=()=>e.jsxs("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M11.4 11.4H2V2h9.4v9.4z",fill:t.BRAND_COLORS.microsoft.red}),e.jsx("path",{d:"M22 11.4h-9.4V2H22v9.4z",fill:t.BRAND_COLORS.microsoft.green}),e.jsx("path",{d:"M11.4 22H2v-9.4h9.4V22z",fill:t.BRAND_COLORS.microsoft.blue}),e.jsx("path",{d:"M22 22h-9.4v-9.4H22V22z",fill:t.BRAND_COLORS.microsoft.yellow})]}),i=m.forwardRef(({className:o,variant:n,size:r,provider:c,children:a,...l},u)=>{const d=n||c,g=()=>{switch(c){case"google":return e.jsx(j,{});case"github":return e.jsx(x.Github,{className:"h-5 w-5"});case"facebook":return e.jsx(O,{});case"apple":return e.jsx(w,{});case"microsoft":return e.jsx(R,{});default:return null}},h=()=>`Continue with ${{google:"Google",github:"GitHub",facebook:"Facebook",apple:"Apple",microsoft:"Microsoft"}[c]}`;return e.jsxs("button",{className:p.cn(s({variant:d,size:r,className:o})),ref:u,...l,children:[g(),e.jsx("span",{children:a||h()})]})});i.displayName="SocialButton";exports.SocialButton=i;exports.socialButtonVariants=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),f=require("class-variance-authority"),x=require("lucide-react"),t=require("../brand-colors.cjs"),p=require("../utils.cjs");function v(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const m=v(b),n=f.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-white dark:bg-card border border-input hover:bg-accent hover:text-accent-foreground text-foreground",google:"bg-white dark:bg-card border border-input hover:bg-accent text-foreground",github:"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80",facebook:"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white",apple:"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black",microsoft:"bg-white dark:bg-card border border-input hover:bg-accent text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),j=()=>e.jsxs("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",fill:t.BRAND_COLORS.google.blue}),e.jsx("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:t.BRAND_COLORS.google.green}),e.jsx("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:t.BRAND_COLORS.google.yellow}),e.jsx("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:t.BRAND_COLORS.google.red})]}),w=()=>e.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"})}),O=()=>e.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"})}),R=()=>e.jsxs("svg",{className:"h-5 w-5",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M11.4 11.4H2V2h9.4v9.4z",fill:t.BRAND_COLORS.microsoft.red}),e.jsx("path",{d:"M22 11.4h-9.4V2H22v9.4z",fill:t.BRAND_COLORS.microsoft.green}),e.jsx("path",{d:"M11.4 22H2v-9.4h9.4V22z",fill:t.BRAND_COLORS.microsoft.blue}),e.jsx("path",{d:"M22 22h-9.4v-9.4H22V22z",fill:t.BRAND_COLORS.microsoft.yellow})]}),a=m.forwardRef(({className:o,variant:s,size:r,provider:c,children:i,...l},u)=>{const d=s||c,g=()=>{switch(c){case"google":return e.jsx(j,{});case"github":return e.jsx(x.Github,{className:"h-5 w-5"});case"facebook":return e.jsx(O,{});case"apple":return e.jsx(w,{});case"microsoft":return e.jsx(R,{});default:return null}},h=()=>`Continue with ${{google:"Google",github:"GitHub",facebook:"Facebook",apple:"Apple",microsoft:"Microsoft"}[c]}`;return e.jsxs("button",{className:p.cn(n({variant:d,size:r,className:o})),ref:u,...l,children:[g(),e.jsx("span",{children:i||h()})]})});a.displayName="SocialButton";exports.SocialButton=a;exports.socialButtonVariants=n;
2
2
  //# sourceMappingURL=social-button.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"social-button.cjs","sources":["../../../../src/components/ui/forms/social-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Github } from \"lucide-react\";\nimport { BRAND_COLORS } from \"../brand-colors\";\nimport { cn } from \"../utils\";\n\nconst socialButtonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent hover:text-accent-foreground text-foreground\",\n google: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground\",\n // GitHub/Facebook brand background — see BRAND_COLORS in ./brand-colors.ts.\n // Tailwind needs the literal hex at build time, so it can't be interpolated.\n github: \"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80\",\n facebook: \"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white\",\n apple: \"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black\",\n microsoft: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n// SVG Icons for each provider\nconst GoogleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill={BRAND_COLORS.google.blue}/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill={BRAND_COLORS.google.green}/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill={BRAND_COLORS.google.yellow}/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill={BRAND_COLORS.google.red}/>\n </svg>\n);\n\nconst AppleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\n </svg>\n);\n\nconst FacebookIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"/>\n </svg>\n);\n\nconst MicrosoftIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11.4 11.4H2V2h9.4v9.4z\" fill={BRAND_COLORS.microsoft.red}/>\n <path d=\"M22 11.4h-9.4V2H22v9.4z\" fill={BRAND_COLORS.microsoft.green}/>\n <path d=\"M11.4 22H2v-9.4h9.4V22z\" fill={BRAND_COLORS.microsoft.blue}/>\n <path d=\"M22 22h-9.4v-9.4H22V22z\" fill={BRAND_COLORS.microsoft.yellow}/>\n </svg>\n);\n\nexport interface SocialButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof socialButtonVariants> {\n provider: \"google\" | \"github\" | \"facebook\" | \"apple\" | \"microsoft\";\n children?: React.ReactNode;\n}\n\nconst SocialButton = React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n ({ className, variant, size, provider, children, ...props }, ref) => {\n // Auto-set variant based on provider if not explicitly provided\n const buttonVariant = variant || provider;\n\n const getIcon = () => {\n switch (provider) {\n case \"google\":\n return <GoogleIcon />;\n case \"github\":\n return <Github className=\"h-5 w-5\" />;\n case \"facebook\":\n return <FacebookIcon />;\n case \"apple\":\n return <AppleIcon />;\n case \"microsoft\":\n return <MicrosoftIcon />;\n default:\n return null;\n }\n };\n\n const getDefaultText = () => {\n const providerNames = {\n google: \"Google\",\n github: \"GitHub\",\n facebook: \"Facebook\",\n apple: \"Apple\",\n microsoft: \"Microsoft\",\n };\n return `Continue with ${providerNames[provider]}`;\n };\n\n return (\n <button\n className={cn(socialButtonVariants({ variant: buttonVariant, size, className }))}\n ref={ref}\n {...props}\n >\n {getIcon()}\n <span>{children || getDefaultText()}</span>\n </button>\n );\n }\n);\n\nSocialButton.displayName = \"SocialButton\";\n\nexport { SocialButton, socialButtonVariants };\n"],"names":["socialButtonVariants","cva","GoogleIcon","jsxs","jsx","BRAND_COLORS","AppleIcon","FacebookIcon","MicrosoftIcon","SocialButton","React","className","variant","size","provider","children","props","ref","buttonVariant","getIcon","Github","getDefaultText","cn"],"mappings":"6hBAMMA,EAAuBC,EAAAA,IAC3B,4OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6GACT,OAAQ,gFAGR,OAAQ,6FACR,SAAU,gDACV,MAAO,6FACP,UAAW,+EAAA,EAEb,KAAM,CACJ,QAAS,gBACT,GAAI,8BACJ,GAAI,uBACJ,KAAM,SAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAGMC,EAAa,IACjBC,EAAAA,KAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,OAChD,SAAA,CAAAC,MAAC,QAAK,EAAE,0HAA0H,KAAMC,EAAAA,aAAa,OAAO,KAAK,QAChK,OAAA,CAAK,EAAE,wIAAwI,KAAMA,EAAAA,aAAa,OAAO,MAAM,QAC/K,OAAA,CAAK,EAAE,gIAAgI,KAAMA,EAAAA,aAAa,OAAO,OAAO,QACxK,OAAA,CAAK,EAAE,sIAAsI,KAAMA,EAAAA,aAAa,OAAO,GAAA,CAAI,CAAA,EAC9K,EAGIC,EAAY,IAChBF,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,eAChD,SAAAA,MAAC,OAAA,CAAK,EAAE,oUAAmU,EAC7U,EAGIG,EAAe,IACnBH,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,eAChD,SAAAA,MAAC,OAAA,CAAK,EAAE,iSAAgS,EAC1S,EAGII,EAAgB,IACpBL,EAAAA,KAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,OAChD,SAAA,CAAAC,MAAC,QAAK,EAAE,0BAA0B,KAAMC,EAAAA,aAAa,UAAU,IAAI,QAClE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,MAAM,QACpE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,KAAK,QACnE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,MAAA,CAAO,CAAA,EACxE,EAUII,EAAeC,EAAM,WACzB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CAEnE,MAAMC,EAAgBN,GAAWE,EAE3BK,EAAU,IAAM,CACpB,OAAQL,EAAA,CACN,IAAK,SACH,aAAQZ,EAAA,EAAW,EACrB,IAAK,SACH,OAAOE,EAAAA,IAACgB,EAAAA,OAAA,CAAO,UAAU,SAAA,CAAU,EACrC,IAAK,WACH,aAAQb,EAAA,EAAa,EACvB,IAAK,QACH,aAAQD,EAAA,EAAU,EACpB,IAAK,YACH,aAAQE,EAAA,EAAc,EACxB,QACE,OAAO,IAAA,CAEb,EAEMa,EAAiB,IAQd,iBAPe,CACpB,OAAQ,SACR,OAAQ,SACR,SAAU,WACV,MAAO,QACP,UAAW,WAAA,EAEyBP,CAAQ,CAAC,GAGjD,OACEX,EAAAA,KAAC,SAAA,CACC,UAAWmB,EAAAA,GAAGtB,EAAqB,CAAE,QAASkB,EAAe,KAAAL,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC/E,IAAAM,EACC,GAAGD,EAEH,SAAA,CAAAG,EAAA,EACDf,EAAAA,IAAC,OAAA,CAAM,SAAAW,GAAYM,EAAA,CAAe,CAAE,CAAA,CAAA,CAAA,CAG1C,CACF,EAEAZ,EAAa,YAAc"}
1
+ {"version":3,"file":"social-button.cjs","sources":["../../../../src/components/ui/forms/social-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Github } from \"lucide-react\";\nimport { BRAND_COLORS } from \"../brand-colors\";\nimport { cn } from \"../utils\";\n\nconst socialButtonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-white dark:bg-card border border-input hover:bg-accent hover:text-accent-foreground text-foreground\",\n google: \"bg-white dark:bg-card border border-input hover:bg-accent text-foreground\",\n // GitHub/Facebook brand background — see BRAND_COLORS in ./brand-colors.ts.\n // Tailwind needs the literal hex at build time, so it can't be interpolated.\n github: \"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80\",\n facebook: \"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white\",\n apple: \"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black\",\n microsoft: \"bg-white dark:bg-card border border-input hover:bg-accent text-foreground\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n// SVG Icons for each provider\nconst GoogleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill={BRAND_COLORS.google.blue}/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill={BRAND_COLORS.google.green}/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill={BRAND_COLORS.google.yellow}/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill={BRAND_COLORS.google.red}/>\n </svg>\n);\n\nconst AppleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\n </svg>\n);\n\nconst FacebookIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"/>\n </svg>\n);\n\nconst MicrosoftIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11.4 11.4H2V2h9.4v9.4z\" fill={BRAND_COLORS.microsoft.red}/>\n <path d=\"M22 11.4h-9.4V2H22v9.4z\" fill={BRAND_COLORS.microsoft.green}/>\n <path d=\"M11.4 22H2v-9.4h9.4V22z\" fill={BRAND_COLORS.microsoft.blue}/>\n <path d=\"M22 22h-9.4v-9.4H22V22z\" fill={BRAND_COLORS.microsoft.yellow}/>\n </svg>\n);\n\nexport interface SocialButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof socialButtonVariants> {\n provider: \"google\" | \"github\" | \"facebook\" | \"apple\" | \"microsoft\";\n children?: React.ReactNode;\n}\n\nconst SocialButton = React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n ({ className, variant, size, provider, children, ...props }, ref) => {\n // Auto-set variant based on provider if not explicitly provided\n const buttonVariant = variant || provider;\n\n const getIcon = () => {\n switch (provider) {\n case \"google\":\n return <GoogleIcon />;\n case \"github\":\n return <Github className=\"h-5 w-5\" />;\n case \"facebook\":\n return <FacebookIcon />;\n case \"apple\":\n return <AppleIcon />;\n case \"microsoft\":\n return <MicrosoftIcon />;\n default:\n return null;\n }\n };\n\n const getDefaultText = () => {\n const providerNames = {\n google: \"Google\",\n github: \"GitHub\",\n facebook: \"Facebook\",\n apple: \"Apple\",\n microsoft: \"Microsoft\",\n };\n return `Continue with ${providerNames[provider]}`;\n };\n\n return (\n <button\n className={cn(socialButtonVariants({ variant: buttonVariant, size, className }))}\n ref={ref}\n {...props}\n >\n {getIcon()}\n <span>{children || getDefaultText()}</span>\n </button>\n );\n }\n);\n\nSocialButton.displayName = \"SocialButton\";\n\nexport { SocialButton, socialButtonVariants };\n"],"names":["socialButtonVariants","cva","GoogleIcon","jsxs","jsx","BRAND_COLORS","AppleIcon","FacebookIcon","MicrosoftIcon","SocialButton","React","className","variant","size","provider","children","props","ref","buttonVariant","getIcon","Github","getDefaultText","cn"],"mappings":"6hBAMMA,EAAuBC,EAAAA,IAC3B,8OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,yGACT,OAAQ,4EAGR,OAAQ,6FACR,SAAU,gDACV,MAAO,6FACP,UAAW,2EAAA,EAEb,KAAM,CACJ,QAAS,gBACT,GAAI,8BACJ,GAAI,uBACJ,KAAM,SAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAGMC,EAAa,IACjBC,EAAAA,KAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,OAChD,SAAA,CAAAC,MAAC,QAAK,EAAE,0HAA0H,KAAMC,EAAAA,aAAa,OAAO,KAAK,QAChK,OAAA,CAAK,EAAE,wIAAwI,KAAMA,EAAAA,aAAa,OAAO,MAAM,QAC/K,OAAA,CAAK,EAAE,gIAAgI,KAAMA,EAAAA,aAAa,OAAO,OAAO,QACxK,OAAA,CAAK,EAAE,sIAAsI,KAAMA,EAAAA,aAAa,OAAO,GAAA,CAAI,CAAA,EAC9K,EAGIC,EAAY,IAChBF,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,eAChD,SAAAA,MAAC,OAAA,CAAK,EAAE,oUAAmU,EAC7U,EAGIG,EAAe,IACnBH,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,eAChD,SAAAA,MAAC,OAAA,CAAK,EAAE,iSAAgS,EAC1S,EAGII,EAAgB,IACpBL,EAAAA,KAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAAY,KAAK,OAChD,SAAA,CAAAC,MAAC,QAAK,EAAE,0BAA0B,KAAMC,EAAAA,aAAa,UAAU,IAAI,QAClE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,MAAM,QACpE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,KAAK,QACnE,OAAA,CAAK,EAAE,0BAA0B,KAAMA,EAAAA,aAAa,UAAU,MAAA,CAAO,CAAA,EACxE,EAUII,EAAeC,EAAM,WACzB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CAEnE,MAAMC,EAAgBN,GAAWE,EAE3BK,EAAU,IAAM,CACpB,OAAQL,EAAA,CACN,IAAK,SACH,aAAQZ,EAAA,EAAW,EACrB,IAAK,SACH,OAAOE,EAAAA,IAACgB,EAAAA,OAAA,CAAO,UAAU,SAAA,CAAU,EACrC,IAAK,WACH,aAAQb,EAAA,EAAa,EACvB,IAAK,QACH,aAAQD,EAAA,EAAU,EACpB,IAAK,YACH,aAAQE,EAAA,EAAc,EACxB,QACE,OAAO,IAAA,CAEb,EAEMa,EAAiB,IAQd,iBAPe,CACpB,OAAQ,SACR,OAAQ,SACR,SAAU,WACV,MAAO,QACP,UAAW,WAAA,EAEyBP,CAAQ,CAAC,GAGjD,OACEX,EAAAA,KAAC,SAAA,CACC,UAAWmB,EAAAA,GAAGtB,EAAqB,CAAE,QAASkB,EAAe,KAAAL,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC/E,IAAAM,EACC,GAAGD,EAEH,SAAA,CAAAG,EAAA,EACDf,EAAAA,IAAC,OAAA,CAAM,SAAAW,GAAYM,EAAA,CAAe,CAAE,CAAA,CAAA,CAAA,CAG1C,CACF,EAEAZ,EAAa,YAAc"}
@@ -5,18 +5,18 @@ import { Github as u } from "lucide-react";
5
5
  import { BRAND_COLORS as o } from "../brand-colors.js";
6
6
  import { cn as p } from "../utils.js";
7
7
  const v = b(
8
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
8
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
9
9
  {
10
10
  variants: {
11
11
  variant: {
12
- default: "bg-white dark:bg-zinc-900 border border-input hover:bg-accent hover:text-accent-foreground text-foreground",
13
- google: "bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground",
12
+ default: "bg-white dark:bg-card border border-input hover:bg-accent hover:text-accent-foreground text-foreground",
13
+ google: "bg-white dark:bg-card border border-input hover:bg-accent text-foreground",
14
14
  // GitHub/Facebook brand background — see BRAND_COLORS in ./brand-colors.ts.
15
15
  // Tailwind needs the literal hex at build time, so it can't be interpolated.
16
16
  github: "bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80",
17
17
  facebook: "bg-[#1877F2] hover:bg-[#1877F2]/90 text-white",
18
18
  apple: "bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black",
19
- microsoft: "bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground"
19
+ microsoft: "bg-white dark:bg-card border border-input hover:bg-accent text-foreground"
20
20
  },
21
21
  size: {
22
22
  default: "h-9 px-4 py-2",
@@ -41,7 +41,7 @@ const v = b(
41
41
  /* @__PURE__ */ e("path", { d: "M11.4 22H2v-9.4h9.4V22z", fill: o.microsoft.blue }),
42
42
  /* @__PURE__ */ e("path", { d: "M22 22h-9.4v-9.4H22V22z", fill: o.microsoft.yellow })
43
43
  ] }), z = f.forwardRef(
44
- ({ className: i, variant: c, size: a, provider: t, children: l, ...n }, s) => {
44
+ ({ className: a, variant: c, size: i, provider: t, children: l, ...n }, s) => {
45
45
  const d = c || t, h = () => {
46
46
  switch (t) {
47
47
  case "google":
@@ -67,7 +67,7 @@ const v = b(
67
67
  return /* @__PURE__ */ r(
68
68
  "button",
69
69
  {
70
- className: p(v({ variant: d, size: a, className: i })),
70
+ className: p(v({ variant: d, size: i, className: a })),
71
71
  ref: s,
72
72
  ...n,
73
73
  children: [
@@ -1 +1 @@
1
- {"version":3,"file":"social-button.js","sources":["../../../../src/components/ui/forms/social-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Github } from \"lucide-react\";\nimport { BRAND_COLORS } from \"../brand-colors\";\nimport { cn } from \"../utils\";\n\nconst socialButtonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent hover:text-accent-foreground text-foreground\",\n google: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground\",\n // GitHub/Facebook brand background — see BRAND_COLORS in ./brand-colors.ts.\n // Tailwind needs the literal hex at build time, so it can't be interpolated.\n github: \"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80\",\n facebook: \"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white\",\n apple: \"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black\",\n microsoft: \"bg-white dark:bg-zinc-900 border border-input hover:bg-accent text-foreground\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n// SVG Icons for each provider\nconst GoogleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill={BRAND_COLORS.google.blue}/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill={BRAND_COLORS.google.green}/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill={BRAND_COLORS.google.yellow}/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill={BRAND_COLORS.google.red}/>\n </svg>\n);\n\nconst AppleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\n </svg>\n);\n\nconst FacebookIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"/>\n </svg>\n);\n\nconst MicrosoftIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11.4 11.4H2V2h9.4v9.4z\" fill={BRAND_COLORS.microsoft.red}/>\n <path d=\"M22 11.4h-9.4V2H22v9.4z\" fill={BRAND_COLORS.microsoft.green}/>\n <path d=\"M11.4 22H2v-9.4h9.4V22z\" fill={BRAND_COLORS.microsoft.blue}/>\n <path d=\"M22 22h-9.4v-9.4H22V22z\" fill={BRAND_COLORS.microsoft.yellow}/>\n </svg>\n);\n\nexport interface SocialButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof socialButtonVariants> {\n provider: \"google\" | \"github\" | \"facebook\" | \"apple\" | \"microsoft\";\n children?: React.ReactNode;\n}\n\nconst SocialButton = React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n ({ className, variant, size, provider, children, ...props }, ref) => {\n // Auto-set variant based on provider if not explicitly provided\n const buttonVariant = variant || provider;\n\n const getIcon = () => {\n switch (provider) {\n case \"google\":\n return <GoogleIcon />;\n case \"github\":\n return <Github className=\"h-5 w-5\" />;\n case \"facebook\":\n return <FacebookIcon />;\n case \"apple\":\n return <AppleIcon />;\n case \"microsoft\":\n return <MicrosoftIcon />;\n default:\n return null;\n }\n };\n\n const getDefaultText = () => {\n const providerNames = {\n google: \"Google\",\n github: \"GitHub\",\n facebook: \"Facebook\",\n apple: \"Apple\",\n microsoft: \"Microsoft\",\n };\n return `Continue with ${providerNames[provider]}`;\n };\n\n return (\n <button\n className={cn(socialButtonVariants({ variant: buttonVariant, size, className }))}\n ref={ref}\n {...props}\n >\n {getIcon()}\n <span>{children || getDefaultText()}</span>\n </button>\n );\n }\n);\n\nSocialButton.displayName = \"SocialButton\";\n\nexport { SocialButton, socialButtonVariants };\n"],"names":["socialButtonVariants","cva","GoogleIcon","jsxs","jsx","BRAND_COLORS","AppleIcon","FacebookIcon","MicrosoftIcon","SocialButton","React","className","variant","size","provider","children","props","ref","buttonVariant","getIcon","Github","getDefaultText","cn"],"mappings":"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"}
1
+ {"version":3,"file":"social-button.js","sources":["../../../../src/components/ui/forms/social-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Github } from \"lucide-react\";\nimport { BRAND_COLORS } from \"../brand-colors\";\nimport { cn } from \"../utils\";\n\nconst socialButtonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-white dark:bg-card border border-input hover:bg-accent hover:text-accent-foreground text-foreground\",\n google: \"bg-white dark:bg-card border border-input hover:bg-accent text-foreground\",\n // GitHub/Facebook brand background — see BRAND_COLORS in ./brand-colors.ts.\n // Tailwind needs the literal hex at build time, so it can't be interpolated.\n github: \"bg-[#24292F] hover:bg-[#24292F]/90 text-white dark:bg-[#24292F] dark:hover:bg-[#24292F]/80\",\n facebook: \"bg-[#1877F2] hover:bg-[#1877F2]/90 text-white\",\n apple: \"bg-black hover:bg-black/90 text-white dark:bg-white dark:hover:bg-white/90 dark:text-black\",\n microsoft: \"bg-white dark:bg-card border border-input hover:bg-accent text-foreground\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n// SVG Icons for each provider\nconst GoogleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill={BRAND_COLORS.google.blue}/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill={BRAND_COLORS.google.green}/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill={BRAND_COLORS.google.yellow}/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill={BRAND_COLORS.google.red}/>\n </svg>\n);\n\nconst AppleIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\n </svg>\n);\n\nconst FacebookIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"/>\n </svg>\n);\n\nconst MicrosoftIcon = () => (\n <svg className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11.4 11.4H2V2h9.4v9.4z\" fill={BRAND_COLORS.microsoft.red}/>\n <path d=\"M22 11.4h-9.4V2H22v9.4z\" fill={BRAND_COLORS.microsoft.green}/>\n <path d=\"M11.4 22H2v-9.4h9.4V22z\" fill={BRAND_COLORS.microsoft.blue}/>\n <path d=\"M22 22h-9.4v-9.4H22V22z\" fill={BRAND_COLORS.microsoft.yellow}/>\n </svg>\n);\n\nexport interface SocialButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof socialButtonVariants> {\n provider: \"google\" | \"github\" | \"facebook\" | \"apple\" | \"microsoft\";\n children?: React.ReactNode;\n}\n\nconst SocialButton = React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n ({ className, variant, size, provider, children, ...props }, ref) => {\n // Auto-set variant based on provider if not explicitly provided\n const buttonVariant = variant || provider;\n\n const getIcon = () => {\n switch (provider) {\n case \"google\":\n return <GoogleIcon />;\n case \"github\":\n return <Github className=\"h-5 w-5\" />;\n case \"facebook\":\n return <FacebookIcon />;\n case \"apple\":\n return <AppleIcon />;\n case \"microsoft\":\n return <MicrosoftIcon />;\n default:\n return null;\n }\n };\n\n const getDefaultText = () => {\n const providerNames = {\n google: \"Google\",\n github: \"GitHub\",\n facebook: \"Facebook\",\n apple: \"Apple\",\n microsoft: \"Microsoft\",\n };\n return `Continue with ${providerNames[provider]}`;\n };\n\n return (\n <button\n className={cn(socialButtonVariants({ variant: buttonVariant, size, className }))}\n ref={ref}\n {...props}\n >\n {getIcon()}\n <span>{children || getDefaultText()}</span>\n </button>\n );\n }\n);\n\nSocialButton.displayName = \"SocialButton\";\n\nexport { SocialButton, socialButtonVariants };\n"],"names":["socialButtonVariants","cva","GoogleIcon","jsxs","jsx","BRAND_COLORS","AppleIcon","FacebookIcon","MicrosoftIcon","SocialButton","React","className","variant","size","provider","children","props","ref","buttonVariant","getIcon","Github","getDefaultText","cn"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),d=require("@radix-ui/react-toggle"),g=require("class-variance-authority"),f=require("../utils.cjs");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const v=i(u),a=i(d),o=g.cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}}),s=v.forwardRef(({className:e,variant:n,size:t,...r},c)=>l.jsx(a.Root,{ref:c,"data-slot":"toggle",className:f.cn(o({variant:n,size:t,className:e})),...r}));s.displayName=a.Root.displayName;exports.Toggle=s;exports.toggleVariants=o;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react"),u=require("@radix-ui/react-toggle"),g=require("class-variance-authority"),f=require("../utils.cjs");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const v=i(d),a=i(u),o=g.cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}}),s=v.forwardRef(({className:e,variant:r,size:t,...n},c)=>l.jsx(a.Root,{ref:c,"data-slot":"toggle",className:f.cn(o({variant:r,size:t,className:e})),...n}));s.displayName=a.Root.displayName;exports.Toggle=s;exports.toggleVariants=o;
2
2
  //# sourceMappingURL=toggle.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.cjs","sources":["../../../../src/components/ui/forms/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":"0hBAQMA,EAAiBC,EAAAA,IACrB,gjBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QACE,iFAAA,EAEJ,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,sBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,GAASC,IACzCC,EAAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,YAAU,SACV,UAAWG,EAAAA,GAAGX,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CACN,CACD,EACDL,EAAO,YAAcQ,EAAgB,KAAK"}
1
+ {"version":3,"file":"toggle.cjs","sources":["../../../../src/components/ui/forms/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":"0hBAQMA,EAAiBC,EAAAA,IACrB,sjBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QACE,iFAAA,EAEJ,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,sBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,GAASC,IACzCC,EAAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,YAAU,SACV,UAAWG,EAAAA,GAAGX,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CACN,CACD,EACDL,EAAO,YAAcQ,EAAgB,KAAK"}
@@ -4,8 +4,8 @@ import * as s from "react";
4
4
  import * as e from "@radix-ui/react-toggle";
5
5
  import { cva as d } from "class-variance-authority";
6
6
  import { cn as l } from "../utils.js";
7
- const c = d(
8
- "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
7
+ const g = d(
8
+ "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
9
9
  {
10
10
  variants: {
11
11
  variant: {
@@ -23,18 +23,18 @@ const c = d(
23
23
  size: "default"
24
24
  }
25
25
  }
26
- ), g = s.forwardRef(({ className: t, variant: i, size: r, ...a }, o) => /* @__PURE__ */ n(
26
+ ), c = s.forwardRef(({ className: t, variant: r, size: i, ...a }, o) => /* @__PURE__ */ n(
27
27
  e.Root,
28
28
  {
29
29
  ref: o,
30
30
  "data-slot": "toggle",
31
- className: l(c({ variant: i, size: r, className: t })),
31
+ className: l(g({ variant: r, size: i, className: t })),
32
32
  ...a
33
33
  }
34
34
  ));
35
- g.displayName = e.Root.displayName;
35
+ c.displayName = e.Root.displayName;
36
36
  export {
37
- g as Toggle,
38
- c as toggleVariants
37
+ c as Toggle,
38
+ g as toggleVariants
39
39
  };
40
40
  //# sourceMappingURL=toggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.js","sources":["../../../../src/components/ui/forms/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzC,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAO,cAAcQ,EAAgB,KAAK;"}
1
+ {"version":3,"file":"toggle.js","sources":["../../../../src/components/ui/forms/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzC,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAO,cAAcQ,EAAgB,KAAK;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),b=require("@radix-ui/react-navigation-menu"),h=require("class-variance-authority"),y=require("lucide-react"),i=require("../utils.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const r=u(x),n=u(b),l=r.forwardRef(({className:t,children:e,viewport:a=!0,...s},N)=>o.jsxs(n.Root,{ref:N,"data-slot":"navigation-menu","data-viewport":a,className:i.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...s,children:[e,a&&o.jsx(d,{})]}));l.displayName=n.Root.displayName;const c=r.forwardRef(({className:t,...e},a)=>o.jsx(n.List,{ref:a,"data-slot":"navigation-menu-list",className:i.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e}));c.displayName=n.List.displayName;const g=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Item,{ref:a,"data-slot":"navigation-menu-item",className:i.cn("relative",t),...e}));g.displayName=n.Item.displayName;const m=h.cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"),v=r.forwardRef(({className:t,children:e,...a},s)=>o.jsxs(n.Trigger,{ref:s,"data-slot":"navigation-menu-trigger",className:i.cn(m(),"group",t),...a,children:[e," ",o.jsx(y.ChevronDownIcon,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));v.displayName=n.Trigger.displayName;const f=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Content,{ref:a,"data-slot":"navigation-menu-content",className:i.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...e}));f.displayName=n.Content.displayName;const d=r.forwardRef(({className:t,...e},a)=>o.jsx("div",{className:i.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:o.jsx(n.Viewport,{ref:a,"data-slot":"navigation-menu-viewport",className:i.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})}));d.displayName=n.Viewport.displayName;const p=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Link,{ref:a,"data-slot":"navigation-menu-link",className:i.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e}));p.displayName=n.Link.displayName;const w=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Indicator,{ref:a,"data-slot":"navigation-menu-indicator",className:i.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...e,children:o.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})}));w.displayName=n.Indicator.displayName;exports.NavigationMenu=l;exports.NavigationMenuContent=f;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=g;exports.NavigationMenuLink=p;exports.NavigationMenuList=c;exports.NavigationMenuTrigger=v;exports.NavigationMenuViewport=d;exports.navigationMenuTriggerStyle=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),x=require("react"),b=require("@radix-ui/react-navigation-menu"),y=require("class-variance-authority"),h=require("lucide-react"),i=require("../utils.cjs");function u(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const r=u(x),o=u(b),l=r.forwardRef(({className:a,children:e,viewport:t=!0,...s},N)=>n.jsxs(o.Root,{ref:N,"data-slot":"navigation-menu","data-viewport":t,className:i.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",a),...s,children:[e,t&&n.jsx(d,{})]}));l.displayName=o.Root.displayName;const c=r.forwardRef(({className:a,...e},t)=>n.jsx(o.List,{ref:t,"data-slot":"navigation-menu-list",className:i.cn("group flex flex-1 list-none items-center justify-center gap-1",a),...e}));c.displayName=o.List.displayName;const g=r.forwardRef(({className:a,...e},t)=>n.jsx(o.Item,{ref:t,"data-slot":"navigation-menu-item",className:i.cn("relative",a),...e}));g.displayName=o.Item.displayName;const m=y.cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"),v=r.forwardRef(({className:a,children:e,...t},s)=>n.jsxs(o.Trigger,{ref:s,"data-slot":"navigation-menu-trigger",className:i.cn(m(),"group",a),...t,children:[e," ",n.jsx(h.ChevronDownIcon,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));v.displayName=o.Trigger.displayName;const f=r.forwardRef(({className:a,...e},t)=>n.jsx(o.Content,{ref:t,"data-slot":"navigation-menu-content",className:i.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",a),...e}));f.displayName=o.Content.displayName;const d=r.forwardRef(({className:a,...e},t)=>n.jsx("div",{className:i.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:n.jsx(o.Viewport,{ref:t,"data-slot":"navigation-menu-viewport",className:i.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",a),...e})}));d.displayName=o.Viewport.displayName;const p=r.forwardRef(({className:a,...e},t)=>n.jsx(o.Link,{ref:t,"data-slot":"navigation-menu-link",className:i.cn("data-active:bg-secondary data-active:text-secondary-foreground data-active:font-medium not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground not-data-active:focus:bg-accent not-data-active:focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",a),...e}));p.displayName=o.Link.displayName;const w=r.forwardRef(({className:a,...e},t)=>n.jsx(o.Indicator,{ref:t,"data-slot":"navigation-menu-indicator",className:i.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",a),...e,children:n.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})}));w.displayName=o.Indicator.displayName;exports.NavigationMenu=l;exports.NavigationMenuContent=f;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=g;exports.NavigationMenuLink=p;exports.NavigationMenuList=c;exports.NavigationMenuTrigger=v;exports.NavigationMenuViewport=d;exports.navigationMenuTriggerStyle=m;
2
2
  //# sourceMappingURL=navigation-menu.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-menu.cjs","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean;\n }\n>(({ className, children, viewport = true, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Item\n ref={ref}\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute top-full left-0 isolate z-50 flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Link\n ref={ref}\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}
1
+ {"version":3,"file":"navigation-menu.cjs","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean;\n }\n>(({ className, children, viewport = true, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Item\n ref={ref}\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute top-full left-0 isolate z-50 flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Link\n ref={ref}\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"data-active:bg-secondary data-active:text-secondary-foreground data-active:font-medium not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground not-data-active:focus:bg-accent not-data-active:focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}
@@ -1,28 +1,28 @@
1
- import { jsxs as d, jsx as n } from "react/jsx-runtime";
1
+ import { jsxs as s, jsx as n } from "react/jsx-runtime";
2
2
  import * as r from "react";
3
3
  import * as t from "@radix-ui/react-navigation-menu";
4
- import { cva as m } from "class-variance-authority";
4
+ import { cva as u } from "class-variance-authority";
5
5
  import { ChevronDownIcon as g } from "lucide-react";
6
6
  import { cn as i } from "../utils.js";
7
- const c = r.forwardRef(({ className: e, children: o, viewport: a = !0, ...s }, u) => /* @__PURE__ */ d(
7
+ const p = r.forwardRef(({ className: e, children: o, viewport: a = !0, ...d }, m) => /* @__PURE__ */ s(
8
8
  t.Root,
9
9
  {
10
- ref: u,
10
+ ref: m,
11
11
  "data-slot": "navigation-menu",
12
12
  "data-viewport": a,
13
13
  className: i(
14
14
  "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
15
15
  e
16
16
  ),
17
- ...s,
17
+ ...d,
18
18
  children: [
19
19
  o,
20
20
  a && /* @__PURE__ */ n(l, {})
21
21
  ]
22
22
  }
23
23
  ));
24
- c.displayName = t.Root.displayName;
25
- const p = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
24
+ p.displayName = t.Root.displayName;
25
+ const c = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
26
26
  t.List,
27
27
  {
28
28
  ref: a,
@@ -34,7 +34,7 @@ const p = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
34
34
  ...o
35
35
  }
36
36
  ));
37
- p.displayName = t.List.displayName;
37
+ c.displayName = t.List.displayName;
38
38
  const f = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
39
39
  t.Item,
40
40
  {
@@ -45,12 +45,12 @@ const f = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
45
45
  }
46
46
  ));
47
47
  f.displayName = t.Item.displayName;
48
- const v = m(
48
+ const v = u(
49
49
  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
50
- ), w = r.forwardRef(({ className: e, children: o, ...a }, s) => /* @__PURE__ */ d(
50
+ ), w = r.forwardRef(({ className: e, children: o, ...a }, d) => /* @__PURE__ */ s(
51
51
  t.Trigger,
52
52
  {
53
- ref: s,
53
+ ref: d,
54
54
  "data-slot": "navigation-menu-trigger",
55
55
  className: i(v(), "group", e),
56
56
  ...a,
@@ -109,7 +109,7 @@ const x = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
109
109
  ref: a,
110
110
  "data-slot": "navigation-menu-link",
111
111
  className: i(
112
- "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
112
+ "data-active:bg-secondary data-active:text-secondary-foreground data-active:font-medium not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground not-data-active:focus:bg-accent not-data-active:focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
113
113
  e
114
114
  ),
115
115
  ...o
@@ -131,12 +131,12 @@ const b = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
131
131
  ));
132
132
  b.displayName = t.Indicator.displayName;
133
133
  export {
134
- c as NavigationMenu,
134
+ p as NavigationMenu,
135
135
  N as NavigationMenuContent,
136
136
  b as NavigationMenuIndicator,
137
137
  f as NavigationMenuItem,
138
138
  x as NavigationMenuLink,
139
- p as NavigationMenuList,
139
+ c as NavigationMenuList,
140
140
  w as NavigationMenuTrigger,
141
141
  l as NavigationMenuViewport,
142
142
  v as navigationMenuTriggerStyle
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-menu.js","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean;\n }\n>(({ className, children, viewport = true, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Item\n ref={ref}\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute top-full left-0 isolate z-50 flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Link\n ref={ref}\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}
1
+ {"version":3,"file":"navigation-menu.js","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean;\n }\n>(({ className, children, viewport = true, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Item\n ref={ref}\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute top-full left-0 isolate z-50 flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n ref={ref}\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Link\n ref={ref}\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"data-active:bg-secondary data-active:text-secondary-foreground data-active:font-medium not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground not-data-active:focus:bg-accent not-data-active:focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}