@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/theme/defaults.mjs

@@ -1,158 +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"
-  }
+	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: 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
+	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

@@ -1 +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":[]}
+{"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

@@ -1,8 +1,5 @@
-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
+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

@@ -1,20 +1,5 @@
-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
+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

@@ -1,16 +1,19 @@
-export interface ConflictWarning {
-    file: string;
-    line: number;
-    variable: string;
-    existingValue: string;
+//#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.
  */
-export declare function scanConflicts(files: Array<{
-    path: string;
-    content: string;
+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

@@ -1 +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"}
+{"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

@@ -1,25 +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 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;
+	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;
 }
-export {
-  scanConflicts
-};
+//#endregion
+export { scanConflicts };
+
 //# sourceMappingURL=scan.mjs.map

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

@@ -1 +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":[]}
+{"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

@@ -1,8 +1,29 @@
-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 };
+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

@@ -1 +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"}
+{"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

@@ -1,66 +1,53 @@
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import "react";
 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 });
+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 AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
-      ...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 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 AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
 }
-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 })
-    }
-  );
+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" })]
+		})
+	});
 }
-export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger
-};
+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

@@ -1 +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":[]}
+{"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"}