@helixui/library 0.1.0

package/dist/shared/index-nHBAh0Cr.js

@@ -0,0 +1,74 @@
+const x = { primary: { 50: { value: "#EFF6FF" }, 100: { value: "#DBEAFE" }, 200: { value: "#BFDBFE" }, 300: { value: "#93C5FD" }, 400: { value: "#60A5FA" }, 500: { value: "#2563EB" }, 600: { value: "#1D4ED8" }, 700: { value: "#1E40AF" }, 800: { value: "#1E3A8A" }, 900: { value: "#1E3050" }, 950: { value: "#172554" } }, secondary: { 50: { value: "#ECFEFF" }, 100: { value: "#CFFAFE" }, 200: { value: "#A5F3FC" }, 300: { value: "#67E8F9" }, 400: { value: "#22D3EE" }, 500: { value: "#0891B2" }, 600: { value: "#0E7490" }, 700: { value: "#155E75" }, 800: { value: "#164E63" }, 900: { value: "#134152" }, 950: { value: "#083344" } }, accent: { 50: { value: "#FFFBEB" }, 100: { value: "#FEF3C7" }, 200: { value: "#FDE68A" }, 300: { value: "#FCD34D" }, 400: { value: "#FBBF24" }, 500: { value: "#D97706" }, 600: { value: "#B45309" }, 700: { value: "#92400E" }, 800: { value: "#78350F" }, 900: { value: "#633112" }, 950: { value: "#451A03" } }, neutral: { 0: { value: "#FFFFFF" }, 50: { value: "#F8FAFC" }, 100: { value: "#F1F5F9" }, 200: { value: "#E2E8F0" }, 300: { value: "#CBD5E1" }, 400: { value: "#94A3B8" }, 500: { value: "#64748B" }, 600: { value: "#475569" }, 700: { value: "#334155" }, 800: { value: "#1E293B" }, 900: { value: "#0F172A" }, 950: { value: "#020617" } }, success: { 50: { value: "#F0FDF4" }, 100: { value: "#DCFCE7" }, 200: { value: "#BBF7D0" }, 300: { value: "#86EFAC" }, 400: { value: "#4ADE80" }, 500: { value: "#16A34A" }, 600: { value: "#15803D" }, 700: { value: "#166534" }, 800: { value: "#14532D" }, 900: { value: "#0D3B21" }, 950: { value: "#052E16" } }, warning: { 50: { value: "#FFFBEB" }, 100: { value: "#FEF3C7" }, 200: { value: "#FDE68A" }, 300: { value: "#FCD34D" }, 400: { value: "#FBBF24" }, 500: { value: "#D97706" }, 600: { value: "#B45309" }, 700: { value: "#92400E" }, 800: { value: "#78350F" }, 900: { value: "#633112" }, 950: { value: "#451A03" } }, error: { 50: { value: "#FEF2F2" }, 100: { value: "#FEE2E2" }, 200: { value: "#FECACA" }, 300: { value: "#FCA5A5" }, 400: { value: "#F87171" }, 500: { value: "#DC2626" }, 600: { value: "#B91C1C" }, 700: { value: "#991B1B" }, 800: { value: "#7F1D1D" }, 900: { value: "#651A1A" }, 950: { value: "#450A0A" } }, info: { 50: { value: "#F0F9FF" }, 100: { value: "#E0F2FE" }, 200: { value: "#BAE6FD" }, 300: { value: "#7DD3FC" }, 400: { value: "#38BDF8" }, 500: { value: "#0284C7" }, 600: { value: "#0369A1" }, 700: { value: "#075985" }, 800: { value: "#0C4A6E" }, 900: { value: "#0A3553" }, 950: { value: "#082F49" } }, text: { primary: { value: "var(--hx-color-neutral-900)" }, secondary: { value: "var(--hx-color-neutral-600)" }, muted: { value: "var(--hx-color-neutral-500)" }, disabled: { value: "var(--hx-color-neutral-400)" }, inverse: { value: "var(--hx-color-neutral-0)" }, "on-primary": { value: "var(--hx-color-neutral-0)" }, "on-secondary": { value: "var(--hx-color-neutral-0)" }, "on-error": { value: "var(--hx-color-neutral-0)" }, "on-success": { value: "var(--hx-color-neutral-0)" }, "on-warning": { value: "var(--hx-color-neutral-900)" }, "on-info": { value: "var(--hx-color-neutral-0)" }, link: { value: "var(--hx-color-primary-600)" }, "link-hover": { value: "var(--hx-color-primary-700)" }, "link-visited": { value: "var(--hx-color-secondary-600)" }, "link-active": { value: "var(--hx-color-primary-800)" } }, "error-text": { value: "var(--hx-color-error-600)", description: "WCAG AA compliant error text color (4.5:1+ contrast on white). Use for error text, labels, and validation messages. #B91C1C = 5.08:1 on white." }, "success-text": { value: "var(--hx-color-success-600)", description: "WCAG AA compliant success text color (4.5:1+ contrast on white). Use for success text and confirmation messages. #15803D = 4.55:1 on white." }, surface: { default: { value: "var(--hx-color-neutral-0)" }, raised: { value: "var(--hx-color-neutral-50)" }, sunken: { value: "var(--hx-color-neutral-100)" }, overlay: { value: "rgba(0, 0, 0, 0.75)" } }, border: { default: { value: "var(--hx-color-neutral-200)" }, subtle: { value: "var(--hx-color-neutral-100)" }, strong: { value: "var(--hx-color-neutral-400)" }, focus: { value: "var(--hx-color-primary-500)" } }, "focus-ring": { value: "var(--hx-color-primary-400)" }, selection: { bg: { value: "var(--hx-color-primary-200)" }, color: { value: "var(--hx-color-neutral-900)" } } }, p = { bg: { value: "var(--hx-color-surface-default)" }, color: { value: "var(--hx-color-text-primary)" }, "font-family": { value: "var(--hx-font-family-sans)" }, "font-size": { value: "var(--hx-font-size-md)" }, "line-height": { value: "var(--hx-line-height-normal)" } }, m = { "font-family": { value: "var(--hx-font-family-sans)" }, "font-weight": { value: "var(--hx-font-weight-bold)" }, "line-height": { value: "var(--hx-line-height-tight)" }, "letter-spacing": { value: "var(--hx-letter-spacing-tight)" } }, h = { 0: { value: "0" }, 1: { value: "0.25rem" }, 2: { value: "0.5rem" }, 3: { value: "0.75rem" }, 4: { value: "1rem" }, 5: { value: "1.25rem" }, 6: { value: "1.5rem" }, 7: { value: "1.75rem" }, 8: { value: "2rem" }, 10: { value: "2.5rem" }, 12: { value: "3rem" }, 14: { value: "3.5rem" }, 16: { value: "4rem" }, 20: { value: "5rem" }, 24: { value: "6rem" }, 32: { value: "8rem" }, 40: { value: "10rem" }, 48: { value: "12rem" }, 64: { value: "16rem" }, px: { value: "1px" } }, F = { family: { sans: { value: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, serif: { value: "'Georgia', 'Times New Roman', serif" }, mono: { value: "'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace" } }, size: { "2xs": { value: "0.625rem" }, xs: { value: "0.75rem" }, sm: { value: "0.875rem" }, md: { value: "1rem" }, lg: { value: "1.125rem" }, xl: { value: "1.25rem" }, "2xl": { value: "1.5rem" }, "3xl": { value: "1.875rem" }, "4xl": { value: "2.25rem" }, "5xl": { value: "3rem" } }, weight: { light: { value: "300" }, normal: { value: "400" }, medium: { value: "500" }, semibold: { value: "600" }, bold: { value: "700" }, extrabold: { value: "800" } } }, d = { radius: { none: { value: "0" }, sm: { value: "0.25rem" }, md: { value: "0.375rem" }, lg: { value: "0.5rem" }, xl: { value: "0.75rem" }, "2xl": { value: "1rem" }, full: { value: "9999px" } }, width: { thin: { value: "1px" }, medium: { value: "2px" }, thick: { value: "3px" }, focus: { value: "var(--hx-border-width-medium)" } } }, g = { none: { value: "none" }, sm: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" }, md: { value: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)" }, lg: { value: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)" }, xl: { value: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)" }, "2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" }, inner: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" } }, b = { instant: { value: "0ms" }, fast: { value: "100ms" }, normal: { value: "200ms" }, slow: { value: "300ms" }, slower: { value: "500ms" }, reduced: { value: "0ms" } }, f = { default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" }, in: { value: "cubic-bezier(0.4, 0, 1, 1)" }, out: { value: "cubic-bezier(0, 0, 0.2, 1)" }, "in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }, spring: { value: "cubic-bezier(0.175, 0.885, 0.32, 1.275)" } }, y = { fast: { value: "150ms ease" }, normal: { value: "250ms ease" }, slow: { value: "350ms ease" } }, A = { "ring-color": { value: "var(--hx-color-primary-400)" }, "ring-width": { value: "2px" }, "ring-offset": { value: "2px" }, "ring-style": { value: "solid" }, "ring-opacity": { value: "0.25" }, "spacing-offset": { value: "2px" } }, E = { "hover-opacity": { value: "0.08" }, "pressed-opacity": { value: "0.12" }, "dragged-opacity": { value: "0.16" }, "focus-opacity": { value: "0.12" } }, k = { "brightness-hover": { value: "0.9" }, "brightness-active": { value: "0.8" }, "brightness-disabled": { value: "0.6" }, "blur-sm": { value: "4px" }, "blur-md": { value: "8px" }, "blur-lg": { value: "16px" } }, C = { "lift-sm": { value: "-1px" }, "lift-md": { value: "-2px" }, "lift-lg": { value: "-4px" } }, w = { sm: { value: "640px" }, md: { value: "768px" }, lg: { value: "1024px" }, xl: { value: "1280px" }, content: { value: "72rem" }, narrow: { value: "48rem" } }, B = { "height-sm": { value: "var(--hx-size-8)" }, "height-md": { value: "var(--hx-size-10)" }, "height-lg": { value: "var(--hx-size-12)" } }, D = { color: { value: "var(--hx-color-border-default)" }, width: { value: "var(--hx-border-width-thin)" }, spacing: { value: "var(--hx-space-4)" } }, z = { 0: { value: "0" }, 5: { value: "0.05" }, 10: { value: "0.1" }, 25: { value: "0.25" }, 50: { value: "0.5" }, 75: { value: "0.75" }, 90: { value: "0.9" }, 100: { value: "1" }, disabled: { value: "0.5" }, overlay: { value: "0.75" } }, G = { 4: { value: "1rem" }, 5: { value: "1.25rem" }, 6: { value: "1.5rem" }, 7: { value: "1.75rem" }, 8: { value: "2rem" }, 9: { value: "2.25rem" }, 10: { value: "2.5rem" }, 11: { value: "2.75rem" }, 12: { value: "3rem" }, 14: { value: "3.5rem" }, 16: { value: "4rem" }, 20: { value: "5rem" }, "icon-sm": { value: "1rem" }, "icon-md": { value: "1.25rem" }, "icon-lg": { value: "1.5rem" }, "touch-target": { value: "2.75rem" } }, W = { black: { 6: { value: "rgba(0, 0, 0, 0.06)" }, 10: { value: "rgba(0, 0, 0, 0.10)" }, 12: { value: "rgba(0, 0, 0, 0.12)" }, 15: { value: "rgba(0, 0, 0, 0.15)" }, 20: { value: "rgba(0, 0, 0, 0.20)" }, 30: { value: "rgba(0, 0, 0, 0.30)" }, 40: { value: "rgba(0, 0, 0, 0.40)" }, 50: { value: "rgba(0, 0, 0, 0.50)" } }, white: { 8: { value: "rgba(255, 255, 255, 0.08)" }, 10: { value: "rgba(255, 255, 255, 0.10)" }, 20: { value: "rgba(255, 255, 255, 0.20)" }, 30: { value: "rgba(255, 255, 255, 0.30)" }, 40: { value: "rgba(255, 255, 255, 0.40)" } }, primary: { 25: { value: "rgba(37, 99, 235, 0.25)", description: "Primary-500 at 25% — focus ring fallback for browsers without color-mix()" } }, error: { 25: { value: "rgba(220, 53, 69, 0.25)", description: "Error-500 at 25% — error focus ring fallback for browsers without color-mix()" } }, neutral: { 12: { value: "rgba(13, 17, 23, 0.12)", description: "Neutral-900 at 12% — listbox shadow fallback for browsers without color-mix()" } } }, j = { sm: { value: "640px" }, md: { value: "768px" }, lg: { value: "1024px" }, xl: { value: "1280px" }, "2xl": { value: "1536px" } }, H = { color: { "error-text": { value: "var(--hx-color-error-400)", description: "WCAG AA compliant error text for dark backgrounds. #F87171 = 6.45:1 on neutral-900 dark surface." }, "success-text": { value: "var(--hx-color-success-400)", description: "WCAG AA compliant success text for dark backgrounds. #4ADE80 = 10.25:1 on neutral-900 dark surface." }, text: { primary: { value: "var(--hx-color-neutral-100)" }, secondary: { value: "var(--hx-color-neutral-300)" }, muted: { value: "var(--hx-color-neutral-400)" }, disabled: { value: "var(--hx-color-neutral-600)" }, inverse: { value: "var(--hx-color-neutral-900)" }, link: { value: "var(--hx-color-primary-400)" }, "link-hover": { value: "var(--hx-color-primary-300)" }, "link-visited": { value: "var(--hx-color-secondary-400)" }, "link-active": { value: "var(--hx-color-primary-200)" } }, surface: { default: { value: "var(--hx-color-neutral-900)" }, raised: { value: "var(--hx-color-neutral-800)" }, sunken: { value: "var(--hx-color-neutral-950)" }, overlay: { value: "rgba(0, 0, 0, 0.85)" } }, border: { default: { value: "var(--hx-color-neutral-700)" }, subtle: { value: "var(--hx-color-neutral-800)" }, strong: { value: "var(--hx-color-neutral-500)" }, focus: { value: "var(--hx-color-primary-400)" } }, "focus-ring": { value: "var(--hx-color-primary-400)" }, selection: { bg: { value: "var(--hx-color-primary-800)" }, color: { value: "var(--hx-color-neutral-100)" } } }, body: { bg: { value: "var(--hx-color-surface-default)" }, color: { value: "var(--hx-color-text-primary)" } }, shadow: { sm: { value: "0 1px 2px 0 rgb(0 0 0 / 0.3)" }, md: { value: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)" }, lg: { value: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)" }, xl: { value: "0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.3)" }, "2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.5)" } } }, J = {
+  color: x,
+  body: p,
+  heading: m,
+  space: h,
+  font: F,
+  "line-height": { tighter: { value: "1.125" }, tight: { value: "1.25" }, normal: { value: "1.5" }, relaxed: { value: "1.75" }, loose: { value: "2" } },
+  "letter-spacing": { tighter: { value: "-0.05em" }, tight: { value: "-0.025em" }, normal: { value: "0" }, wide: { value: "0.025em" }, wider: { value: "0.05em" }, widest: { value: "0.1em" } },
+  border: d,
+  shadow: g,
+  duration: b,
+  easing: f,
+  transition: y,
+  focus: A,
+  state: E,
+  filter: k,
+  transform: C,
+  container: w,
+  input: B,
+  divider: D,
+  "z-index": { base: { value: "0" }, dropdown: { value: "1000" }, sticky: { value: "1100" }, fixed: { value: "1200" }, backdrop: { value: "1300" }, modal: { value: "1400" }, popover: { value: "1500" }, tooltip: { value: "1600" }, toast: { value: "1700" } },
+  opacity: z,
+  size: G,
+  overlay: W,
+  breakpoint: j,
+  "aspect-ratio": { auto: { value: "auto" }, square: { value: "1 / 1" }, video: { value: "16 / 9" }, portrait: { value: "3 / 4" } },
+  dark: H,
+  "high-contrast": { color: { text: { primary: { value: "#FFFFFF", description: "21:1 contrast on #000 — WCAG AAA" }, secondary: { value: "#FFFFFF", description: "21:1 contrast on #000" }, muted: { value: "#E0E0E0", description: "~16:1 contrast on #000" }, disabled: { value: "#767676", description: "4.5:1 contrast on #000 — WCAG AA minimum" }, inverse: { value: "#000000" }, link: { value: "#FFFF00", description: "19.56:1 contrast on #000 — high visibility" }, "link-hover": { value: "#FFFF99", description: "High-contrast hover link" }, "link-visited": { value: "#FF80FF", description: "High-contrast visited link" }, "link-active": { value: "#FFFFFF" } }, surface: { default: { value: "#000000" }, raised: { value: "#1A1A1A" }, sunken: { value: "#000000" }, overlay: { value: "rgba(0, 0, 0, 0.95)" } }, border: { default: { value: "#FFFFFF", description: "21:1 contrast on #000" }, subtle: { value: "#C0C0C0" }, strong: { value: "#FFFFFF" }, focus: { value: "#FFFF00", description: "High-visibility yellow focus — WCAG 2.4.7" } }, "focus-ring": { value: "#FFFF00", description: "High-visibility yellow focus ring" }, selection: { bg: { value: "#1AEBFF", description: "High-contrast cyan selection" }, color: { value: "#000000" } } }, body: { bg: { value: "#000000" }, color: { value: "#FFFFFF" } }, shadow: { sm: { value: "0 1px 2px 0 rgb(255 255 255 / 0.2)" }, md: { value: "0 4px 6px -1px rgb(255 255 255 / 0.3), 0 2px 4px -2px rgb(255 255 255 / 0.2)" }, lg: { value: "0 10px 15px -3px rgb(255 255 255 / 0.3), 0 4px 6px -4px rgb(255 255 255 / 0.2)" }, xl: { value: "0 20px 25px -5px rgb(255 255 255 / 0.3), 0 8px 10px -6px rgb(255 255 255 / 0.2)" }, "2xl": { value: "0 25px 50px -12px rgb(255 255 255 / 0.4)" } } }
+};
+function T(e) {
+  return typeof e == "object" && e !== null && "value" in e;
+}
+function o(e, u = []) {
+  const r = [];
+  for (const [v, a] of Object.entries(e)) {
+    const l = [...u, v];
+    if (T(a)) {
+      const i = a;
+      r.push({
+        name: `--hx-${l.join("-")}`,
+        value: i.value,
+        category: l[0] ?? "",
+        group: l.length > 2 ? l.slice(1, -1).join("-") : l[0] ?? "",
+        key: l[l.length - 1] ?? "",
+        path: l,
+        description: i.description ?? ""
+      });
+    } else typeof a == "object" && a !== null && r.push(...o(a, l));
+  }
+  return r;
+}
+function U(e, u) {
+  const r = {};
+  for (const v of e) {
+    const a = v[u];
+    r[a] || (r[a] = []), r[a].push(v);
+  }
+  return r;
+}
+function t(e) {
+  return e.map((u) => `  ${u.name}: ${u.value};`).join(`
+`);
+}
+const { dark: s, "high-contrast": c, ...$ } = J, n = o($), I = s ? o(s) : [], M = c ? o(c) : [];
+U(n, "category");
+Object.fromEntries(n.map((e) => [e.name, e.value]));
+t(n);
+t(I);
+t(M);
+export {
+  I as d,
+  n as t
+};
+//# sourceMappingURL=index-nHBAh0Cr.js.map

