@lssm/lib.design-system 1.2.0

package/dist/ui-kit-web/dist/ui/hover-card.js

@@ -0,0 +1,42 @@
+'use client';
+
+
+import { __esm } from "../../../_virtual/rolldown_runtime.js";
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region ../ui-kit-web/dist/ui/hover-card.js
+function HoverCard({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+}
+function HoverCardTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+}
+function HoverCardContent({ className, align = "center", sideOffset = 4,...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+			"data-slot": "hover-card-content",
+			align,
+			sideOffset,
+			className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+			...props
+		})
+	});
+}
+var init_hover_card = __esm({ "../ui-kit-web/dist/ui/hover-card.js": (() => {
+	init_utils();
+}) });
+
+//#endregion
+init_hover_card();
+export { HoverCard, HoverCardContent, HoverCardTrigger, init_hover_card };
+//# sourceMappingURL=hover-card.js.map

package/dist/ui-kit-web/dist/ui/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/hover-card.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\n//#region ui/hover-card.tsx\nfunction HoverCard({ ...props }) {\n\treturn /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {\n\t\t\"data-slot\": \"hover-card\",\n\t\t...props\n\t});\n}\nfunction HoverCardTrigger({ ...props }) {\n\treturn /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {\n\t\t\"data-slot\": \"hover-card-trigger\",\n\t\t...props\n\t});\n}\nfunction HoverCardContent({ className, align = \"center\", sideOffset = 4,...props }) {\n\treturn /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, {\n\t\t\"data-slot\": \"hover-card-portal\",\n\t\tchildren: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {\n\t\t\t\"data-slot\": \"hover-card-content\",\n\t\t\talign,\n\t\t\tsideOffset,\n\t\t\tclassName: cn(\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\n\n//#endregion\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n//# sourceMappingURL=hover-card.js.map"],"mappings":";;;;;;;;;;AASA,SAAS,UAAU,EAAE,GAAG,SAAS;AAChC,QAAuB,oBAAI,mBAAmB,MAAM;EACnD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,iBAAiB,EAAE,GAAG,SAAS;AACvC,QAAuB,oBAAI,mBAAmB,SAAS;EACtD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,iBAAiB,EAAE,WAAW,QAAQ,UAAU,aAAa,EAAE,GAAG,SAAS;AACnF,QAAuB,oBAAI,mBAAmB,QAAQ;EACrD,aAAa;EACb,UAA0B,oBAAI,mBAAmB,SAAS;GACzD,aAAa;GACb;GACA;GACA,WAAW,GAAG,qeAAqe,UAAU;GAC7f,GAAG;GACH,CAAC;EACF,CAAC;;;aA5B6B"}

package/dist/ui-kit-web/dist/ui/input.js

@@ -0,0 +1,18 @@
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/input.js
+init_utils();
+function Input({ className, type,...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/ui-kit-web/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/input.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region ui/input.tsx\nfunction Input({ className, type,...props }) {\n\treturn /* @__PURE__ */ jsx(\"input\", {\n\t\ttype,\n\t\t\"data-slot\": \"input\",\n\t\tclassName: cn(\"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\", \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\", \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Input };\n//# sourceMappingURL=input.js.map"],"mappings":";;;;;YAAgC;AAKhC,SAAS,MAAM,EAAE,WAAW,KAAK,GAAG,SAAS;AAC5C,QAAuB,oBAAI,SAAS;EACnC;EACA,aAAa;EACb,WAAW,GAAG,8bAA8b,iFAAiF,0GAA0G,UAAU;EACjpB,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/label.js

@@ -0,0 +1,21 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region ../ui-kit-web/dist/ui/label.js
+init_utils();
+function Label({ className,...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/ui-kit-web/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/label.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\n//#region ui/label.tsx\nfunction Label({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(LabelPrimitive.Root, {\n\t\t\"data-slot\": \"label\",\n\t\tclassName: cn(\"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Label };\n//# sourceMappingURL=label.js.map"],"mappings":";;;;;;;;;YAGgC;AAMhC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS;AACtC,QAAuB,oBAAI,eAAe,MAAM;EAC/C,aAAa;EACb,WAAW,GAAG,uNAAuN,UAAU;EAC/O,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/marketing/Hero.js

@@ -0,0 +1,54 @@
+import { cn, init_utils } from "../utils.js";
+import { Button } from "../button.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/marketing/Hero.js
+init_utils();
+function Hero({ title, subtitle, primaryCta, secondaryCta, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-4xl py-16 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-4xl font-bold tracking-tight md:text-5xl",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-4 text-lg md:text-xl",
+				children: subtitle
+			}),
+			(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", {
+				className: "mt-8 flex items-center justify-center gap-3",
+				children: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					size: "lg",
+					children: /* @__PURE__ */ jsx("a", {
+						href: primaryCta.href,
+						children: primaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					size: "lg",
+					onClick: primaryCta.onClick,
+					children: primaryCta.label
+				})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					asChild: true,
+					size: "lg",
+					children: /* @__PURE__ */ jsx("a", {
+						href: secondaryCta.href,
+						children: secondaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "lg",
+					onClick: secondaryCta.onClick,
+					children: secondaryCta.label
+				}))]
+			})
+		]
+	});
+}
+
+//#endregion
+export { Hero };
+//# sourceMappingURL=Hero.js.map

