@solibo/solibo-ui 0.3.41 → 0.4.2

package/dist/tokens.json

@@ -0,0 +1,334 @@
+{
+  "meta": {
+    "format": "solibo-design-tokens",
+    "packageName": "@solibo/solibo-ui",
+    "packageVersion": "0.4.2",
+    "schemaVersion": 1
+  },
+  "tokens": {
+    "border": {
+      "$type": "string",
+      "$value": "{border.width} solid {color.border}",
+      "radius": {
+        "$type": "dimension",
+        "$value": "calc({unit} / 1.5)",
+        "large": {
+          "$type": "dimension",
+          "$value": "calc({unit} * 1.5)"
+        }
+      },
+      "width": {
+        "$type": "dimension",
+        "$value": "1px",
+        "heavy": {
+          "$type": "dimension",
+          "$value": "2px"
+        }
+      }
+    },
+    "color": {
+      "background": {
+        "light": {
+          "$type": "color",
+          "$value": "{color.neutral.light}"
+        }
+      },
+      "black": {
+        "$type": "color",
+        "$value": "rgb(23 23 23)"
+      },
+      "border": {
+        "$type": "color",
+        "$value": "{color.timberwolf}",
+        "primary": {
+          "$type": "color",
+          "$value": "rgb(42 42 42 / 12%)"
+        }
+      },
+      "cod": {
+        "gray": {
+          "$type": "color",
+          "$value": "rgb(11 11 11)"
+        }
+      },
+      "dark": {
+        "$type": "color",
+        "$value": "rgb(180 180 180)"
+      },
+      "draft": {
+        "$type": "color",
+        "$value": "rgb(255 255 200 / 80%)"
+      },
+      "electric": {
+        "violet": {
+          "$type": "color",
+          "$value": "rgb(90 35 245)"
+        }
+      },
+      "fallback": {
+        "$type": "color",
+        "$value": "{color.silver}"
+      },
+      "green": {
+        "$type": "color",
+        "$value": "rgb(0 146 20)",
+        "dark": {
+          "$type": "color",
+          "$value": "rgb(33 69 45)"
+        },
+        "light": {
+          "$type": "color",
+          "$value": "rgb(209 250 229)"
+        }
+      },
+      "highlight": {
+        "$type": "color",
+        "$value": "rgb(235 235 235)"
+      },
+      "icon": {
+        "$type": "color",
+        "$value": "{color.outer.space}"
+      },
+      "mahogany": {
+        "$type": "color",
+        "$value": "rgb(136 4 2)"
+      },
+      "neutral": {
+        "$type": "color",
+        "$value": "{color.timberwolf}",
+        "light": {
+          "$type": "color",
+          "$value": "{color.wild.sand}"
+        }
+      },
+      "outer": {
+        "space": {
+          "$type": "color",
+          "$value": "rgb(82 82 82)"
+        }
+      },
+      "placeholder": {
+        "text": {
+          "$type": "color",
+          "$value": "{color.silver}"
+        }
+      },
+      "primary": {
+        "$type": "color",
+        "$value": "{color.electric.violet}",
+        "dark": {
+          "$type": "color",
+          "$value": "{color.purple.heart}"
+        }
+      },
+      "purple": {
+        "heart": {
+          "$type": "color",
+          "$value": "rgb(64 25 174)"
+        },
+        "light": {
+          "$type": "color",
+          "$value": "rgb(239 233 254)"
+        }
+      },
+      "red": {
+        "$type": "color",
+        "$value": "rgb(191 6 3)",
+        "light": {
+          "$type": "color",
+          "$value": "rgb(235 178 177)"
+        }
+      },
+      "silver": {
+        "$type": "color",
+        "$value": "rgb(194 194 194)"
+      },
+      "surface": {
+        "active": {
+          "$type": "color",
+          "$value": "rgb(123 79 247 / 20%)"
+        }
+      },
+      "text": {
+        "$type": "color",
+        "$value": "{color.text.primary}",
+        "primary": {
+          "$type": "color",
+          "$value": "{color.cod.gray}"
+        },
+        "secondary": {
+          "$type": "color",
+          "$value": "{color.outer.space}"
+        }
+      },
+      "timberwolf": {
+        "$type": "color",
+        "$value": "rgb(223 223 223)"
+      },
+      "translucent": {
+        "$type": "color",
+        "$value": "rgba(255 255 255 / 60%)"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "{color.red}"
+      },
+      "white": {
+        "$type": "color",
+        "$value": "rgb(255 255 255)"
+      },
+      "wild": {
+        "sand": {
+          "$type": "color",
+          "$value": "rgb(245 245 245)"
+        }
+      }
+    },
+    "font": {
+      "family": {
+        "$type": "fontFamily",
+        "$value": "'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
+      },
+      "size": {
+        "$type": "string",
+        "$value": "{unit}",
+        "h1": {
+          "$type": "dimension",
+          "$value": "calc({unit} * 2)"
+        },
+        "h2": {
+          "$type": "dimension",
+          "$value": "calc({unit} * 1.25)"
+        },
+        "h3": {
+          "$type": "dimension",
+          "$value": "calc({unit})"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "calc({unit} * 0.75)"
+        }
+      },
+      "weight": {
+        "bold": {
+          "$type": "fontWeight",
+          "$value": "700"
+        },
+        "normal": {
+          "$type": "fontWeight",
+          "$value": "400"
+        },
+        "semibold": {
+          "$type": "fontWeight",
+          "$value": "600"
+        }
+      }
+    },
+    "gradient": {
+      "$type": "gradient",
+      "$value": "linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%)"
+    },
+    "icon": {
+      "size": {
+        "$type": "dimension",
+        "$value": "calc({unit} * 1.5)"
+      }
+    },
+    "negative": {
+      "unit": {
+        "$type": "dimension",
+        "$value": "calc(-1 * {unit})",
+        "large": {
+          "$type": "dimension",
+          "$value": "calc({negative.unit} * 2)"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "calc({negative.unit} / 2)"
+        }
+      }
+    },
+    "offset": {
+      "$type": "dimension",
+      "$value": "calc(-2 * {unit})"
+    },
+    "opacity": {
+      "disabled": {
+        "$type": "number",
+        "$value": "{opacity.minimal}"
+      },
+      "minimal": {
+        "$type": "number",
+        "$value": "0.5"
+      },
+      "visited": {
+        "$type": "number",
+        "$value": "{opacity.minimal}"
+      }
+    },
+    "padding": {
+      "box": {
+        "$type": "string",
+        "$value": "0.05px {unit}"
+      }
+    },
+    "shadow": {
+      "$type": "shadow",
+      "$value": "{shadow.color} {unit.micro} {unit.micro} {unit.tiny}",
+      "big": {
+        "$type": "shadow",
+        "$value": "{shadow.color} {unit.micro} {unit.micro} {unit.small}"
+      },
+      "color": {
+        "$type": "shadow",
+        "$value": "rgb(0 0 0 / 10%)"
+      }
+    },
+    "transition": {
+      "delay": {
+        "$type": "duration",
+        "$value": "125ms"
+      },
+      "duration": {
+        "$type": "duration",
+        "$value": "250ms",
+        "long": {
+          "$type": "duration",
+          "$value": "calc({transition.duration} * 2)"
+        }
+      },
+      "timing": {
+        "function": {
+          "$type": "string",
+          "$value": "ease-out"
+        }
+      }
+    },
+    "unit": {
+      "$type": "dimension",
+      "$value": "16px",
+      "large": {
+        "$type": "dimension",
+        "$value": "calc({unit} * 2)"
+      },
+      "micro": {
+        "$type": "dimension",
+        "$value": "calc({unit} / 8)"
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "calc({unit} / 2)"
+      },
+      "tiny": {
+        "$type": "dimension",
+        "$value": "calc({unit} / 4)"
+      }
+    },
+    "z": {
+      "max": {
+        "$type": "number",
+        "$value": "2147483647"
+      }
+    }
+  }
+}

