@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/theme/defaults.d.ts

@@ -0,0 +1,49 @@
+//#region src/client/theme/defaults.d.ts
+/**
+ * SDK default color tokens. These are the canonical defaults used by
+ * the theme codec to compute diffs (only non-default values are encoded).
+ */
+declare const SDK_DEFAULTS: {
+  light: Record<string, string>;
+  dark: Record<string, string>;
+};
+/** Default values for design tokens (non-color). */
+declare const TOKEN_DEFAULTS: {
+  readonly colorize: 50;
+  readonly intensity: 50;
+  readonly delight: 50;
+  readonly radius: 0.75;
+  readonly fontBody: "Inter";
+  readonly fontHeading: "Inter";
+  readonly iconSet: "Phosphor";
+  readonly colorSpace: "hsl";
+  readonly darkMode: false;
+  readonly componentSet: "default";
+  readonly buttonRadius: "9999px";
+  readonly cardRadius: "var(--radius)";
+  readonly inputRadius: "var(--radius)";
+  readonly imageRadius: "0px";
+  readonly shadowPreset: "none";
+  readonly shadowColor: "oklch(0 0 0 / 0.1)";
+  readonly headingWeight: "600";
+  readonly headingTracking: "0em";
+  readonly bodyWeight: "400";
+  readonly headingTransform: "none";
+  readonly borderWidth: "1px";
+  readonly overlayColor: "black";
+  readonly overlayFromOpacity: "0.5";
+  readonly overlayToOpacity: "0";
+  readonly imageHoverScale: "1.05";
+  readonly imageHoverDuration: "300ms";
+  readonly variants: {
+    readonly hero: "overlay";
+    readonly linkBlock: "overlay";
+    readonly productCard: "gallery";
+    readonly contentWithImage: "side-by-side";
+    readonly gallery: "grid";
+    readonly textContent: "default";
+  };
+};
+//#endregion
+export { SDK_DEFAULTS, TOKEN_DEFAULTS };
+//# sourceMappingURL=defaults.d.ts.map

package/dist/client/theme/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","names":[],"sources":["../../../src/client/theme/defaults.ts"],"mappings":";;AAIA;;;cAAa,YAAA;SAuBN,MAAA;QAuBA,MAAA;AAAA;;cAIM,cAAA;EAAA"}

package/dist/client/theme/defaults.mjs

@@ -0,0 +1,94 @@
+//#region src/client/theme/defaults.ts
+/**
+* SDK default color tokens. These are the canonical defaults used by
+* the theme codec to compute diffs (only non-default values are encoded).
+*/
+const SDK_DEFAULTS = {
+	light: {
+		"--background": "#ffffff",
+		"--foreground": "#111827",
+		"--card": "#ffffff",
+		"--card-foreground": "#111827",
+		"--popover": "#ffffff",
+		"--popover-foreground": "#111827",
+		"--primary": "#2563eb",
+		"--primary-foreground": "#ffffff",
+		"--secondary": "#f1f5f9",
+		"--secondary-foreground": "#0f172a",
+		"--muted": "#f3f4f6",
+		"--muted-foreground": "#636b78",
+		"--accent": "#dbeafe",
+		"--accent-foreground": "#1e3a8a",
+		"--accent-muted": "#eff6ff",
+		"--accent-muted-foreground": "#1e40af",
+		"--destructive": "#dc2626",
+		"--destructive-foreground": "#ffffff",
+		"--border": "#e5e7eb",
+		"--input": "#e5e7eb",
+		"--ring": "#2563eb"
+	},
+	dark: {
+		"--background": "#111827",
+		"--foreground": "#f9fafb",
+		"--card": "#1f2937",
+		"--card-foreground": "#f9fafb",
+		"--popover": "#1f2937",
+		"--popover-foreground": "#f9fafb",
+		"--primary": "#2563eb",
+		"--primary-foreground": "#ffffff",
+		"--secondary": "#1e293b",
+		"--secondary-foreground": "#e2e8f0",
+		"--muted": "#374151",
+		"--muted-foreground": "#b0b8c4",
+		"--accent": "#1e3a5f",
+		"--accent-foreground": "#bfdbfe",
+		"--accent-muted": "#172554",
+		"--accent-muted-foreground": "#93c5fd",
+		"--destructive": "#dc2626",
+		"--destructive-foreground": "#ffffff",
+		"--border": "#374151",
+		"--input": "#374151",
+		"--ring": "#2563eb"
+	}
+};
+/** Default values for design tokens (non-color). */
+const TOKEN_DEFAULTS = {
+	colorize: 50,
+	intensity: 50,
+	delight: 50,
+	radius: .75,
+	fontBody: "Inter",
+	fontHeading: "Inter",
+	iconSet: "Phosphor",
+	colorSpace: "hsl",
+	darkMode: false,
+	componentSet: "default",
+	buttonRadius: "9999px",
+	cardRadius: "var(--radius)",
+	inputRadius: "var(--radius)",
+	imageRadius: "0px",
+	shadowPreset: "none",
+	shadowColor: "oklch(0 0 0 / 0.1)",
+	headingWeight: "600",
+	headingTracking: "0em",
+	bodyWeight: "400",
+	headingTransform: "none",
+	borderWidth: "1px",
+	overlayColor: "black",
+	overlayFromOpacity: "0.5",
+	overlayToOpacity: "0",
+	imageHoverScale: "1.05",
+	imageHoverDuration: "300ms",
+	variants: {
+		hero: "overlay",
+		linkBlock: "overlay",
+		productCard: "gallery",
+		contentWithImage: "side-by-side",
+		gallery: "grid",
+		textContent: "default"
+	}
+};
+//#endregion
+export { SDK_DEFAULTS, TOKEN_DEFAULTS };
+
+//# sourceMappingURL=defaults.mjs.map