package/dist/ui-kit-web/dist/ui/marketing/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","names":[],"sources":["../../../../../../ui-kit-web/dist/ui/marketing/Hero.js"],"sourcesContent":["import { cn } from \"../utils.js\";\nimport { Button } from \"../button.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ui/marketing/Hero.tsx\nfunction Hero({ title, subtitle, primaryCta, secondaryCta, className }) {\n\treturn /* @__PURE__ */ jsxs(\"section\", {\n\t\tclassName: cn(\"mx-auto max-w-4xl py-16 text-center\", className),\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsx(\"h1\", {\n\t\t\t\tclassName: \"text-4xl font-bold tracking-tight md:text-5xl\",\n\t\t\t\tchildren: title\n\t\t\t}),\n\t\t\tsubtitle && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground mt-4 text-lg md:text-xl\",\n\t\t\t\tchildren: subtitle\n\t\t\t}),\n\t\t\t(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"mt-8 flex items-center justify-center gap-3\",\n\t\t\t\tchildren: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\tasChild: true,\n\t\t\t\t\tsize: \"lg\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(\"a\", {\n\t\t\t\t\t\thref: primaryCta.href,\n\t\t\t\t\t\tchildren: primaryCta.label\n\t\t\t\t\t})\n\t\t\t\t}) : /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\tsize: \"lg\",\n\t\t\t\t\tonClick: primaryCta.onClick,\n\t\t\t\t\tchildren: primaryCta.label\n\t\t\t\t})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\tasChild: true,\n\t\t\t\t\tsize: \"lg\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(\"a\", {\n\t\t\t\t\t\thref: secondaryCta.href,\n\t\t\t\t\t\tchildren: secondaryCta.label\n\t\t\t\t\t})\n\t\t\t\t}) : /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\tsize: \"lg\",\n\t\t\t\t\tonClick: secondaryCta.onClick,\n\t\t\t\t\tchildren: secondaryCta.label\n\t\t\t\t}))]\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { Hero };\n//# sourceMappingURL=Hero.js.map"],"mappings":";;;;;;YAAiC;AAMjC,SAAS,KAAK,EAAE,OAAO,UAAU,YAAY,cAAc,aAAa;AACvE,QAAuB,qBAAK,WAAW;EACtC,WAAW,GAAG,uCAAuC,UAAU;EAC/D,UAAU;GACO,oBAAI,MAAM;IACzB,WAAW;IACX,UAAU;IACV,CAAC;GACF,YAA4B,oBAAI,KAAK;IACpC,WAAW;IACX,UAAU;IACV,CAAC;IACD,cAAc,iBAAiC,qBAAK,OAAO;IAC3D,WAAW;IACX,UAAU,CAAC,eAAe,WAAW,OAAuB,oBAAI,QAAQ;KACvE,SAAS;KACT,MAAM;KACN,UAA0B,oBAAI,KAAK;MAClC,MAAM,WAAW;MACjB,UAAU,WAAW;MACrB,CAAC;KACF,CAAC,GAAmB,oBAAI,QAAQ;KAChC,MAAM;KACN,SAAS,WAAW;KACpB,UAAU,WAAW;KACrB,CAAC,GAAG,iBAAiB,aAAa,OAAuB,oBAAI,QAAQ;KACrE,SAAS;KACT,SAAS;KACT,MAAM;KACN,UAA0B,oBAAI,KAAK;MAClC,MAAM,aAAa;MACnB,UAAU,aAAa;MACvB,CAAC;KACF,CAAC,GAAmB,oBAAI,QAAQ;KAChC,SAAS;KACT,MAAM;KACN,SAAS,aAAa;KACtB,UAAU,aAAa;KACvB,CAAC,EAAE;IACJ,CAAC;GACF;EACD,CAAC"}