package/dist/utils--n2yqjCy.js

@@ -0,0 +1,45 @@
+import { useState as d, useCallback as m, useEffect as f } from "react";
+const p = /^--[\w-]+$/, y = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, C = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), s = typeof document < "u" ? document.createElement("span") : null;
+function a(u) {
+  const e = u.trim();
+  if (!e || !s || C.has(e.toLowerCase()))
+    return e;
+  const t = document.body ?? document.documentElement;
+  if (!t || (s.style.color = e, !s.style.color))
+    return e;
+  t.appendChild(s);
+  const o = getComputedStyle(s).color.trim();
+  return s.remove(), o || e;
+}
+function w(u, e = "currentColor") {
+  var l;
+  if (typeof document > "u")
+    return e;
+  const t = getComputedStyle(document.documentElement), o = /* @__PURE__ */ new Set();
+  let n = u.trim();
+  for (; n; ) {
+    const r = n.match(y), c = (r == null ? void 0 : r[1]) ?? (p.test(n) ? n : null), i = (l = r == null ? void 0 : r[2]) == null ? void 0 : l.trim();
+    if (!c)
+      return a(n);
+    if (o.has(c)) {
+      n = i ?? "";
+      continue;
+    }
+    o.add(c), n = t.getPropertyValue(c).trim() || i || "";
+  }
+  return a(e);
+}
+function b(u) {
+  const [e, t] = d(!1), o = m(() => t(!0), []);
+  return f(() => {
+    t(!1);
+  }, [u]), {
+    touched: e,
+    onBlur: o
+  };
+}
+export {
+  w as r,
+  b as u
+};
+//# sourceMappingURL=utils--n2yqjCy.js.map