package/dist/client/theme/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","names":[],"sources":["../../../src/client/theme/defaults.ts"],"sourcesContent":["/**\n * SDK default color tokens. These are the canonical defaults used by\n * the theme codec to compute diffs (only non-default values are encoded).\n */\nexport const SDK_DEFAULTS = {\n  light: {\n    \"--background\": \"#ffffff\",\n    \"--foreground\": \"#111827\",\n    \"--card\": \"#ffffff\",\n    \"--card-foreground\": \"#111827\",\n    \"--popover\": \"#ffffff\",\n    \"--popover-foreground\": \"#111827\",\n    \"--primary\": \"#2563eb\",\n    \"--primary-foreground\": \"#ffffff\",\n    \"--secondary\": \"#f1f5f9\",\n    \"--secondary-foreground\": \"#0f172a\",\n    \"--muted\": \"#f3f4f6\",\n    \"--muted-foreground\": \"#636b78\",\n    \"--accent\": \"#dbeafe\",\n    \"--accent-foreground\": \"#1e3a8a\",\n    \"--accent-muted\": \"#eff6ff\",\n    \"--accent-muted-foreground\": \"#1e40af\",\n    \"--destructive\": \"#dc2626\",\n    \"--destructive-foreground\": \"#ffffff\",\n    \"--border\": \"#e5e7eb\",\n    \"--input\": \"#e5e7eb\",\n    \"--ring\": \"#2563eb\",\n  } as Record<string, string>,\n  dark: {\n    \"--background\": \"#111827\",\n    \"--foreground\": \"#f9fafb\",\n    \"--card\": \"#1f2937\",\n    \"--card-foreground\": \"#f9fafb\",\n    \"--popover\": \"#1f2937\",\n    \"--popover-foreground\": \"#f9fafb\",\n    \"--primary\": \"#2563eb\",\n    \"--primary-foreground\": \"#ffffff\",\n    \"--secondary\": \"#1e293b\",\n    \"--secondary-foreground\": \"#e2e8f0\",\n    \"--muted\": \"#374151\",\n    \"--muted-foreground\": \"#b0b8c4\",\n    \"--accent\": \"#1e3a5f\",\n    \"--accent-foreground\": \"#bfdbfe\",\n    \"--accent-muted\": \"#172554\",\n    \"--accent-muted-foreground\": \"#93c5fd\",\n    \"--destructive\": \"#dc2626\",\n    \"--destructive-foreground\": \"#ffffff\",\n    \"--border\": \"#374151\",\n    \"--input\": \"#374151\",\n    \"--ring\": \"#2563eb\",\n  } as Record<string, string>,\n};\n\n/** Default values for design tokens (non-color). */\nexport const TOKEN_DEFAULTS = {\n  colorize: 50,\n  intensity: 50,\n  delight: 50,\n  radius: 0.75,\n  fontBody: \"Inter\",\n  fontHeading: \"Inter\",\n  iconSet: \"Phosphor\",\n  colorSpace: \"hsl\",\n  darkMode: false,\n  componentSet: \"default\" as const,\n\n  // Shape\n  buttonRadius: \"9999px\",\n  cardRadius: \"var(--radius)\",\n  inputRadius: \"var(--radius)\",\n  imageRadius: \"0px\",\n\n  // Depth\n  shadowPreset: \"none\",\n  shadowColor: \"oklch(0 0 0 / 0.1)\",\n\n  // Typography\n  headingWeight: \"600\",\n  headingTracking: \"0em\",\n  bodyWeight: \"400\",\n  headingTransform: \"none\",\n\n  // Border\n  borderWidth: \"1px\",\n\n  // Overlay\n  overlayColor: \"black\",\n  overlayFromOpacity: \"0.5\",\n  overlayToOpacity: \"0\",\n\n  // Motion\n  imageHoverScale: \"1.05\",\n  imageHoverDuration: \"300ms\",\n\n  // Variants\n  variants: {\n    hero: \"overlay\",\n    linkBlock: \"overlay\",\n    productCard: \"gallery\",\n    contentWithImage: \"side-by-side\",\n    gallery: \"grid\",\n    textContent: \"default\",\n  },\n} as const;\n"],"mappings":";;;;;AAIA,MAAa,eAAe;CAC1B,OAAO;EACL,gBAAgB;EAChB,gBAAgB;EAChB,UAAU;EACV,qBAAqB;EACrB,aAAa;EACb,wBAAwB;EACxB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,0BAA0B;EAC1B,WAAW;EACX,sBAAsB;EACtB,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;EAClB,6BAA6B;EAC7B,iBAAiB;EACjB,4BAA4B;EAC5B,YAAY;EACZ,WAAW;EACX,UAAU;EACX;CACD,MAAM;EACJ,gBAAgB;EAChB,gBAAgB;EAChB,UAAU;EACV,qBAAqB;EACrB,aAAa;EACb,wBAAwB;EACxB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,0BAA0B;EAC1B,WAAW;EACX,sBAAsB;EACtB,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;EAClB,6BAA6B;EAC7B,iBAAiB;EACjB,4BAA4B;EAC5B,YAAY;EACZ,WAAW;EACX,UAAU;EACX;CACF;;AAGD,MAAa,iBAAiB;CAC5B,UAAU;CACV,WAAW;CACX,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,SAAS;CACT,YAAY;CACZ,UAAU;CACV,cAAc;CAGd,cAAc;CACd,YAAY;CACZ,aAAa;CACb,aAAa;CAGb,cAAc;CACd,aAAa;CAGb,eAAe;CACf,iBAAiB;CACjB,YAAY;CACZ,kBAAkB;CAGlB,aAAa;CAGb,cAAc;CACd,oBAAoB;CACpB,kBAAkB;CAGlB,iBAAiB;CACjB,oBAAoB;CAGpB,UAAU;EACR,MAAM;EACN,WAAW;EACX,aAAa;EACb,kBAAkB;EAClB,SAAS;EACT,aAAa;EACd;CACF"}