package/dist/ui-kit-web/dist/ui/marketing/PricingTable.js

@@ -0,0 +1,61 @@
+import { cn, init_utils } from "../utils.js";
+import { Button } from "../button.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/marketing/PricingTable.js
+init_utils();
+function PricingTable({ tiers, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-6xl py-12", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 md:grid-cols-3",
+			children: tiers.map((t, idx) => /* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mb-2 text-base font-medium",
+						children: t.name
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-3xl font-semibold",
+						children: t.price
+					}),
+					t.tagline && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mt-1 text-base",
+						children: t.tagline
+					}),
+					/* @__PURE__ */ jsx("ul", {
+						className: "mt-4 space-y-2 text-base",
+						children: t.features.map((f, i) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", { children: f })]
+						}, i))
+					}),
+					t.cta && /* @__PURE__ */ jsx("div", {
+						className: "mt-6",
+						children: t.cta.href ? /* @__PURE__ */ jsx(Button, {
+							asChild: true,
+							className: "w-full",
+							children: /* @__PURE__ */ jsx("a", {
+								href: t.cta.href,
+								children: t.cta.label
+							})
+						}) : /* @__PURE__ */ jsx(Button, {
+							className: "w-full",
+							onClick: t.cta.onClick,
+							children: t.cta.label
+						})
+					})
+				]
+			}, idx))
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-6 text-center text-base",
+			children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
+		})]
+	});
+}
+
+//#endregion
+export { PricingTable };
+//# sourceMappingURL=PricingTable.js.map

package/dist/ui-kit-web/dist/ui/marketing/PricingTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingTable.js","names":[],"sources":["../../../../../../ui-kit-web/dist/ui/marketing/PricingTable.js"],"sourcesContent":["import { cn } from \"../utils.js\";\nimport { Button } from \"../button.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ui/marketing/PricingTable.tsx\nfunction PricingTable({ tiers, className }) {\n\treturn /* @__PURE__ */ jsxs(\"section\", {\n\t\tclassName: cn(\"mx-auto max-w-6xl py-12\", className),\n\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\tclassName: \"grid grid-cols-1 gap-6 md:grid-cols-3\",\n\t\t\tchildren: tiers.map((t, idx) => /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: cn(\"flex flex-col rounded-lg border p-6\", t.highlighted && \"border-primary shadow-lg\"),\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground mb-2 text-base font-medium\",\n\t\t\t\t\t\tchildren: t.name\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-3xl font-semibold\",\n\t\t\t\t\t\tchildren: t.price\n\t\t\t\t\t}),\n\t\t\t\t\tt.tagline && /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground mt-1 text-base\",\n\t\t\t\t\t\tchildren: t.tagline\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsx(\"ul\", {\n\t\t\t\t\t\tclassName: \"mt-4 space-y-2 text-base\",\n\t\t\t\t\t\tchildren: t.features.map((f, i) => /* @__PURE__ */ jsxs(\"li\", {\n\t\t\t\t\t\t\tclassName: \"flex items-start gap-2\",\n\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { className: \"bg-primary mt-1 h-1.5 w-1.5 rounded-full\" }), /* @__PURE__ */ jsx(\"span\", { children: f })]\n\t\t\t\t\t\t}, i))\n\t\t\t\t\t}),\n\t\t\t\t\tt.cta && /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"mt-6\",\n\t\t\t\t\t\tchildren: t.cta.href ? /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\t\tasChild: true,\n\t\t\t\t\t\t\tclassName: \"w-full\",\n\t\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(\"a\", {\n\t\t\t\t\t\t\t\thref: t.cta.href,\n\t\t\t\t\t\t\t\tchildren: t.cta.label\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}) : /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\t\tclassName: \"w-full\",\n\t\t\t\t\t\t\tonClick: t.cta.onClick,\n\t\t\t\t\t\t\tchildren: t.cta.label\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}, idx))\n\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\tclassName: \"text-muted-foreground mt-6 text-center text-base\",\n\t\t\tchildren: \"Usage-based tiers inspired by generous free allowances and per-unit pricing.\"\n\t\t})]\n\t});\n}\n\n//#endregion\nexport { PricingTable };\n//# sourceMappingURL=PricingTable.js.map"],"mappings":";;;;;;YAAiC;AAMjC,SAAS,aAAa,EAAE,OAAO,aAAa;AAC3C,QAAuB,qBAAK,WAAW;EACtC,WAAW,GAAG,2BAA2B,UAAU;EACnD,UAAU,CAAiB,oBAAI,OAAO;GACrC,WAAW;GACX,UAAU,MAAM,KAAK,GAAG,QAAwB,qBAAK,OAAO;IAC3D,WAAW,GAAG,uCAAuC,EAAE,eAAe,2BAA2B;IACjG,UAAU;KACO,oBAAI,OAAO;MAC1B,WAAW;MACX,UAAU,EAAE;MACZ,CAAC;KACc,oBAAI,OAAO;MAC1B,WAAW;MACX,UAAU,EAAE;MACZ,CAAC;KACF,EAAE,WAA2B,oBAAI,OAAO;MACvC,WAAW;MACX,UAAU,EAAE;MACZ,CAAC;KACc,oBAAI,MAAM;MACzB,WAAW;MACX,UAAU,EAAE,SAAS,KAAK,GAAG,MAAsB,qBAAK,MAAM;OAC7D,WAAW;OACX,UAAU,CAAiB,oBAAI,QAAQ,EAAE,WAAW,4CAA4C,CAAC,EAAkB,oBAAI,QAAQ,EAAE,UAAU,GAAG,CAAC,CAAC;OAChJ,EAAE,EAAE,CAAC;MACN,CAAC;KACF,EAAE,OAAuB,oBAAI,OAAO;MACnC,WAAW;MACX,UAAU,EAAE,IAAI,OAAuB,oBAAI,QAAQ;OAClD,SAAS;OACT,WAAW;OACX,UAA0B,oBAAI,KAAK;QAClC,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,IAAI;QAChB,CAAC;OACF,CAAC,GAAmB,oBAAI,QAAQ;OAChC,WAAW;OACX,SAAS,EAAE,IAAI;OACf,UAAU,EAAE,IAAI;OAChB,CAAC;MACF,CAAC;KACF;IACD,EAAE,IAAI,CAAC;GACR,CAAC,EAAkB,oBAAI,KAAK;GAC5B,WAAW;GACX,UAAU;GACV,CAAC,CAAC;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js