package/dist/utils--n2yqjCy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils--n2yqjCy.js","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","Set","probe","document","createElement","normalizeColorValue","input","value","trim","has","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":";AAEA,MAAMA,IAAqB,cACrBC,IAA8B,0CAE9BC,IAA0B,oBAAIC,IAAI,CACtC,gBACA,WACA,WACA,UACA,gBACA,OAAO,CACR,GAEKC,IAAQ,OAAOC,WAAa,MAAcA,SAASC,cAAc,MAAM,IAAI;AAEjF,SAASC,EAAoBC,GAAuB;AAClD,QAAMC,IAAQD,EAAME,KAAAA;AAEpB,MAAI,CAACD,KAAS,CAACL,KAASF,EAAwBS,IAAIF,EAAMG,YAAAA,CAAa;AACrE,WAAOH;AAGT,QAAMI,IAAYR,SAASS,QAAQT,SAASU;AAQ5C,MANI,CAACF,MAILT,EAAMY,MAAMC,QAAQR,GAEhB,CAACL,EAAMY,MAAMC;AACf,WAAOR;AAGTI,EAAAA,EAAUK,YAAYd,CAAK;AAE3B,QAAMe,IAAaC,iBAAiBhB,CAAK,EAAEa,MAAMP,KAAAA;AACjDN,SAAAA,EAAMiB,OAAAA,GAECF,KAAcV;AACvB;AAEO,SAASa,EAAad,GAA+Be,IAAW,gBAAwB;;AAC7F,MAAI,OAAOlB,WAAa;AACtB,WAAOkB;AAGT,QAAMC,IAASJ,iBAAiBf,SAASU,eAAe,GAClDU,wBAAWtB,IAAAA;AACjB,MAAIuB,IAAUlB,EAAME,KAAAA;AAEpB,SAAOgB,KAAS;AACd,UAAMC,IAAQD,EAAQC,MAAM1B,CAA2B,GACjD2B,KAAeD,KAAAA,gBAAAA,EAAQ,QAAO3B,EAAmB6B,KAAKH,CAAO,IAAIA,IAAU,OAC3EI,KAAiBH,IAAAA,KAAAA,gBAAAA,EAAQ,OAARA,gBAAAA,EAAYjB;AAEnC,QAAI,CAACkB;AACH,aAAOrB,EAAoBmB,CAAO;AAGpC,QAAID,EAAKd,IAAIiB,CAAY,GAAG;AAC1BF,MAAAA,IAAUI,KAAkB;AAC5B;AAAA,IACF;AAEAL,IAAAA,EAAKM,IAAIH,CAAY,GAErBF,IAAUF,EAAOQ,iBAAiBJ,CAAY,EAAElB,KAAAA,KAAUoB,KAAkB;AAAA,EAC9E;AAEA,SAAOvB,EAAoBgB,CAAQ;AACrC;AAEO,SAASU,EAAWC,GAAoB;AAC7C,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAASC,EAAY,MAAMH,EAAW,EAAI,GAAG,CAAA,CAAE;AAErDI,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAW,EAAK;AAAA,EAClB,GAAG,CAACF,CAAQ,CAAC,GAEN;AAAA,IAAEC,SAAAA;AAAAA,IAASG,QAAAA;AAAAA,EAAAA;AACpB;"}