package/dist/client/theme/index.d.ts

@@ -0,0 +1,5 @@
+import { KEY_MAP, KEY_MAP_REVERSE, ThemeHash, decodeThemeHash, encodeThemeHash } from "./codec.js";
+import { GenerateOptions, MARKER_END, MARKER_START, applyThemeBlock, generateThemeCSS } from "./apply.js";
+import { SDK_DEFAULTS, TOKEN_DEFAULTS } from "./defaults.js";
+import { ConflictWarning, scanConflicts } from "./scan.js";
+export { type ConflictWarning, type GenerateOptions, KEY_MAP, KEY_MAP_REVERSE, MARKER_END, MARKER_START, SDK_DEFAULTS, TOKEN_DEFAULTS, type ThemeHash, applyThemeBlock, decodeThemeHash, encodeThemeHash, generateThemeCSS, scanConflicts };

package/dist/client/theme/index.mjs

@@ -0,0 +1,5 @@
+import { SDK_DEFAULTS, TOKEN_DEFAULTS } from "./defaults.mjs";
+import { MARKER_END, MARKER_START, applyThemeBlock, generateThemeCSS } from "./apply.mjs";
+import { KEY_MAP, KEY_MAP_REVERSE, decodeThemeHash, encodeThemeHash } from "./codec.mjs";
+import { scanConflicts } from "./scan.mjs";
+export { KEY_MAP, KEY_MAP_REVERSE, MARKER_END, MARKER_START, SDK_DEFAULTS, TOKEN_DEFAULTS, applyThemeBlock, decodeThemeHash, encodeThemeHash, generateThemeCSS, scanConflicts };

