@enadhq/enad-react-sdk 0.0.6 → 1.0.2

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

@@ -0,0 +1,64 @@
+/**
+ * SDK default color tokens. These are the canonical defaults used by
+ * the theme codec to compute diffs (only non-default values are encoded).
+ */
+export declare const SDK_DEFAULTS: {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};
+/** Default values for design tokens (non-color). */
+export 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" | "mono";
+    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";
+    };
+};
+/** Mono preset overrides. Merge onto TOKEN_DEFAULTS when componentSet is "mono". */
+export declare const MONO_TOKEN_OVERRIDES: {
+    readonly componentSet: "mono";
+    readonly radius: 0.5;
+    readonly fontBody: "Lexend";
+    readonly fontHeading: "Lexend";
+    readonly colorSpace: "oklch";
+    readonly buttonRadius: "8px";
+    readonly cardRadius: "12px";
+    readonly inputRadius: "8px";
+    readonly shadowPreset: "subtle";
+    readonly shadowColor: "rgba(0, 0, 0, 0.1)";
+};
+/** Mono color defaults (oklch, zero-chroma monochromatic palette). */
+export declare const MONO_SDK_DEFAULTS: {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};
+//# sourceMappingURL=defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/client/theme/defaults.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;WAuBlB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;UAuBtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,cAAc;;;;;;;;;;2BAUE,SAAS,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAuCrC,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAWvB,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,iBAAiB;WAuBvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;UAuBtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/dist/client/theme/defaults.mjs