package/dist/shared/index-nHBAh0Cr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-nHBAh0Cr.js","sources":["../../../hx-tokens/dist/index.js"],"sourcesContent":["import tokensJson from './tokens.json';\nfunction isTokenDefinition(obj) {\n    return typeof obj === 'object' && obj !== null && 'value' in obj;\n}\nfunction flattenTokens(obj, prefix = []) {\n    const entries = [];\n    for (const [key, val] of Object.entries(obj)) {\n        const path = [...prefix, key];\n        if (isTokenDefinition(val)) {\n            const def = val;\n            entries.push({\n                name: `--hx-${path.join('-')}`,\n                value: def.value,\n                category: path[0] ?? '',\n                group: path.length > 2 ? path.slice(1, -1).join('-') : (path[0] ?? ''),\n                key: path[path.length - 1] ?? '',\n                path,\n                description: def.description ?? '',\n            });\n        }\n        else if (typeof val === 'object' && val !== null) {\n            entries.push(...flattenTokens(val, path));\n        }\n    }\n    return entries;\n}\nfunction groupBy(entries, field) {\n    const result = {};\n    for (const entry of entries) {\n        const key = entry[field];\n        if (!result[key]) {\n            result[key] = [];\n        }\n        result[key].push(entry);\n    }\n    return result;\n}\nfunction buildCssProps(entries) {\n    return entries.map((t) => `  ${t.name}: ${t.value};`).join('\\n');\n}\n/** The raw token JSON source of truth */\nexport const tokens = tokensJson;\n/** Light-mode tokens (excludes theme-variant keys) */\nconst { dark: darkJson, 'high-contrast': hcJson, ...lightJson } = tokensJson;\n/** Flattened array of all light-mode token entries with metadata */\nexport const tokenEntries = flattenTokens(lightJson);\n/** Flattened array of dark-mode override entries */\nexport const darkTokenEntries = darkJson\n    ? flattenTokens(darkJson)\n    : [];\n/** Flattened array of high-contrast override entries */\nexport const highContrastTokenEntries = hcJson\n    ? flattenTokens(hcJson)\n    : [];\n/** Token entries grouped by top-level category */\nexport const tokensByCategory = groupBy(tokenEntries, 'category');\n/** Quick lookup: token name -> value */\nexport const tokenMap = Object.fromEntries(tokenEntries.map((t) => [t.name, t.value]));\n/**\n * Pre-built CSS custom property declarations for the light theme.\n * Import this instead of `tokenEntries` in components to reduce bundle size.\n */\nexport const lightTokenCss = buildCssProps(tokenEntries);\n/**\n * Pre-built CSS custom property declarations for dark-mode overrides only.\n * Apply on top of `lightTokenCss` for dark theme.\n */\nexport const darkTokenCss = buildCssProps(darkTokenEntries);\n/**\n * Pre-built CSS custom property declarations for high-contrast overrides only.\n * Apply on top of `lightTokenCss` for high-contrast theme.\n */\nexport const highContrastTokenCss = buildCssProps(highContrastTokenEntries);\n//# sourceMappingURL=index.js.map"],"names":["isTokenDefinition","obj","flattenTokens","prefix","entries","key","val","path","def","groupBy","field","result","entry","buildCssProps","t","darkJson","hcJson","lightJson","tokensJson","tokenEntries","darkTokenEntries","highContrastTokenEntries"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAASA,EAAkBC,GAAK;AAC5B,SAAO,OAAOA,KAAQ,YAAYA,MAAQ,QAAQ,WAAWA;AACjE;AACA,SAASC,EAAcD,GAAKE,IAAS,IAAI;AACrC,QAAMC,IAAU,CAAA;AAChB,aAAW,CAACC,GAAKC,CAAG,KAAK,OAAO,QAAQL,CAAG,GAAG;AAC1C,UAAMM,IAAO,CAAC,GAAGJ,GAAQE,CAAG;AAC5B,QAAIL,EAAkBM,CAAG,GAAG;AACxB,YAAME,IAAMF;AACZ,MAAAF,EAAQ,KAAK;AAAA,QACT,MAAM,QAAQG,EAAK,KAAK,GAAG,CAAC;AAAA,QAC5B,OAAOC,EAAI;AAAA,QACX,UAAUD,EAAK,CAAC,KAAK;AAAA,QACrB,OAAOA,EAAK,SAAS,IAAIA,EAAK,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,IAAKA,EAAK,CAAC,KAAK;AAAA,QACnE,KAAKA,EAAKA,EAAK,SAAS,CAAC,KAAK;AAAA,QAC9B,MAAAA;AAAA,QACA,aAAaC,EAAI,eAAe;AAAA,MAChD,CAAa;AAAA,IACL,MACK,CAAI,OAAOF,KAAQ,YAAYA,MAAQ,QACxCF,EAAQ,KAAK,GAAGF,EAAcI,GAAKC,CAAI,CAAC;AAAA,EAEhD;AACA,SAAOH;AACX;AACA,SAASK,EAAQL,GAASM,GAAO;AAC7B,QAAMC,IAAS,CAAA;AACf,aAAWC,KAASR,GAAS;AACzB,UAAMC,IAAMO,EAAMF,CAAK;AACvB,IAAKC,EAAON,CAAG,MACXM,EAAON,CAAG,IAAI,CAAA,IAElBM,EAAON,CAAG,EAAE,KAAKO,CAAK;AAAA,EAC1B;AACA,SAAOD;AACX;AACA,SAASE,EAAcT,GAAS;AAC5B,SAAOA,EAAQ,IAAI,CAACU,MAAM,KAAKA,EAAE,IAAI,KAAKA,EAAE,KAAK,GAAG,EAAE,KAAK;AAAA,CAAI;AACnE;AAIA,MAAM,EAAE,MAAMC,GAAU,iBAAiBC,GAAQ,GAAGC,EAAS,IAAKC,GAErDC,IAAejB,EAAce,CAAS,GAEtCG,IAAmBL,IAC1Bb,EAAca,CAAQ,IACtB,CAAA,GAEOM,IAA2BL,IAClCd,EAAcc,CAAM,IACpB,CAAA;AAE0BP,EAAQU,GAAc,UAAU;AAExC,OAAO,YAAYA,EAAa,IAAI,CAACL,MAAM,CAACA,EAAE,MAAMA,EAAE,KAAK,CAAC,CAAC;AAKxDD,EAAcM,CAAY;AAK3BN,EAAcO,CAAgB;AAKtBP,EAAcQ,CAAwB;"}