package/dist/client/theme/scan.d.ts

@@ -0,0 +1,19 @@
+//#region src/client/theme/scan.d.ts
+interface ConflictWarning {
+  file: string;
+  line: number;
+  variable: string;
+  existingValue: string;
+}
+/**
+ * Scan CSS file contents for existing declarations of the given custom properties.
+ * Uses simple regex matching -- no CSS parser needed since custom property
+ * declarations have unambiguous syntax.
+ */
+declare function scanConflicts(files: Array<{
+  path: string;
+  content: string;
+}>, variables: string[]): ConflictWarning[];
+//#endregion
+export { ConflictWarning, scanConflicts };
+//# sourceMappingURL=scan.d.ts.map

package/dist/client/theme/scan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan.d.ts","names":[],"sources":["../../../src/client/theme/scan.ts"],"mappings":";UAAiB,eAAA;EACf,IAAA;EACA,IAAA;EACA,QAAA;EACA,aAAA;AAAA;;;;;;iBAQc,aAAA,CACd,KAAA,EAAO,KAAA;EAAQ,IAAA;EAAc,OAAA;AAAA,IAC7B,SAAA,aACC,eAAA"}

package/dist/client/theme/scan.mjs

@@ -0,0 +1,28 @@
+//#region src/client/theme/scan.ts
+/**
+* Scan CSS file contents for existing declarations of the given custom properties.
+* Uses simple regex matching -- no CSS parser needed since custom property
+* declarations have unambiguous syntax.
+*/
+function scanConflicts(files, variables) {
+	if (variables.length === 0) return [];
+	const warnings = [];
+	const varSet = new Set(variables);
+	for (const file of files) {
+		const lines = file.content.split("\n");
+		for (let i = 0; i < lines.length; i++) {
+			const match = lines[i].match(/^\s*(--[\w-]+)\s*:\s*(.+?)\s*;?\s*$/);
+			if (match && varSet.has(match[1])) warnings.push({
+				file: file.path,
+				line: i + 1,
+				variable: match[1],
+				existingValue: match[2]
+			});
+		}
+	}
+	return warnings;
+}
+//#endregion
+export { scanConflicts };
+
+//# sourceMappingURL=scan.mjs.map

package/dist/client/theme/scan.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan.mjs","names":[],"sources":["../../../src/client/theme/scan.ts"],"sourcesContent":["export interface ConflictWarning {\n  file: string;\n  line: number;\n  variable: string;\n  existingValue: string;\n}\n\n/**\n * Scan CSS file contents for existing declarations of the given custom properties.\n * Uses simple regex matching -- no CSS parser needed since custom property\n * declarations have unambiguous syntax.\n */\nexport function scanConflicts(\n  files: Array<{ path: string; content: string }>,\n  variables: string[],\n): ConflictWarning[] {\n  if (variables.length === 0) return [];\n\n  const warnings: ConflictWarning[] = [];\n  // Match lines like `  --variable-name: value;` or `--variable-name: value`\n  const varSet = new Set(variables);\n\n  for (const file of files) {\n    const lines = file.content.split('\\n');\n    for (let i = 0; i < lines.length; i++) {\n      const line = lines[i]!;\n      const match = line.match(/^\\s*(--[\\w-]+)\\s*:\\s*(.+?)\\s*;?\\s*$/);\n      if (match && varSet.has(match[1]!)) {\n        warnings.push({\n          file: file.path,\n          line: i + 1,\n          variable: match[1]!,\n          existingValue: match[2]!,\n        });\n      }\n    }\n  }\n\n  return warnings;\n}\n"],"mappings":";;;;;;AAYA,SAAgB,cACd,OACA,WACmB;AACnB,KAAI,UAAU,WAAW,EAAG,QAAO,EAAE;CAErC,MAAM,WAA8B,EAAE;CAEtC,MAAM,SAAS,IAAI,IAAI,UAAU;AAEjC,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK;AACtC,OAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;GAErC,MAAM,QADO,MAAM,GACA,MAAM,sCAAsC;AAC/D,OAAI,SAAS,OAAO,IAAI,MAAM,GAAI,CAChC,UAAS,KAAK;IACZ,MAAM,KAAK;IACX,MAAM,IAAI;IACV,UAAU,MAAM;IAChB,eAAe,MAAM;IACtB,CAAC;;;AAKR,QAAO"}

package/dist/client/ui/accordion.d.ts

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Accordion as Accordion$1 } from "radix-ui";
+
+//#region src/client/ui/accordion.d.ts
+declare function Accordion({
+  ...props
+}: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function AccordionGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime0.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/client/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/client/ui/accordion.tsx"],"mappings":";;;;;iBAMS,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5E,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa9C,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9C,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBjD,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/accordion.mjs

@@ -0,0 +1,53 @@
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion as Accordion$1 } from "radix-ui";
+//#region src/client/ui/accordion.tsx
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		className: cn("flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground", className),
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	const ChevronDownIcon = useIcon("chevronDown");
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Content, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", className),
+			children
+		})
+	});
+}
+//#endregion
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger };
+
+//# sourceMappingURL=accordion.mjs.map