@@ -0,0 +1,103 @@
+import { Button } from "../../button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../collapsible.js";
+import { FilterSelect } from "../../atoms/FilterSelect/FilterSelect.js";
+import { SearchInput } from "../../atoms/SearchInput/SearchInput.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, Filter } from "lucide-react";
+
+//#region ../ui-kit-web/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js
+const SearchAndFilter = ({ searchValue, onSearchChange, searchPlaceholder, filters = [], isLoading = false, disabled = false, className = "", collapsible = true, defaultCollapsed = false }) => {
+	const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+	const hasFilters = filters.length > 0;
+	const activeFiltersCount = filters.filter((f) => f.value).length;
+	const shouldUseCollapsible = collapsible && hasFilters;
+	console.log("SearchAndFilter", { filters });
+	const FilterComponents = () => /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+		children: filters.map((filter) => /* @__PURE__ */ jsx(FilterSelect, {
+			value: filter.value,
+			options: filter.options,
+			onChange: filter.onChange,
+			label: filter.label,
+			disabled: disabled || isLoading,
+			showCounts: filter.showCounts,
+			className: "min-w-0"
+		}, filter.key))
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: `space-y-4 ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4 sm:flex-row",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ jsx(SearchInput, {
+						value: searchValue,
+						onChange: onSearchChange,
+						placeholder: searchPlaceholder,
+						disabled: disabled || isLoading,
+						className: "w-full"
+					})
+				}), shouldUseCollapsible && /* @__PURE__ */ jsxs(Collapsible, {
+					open: !isCollapsed,
+					onOpenChange: setIsCollapsed,
+					className: "sm:hidden",
+					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							className: "sm:hidden",
+							disabled: disabled || isLoading,
+							children: [
+								/* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+								"Filtres",
+								activeFiltersCount > 0 && /* @__PURE__ */ jsx("span", {
+									className: "bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm",
+									children: activeFiltersCount
+								}),
+								isCollapsed ? /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronUp, { className: "ml-2 h-4 w-4" })
+							]
+						})
+					}), /* @__PURE__ */ jsx(CollapsibleContent, {
+						className: "mt-4 space-y-4",
+						children: /* @__PURE__ */ jsx(FilterComponents, {})
+					})]
+				})]
+			}),
+			hasFilters && /* @__PURE__ */ jsx("div", {
+				className: "hidden sm:block",
+				children: /* @__PURE__ */ jsx(FilterComponents, {})
+			}),
+			activeFiltersCount > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-base",
+					children: "Filtres actifs:"
+				}), filters.filter((f) => f.value).map((filter) => {
+					const selectedOption = filter.options.find((opt) => opt.value === filter.value);
+					return /* @__PURE__ */ jsxs(Button, {
+						variant: "secondary",
+						size: "sm",
+						onClick: () => filter.onChange(""),
+						disabled: disabled || isLoading,
+						className: "h-7 px-2 text-sm",
+						children: [
+							filter.label,
+							": ",
+							selectedOption?.label,
+							/* @__PURE__ */ jsx("span", {
+								className: "ml-1",
+								children: "×"
+							})
+						]
+					}, filter.key);
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchAndFilter };
+//# sourceMappingURL=SearchAndFilter.js.map

package/dist/ui-kit-web/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAndFilter.js","names":[],"sources":["../../../../../../../ui-kit-web/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js"],"sourcesContent":["import { Button } from \"../../button.js\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../../collapsible.js\";\nimport { FilterSelect } from \"../../atoms/FilterSelect/FilterSelect.js\";\nimport { SearchInput } from \"../../atoms/SearchInput/SearchInput.js\";\nimport React, { useState } from \"react\";\nimport { ChevronDown, ChevronUp, Filter } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ui/molecules/SearchAndFilter/SearchAndFilter.tsx\nconst SearchAndFilter = ({ searchValue, onSearchChange, searchPlaceholder, filters = [], isLoading = false, disabled = false, className = \"\", collapsible = true, defaultCollapsed = false }) => {\n\tconst [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\tconst hasFilters = filters.length > 0;\n\tconst activeFiltersCount = filters.filter((f) => f.value).length;\n\tconst shouldUseCollapsible = collapsible && hasFilters;\n\tconsole.log(\"SearchAndFilter\", { filters });\n\tconst FilterComponents = () => /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: \"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\n\t\tchildren: filters.map((filter) => /* @__PURE__ */ jsx(FilterSelect, {\n\t\t\tvalue: filter.value,\n\t\t\toptions: filter.options,\n\t\t\tonChange: filter.onChange,\n\t\t\tlabel: filter.label,\n\t\t\tdisabled: disabled || isLoading,\n\t\t\tshowCounts: filter.showCounts,\n\t\t\tclassName: \"min-w-0\"\n\t\t}, filter.key))\n\t});\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: `space-y-4 ${className}`,\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex flex-col gap-4 sm:flex-row\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"flex-1\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(SearchInput, {\n\t\t\t\t\t\tvalue: searchValue,\n\t\t\t\t\t\tonChange: onSearchChange,\n\t\t\t\t\t\tplaceholder: searchPlaceholder,\n\t\t\t\t\t\tdisabled: disabled || isLoading,\n\t\t\t\t\t\tclassName: \"w-full\"\n\t\t\t\t\t})\n\t\t\t\t}), shouldUseCollapsible && /* @__PURE__ */ jsxs(Collapsible, {\n\t\t\t\t\topen: !isCollapsed,\n\t\t\t\t\tonOpenChange: setIsCollapsed,\n\t\t\t\t\tclassName: \"sm:hidden\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(CollapsibleTrigger, {\n\t\t\t\t\t\tasChild: true,\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\t\tclassName: \"sm:hidden\",\n\t\t\t\t\t\t\tdisabled: disabled || isLoading,\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t/* @__PURE__ */ jsx(Filter, { className: \"mr-2 h-4 w-4\" }),\n\t\t\t\t\t\t\t\t\"Filtres\",\n\t\t\t\t\t\t\t\tactiveFiltersCount > 0 && /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\t\t\tclassName: \"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\",\n\t\t\t\t\t\t\t\t\tchildren: activeFiltersCount\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\tisCollapsed ? /* @__PURE__ */ jsx(ChevronDown, { className: \"ml-2 h-4 w-4\" }) : /* @__PURE__ */ jsx(ChevronUp, { className: \"ml-2 h-4 w-4\" })\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsx(CollapsibleContent, {\n\t\t\t\t\t\tclassName: \"mt-4 space-y-4\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(FilterComponents, {})\n\t\t\t\t\t})]\n\t\t\t\t})]\n\t\t\t}),\n\t\t\thasFilters && /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"hidden sm:block\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(FilterComponents, {})\n\t\t\t}),\n\t\t\tactiveFiltersCount > 0 && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex flex-wrap items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\t\t\tchildren: \"Filtres actifs:\"\n\t\t\t\t}), filters.filter((f) => f.value).map((filter) => {\n\t\t\t\t\tconst selectedOption = filter.options.find((opt) => opt.value === filter.value);\n\t\t\t\t\treturn /* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\tvariant: \"secondary\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => filter.onChange(\"\"),\n\t\t\t\t\t\tdisabled: disabled || isLoading,\n\t\t\t\t\t\tclassName: \"h-7 px-2 text-sm\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\tfilter.label,\n\t\t\t\t\t\t\t\": \",\n\t\t\t\t\t\t\tselectedOption?.label,\n\t\t\t\t\t\t\t/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\t\tclassName: \"ml-1\",\n\t\t\t\t\t\t\t\tchildren: \"×\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t]\n\t\t\t\t\t}, filter.key);\n\t\t\t\t})]\n\t\t\t})\n\t\t]\n\t});\n};\n\n//#endregion\nexport { SearchAndFilter };\n//# sourceMappingURL=SearchAndFilter.js.map"],"mappings":";;;;;;;;;AASA,MAAM,mBAAmB,EAAE,aAAa,gBAAgB,mBAAmB,UAAU,EAAE,EAAE,YAAY,OAAO,WAAW,OAAO,YAAY,IAAI,cAAc,MAAM,mBAAmB,YAAY;CAChM,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAChE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAC1D,MAAM,uBAAuB,eAAe;AAC5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAC3C,MAAM,yBAAyC,oBAAI,OAAO;EACzD,WAAW;EACX,UAAU,QAAQ,KAAK,WAA2B,oBAAI,cAAc;GACnE,OAAO,OAAO;GACd,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAW;GACX,EAAE,OAAO,IAAI,CAAC;EACf,CAAC;AACF,QAAuB,qBAAK,OAAO;EAClC,WAAW,aAAa;EACxB,UAAU;GACO,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU,CAAiB,oBAAI,OAAO;KACrC,WAAW;KACX,UAA0B,oBAAI,aAAa;MAC1C,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAW;MACX,CAAC;KACF,CAAC,EAAE,wBAAwC,qBAAK,aAAa;KAC7D,MAAM,CAAC;KACP,cAAc;KACd,WAAW;KACX,UAAU,CAAiB,oBAAI,oBAAoB;MAClD,SAAS;MACT,UAA0B,qBAAK,QAAQ;OACtC,SAAS;OACT,WAAW;OACX,UAAU,YAAY;OACtB,UAAU;QACO,oBAAI,QAAQ,EAAE,WAAW,gBAAgB,CAAC;QAC1D;QACA,qBAAqB,KAAqB,oBAAI,QAAQ;SACrD,WAAW;SACX,UAAU;SACV,CAAC;QACF,cAA8B,oBAAI,aAAa,EAAE,WAAW,gBAAgB,CAAC,GAAmB,oBAAI,WAAW,EAAE,WAAW,gBAAgB,CAAC;QAC7I;OACD,CAAC;MACF,CAAC,EAAkB,oBAAI,oBAAoB;MAC3C,WAAW;MACX,UAA0B,oBAAI,kBAAkB,EAAE,CAAC;MACnD,CAAC,CAAC;KACH,CAAC,CAAC;IACH,CAAC;GACF,cAA8B,oBAAI,OAAO;IACxC,WAAW;IACX,UAA0B,oBAAI,kBAAkB,EAAE,CAAC;IACnD,CAAC;GACF,qBAAqB,KAAqB,qBAAK,OAAO;IACrD,WAAW;IACX,UAAU,CAAiB,oBAAI,QAAQ;KACtC,WAAW;KACX,UAAU;KACV,CAAC,EAAE,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC,KAAK,WAAW;KAClD,MAAM,iBAAiB,OAAO,QAAQ,MAAM,QAAQ,IAAI,UAAU,OAAO,MAAM;AAC/E,YAAuB,qBAAK,QAAQ;MACnC,SAAS;MACT,MAAM;MACN,eAAe,OAAO,SAAS,GAAG;MAClC,UAAU,YAAY;MACtB,WAAW;MACX,UAAU;OACT,OAAO;OACP;OACA,gBAAgB;OACA,oBAAI,QAAQ;QAC3B,WAAW;QACX,UAAU;QACV,CAAC;OACF;MACD,EAAE,OAAO,IAAI;MACb,CAAC;IACH,CAAC;GACF;EACD,CAAC"}

package/dist/ui-kit-web/dist/ui/molecules/SkeletonList.js

@@ -0,0 +1,15 @@
+import { Skeleton } from "../skeleton.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/molecules/SkeletonList.js
+function SkeletonList({ count = 6, className = "", itemClassName = "" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `space-y-3 ${className}`,
+		children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: `h-20 rounded-md ${itemClassName}` }, i))
+	});
+}
+
+//#endregion
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.js.map

package/dist/ui-kit-web/dist/ui/molecules/SkeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.js","names":[],"sources":["../../../../../../ui-kit-web/dist/ui/molecules/SkeletonList.js"],"sourcesContent":["import { Skeleton } from \"../skeleton.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region ui/molecules/SkeletonList.tsx\nfunction SkeletonList({ count = 6, className = \"\", itemClassName = \"\" }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: `space-y-3 ${className}`,\n\t\tchildren: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: `h-20 rounded-md ${itemClassName}` }, i))\n\t});\n}\n\n//#endregion\nexport { SkeletonList };\n//# sourceMappingURL=SkeletonList.js.map"],"mappings":";;;;;AAKA,SAAS,aAAa,EAAE,QAAQ,GAAG,YAAY,IAAI,gBAAgB,MAAM;AACxE,QAAuB,oBAAI,OAAO;EACjC,WAAW,aAAa;EACxB,UAAU,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,MAAsB,oBAAI,UAAU,EAAE,WAAW,mBAAmB,iBAAiB,EAAE,EAAE,CAAC;EAC1I,CAAC"}

package/dist/ui-kit-web/dist/ui/navigation-menu.js

@@ -0,0 +1,76 @@
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+
+//#region ../ui-kit-web/dist/ui/navigation-menu.js
+init_utils();
+function NavigationMenu({ className, children, viewport = true,...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
+		"data-slot": "navigation-menu",
+		"data-viewport": viewport,
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+	});
+}
+function NavigationMenuList({ className,...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+		...props
+	});
+}
+function NavigationMenuItem({ className,...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+}
+const navigationMenuTriggerStyle = 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-hidden transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function NavigationMenuContent({ className,...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
+		"data-slot": "navigation-menu-content",
+		className: 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", "bg-background group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground data-[state=open]:group-data-[viewport=false]/navigation-menu:animate-in data-[state=closed]:group-data-[viewport=false]/navigation-menu:animate-out data-[state=closed]:group-data-[viewport=false]/navigation-menu:fade-out-0 data-[state=open]:group-data-[viewport=false]/navigation-menu:fade-in-0 data-[state=closed]:group-data-[viewport=false]/navigation-menu:zoom-out-95 data-[state=open]:group-data-[viewport=false]/navigation-menu:zoom-in-95 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-2xs group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-hidden", className),
+		...props
+	});
+}
+function NavigationMenuViewport({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {
+			"data-slot": "navigation-menu-viewport",
+			className: 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-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow-2xs md:w-(--radix-navigation-menu-viewport-width)", className),
+			...props
+		})
+	});
+}
+function NavigationMenuLink({ className,...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-xs p-2 text-sm outline-hidden transition-all focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/ui-kit-web/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/navigation-menu.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\n\n//#region ui/navigation-menu.tsx\nfunction NavigationMenu({ className, children, viewport = true,...props }) {\n\treturn /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {\n\t\t\"data-slot\": \"navigation-menu\",\n\t\t\"data-viewport\": viewport,\n\t\tclassName: cn(\"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\", className),\n\t\t...props,\n\t\tchildren: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]\n\t});\n}\nfunction NavigationMenuList({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {\n\t\t\"data-slot\": \"navigation-menu-list\",\n\t\tclassName: cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className),\n\t\t...props\n\t});\n}\nfunction NavigationMenuItem({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {\n\t\t\"data-slot\": \"navigation-menu-item\",\n\t\tclassName: cn(\"relative\", className),\n\t\t...props\n\t});\n}\nconst navigationMenuTriggerStyle = 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-hidden transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\");\nfunction NavigationMenuTrigger({ className, children,...props }) {\n\treturn /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {\n\t\t\"data-slot\": \"navigation-menu-trigger\",\n\t\tclassName: cn(navigationMenuTriggerStyle(), \"group\", className),\n\t\t...props,\n\t\tchildren: [\n\t\t\tchildren,\n\t\t\t\" \",\n\t\t\t/* @__PURE__ */ jsx(ChevronDownIcon, {\n\t\t\t\tclassName: \"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\",\n\t\t\t\t\"aria-hidden\": \"true\"\n\t\t\t})\n\t\t]\n\t});\n}\nfunction NavigationMenuContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {\n\t\t\"data-slot\": \"navigation-menu-content\",\n\t\tclassName: 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\", \"bg-background group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground data-[state=open]:group-data-[viewport=false]/navigation-menu:animate-in data-[state=closed]:group-data-[viewport=false]/navigation-menu:animate-out data-[state=closed]:group-data-[viewport=false]/navigation-menu:fade-out-0 data-[state=open]:group-data-[viewport=false]/navigation-menu:fade-in-0 data-[state=closed]:group-data-[viewport=false]/navigation-menu:zoom-out-95 data-[state=open]:group-data-[viewport=false]/navigation-menu:zoom-in-95 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-2xs group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-hidden\", className),\n\t\t...props\n\t});\n}\nfunction NavigationMenuViewport({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: cn(\"absolute top-full left-0 isolate z-50 flex justify-center\"),\n\t\tchildren: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {\n\t\t\t\"data-slot\": \"navigation-menu-viewport\",\n\t\t\tclassName: 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-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow-2xs md:w-(--radix-navigation-menu-viewport-width)\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\nfunction NavigationMenuLink({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {\n\t\t\"data-slot\": \"navigation-menu-link\",\n\t\tclassName: cn(\"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-xs p-2 text-sm outline-hidden transition-all focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\", className),\n\t\t...props\n\t});\n}\nfunction NavigationMenuIndicator({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {\n\t\t\"data-slot\": \"navigation-menu-indicator\",\n\t\tclassName: 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\", className),\n\t\t...props,\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", { className: \"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" })\n\t});\n}\n\n//#endregion\nexport { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };\n//# sourceMappingURL=navigation-menu.js.map"],"mappings":";;;;;;;;YAAgC;AAQhC,SAAS,eAAe,EAAE,WAAW,UAAU,WAAW,KAAK,GAAG,SAAS;AAC1E,QAAuB,qBAAK,wBAAwB,MAAM;EACzD,aAAa;EACb,iBAAiB;EACjB,WAAW,GAAG,oFAAoF,UAAU;EAC5G,GAAG;EACH,UAAU,CAAC,UAAU,YAA4B,oBAAI,wBAAwB,EAAE,CAAC,CAAC;EACjF,CAAC;;AAEH,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAS;AACnD,QAAuB,oBAAI,wBAAwB,MAAM;EACxD,aAAa;EACb,WAAW,GAAG,iEAAiE,UAAU;EACzF,GAAG;EACH,CAAC;;AAEH,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAS;AACnD,QAAuB,oBAAI,wBAAwB,MAAM;EACxD,aAAa;EACb,WAAW,GAAG,YAAY,UAAU;EACpC,GAAG;EACH,CAAC;;AAEH,MAAM,6BAA6B,IAAI,igBAAigB;AACxiB,SAAS,sBAAsB,EAAE,WAAW,SAAS,GAAG,SAAS;AAChE,QAAuB,qBAAK,wBAAwB,SAAS;EAC5D,aAAa;EACb,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAG;EACH,UAAU;GACT;GACA;GACgB,oBAAI,iBAAiB;IACpC,WAAW;IACX,eAAe;IACf,CAAC;GACF;EACD,CAAC;;AAEH,SAAS,sBAAsB,EAAE,UAAU,GAAG,SAAS;AACtD,QAAuB,oBAAI,wBAAwB,SAAS;EAC3D,aAAa;EACb,WAAW,GAAG,oWAAoW,ijCAAijC,UAAU;EAC76C,GAAG;EACH,CAAC;;AAEH,SAAS,uBAAuB,EAAE,UAAU,GAAG,SAAS;AACvD,QAAuB,oBAAI,OAAO;EACjC,WAAW,GAAG,4DAA4D;EAC1E,UAA0B,oBAAI,wBAAwB,UAAU;GAC/D,aAAa;GACb,WAAW,GAAG,gVAAgV,UAAU;GACxW,GAAG;GACH,CAAC;EACF,CAAC;;AAEH,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAAS;AACnD,QAAuB,oBAAI,wBAAwB,MAAM;EACxD,aAAa;EACb,WAAW,GAAG,2dAA2d,UAAU;EACnf,GAAG;EACH,CAAC"}