package/dist/shared/lit-Dpo7RLp4.js

@@ -0,0 +1,24 @@
+import { css as a } from "lit";
+import { t as o, d as e } from "./index-nHBAh0Cr.js";
+const s = a([
+  `:host {
+${o.map((n) => `  ${n.name}: ${n.value};`).join(`
+`)}
+}`
+]);
+e.length > 0 ? a([
+  `:host([data-theme="dark"]) {
+${e.map((n) => `  ${n.name}: ${n.value};`).join(`
+`)}
+}
+@media (prefers-color-scheme: dark) {
+  :host(:not([data-theme="light"])) {
+${e.map((n) => `    ${n.name}: ${n.value};`).join(`
+`)}
+  }
+}`
+]) : a``;
+export {
+  s as t
+};
+//# sourceMappingURL=lit-Dpo7RLp4.js.map

package/dist/shared/lit-Dpo7RLp4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-Dpo7RLp4.js","sources":["../../../hx-tokens/dist/lit.js"],"sourcesContent":["import { css } from 'lit';\nimport { tokenEntries, darkTokenEntries } from './index.js';\n/** Lit CSSResult with all light-mode tokens as :host custom properties (Shadow DOM compatible) */\nexport const tokenStyles = css([\n    `:host {\\n${tokenEntries.map((t) => `  ${t.name}: ${t.value};`).join('\\n')}\\n}`,\n]);\n/** Lit CSSResult with dark-mode overrides for :host when data-theme=\"dark\" */\nexport const darkTokenStyles = darkTokenEntries.length > 0\n    ? css([\n        `:host([data-theme=\"dark\"]) {\\n${darkTokenEntries.map((t) => `  ${t.name}: ${t.value};`).join('\\n')}\\n}\\n` +\n            `@media (prefers-color-scheme: dark) {\\n  :host(:not([data-theme=\"light\"])) {\\n${darkTokenEntries.map((t) => `    ${t.name}: ${t.value};`).join('\\n')}\\n  }\\n}`,\n    ])\n    : css ``;\n//# sourceMappingURL=lit.js.map"],"names":["tokenStyles","css","tokenEntries","t","darkTokenEntries"],"mappings":";;AAGY,MAACA,IAAcC,EAAI;AAAA,EAC3B;AAAA,EAAYC,EAAa,IAAI,CAACC,MAAM,KAAKA,EAAE,IAAI,KAAKA,EAAE,KAAK,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAC9E,CAAC;AAE8BC,EAAiB,SAAS,IACnDH,EAAI;AAAA,EACF;AAAA,EAAiCG,EAAiB,IAAI,CAACD,MAAM,KAAKA,EAAE,IAAI,KAAKA,EAAE,KAAK,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA,EACdC,EAAiB,IAAI,CAACD,MAAM,OAAOA,EAAE,IAAI,KAAKA,EAAE,KAAK,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA;AACjK,CAAK,IACCF;"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@helixui/library",
+  "version": "0.1.0",
+  "description": "Enterprise Web Component Library built with Lit 3.x",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "src/components/**/*.ts"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/index.js"
+    },
+    "./custom-elements.json": "./custom-elements.json"
+  },
+  "files": [
+    "dist",
+    "custom-elements.json"
+  ],
+  "customElements": "custom-elements.json",
+  "scripts": {
+    "dev": "vite build --watch",
+    "generate:barrel": "node scripts/generate-barrel.js",
+    "prepare": "node scripts/generate-barrel.js",
+    "prebuild": "node scripts/generate-barrel.js",
+    "build": "vite build && npm run cem",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage.enabled",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "cem": "custom-elements-manifest analyze --litelement --globs \"src/components/**/*.ts\" --exclude \"**/*.stories.ts\" --exclude \"**/*.styles.ts\"",
+    "lint": "eslint src/",
+    "clean": "rm -rf dist custom-elements.json"
+  },
+  "dependencies": {
+    "@helixui/tokens": "*",
+    "lit": "^3.3.2"
+  },
+  "peerDependencies": {
+    "@floating-ui/dom": "^1.7.6"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@vitest/browser": "^3.0.0",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "axe-core": "^4.11.1",
+    "playwright": "^1.50.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.0.0"
+  }
+}