package/dist/client/ui/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","names":["AccordionPrimitive"],"sources":["../../../src/client/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionGroup, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;AAMA,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAY,GAAI;EAAS,CAAA;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,uFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,8SACA,UACD;GACD,GAAI;aANN,CAQG,UACD,oBAAC,iBAAD,EAAiB,WAAU,+GAAgH,CAAA,CAChH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,aAAa,UAAU;GAAG;GAAe,CAAA;EACjC,CAAA"}

package/dist/client/ui/alert.d.ts

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/client/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime0.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"h5">): react_jsx_runtime0.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

package/dist/client/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/client/ui/alert.tsx"],"mappings":";;;;;;cAOM,aAAA,GAAa,KAAA;;IAclB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,KAAA,CAAA;EACP,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,UAAwB,YAAA,QAAoB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW1D,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9D,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/alert.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/client/ui/alert.tsx
+const alertVariants = cva("relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
+	variants: { variant: {
+		default: "bg-background text-foreground",
+		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h5", {
+		"data-slot": "alert-title",
+		className: cn("mb-1 font-medium leading-none tracking-tight", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-sm [&_p]:leading-relaxed", className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+
+//# sourceMappingURL=alert.mjs.map

package/dist/client/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/client/ui/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"alert-title\"\n      className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,IACpB,4LACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACgE;AACnE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;AACvE,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/client/ui/avatar.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region src/client/ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime0.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/client/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/client/ui/avatar.tsx"],"mappings":";;;;;iBAOS,MAAA,CAAA;EAAS,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/avatar.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+//#region src/client/ui/avatar.tsx
+function Avatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium", className),
+		...props
+	});
+}
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+
+//# sourceMappingURL=avatar.mjs.map

package/dist/client/ui/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":["AvatarPrimitive"],"sources":["../../../src/client/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;AAOA,SAAS,OAAO,EAAE,WAAW,GAAG,SAA4D;AAC1F,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,8DAA8D,UAAU;EACtF,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAACA,SAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT,wFACA,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/client/ui/breadcrumb.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React$1.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentProps<"ol">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React$1.ComponentProps<"a"> & {
+  asChild?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/client/ui/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"mappings":";;;;iBAMS,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpD,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAalE,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUlE,cAAA,CAAA;EACP,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EACP,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYQ,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWpE,mBAAA,CAAA;EAAsB,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjF,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/breadcrumb.mjs

@@ -0,0 +1,70 @@
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+//#region src/client/ui/breadcrumb.tsx
+function Breadcrumb({ ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn("transition-colors hover:text-foreground", className),
+		...props
+	});
+}
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		"aria-current": "page",
+		className: cn("font-normal text-foreground", className),
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? "/"
+	});
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+	const MoreIcon = useIcon("more");
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb.mjs.map

package/dist/client/ui/breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot.Root : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? \"/\"}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  const MoreIcon = useIcon(\"more\");\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;;AAMA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;EAAS,CAAA;;AAG1E,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,4FACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SAGF;AAGD,QACE,oBAHW,UAAU,KAAK,OAAO,KAGjC;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;EACJ,CAAA;;AAIN,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;AAC1F,QACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YAAY;EACV,CAAA;;AAIT,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,MAAM,WAAW,QAAQ,OAAO;AAEhC,QACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;YALN,CAOE,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA,EAC/B,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAW,CAAA,CAChC"}

package/dist/client/ui/button.d.ts

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/client/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "soft" | "inverse" | "link" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/client/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/client/ui/button.tsx"],"mappings":";;;;;;cAMM,cAAA,GAAc,KAAA;;;IAmCnB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,aACP,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}