welcome-ui 0.0.0-dev.1761751123336 → 0.0.0-dev.1762111960442

package/dist/types/theme/utils/parseTokens.d.ts

@@ -6,10 +6,10 @@ type TokenNode = string | TokenValue | TokenWithType | {
     [key: string]: TokenNode;
 };
 interface TokenValue {
-    $value: string;
+    value: string;
 }
 type TokenWithType = TokensStructure & {
-    $type: string;
+    type: string;
 };
 export declare const parseTokens: (tokens: TokensStructure) => FlatTokens;
 export {};

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 export type DefaultFieldIconSize = 'xs' | 'sm';
-export type Size = 'xs' | 'sm' | 'md' | 'lg';
+export type Size = 'sm' | 'md' | 'lg';
 declare module 'react' {
     interface HTMLAttributes<T> {
         [name: `data-${string}`]: string;

package/dist/types/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './classNames';
 export * from './forwardRefWithAs';
+export * from './theme';
 export * from './ts-utils';
 export * from './use-copy-text';

package/dist/types/utils/use-screens.d.ts

@@ -1,4 +1,4 @@
-import { default as tokens } from '../theme/tokens.json';
+import { default as tokens } from '../theme/tokens/semantics.json';
 type ScreenSize = keyof Omit<typeof tokens.breakpoint, '$type'>;
 type Screens = Record<ScreenSize, number>;
 /**

package/dist/{utils-BNMgUIHQ.js → utils-DileZjMm.js}

@@ -1,16 +1,16 @@
 "use client";
-import { g as J } from "./index-PAaZGbyz.js";
+import { g as J } from "./index-CdiHdiVB.js";
 const Y = {
-  "custom-header": "_custom-header_191j7_2",
-  "date-picker": "_date-picker_191j7_9",
-  "time-picker": "_time-picker_191j7_12",
-  "date-time-picker": "_date-time-picker_191j7_15"
+  "custom-header": "_custom-header_1w74t_2",
+  "date-picker": "_date-picker_1w74t_9",
+  "time-picker": "_time-picker_1w74t_12",
+  "date-time-picker": "_date-time-picker_1w74t_15"
 };
 var u, m;
 function H() {
   if (m) return u;
   m = 1;
-  var o = 1 / 0, i = 9007199254740991, a = 17976931348623157e292, f = NaN, p = "[object Function]", _ = "[object GeneratorFunction]", I = "[object Symbol]", h = /^\s+|\s+$/g, M = /^[-+]0x[0-9a-f]+$/i, T = /^0b[01]+$/i, j = /^0o[0-7]+$/i, D = /^(?:0|[1-9]\d*)$/, N = parseInt, d = Object.prototype, b = d.toString, A = Math.ceil, E = Math.max;
+  var o = 1 / 0, i = 9007199254740991, a = 17976931348623157e292, f = NaN, p = "[object Function]", _ = "[object GeneratorFunction]", I = "[object Symbol]", h = /^\s+|\s+$/g, M = /^[-+]0x[0-9a-f]+$/i, T = /^0b[01]+$/i, D = /^0o[0-7]+$/i, N = /^(?:0|[1-9]\d*)$/, d = parseInt, w = Object.prototype, b = w.toString, A = Math.ceil, E = Math.max;
   function F(e, r, t, n) {
     for (var G = -1, l = E(A((r - e) / (t || 1)), 0), g = Array(l); l--; )
       g[++G] = e, e += t;
@@ -22,21 +22,21 @@ function H() {
     };
   }
   function O(e, r) {
-    return r = r ?? i, !!r && (typeof e == "number" || D.test(e)) && e > -1 && e % 1 == 0 && e < r;
+    return r = r ?? i, !!r && (typeof e == "number" || N.test(e)) && e > -1 && e % 1 == 0 && e < r;
   }
   function S(e, r, t) {
     if (!c(t))
       return !1;
     var n = typeof r;
-    return (n == "number" ? R(t) && O(r, t.length) : n == "string" && r in t) ? x(t[r], e) : !1;
+    return (n == "number" ? x(t) && O(r, t.length) : n == "string" && r in t) ? j(t[r], e) : !1;
   }
-  function x(e, r) {
+  function j(e, r) {
     return e === r || e !== e && r !== r;
   }
-  function R(e) {
-    return e != null && L(e.length) && !w(e);
+  function x(e) {
+    return e != null && L(e.length) && !R(e);
   }
-  function w(e) {
+  function R(e) {
     var r = c(e) ? b.call(e) : "";
     return r == p || r == _;
   }
@@ -75,7 +75,7 @@ function H() {
       return e === 0 ? e : +e;
     e = e.replace(h, "");
     var t = T.test(e);
-    return t || j.test(e) ? N(e.slice(2), t ? 2 : 8) : M.test(e) ? f : +e;
+    return t || D.test(e) ? d(e.slice(2), t ? 2 : 8) : M.test(e) ? f : +e;
   }
   var C = k();
   return u = C, u;

package/dist/utils.css

@@ -1 +1 @@
-@layer components{._custom-header_191j7_2{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);text-align:left}._date-picker_191j7_9{text-align:left}._time-picker_191j7_12{text-align:center}._date-time-picker_191j7_15{position:relative;display:inline-flex;flex-wrap:nowrap}._date-time-picker_191j7_15 div:first-child{margin-right:-1px}._date-time-picker_191j7_15 ._date-picker_191j7_9{border-top-right-radius:0;border-bottom-right-radius:0}._date-time-picker_191j7_15 ._time-picker_191j7_12{border-top-left-radius:0;border-bottom-left-radius:0}}
+@layer components{._custom-header_1w74t_2{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--border-radius-xl);text-align:left}._date-picker_1w74t_9{text-align:left}._time-picker_1w74t_12{text-align:center}._date-time-picker_1w74t_15{position:relative;display:inline-flex;flex-wrap:nowrap}._date-time-picker_1w74t_15 div:first-child{margin-right:-1px}._date-time-picker_1w74t_15 ._date-picker_1w74t_9{border-top-right-radius:0;border-bottom-right-radius:0}._date-time-picker_1w74t_15 ._time-picker_1w74t_12{border-top-left-radius:0;border-bottom-left-radius:0}}

package/dist/utils.js

@@ -1,6 +1,6 @@
 "use client";
-import { b as f } from "./index-PAaZGbyz.js";
-import { c as d } from "./index-PAaZGbyz.js";
+import { b as f } from "./index-CdiHdiVB.js";
+import { c as d } from "./index-CdiHdiVB.js";
 import { f as C } from "./forwardRefWithAs-8eP3ZN15.js";
 import { useState as p, useCallback as a } from "react";
 function n(e, o) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "0.0.0-dev.1761751123336",
+  "version": "0.0.0-dev.1762111960442",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -17,7 +17,6 @@
       "import": "./dist/utils.js"
     },
     "./*.css": "./dist/*.css",
-    "./scss/*": "./dist/scss/*.scss",
     "./*": {
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.js"
@@ -29,8 +28,10 @@
   "scripts": {
     "start": "vite build --watch",
     "build": "vite build",
-    "build:tokens": "style-dictionary build --config=style-dictionary.json --verbose",
-    "theme:generate": "yarn build:tokens && tsx src/theme/generate-theme.ts && yarn run -W prettier --write 'src/theme/theme.css'",
+    "tokens:clean": "tsx src/theme/clean-tokens.ts",
+    "tokens:build": "yarn tokens:clean && node ./src/theme/build-tokens.js",
+    "tokens:generate-types": "tsx src/theme/extract-css-vars.ts",
+    "theme:generate": "yarn tokens:build && tsx src/theme/generate-theme.ts && yarn run -W prettier --write 'src/theme/theme.css' && yarn tokens:generate-types",
     "test": "vitest"
   },
   "repository": {

package/dist/4I4MLMKD-DgPx2VDC.js

@@ -1,43 +0,0 @@
-"use client";
-import { u as p, P as _ } from "./Y67KZUMI-CtXJ_hZt.js";
-import { c as i, _ as v, d as l, p as h, a as n, f as P, b as m, i as D, u as x, x as E } from "./OE2EFRVA-C3721cM3.js";
-import { u as b } from "./ZTXFEM5L-BEA_1pIo.js";
-import { jsx as g } from "react/jsx-runtime";
-var A = "div", d = i(
-  function(s) {
-    var e = s, { store: r } = e, o = v(e, ["store"]);
-    const c = p();
-    return r = r || c, o = l(n({}, o), {
-      ref: h(r == null ? void 0 : r.setAnchorElement, o.ref)
-    }), o;
-  }
-);
-P(function(s) {
-  const e = d(s);
-  return m(A, e);
-});
-var C = "button", k = i(function(s) {
-  var e = s, { store: r } = e, o = v(e, ["store"]);
-  const c = p();
-  r = r || c, D(
-    r,
-    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
-  );
-  const u = o.onClick, f = x((t) => {
-    r == null || r.setAnchorElement(t.currentTarget), u == null || u(t);
-  });
-  return o = E(
-    o,
-    (t) => /* @__PURE__ */ g(_, { value: r, children: t }),
-    [r]
-  ), o = l(n({}, o), {
-    onClick: f
-  }), o = d(n({ store: r }, o)), o = b(n({ store: r }, o)), o;
-}), w = P(function(s) {
-  const e = k(s);
-  return m(C, e);
-});
-export {
-  w as P,
-  k as u
-};