package/dist/utils-DBzf7CFq.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react"),m=/^--[\w-]+$/,f=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,y=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),s=typeof document<"u"?document.createElement("span"):null;function d(u){const e=u.trim();if(!e||!s||y.has(e.toLowerCase()))return e;const t=document.body??document.documentElement;if(!t||(s.style.color=e,!s.style.color))return e;t.appendChild(s);const o=getComputedStyle(s).color.trim();return s.remove(),o||e}function C(u,e="currentColor"){var i;if(typeof document>"u")return e;const t=getComputedStyle(document.documentElement),o=new Set;let n=u.trim();for(;n;){const r=n.match(f),c=(r==null?void 0:r[1])??(m.test(n)?n:null),a=(i=r==null?void 0:r[2])==null?void 0:i.trim();if(!c)return d(n);if(o.has(c)){n=a??"";continue}o.add(c),n=t.getPropertyValue(c).trim()||a||""}return d(e)}function p(u){const[e,t]=l.useState(!1),o=l.useCallback(()=>t(!0),[]);return l.useEffect(()=>{t(!1)},[u]),{touched:e,onBlur:o}}exports.resolveColor=C;exports.useTouched=p;
+//# sourceMappingURL=utils-DBzf7CFq.cjs.map

package/dist/utils-DBzf7CFq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DBzf7CFq.cjs","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","Set","probe","document","createElement","normalizeColorValue","input","value","trim","has","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":"sCAEMA,EAAqB,aACrBC,EAA8B,yCAE9BC,EAA0B,IAAIC,IAAI,CACtC,eACA,UACA,UACA,SACA,eACA,OAAO,CACR,EAEKC,EAAQ,OAAOC,SAAa,IAAcA,SAASC,cAAc,MAAM,EAAI,KAEjF,SAASC,EAAoBC,EAAuB,CAClD,MAAMC,EAAQD,EAAME,KAAAA,EAEpB,GAAI,CAACD,GAAS,CAACL,GAASF,EAAwBS,IAAIF,EAAMG,YAAAA,CAAa,EACrE,OAAOH,EAGT,MAAMI,EAAYR,SAASS,MAAQT,SAASU,gBAQ5C,GANI,CAACF,IAILT,EAAMY,MAAMC,MAAQR,EAEhB,CAACL,EAAMY,MAAMC,OACf,OAAOR,EAGTI,EAAUK,YAAYd,CAAK,EAE3B,MAAMe,EAAaC,iBAAiBhB,CAAK,EAAEa,MAAMP,KAAAA,EACjDN,OAAAA,EAAMiB,OAAAA,EAECF,GAAcV,CACvB,CAEO,SAASa,EAAad,EAA+Be,EAAW,eAAwB,OAC7F,GAAI,OAAOlB,SAAa,IACtB,OAAOkB,EAGT,MAAMC,EAASJ,iBAAiBf,SAASU,eAAe,EAClDU,MAAWtB,IACjB,IAAIuB,EAAUlB,EAAME,KAAAA,EAEpB,KAAOgB,GAAS,CACd,MAAMC,EAAQD,EAAQC,MAAM1B,CAA2B,EACjD2B,GAAeD,GAAAA,YAAAA,EAAQ,MAAO3B,EAAmB6B,KAAKH,CAAO,EAAIA,EAAU,MAC3EI,GAAiBH,EAAAA,GAAAA,YAAAA,EAAQ,KAARA,YAAAA,EAAYjB,OAEnC,GAAI,CAACkB,EACH,OAAOrB,EAAoBmB,CAAO,EAGpC,GAAID,EAAKd,IAAIiB,CAAY,EAAG,CAC1BF,EAAUI,GAAkB,GAC5B,QACF,CAEAL,EAAKM,IAAIH,CAAY,EAErBF,EAAUF,EAAOQ,iBAAiBJ,CAAY,EAAElB,KAAAA,GAAUoB,GAAkB,EAC9E,CAEA,OAAOvB,EAAoBgB,CAAQ,CACrC,CAEO,SAASU,EAAWC,EAAoB,CAC7C,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAASC,EAAAA,YAAY,IAAMH,EAAW,EAAI,EAAG,CAAA,CAAE,EAErDI,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAW,EAAK,CAClB,EAAG,CAACF,CAAQ,CAAC,EAEN,CAAEC,QAAAA,EAASG,OAAAA,CAAAA,CACpB"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.41",
+  "version": "0.4.2",
   "type": "module",
   "scripts": {
-    "dev": "vite build --watch",
-    "build": "tsc -b && vite build",
+    "dev": "pnpm run tokens:build && vite build --watch",
+    "build": "pnpm run tokens:build && tsc -b && vite build && pnpm run tokens:dist",
     "coverage": "vitest run --coverage",
     "format": "prettier --check .",
     "format:fix": "prettier --write .",
@@ -17,7 +17,11 @@
     "stylelint": "stylelint **/*.css",
     "stylelint:fix": "stylelint **/*.css --fix",
     "test": "vitest --ui --coverage.enabled=true",
-    "test:ci": "vitest run"
+    "test:ci": "vitest run",
+    "tokens:audit": "node scripts/design-tokens.mjs audit",
+    "tokens:build": "node scripts/design-tokens.mjs build",
+    "tokens:dist": "node scripts/design-tokens.mjs dist",
+    "tokens:import": "node scripts/design-tokens.mjs import"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -27,7 +31,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./tokens.json": "./dist/tokens.json"
   },
   "files": [
     "dist"

package/dist/utils-BFlnRYx7.js

@@ -1,34 +0,0 @@
-import { useState as d, useCallback as f, useEffect as m } from "react";
-function b(o, n = "currentColor") {
-  var l;
-  const r = /^--[\w-]+$/, u = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/;
-  if (typeof document > "u")
-    return n;
-  const i = getComputedStyle(document.documentElement), c = /* @__PURE__ */ new Set();
-  let e = o.trim();
-  for (; e; ) {
-    const t = e.match(u), s = (t == null ? void 0 : t[1]) ?? (r.test(e) ? e : null), a = (l = t == null ? void 0 : t[2]) == null ? void 0 : l.trim();
-    if (!s)
-      return e;
-    if (c.has(s)) {
-      e = a ?? "";
-      continue;
-    }
-    c.add(s), e = i.getPropertyValue(s).trim() || a || "";
-  }
-  return n;
-}
-function w(o) {
-  const [n, r] = d(!1), u = f(() => r(!0), []);
-  return m(() => {
-    r(!1);
-  }, [o]), {
-    touched: n,
-    onBlur: u
-  };
-}
-export {
-  b as r,
-  w as u
-};
-//# sourceMappingURL=utils-BFlnRYx7.js.map

package/dist/utils-BFlnRYx7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-BFlnRYx7.js","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  const cssVariablePattern = /^--[\\w-]+$/;\n  const cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return current;\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return fallback;\n}\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["resolveColor","input","fallback","cssVariablePattern","cssVariableReferencePattern","document","styles","getComputedStyle","documentElement","seen","Set","current","trim","match","variableName","test","nestedFallback","has","add","getPropertyValue","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":";AAEO,SAASA,EAAaC,GAA+BC,IAAW,gBAAwB;;AAC7F,QAAMC,IAAqB,cACrBC,IAA8B;AAEpC,MAAI,OAAOC,WAAa;AACtB,WAAOH;AAGT,QAAMI,IAASC,iBAAiBF,SAASG,eAAe,GAClDC,wBAAWC,IAAAA;AACjB,MAAIC,IAAUV,EAAMW,KAAAA;AAEpB,SAAOD,KAAS;AACd,UAAME,IAAQF,EAAQE,MAAMT,CAA2B,GACjDU,KAAeD,KAAAA,gBAAAA,EAAQ,QAAOV,EAAmBY,KAAKJ,CAAO,IAAIA,IAAU,OAC3EK,KAAiBH,IAAAA,KAAAA,gBAAAA,EAAQ,OAARA,gBAAAA,EAAYD;AAEnC,QAAI,CAACE;AACH,aAAOH;AAGT,QAAIF,EAAKQ,IAAIH,CAAY,GAAG;AAC1BH,MAAAA,IAAUK,KAAkB;AAC5B;AAAA,IACF;AAEAP,IAAAA,EAAKS,IAAIJ,CAAY,GAErBH,IAAUL,EAAOa,iBAAiBL,CAAY,EAAEF,KAAAA,KAAUI,KAAkB;AAAA,EAC9E;AAEA,SAAOd;AACT;AAEO,SAASkB,EAAWC,GAAoB;AAC7C,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAASC,EAAY,MAAMH,EAAW,EAAI,GAAG,CAAA,CAAE;AAErDI,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAW,EAAK;AAAA,EAClB,GAAG,CAACF,CAAQ,CAAC,GAEN;AAAA,IAAEC,SAAAA;AAAAA,IAASG,QAAAA;AAAAA,EAAAA;AACpB;"}

