welcome-ui 9.0.10 → 10.0.0-alpha.10

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/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-BD597oo6.js}

@@ -1,16 +1,16 @@
 "use client";
 import { g as J } from "./index-PAaZGbyz.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,4 +1,5 @@
 "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": "9.0.10",
+  "version": "10.0.0-alpha.10",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -28,9 +28,11 @@
   },
   "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'",
+    "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",
     "test": "vitest"
   },
   "repository": {

package/dist/2W3RN7C5-bkX-rIa3.js

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

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
-};