@@ -0,0 +1,158 @@
+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"
+  }
+};
+const TOKEN_DEFAULTS = {
+  colorize: 50,
+  intensity: 50,
+  delight: 50,
+  radius: 0.75,
+  fontBody: "Inter",
+  fontHeading: "Inter",
+  iconSet: "Phosphor",
+  colorSpace: "hsl",
+  darkMode: false,
+  componentSet: "default",
+  // Shape
+  buttonRadius: "9999px",
+  cardRadius: "var(--radius)",
+  inputRadius: "var(--radius)",
+  imageRadius: "0px",
+  // Depth
+  shadowPreset: "none",
+  shadowColor: "oklch(0 0 0 / 0.1)",
+  // Typography
+  headingWeight: "600",
+  headingTracking: "0em",
+  bodyWeight: "400",
+  headingTransform: "none",
+  // Border
+  borderWidth: "1px",
+  // Overlay
+  overlayColor: "black",
+  overlayFromOpacity: "0.5",
+  overlayToOpacity: "0",
+  // Motion
+  imageHoverScale: "1.05",
+  imageHoverDuration: "300ms",
+  // Variants
+  variants: {
+    hero: "overlay",
+    linkBlock: "overlay",
+    productCard: "gallery",
+    contentWithImage: "side-by-side",
+    gallery: "grid",
+    textContent: "default"
+  }
+};
+const MONO_TOKEN_OVERRIDES = {
+  componentSet: "mono",
+  radius: 0.5,
+  fontBody: "Lexend",
+  fontHeading: "Lexend",
+  colorSpace: "oklch",
+  buttonRadius: "8px",
+  cardRadius: "12px",
+  inputRadius: "8px",
+  shadowPreset: "subtle",
+  shadowColor: "rgba(0, 0, 0, 0.1)"
+};
+const MONO_SDK_DEFAULTS = {
+  light: {
+    "--background": "oklch(0.99 0 0)",
+    "--foreground": "oklch(0.145 0 0)",
+    "--card": "oklch(1 0 0)",
+    "--card-foreground": "oklch(0.145 0 0)",
+    "--popover": "oklch(1 0 0)",
+    "--popover-foreground": "oklch(0.145 0 0)",
+    "--primary": "oklch(0.205 0 0)",
+    "--primary-foreground": "oklch(0.985 0 0)",
+    "--secondary": "oklch(0.92 0 0)",
+    "--secondary-foreground": "oklch(0.205 0 0)",
+    "--muted": "oklch(0.97 0 0)",
+    "--muted-foreground": "oklch(0.556 0 0)",
+    "--accent": "oklch(0.95 0 0)",
+    "--accent-foreground": "oklch(0.205 0 0)",
+    "--accent-muted": "oklch(0.97 0 0)",
+    "--accent-muted-foreground": "oklch(0.205 0 0)",
+    "--destructive": "oklch(0.5 0.25 30)",
+    "--destructive-foreground": "oklch(0.985 0 0)",
+    "--border": "oklch(0.922 0 0)",
+    "--input": "oklch(0.922 0 0)",
+    "--ring": "oklch(0.708 0 0)"
+  },
+  dark: {
+    "--background": "oklch(0.17 0 0)",
+    "--foreground": "oklch(0.985 0 0)",
+    "--card": "oklch(0.145 0 0)",
+    "--card-foreground": "oklch(0.985 0 0)",
+    "--popover": "oklch(0.145 0 0)",
+    "--popover-foreground": "oklch(0.985 0 0)",
+    "--primary": "oklch(0.922 0 0)",
+    "--primary-foreground": "oklch(0.205 0 0)",
+    "--secondary": "oklch(0.25 0 0)",
+    "--secondary-foreground": "oklch(0.985 0 0)",
+    "--muted": "oklch(0.19 0 0)",
+    "--muted-foreground": "oklch(0.65 0 0)",
+    "--accent": "oklch(0.22 0 0)",
+    "--accent-foreground": "oklch(0.98 0 0)",
+    "--accent-muted": "oklch(0.22 0 0)",
+    "--accent-muted-foreground": "oklch(0.98 0 0)",
+    "--destructive": "oklch(0.35 0.25 30)",
+    "--destructive-foreground": "oklch(0.985 0 0)",
+    "--border": "oklch(1 0 0 / 10%)",
+    "--input": "oklch(1 0 0 / 15%)",
+    "--ring": "oklch(0.556 0 0)"
+  }
+};
+export {
+  MONO_SDK_DEFAULTS,
+  MONO_TOKEN_OVERRIDES,
+  SDK_DEFAULTS,
+  TOKEN_DEFAULTS
+};
+//# sourceMappingURL=defaults.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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 \"default\" | \"mono\",\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\n/** Mono preset overrides. Merge onto TOKEN_DEFAULTS when componentSet is \"mono\". */\nexport const MONO_TOKEN_OVERRIDES = {\n  componentSet: \"mono\" as const,\n  radius: 0.5,\n  fontBody: \"Lexend\",\n  fontHeading: \"Lexend\",\n  colorSpace: \"oklch\",\n  buttonRadius: \"8px\",\n  cardRadius: \"12px\",\n  inputRadius: \"8px\",\n  shadowPreset: \"subtle\",\n  shadowColor: \"rgba(0, 0, 0, 0.1)\",\n} as const;\n\n/** Mono color defaults (oklch, zero-chroma monochromatic palette). */\nexport const MONO_SDK_DEFAULTS = {\n  light: {\n    \"--background\": \"oklch(0.99 0 0)\",\n    \"--foreground\": \"oklch(0.145 0 0)\",\n    \"--card\": \"oklch(1 0 0)\",\n    \"--card-foreground\": \"oklch(0.145 0 0)\",\n    \"--popover\": \"oklch(1 0 0)\",\n    \"--popover-foreground\": \"oklch(0.145 0 0)\",\n    \"--primary\": \"oklch(0.205 0 0)\",\n    \"--primary-foreground\": \"oklch(0.985 0 0)\",\n    \"--secondary\": \"oklch(0.92 0 0)\",\n    \"--secondary-foreground\": \"oklch(0.205 0 0)\",\n    \"--muted\": \"oklch(0.97 0 0)\",\n    \"--muted-foreground\": \"oklch(0.556 0 0)\",\n    \"--accent\": \"oklch(0.95 0 0)\",\n    \"--accent-foreground\": \"oklch(0.205 0 0)\",\n    \"--accent-muted\": \"oklch(0.97 0 0)\",\n    \"--accent-muted-foreground\": \"oklch(0.205 0 0)\",\n    \"--destructive\": \"oklch(0.5 0.25 30)\",\n    \"--destructive-foreground\": \"oklch(0.985 0 0)\",\n    \"--border\": \"oklch(0.922 0 0)\",\n    \"--input\": \"oklch(0.922 0 0)\",\n    \"--ring\": \"oklch(0.708 0 0)\",\n  } as Record<string, string>,\n  dark: {\n    \"--background\": \"oklch(0.17 0 0)\",\n    \"--foreground\": \"oklch(0.985 0 0)\",\n    \"--card\": \"oklch(0.145 0 0)\",\n    \"--card-foreground\": \"oklch(0.985 0 0)\",\n    \"--popover\": \"oklch(0.145 0 0)\",\n    \"--popover-foreground\": \"oklch(0.985 0 0)\",\n    \"--primary\": \"oklch(0.922 0 0)\",\n    \"--primary-foreground\": \"oklch(0.205 0 0)\",\n    \"--secondary\": \"oklch(0.25 0 0)\",\n    \"--secondary-foreground\": \"oklch(0.985 0 0)\",\n    \"--muted\": \"oklch(0.19 0 0)\",\n    \"--muted-foreground\": \"oklch(0.65 0 0)\",\n    \"--accent\": \"oklch(0.22 0 0)\",\n    \"--accent-foreground\": \"oklch(0.98 0 0)\",\n    \"--accent-muted\": \"oklch(0.22 0 0)\",\n    \"--accent-muted-foreground\": \"oklch(0.98 0 0)\",\n    \"--destructive\": \"oklch(0.35 0.25 30)\",\n    \"--destructive-foreground\": \"oklch(0.985 0 0)\",\n    \"--border\": \"oklch(1 0 0 / 10%)\",\n    \"--input\": \"oklch(1 0 0 / 15%)\",\n    \"--ring\": \"oklch(0.556 0 0)\",\n  } as Record<string, string>,\n};\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,8 @@
+export { encodeThemeHash, decodeThemeHash, KEY_MAP, KEY_MAP_REVERSE } from "./codec";
+export type { ThemeHash } from "./codec";
+export { generateThemeCSS, applyThemeBlock, MARKER_START, MARKER_END } from "./apply";
+export type { GenerateOptions } from "./apply";
+export { scanConflicts } from "./scan";
+export type { ConflictWarning } from "./scan";
+export { SDK_DEFAULTS, TOKEN_DEFAULTS, MONO_SDK_DEFAULTS, MONO_TOKEN_OVERRIDES } from "./defaults";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACrF,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACtF,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

