@iclips/ui 2.0.2 → 3.0.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.
- package/MIGRATION-v3.md +244 -0
- package/README.md +1 -1
- package/dist/alert-theme.css +20 -79
- package/dist/components/ui/charts/donut-chart.cjs +1 -1
- package/dist/components/ui/charts/donut-chart.cjs.map +1 -1
- package/dist/components/ui/charts/donut-chart.js +39 -60
- package/dist/components/ui/charts/donut-chart.js.map +1 -1
- package/dist/components/ui/charts/kpi-card.cjs +1 -1
- package/dist/components/ui/charts/kpi-card.cjs.map +1 -1
- package/dist/components/ui/charts/kpi-card.js +19 -19
- package/dist/components/ui/charts/kpi-card.js.map +1 -1
- package/dist/components/ui/data/comment-system.cjs +1 -1
- package/dist/components/ui/data/comment-system.cjs.map +1 -1
- package/dist/components/ui/data/comment-system.js +67 -67
- package/dist/components/ui/data/comment-system.js.map +1 -1
- package/dist/components/ui/data/data-table.cjs +1 -1
- package/dist/components/ui/data/data-table.cjs.map +1 -1
- package/dist/components/ui/data/data-table.js +112 -101
- package/dist/components/ui/data/data-table.js.map +1 -1
- package/dist/components/ui/data/editorial-calendar.cjs +1 -1
- package/dist/components/ui/data/editorial-calendar.cjs.map +1 -1
- package/dist/components/ui/data/editorial-calendar.js +291 -291
- package/dist/components/ui/data/editorial-calendar.js.map +1 -1
- package/dist/components/ui/data/filter-builder.cjs +1 -1
- package/dist/components/ui/data/filter-builder.cjs.map +1 -1
- package/dist/components/ui/data/filter-builder.js +1 -1
- package/dist/components/ui/data/filter-builder.js.map +1 -1
- package/dist/components/ui/feedback/empty-state.cjs +1 -1
- package/dist/components/ui/feedback/empty-state.cjs.map +1 -1
- package/dist/components/ui/feedback/empty-state.js +14 -14
- package/dist/components/ui/feedback/empty-state.js.map +1 -1
- package/dist/components/ui/feedback/toast.cjs +1 -1
- package/dist/components/ui/feedback/toast.cjs.map +1 -1
- package/dist/components/ui/feedback/toast.js +53 -22
- package/dist/components/ui/feedback/toast.js.map +1 -1
- package/dist/components/ui/forms/calendar.cjs +1 -1
- package/dist/components/ui/forms/calendar.cjs.map +1 -1
- package/dist/components/ui/forms/calendar.js +16 -16
- package/dist/components/ui/forms/calendar.js.map +1 -1
- package/dist/components/ui/forms/combobox.cjs +1 -1
- package/dist/components/ui/forms/combobox.cjs.map +1 -1
- package/dist/components/ui/forms/combobox.js +78 -76
- package/dist/components/ui/forms/combobox.js.map +1 -1
- package/dist/components/ui/forms/file-attachment-list.cjs +1 -1
- package/dist/components/ui/forms/file-attachment-list.cjs.map +1 -1
- package/dist/components/ui/forms/file-attachment-list.js +4 -4
- package/dist/components/ui/forms/file-attachment-list.js.map +1 -1
- package/dist/components/ui/forms/file-upload-zone.cjs +2 -2
- package/dist/components/ui/forms/file-upload-zone.cjs.map +1 -1
- package/dist/components/ui/forms/file-upload-zone.js +55 -49
- package/dist/components/ui/forms/file-upload-zone.js.map +1 -1
- package/dist/components/ui/forms/form.cjs +1 -1
- package/dist/components/ui/forms/form.cjs.map +1 -1
- package/dist/components/ui/forms/form.js +11 -11
- package/dist/components/ui/forms/form.js.map +1 -1
- package/dist/components/ui/forms/input-validation.cjs +1 -1
- package/dist/components/ui/forms/input-validation.cjs.map +1 -1
- package/dist/components/ui/forms/input-validation.js +20 -20
- package/dist/components/ui/forms/input-validation.js.map +1 -1
- package/dist/components/ui/forms/multi-select.cjs +1 -1
- package/dist/components/ui/forms/multi-select.cjs.map +1 -1
- package/dist/components/ui/forms/multi-select.js +69 -67
- package/dist/components/ui/forms/multi-select.js.map +1 -1
- package/dist/components/ui/forms/radio-group.cjs +1 -1
- package/dist/components/ui/forms/radio-group.cjs.map +1 -1
- package/dist/components/ui/forms/radio-group.js +19 -19
- package/dist/components/ui/forms/radio-group.js.map +1 -1
- package/dist/components/ui/forms/social-button.cjs +1 -1
- package/dist/components/ui/forms/social-button.cjs.map +1 -1
- package/dist/components/ui/forms/social-button.js +6 -6
- package/dist/components/ui/forms/social-button.js.map +1 -1
- package/dist/components/ui/forms/toggle.cjs +1 -1
- package/dist/components/ui/forms/toggle.cjs.map +1 -1
- package/dist/components/ui/forms/toggle.js +7 -7
- package/dist/components/ui/forms/toggle.js.map +1 -1
- package/dist/components/ui/navigation/navigation-menu.cjs +1 -1
- package/dist/components/ui/navigation/navigation-menu.cjs.map +1 -1
- package/dist/components/ui/navigation/navigation-menu.js +14 -14
- package/dist/components/ui/navigation/navigation-menu.js.map +1 -1
- package/dist/components/ui/navigation/sidebar.cjs +1 -1
- package/dist/components/ui/navigation/sidebar.cjs.map +1 -1
- package/dist/components/ui/navigation/sidebar.js +44 -44
- package/dist/components/ui/navigation/sidebar.js.map +1 -1
- package/dist/components/ui/overlays/context-menu.cjs +1 -1
- package/dist/components/ui/overlays/context-menu.cjs.map +1 -1
- package/dist/components/ui/overlays/context-menu.js +1 -1
- package/dist/components/ui/overlays/context-menu.js.map +1 -1
- package/dist/components/ui/overlays/dropdown-menu.cjs +1 -1
- package/dist/components/ui/overlays/dropdown-menu.cjs.map +1 -1
- package/dist/components/ui/overlays/dropdown-menu.js +5 -5
- package/dist/components/ui/overlays/dropdown-menu.js.map +1 -1
- package/dist/components/ui/overlays/menubar.cjs +1 -1
- package/dist/components/ui/overlays/menubar.cjs.map +1 -1
- package/dist/components/ui/overlays/menubar.js +29 -29
- package/dist/components/ui/overlays/menubar.js.map +1 -1
- package/dist/components/ui/overlays/tooltip.cjs +1 -1
- package/dist/components/ui/overlays/tooltip.cjs.map +1 -1
- package/dist/components/ui/overlays/tooltip.js +12 -12
- package/dist/components/ui/overlays/tooltip.js.map +1 -1
- package/dist/components/ui/primitives/avatar.cjs +1 -1
- package/dist/components/ui/primitives/avatar.cjs.map +1 -1
- package/dist/components/ui/primitives/avatar.js +20 -27
- package/dist/components/ui/primitives/avatar.js.map +1 -1
- package/dist/components/ui/primitives/badge.cjs +1 -1
- package/dist/components/ui/primitives/badge.cjs.map +1 -1
- package/dist/components/ui/primitives/badge.js +13 -13
- package/dist/components/ui/primitives/badge.js.map +1 -1
- package/dist/components/ui/primitives/button.cjs +1 -1
- package/dist/components/ui/primitives/button.cjs.map +1 -1
- package/dist/components/ui/primitives/button.js +11 -8
- package/dist/components/ui/primitives/button.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +34 -35
- package/dist/index.js.map +1 -1
- package/dist/preset.css +1 -2
- package/dist/toast-theme.css +100 -64
- package/dist/tokens.css +59 -159
- package/package.json +5 -3
- package/scripts/check-colors.mjs +208 -0
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import * as
|
|
4
|
-
import * as
|
|
5
|
-
import { cn as
|
|
6
|
-
const s =
|
|
7
|
-
|
|
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:
|
|
12
|
-
...
|
|
11
|
+
className: t("grid gap-3", o),
|
|
12
|
+
...e
|
|
13
13
|
}
|
|
14
14
|
));
|
|
15
|
-
s.displayName =
|
|
16
|
-
const l =
|
|
17
|
-
|
|
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:
|
|
22
|
-
"peer h-5 w-5 shrink-0 rounded-full border border-
|
|
23
|
-
|
|
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
|
-
...
|
|
26
|
-
children: /* @__PURE__ */
|
|
27
|
-
|
|
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__ */
|
|
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 =
|
|
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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
13
|
-
google: "bg-white dark:bg-
|
|
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-
|
|
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:
|
|
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:
|
|
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-
|
|
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"),
|
|
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-
|
|
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
|
|
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-
|
|
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
|
-
),
|
|
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(
|
|
31
|
+
className: l(g({ variant: r, size: i, className: t })),
|
|
32
32
|
...a
|
|
33
33
|
}
|
|
34
34
|
));
|
|
35
|
-
|
|
35
|
+
c.displayName = e.Root.displayName;
|
|
36
36
|
export {
|
|
37
|
-
|
|
38
|
-
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
7
|
+
const p = r.forwardRef(({ className: e, children: o, viewport: a = !0, ...d }, m) => /* @__PURE__ */ s(
|
|
8
8
|
t.Root,
|
|
9
9
|
{
|
|
10
|
-
ref:
|
|
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
|
-
...
|
|
17
|
+
...d,
|
|
18
18
|
children: [
|
|
19
19
|
o,
|
|
20
20
|
a && /* @__PURE__ */ n(l, {})
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
23
|
));
|
|
24
|
-
|
|
25
|
-
const
|
|
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
|
-
|
|
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 =
|
|
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 },
|
|
50
|
+
), w = r.forwardRef(({ className: e, children: o, ...a }, d) => /* @__PURE__ */ s(
|
|
51
51
|
t.Trigger,
|
|
52
52
|
{
|
|
53
|
-
ref:
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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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"}
|