welcome-ui 0.0.0-dev.1764249770432 → 0.0.0-dev.1764262668434

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 = 'sm' | 'md' | 'lg';
+export type Size = 'xs' | 'sm' | 'md' | 'lg';
 declare module 'react' {
     interface HTMLAttributes<T> {
         [name: `data-${string}`]: string;

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

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

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

@@ -1,16 +1,16 @@
 "use client";
 import { g as J } from "./index-PAaZGbyz.js";
 const Y = {
-  "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"
+  "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"
 };
 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, D = /^0o[0-7]+$/i, N = /^(?:0|[1-9]\d*)$/, d = parseInt, w = Object.prototype, b = w.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, j = /^0o[0-7]+$/i, D = /^(?:0|[1-9]\d*)$/, N = parseInt, d = Object.prototype, b = d.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" || N.test(e)) && e > -1 && e % 1 == 0 && e < r;
+    return r = r ?? i, !!r && (typeof e == "number" || D.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" ? x(t) && O(r, t.length) : n == "string" && r in t) ? j(t[r], e) : !1;
+    return (n == "number" ? R(t) && O(r, t.length) : n == "string" && r in t) ? x(t[r], e) : !1;
   }
-  function j(e, r) {
+  function x(e, r) {
     return e === r || e !== e && r !== r;
   }
-  function x(e) {
-    return e != null && L(e.length) && !R(e);
-  }
   function R(e) {
+    return e != null && L(e.length) && !w(e);
+  }
+  function w(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 || D.test(e) ? d(e.slice(2), t ? 2 : 8) : M.test(e) ? f : +e;
+    return t || j.test(e) ? N(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_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}}
+@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}}

package/dist/utils.js

@@ -1,5 +1,4 @@
 "use client";
-import './utils.css';
 import { b as f } from "./index-PAaZGbyz.js";
 import { c as d } from "./index-PAaZGbyz.js";
 import { f as C } from "./forwardRefWithAs-8eP3ZN15.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "0.0.0-dev.1764249770432",
+  "version": "0.0.0-dev.1764262668434",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -28,11 +28,9 @@
   },
   "scripts": {
     "start": "vite build --watch",
-    "build": "vite build && node ./scripts/patch-css-imports.js",
-    "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",
+    "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'",
     "test": "vitest"
   },
   "repository": {

package/dist/2W3RN7C5-DMC82gDP.js

@@ -1,61 +0,0 @@
-"use client";
-import { c as I, _ as p, R as d, F as O, P as q, u as _, d as x, v as j, a as T, Z as Y, $ as w, j as H, h as L, a0 as V, a1 as Z, f as $, b as z } from "./OE2EFRVA-Dg1R6gaC.js";
-import { useRef as C, useState as D, useEffect as G } from "react";
-var J = "button";
-function M(a) {
-  if (!a.isTrusted) return !1;
-  const t = a.currentTarget;
-  return a.key === "Enter" ? d(t) || t.tagName === "SUMMARY" || t.tagName === "A" : a.key === " " ? d(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
-}
-var Q = Symbol("command"), W = I(
-  function(t) {
-    var i = t, { clickOnEnter: m = !0, clickOnSpace: u = !0 } = i, r = p(i, ["clickOnEnter", "clickOnSpace"]);
-    const c = C(null), [R, K] = D(!1);
-    G(() => {
-      c.current && K(d(c.current));
-    }, []);
-    const [U, k] = D(!1), f = C(!1), y = O(r), [E, F] = q(r, Q, !0), P = r.onKeyDown, h = _((e) => {
-      P == null || P(e);
-      const s = e.currentTarget;
-      if (e.defaultPrevented || E || y || !H(e) || L(s) || s.isContentEditable) return;
-      const o = m && e.key === "Enter", n = u && e.key === " ", b = e.key === "Enter" && !m, l = e.key === " " && !u;
-      if (b || l) {
-        e.preventDefault();
-        return;
-      }
-      if (o || n) {
-        const g = M(e);
-        if (o) {
-          if (!g) {
-            e.preventDefault();
-            const S = e, { view: X } = S, B = p(S, ["view"]), N = () => w(s, B);
-            V() ? Z(s, "keyup", N) : queueMicrotask(N);
-          }
-        } else n && (f.current = !0, g || (e.preventDefault(), k(!0)));
-      }
-    }), v = r.onKeyUp, A = _((e) => {
-      if (v == null || v(e), e.defaultPrevented || E || y || e.metaKey) return;
-      const s = u && e.key === " ";
-      if (f.current && s && (f.current = !1, !M(e))) {
-        e.preventDefault(), k(!1);
-        const o = e.currentTarget, n = e, { view: b } = n, l = p(n, ["view"]);
-        queueMicrotask(() => w(o, l));
-      }
-    });
-    return r = x(T(T({
-      "data-active": U || void 0,
-      type: R ? "button" : void 0
-    }, F), r), {
-      ref: j(c, r.ref),
-      onKeyDown: h,
-      onKeyUp: A
-    }), r = Y(r), r;
-  }
-);
-$(function(t) {
-  const i = W(t);
-  return z(J, i);
-});
-export {
-  W as u
-};

package/dist/4I4MLMKD-BO6Lcy7s.js

@@ -1,150 +0,0 @@
-"use client";
-import { u as z, a as E, P as H } from "./Y67KZUMI-BwLWwpNF.js";
-import { b as _ } from "./RTNCFSKZ-BywELldk.js";
-import { c as b, _ as g, i as A, l as M, d as x, a as p, v as W, r as T, m as j, O as I, y as L, f as w, b as k, u as U, k as B } from "./OE2EFRVA-Dg1R6gaC.js";
-import { useMemo as C, useState as F } from "react";
-import { jsx as l, jsxs as Z } from "react/jsx-runtime";
-import { u as q } from "./ZTXFEM5L-WGHY_jqg.js";
-var h = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", G = "div", P = 30, u = P / 2, J = {
-  top: `rotate(180 ${u} ${u})`,
-  right: `rotate(-90 ${u} ${u})`,
-  bottom: `rotate(0 ${u} ${u})`,
-  left: `rotate(90 ${u} ${u})`
-};
-function K(n) {
-  const [o, t] = F(), e = _(n, "contentElement");
-  return j(() => {
-    if (!e) return;
-    const s = I(e).getComputedStyle(e);
-    t(s);
-  }, [e]), o;
-}
-function Q(n) {
-  var o;
-  return n ? (o = n.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : o[1] : void 0;
-}
-function X(n, o) {
-  if (!o) return;
-  const t = o.getPropertyValue(`border-${n}-color`);
-  if (t) return t;
-  const r = o.getPropertyValue("box-shadow").match(/0px 0px 0px [^,]+/);
-  return r && r[0].replace(/^0px 0px 0px\s+[^\s,]+/, "").trim() || void 0;
-}
-var Y = b(
-  function(o) {
-    var t = o, {
-      store: e,
-      size: r = P,
-      borderWidth: s
-    } = t, a = g(t, [
-      "store",
-      "size",
-      "borderWidth"
-    ]);
-    const m = z();
-    e = e || m, A(
-      e,
-      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
-    );
-    const i = _(
-      e,
-      (v) => v.currentPlacement.split("-")[0]
-    ), d = M(), c = K(e), V = X(i, c) || "none", f = (c == null ? void 0 : c.getPropertyValue("background-color")) || "none", [N, y] = C(() => {
-      if (s != null) return [s, !1];
-      if (!c) return [0, !1];
-      const v = Q(c);
-      if (v) return [Number.parseInt(v, 10), !0];
-      const $ = c.getPropertyValue(`border-${i}-width`);
-      return $ ? [Math.ceil(Number.parseFloat($)), !1] : [0, !1];
-    }, [s, c, i]), R = N * 2 * (P / r), S = J[i], O = C(
-      () => /* @__PURE__ */ l("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ Z("g", { transform: S, children: [
-        !y && // When using the CSS border property, set the fill color to match
-        // the background behind the stroke so transparent strokes match
-        // the appearance of borders on HTML elements.
-        /* @__PURE__ */ l(
-          "path",
-          {
-            fill: "none",
-            stroke: `var(--ak-layer, ${f})`,
-            d: h,
-            mask: `url(#${d})`
-          }
-        ),
-        /* @__PURE__ */ l("path", { fill: "none", d: h, mask: `url(#${d})` }),
-        /* @__PURE__ */ l("path", { stroke: "none", d: h }),
-        /* @__PURE__ */ l("mask", { id: d, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ l(
-          "rect",
-          {
-            x: "-15",
-            y: "0",
-            width: "60",
-            height: "30",
-            fill: "white",
-            stroke: "black"
-          }
-        ) })
-      ] }) }),
-      [S, y, f, d]
-    );
-    return a = x(p({
-      children: O,
-      "aria-hidden": !0
-    }, a), {
-      ref: W(e.setArrowElement, a.ref),
-      style: p({
-        position: "absolute",
-        fontSize: r,
-        width: "1em",
-        height: "1em",
-        pointerEvents: "none",
-        fill: `var(--ak-layer, ${f})`,
-        stroke: `var(--ak-layer-border, ${V})`,
-        strokeWidth: R
-      }, a.style)
-    }), T(a);
-  }
-), ce = L(
-  w(function(o) {
-    const t = Y(o);
-    return k(G, t);
-  })
-), ee = "div", D = b(
-  function(o) {
-    var t = o, { store: e } = t, r = g(t, ["store"]);
-    const s = E();
-    return e = e || s, r = x(p({}, r), {
-      ref: W(e == null ? void 0 : e.setAnchorElement, r.ref)
-    }), r;
-  }
-);
-w(function(o) {
-  const t = D(o);
-  return k(ee, t);
-});
-var re = "button", oe = b(function(o) {
-  var t = o, { store: e } = t, r = g(t, ["store"]);
-  const s = E();
-  e = e || s, A(
-    e,
-    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
-  );
-  const a = r.onClick, m = U((i) => {
-    e == null || e.setAnchorElement(i.currentTarget), a == null || a(i);
-  });
-  return r = B(
-    r,
-    (i) => /* @__PURE__ */ l(H, { value: e, children: i }),
-    [e]
-  ), r = x(p({}, r), {
-    onClick: m
-  }), r = D(p({ store: e }, r)), r = q(p({ store: e }, r)), r;
-}), le = w(function(o) {
-  const t = oe(o);
-  return k(re, t);
-});
-export {
-  ce as P,
-  oe as a,
-  le as b,
-  Y as u
-};