package/dist/client/theme/index.mjs

@@ -0,0 +1,20 @@
+import { encodeThemeHash, decodeThemeHash, KEY_MAP, KEY_MAP_REVERSE } from "./codec";
+import { generateThemeCSS, applyThemeBlock, MARKER_START, MARKER_END } from "./apply";
+import { scanConflicts } from "./scan";
+import { SDK_DEFAULTS, TOKEN_DEFAULTS, MONO_SDK_DEFAULTS, MONO_TOKEN_OVERRIDES } from "./defaults";
+export {
+  KEY_MAP,
+  KEY_MAP_REVERSE,
+  MARKER_END,
+  MARKER_START,
+  MONO_SDK_DEFAULTS,
+  MONO_TOKEN_OVERRIDES,
+  SDK_DEFAULTS,
+  TOKEN_DEFAULTS,
+  applyThemeBlock,
+  decodeThemeHash,
+  encodeThemeHash,
+  generateThemeCSS,
+  scanConflicts
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/theme/index.ts"],"sourcesContent":["export { encodeThemeHash, decodeThemeHash, KEY_MAP, KEY_MAP_REVERSE } from \"./codec\";\nexport type { ThemeHash } from \"./codec\";\nexport { generateThemeCSS, applyThemeBlock, MARKER_START, MARKER_END } from \"./apply\";\nexport type { GenerateOptions } from \"./apply\";\nexport { scanConflicts } from \"./scan\";\nexport type { ConflictWarning } from \"./scan\";\nexport { SDK_DEFAULTS, TOKEN_DEFAULTS, MONO_SDK_DEFAULTS, MONO_TOKEN_OVERRIDES } from \"./defaults\";\n"],"mappings":"AAAA,SAAS,iBAAiB,iBAAiB,SAAS,uBAAuB;AAE3E,SAAS,kBAAkB,iBAAiB,cAAc,kBAAkB;AAE5E,SAAS,qBAAqB;AAE9B,SAAS,cAAc,gBAAgB,mBAAmB,4BAA4B;","names":[]}

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