package/dist/utils-DqVa4K58.cjs

@@ -1,2 +0,0 @@
-"use strict";const c=require("react");function f(o,n="currentColor"){var a;const s=/^--[\w-]+$/,u=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/;if(typeof document>"u")return n;const d=getComputedStyle(document.documentElement),l=new Set;let e=o.trim();for(;e;){const t=e.match(u),r=(t==null?void 0:t[1])??(s.test(e)?e:null),i=(a=t==null?void 0:t[2])==null?void 0:a.trim();if(!r)return e;if(l.has(r)){e=i??"";continue}l.add(r),e=d.getPropertyValue(r).trim()||i||""}return n}function m(o){const[n,s]=c.useState(!1),u=c.useCallback(()=>s(!0),[]);return c.useEffect(()=>{s(!1)},[o]),{touched:n,onBlur:u}}exports.resolveColor=f;exports.useTouched=m;
-//# sourceMappingURL=utils-DqVa4K58.cjs.map

package/dist/utils-DqVa4K58.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-DqVa4K58.cjs","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  const cssVariablePattern = /^--[\\w-]+$/;\n  const cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return current;\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return fallback;\n}\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["resolveColor","input","fallback","cssVariablePattern","cssVariableReferencePattern","document","styles","getComputedStyle","documentElement","seen","Set","current","trim","match","variableName","test","nestedFallback","has","add","getPropertyValue","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":"sCAEO,SAASA,EAAaC,EAA+BC,EAAW,eAAwB,OAC7F,MAAMC,EAAqB,aACrBC,EAA8B,yCAEpC,GAAI,OAAOC,SAAa,IACtB,OAAOH,EAGT,MAAMI,EAASC,iBAAiBF,SAASG,eAAe,EAClDC,MAAWC,IACjB,IAAIC,EAAUV,EAAMW,KAAAA,EAEpB,KAAOD,GAAS,CACd,MAAME,EAAQF,EAAQE,MAAMT,CAA2B,EACjDU,GAAeD,GAAAA,YAAAA,EAAQ,MAAOV,EAAmBY,KAAKJ,CAAO,EAAIA,EAAU,MAC3EK,GAAiBH,EAAAA,GAAAA,YAAAA,EAAQ,KAARA,YAAAA,EAAYD,OAEnC,GAAI,CAACE,EACH,OAAOH,EAGT,GAAIF,EAAKQ,IAAIH,CAAY,EAAG,CAC1BH,EAAUK,GAAkB,GAC5B,QACF,CAEAP,EAAKS,IAAIJ,CAAY,EAErBH,EAAUL,EAAOa,iBAAiBL,CAAY,EAAEF,KAAAA,GAAUI,GAAkB,EAC9E,CAEA,OAAOd,CACT,CAEO,SAASkB,EAAWC,EAAoB,CAC7C,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAASC,EAAAA,YAAY,IAAMH,EAAW,EAAI,EAAG,CAAA,CAAE,EAErDI,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAW,EAAK,CAClB,EAAG,CAACF,CAAQ,CAAC,EAEN,CAAEC,QAAAA,EAASG,OAAAA,CAAAA,CACpB"}