@@ -0,0 +1,16 @@
+export 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.
+ */
+export declare function scanConflicts(files: Array<{
+    path: string;
+    content: string;
+}>, variables: string[]): ConflictWarning[];
+//# sourceMappingURL=scan.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scan.d.ts","sourceRoot":"","sources":["../../../src/client/theme/scan.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,EAC/C,SAAS,EAAE,MAAM,EAAE,GAClB,eAAe,EAAE,CAwBnB"}

package/dist/client/theme/scan.mjs

@@ -0,0 +1,25 @@
+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 line = lines[i];
+      const match = line.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;
+}
+export {
+  scanConflicts
+};
+//# sourceMappingURL=scan.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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":"AAYO,SAAS,cACd,OACA,WACmB;AACnB,MAAI,UAAU,WAAW,EAAG,QAAO,CAAC;AAEpC,QAAM,WAA8B,CAAC;AAErC,QAAM,SAAS,IAAI,IAAI,SAAS;AAEhC,aAAW,QAAQ,OAAO;AACxB,UAAM,QAAQ,KAAK,QAAQ,MAAM,IAAI;AACrC,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAM,OAAO,MAAM,CAAC;AACpB,YAAM,QAAQ,KAAK,MAAM,qCAAqC;AAC9D,UAAI,SAAS,OAAO,IAAI,MAAM,CAAC,CAAE,GAAG;AAClC,iBAAS,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,MAAM,IAAI;AAAA,UACV,UAAU,MAAM,CAAC;AAAA,UACjB,eAAe,MAAM,CAAC;AAAA,QACxB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/client/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI1D,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAkBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/client/ui/accordion.mjs

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../icons/icon-context";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import { cn } from "./utils";
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.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(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.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(
+    AccordionPrimitive.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 })
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\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, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":"AASS,cAyBH,YAzBG;AART,SAAS,eAAe;AACxB,SAAS,aAAa,0BAA0B;AAEhD,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB,GAAG;AACL,GAAyD;AACvD,SAAO,oBAAC,mBAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAG,OAAO;AACnE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,QAAM,kBAAkB,QAAQ,aAAa;AAE7C,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,QACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,mBAAgB,WAAU,+GAA8G;AAAA;AAAA;AAAA,EAC3I,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AAAA,EACxD;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/client/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAS5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAc5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAe9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/client/ui/breadcrumb.mjs

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../icons/icon-context";
+import { Slot } from "radix-ui";
+import { cn } from "./utils";
+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
+}) {
+  const Comp = asChild ? Slot.Root : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "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
+}) {
+  const ChevronRightIcon = useIcon("chevronRight");
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+    }
+  );
+}
+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" })
+      ]
+    }
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n\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 ?? <ChevronRightIcon />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: 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":"AAOS,cAkFL,YAlFK;AANT,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,SAAS,UAAU;AAEnB,SAAS,WAAW,EAAE,GAAG,MAAM,GAAgC;AAC7D,SAAO,oBAAC,SAAI,cAAW,cAAa,aAAU,cAAc,GAAG,OAAO;AACxE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,OAAO,UAAU,KAAK,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,QAAM,mBAAmB,QAAQ,cAAc;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,QAAM,WAAW,QAAQ,MAAM;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC7B,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+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","sourceRoot":"","sources":["../../../src/client/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,cAAc;;;8EAgCnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAYF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/client/ui/button.mjs

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { cn } from "./utils";
+const buttonVariants = cva(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-[var(--enad-button-radius)] text-sm font-medium whitespace-nowrap transition-all active:scale-[0.97] motion-reduce:transform-none outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        destructive: "bg-destructive text-white hover:bg-destructive-hover focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background text-foreground shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        ghost: "hover:bg-accent-muted hover:text-accent-muted-foreground dark:hover:bg-accent-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "relative size-6 hit-area-3 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.mjs.map