@serendie/ui 2.1.3 → 2.2.0

package/dist/node_modules/@zag-js/utils/dist/index.js

@@ -1,127 +1,173 @@
-function w(r) {
-  return r == null ? [] : Array.isArray(r) ? r : [r];
+function L(t) {
+  return t == null ? [] : Array.isArray(t) ? t : [t];
 }
-var k = (r) => r[0], S = (r) => r[r.length - 1], a = (r, t) => r.indexOf(t) !== -1, y = (r, ...t) => r.concat(t), p = (r, ...t) => r.filter((n) => !t.includes(n)), q = (r, t) => a(r, t) ? p(r, t) : y(r, t);
-function f(r, t, n = {}) {
-  const { step: o = 1, loop: e = !0 } = n, i = t + o, s = r.length, u = s - 1;
-  return t === -1 ? o > 0 ? 0 : u : i < 0 ? e ? u : 0 : i >= s ? e ? 0 : t > s ? s : t : i;
+var z = (t) => t[0], d = (t) => t[t.length - 1], O = (t, r) => t.indexOf(r) !== -1, j = (t, ...r) => t.concat(r), E = (t, ...r) => t.filter((n) => !r.includes(n)), B = (t, r) => O(t, r) ? E(t, r) : j(t, r);
+function y(t, r, n = {}) {
+  const { step: e = 1, loop: o = !0 } = n, i = r + e, c = t.length, a = c - 1;
+  return r === -1 ? e > 0 ? 0 : a : i < 0 ? o ? a : 0 : i >= c ? o ? 0 : r > c ? c : r : i;
 }
-function F(r, t, n = {}) {
-  return r[f(r, t, n)];
+function D(t, r, n = {}) {
+  return t[y(t, r, n)];
 }
-function g(r, t, n = {}) {
-  const { step: o = 1, loop: e = !0 } = n;
-  return f(r, t, { step: -o, loop: e });
+function A(t, r, n = {}) {
+  const { step: e = 1, loop: o = !0 } = n;
+  return y(t, r, { step: -e, loop: o });
 }
-function N(r, t, n = {}) {
-  return r[g(r, t, n)];
+function G(t, r, n = {}) {
+  return t[A(t, r, n)];
 }
-var c = (r) => (r == null ? void 0 : r.constructor.name) === "Array", h = (r, t) => {
-  if (r.length !== t.length) return !1;
-  for (let n = 0; n < r.length; n++)
-    if (!l(r[n], t[n])) return !1;
+function M(t, r) {
+  return t.reduce((n, e, o) => {
+    var i;
+    return o % r === 0 ? n.push([e]) : (i = d(n)) == null || i.push(e), n;
+  }, []);
+}
+var p = (t) => (t == null ? void 0 : t.constructor.name) === "Array", k = (t, r) => {
+  if (t.length !== r.length) return !1;
+  for (let n = 0; n < t.length; n++)
+    if (!h(t[n], r[n])) return !1;
   return !0;
-}, l = (r, t) => {
-  if (Object.is(r, t)) return !0;
-  if (r == null && t != null || r != null && t == null) return !1;
-  if (typeof (r == null ? void 0 : r.isEqual) == "function" && typeof (t == null ? void 0 : t.isEqual) == "function")
-    return r.isEqual(t);
-  if (typeof r == "function" && typeof t == "function")
-    return r.toString() === t.toString();
-  if (c(r) && c(t))
-    return h(Array.from(r), Array.from(t));
-  if (typeof r != "object" || typeof t != "object") return !1;
-  const n = Object.keys(t ?? /* @__PURE__ */ Object.create(null)), o = n.length;
-  for (let e = 0; e < o; e++)
-    if (!Reflect.has(r, n[e])) return !1;
-  for (let e = 0; e < o; e++) {
-    const i = n[e];
-    if (!l(r[i], t[i])) return !1;
+}, h = (t, r) => {
+  if (Object.is(t, r)) return !0;
+  if (t == null && r != null || t != null && r == null) return !1;
+  if (typeof (t == null ? void 0 : t.isEqual) == "function" && typeof (r == null ? void 0 : r.isEqual) == "function")
+    return t.isEqual(r);
+  if (typeof t == "function" && typeof r == "function")
+    return t.toString() === r.toString();
+  if (p(t) && p(r))
+    return k(Array.from(t), Array.from(r));
+  if (typeof t != "object" || typeof r != "object") return !1;
+  const n = Object.keys(r ?? /* @__PURE__ */ Object.create(null)), e = n.length;
+  for (let o = 0; o < e; o++)
+    if (!Reflect.has(t, n[o])) return !1;
+  for (let o = 0; o < e; o++) {
+    const i = n[o];
+    if (!h(t[i], r[i])) return !1;
   }
   return !0;
-}, m = (r) => Array.isArray(r), $ = (r) => r === !0 || r === !1, O = (r) => r != null && typeof r == "object", x = (r) => O(r) && !m(r), K = (r) => typeof r == "string", d = (r) => typeof r == "function", P = (r) => r == null, R = (r, t) => Object.prototype.hasOwnProperty.call(r, t), v = Function.prototype.toString;
-v.call(Object);
-var I = (r, ...t) => (typeof r == "function" ? r(...t) : r) ?? void 0, T = (r) => r, J = (r) => r(), L = () => {
-}, z = (...r) => (...t) => {
-  r.forEach(function(n) {
-    n == null || n(...t);
+}, S = (t) => Array.isArray(t), W = (t) => t === !0 || t === !1, g = (t) => t != null && typeof t == "object", H = (t) => g(t) && !S(t), Q = (t) => typeof t == "string", N = (t) => typeof t == "function", U = (t) => t == null, w = (t, r) => Object.prototype.hasOwnProperty.call(t, r), q = (t) => Object.prototype.toString.call(t), m = Function.prototype.toString, F = m.call(Object), $ = (t) => {
+  if (!g(t) || q(t) != "[object Object]" || C(t)) return !1;
+  const r = Object.getPrototypeOf(t);
+  if (r === null) return !0;
+  const n = w(r, "constructor") && r.constructor;
+  return typeof n == "function" && n instanceof n && m.call(n) == F;
+}, R = (t) => typeof t == "object" && t !== null && "$$typeof" in t && "props" in t, b = (t) => typeof t == "object" && t !== null && "__v_isVNode" in t, C = (t) => R(t) || b(t), X = (t, ...r) => (typeof t == "function" ? t(...r) : t) ?? void 0, Y = (t) => t, Z = (t) => t(), x = () => {
+}, tt = (...t) => (...r) => {
+  t.forEach(function(n) {
+    n == null || n(...r);
   });
-}, B = /* @__PURE__ */ (() => {
-  let r = 0;
-  return () => (r++, r.toString(36));
+}, rt = /* @__PURE__ */ (() => {
+  let t = 0;
+  return () => (t++, t.toString(36));
 })();
-function A(r, t, ...n) {
-  var e;
-  if (r in t) {
-    const i = t[r];
-    return d(i) ? i(...n) : i;
+function P(t, r, ...n) {
+  var o;
+  if (t in r) {
+    const i = r[t];
+    return N(i) ? i(...n) : i;
   }
-  const o = new Error(`No matching key: ${JSON.stringify(r)} in ${JSON.stringify(Object.keys(t))}`);
-  throw (e = Error.captureStackTrace) == null || e.call(Error, o, A), o;
+  const e = new Error(`No matching key: ${JSON.stringify(t)} in ${JSON.stringify(Object.keys(r))}`);
+  throw (o = Error.captureStackTrace) == null || o.call(Error, e, P), e;
 }
-function j(r) {
-  if (!E(r) || r === void 0) return r;
-  const t = Reflect.ownKeys(r).filter((o) => typeof o == "string"), n = {};
-  for (const o of t) {
-    const e = r[o];
-    e !== void 0 && (n[o] = j(e));
+var { min: V, max: K } = Math, T = (t) => Number.isNaN(t), v = (t) => T(t) ? 0 : t, nt = (t, r, n) => {
+  const e = v(t), o = r == null || e >= r, i = n == null || e <= n;
+  return o && i;
+}, et = (t, r, n) => V(K(v(t), r), n);
+function _(t) {
+  if (!$(t) || t === void 0) return t;
+  const r = Reflect.ownKeys(t).filter((e) => typeof e == "string"), n = {};
+  for (const e of r) {
+    const o = t[e];
+    o !== void 0 && (n[e] = _(o));
   }
   return n;
 }
-var E = (r) => r && typeof r == "object" && r.constructor === Object;
-function D(r, t) {
+function ot(t, r = Object.is) {
+  let n = { ...t };
+  const e = /* @__PURE__ */ new Set(), o = (s) => (e.add(s), () => e.delete(s)), i = () => {
+    e.forEach((s) => s());
+  };
+  return {
+    subscribe: o,
+    get: (s) => n[s],
+    set: (s, u) => {
+      r(n[s], u) || (n[s] = u, i());
+    },
+    update: (s) => {
+      let u = !1;
+      for (const l in s) {
+        const f = s[l];
+        f !== void 0 && !r(n[l], f) && (n[l] = f, u = !0);
+      }
+      u && i();
+    },
+    snapshot: () => ({ ...n })
+  };
+}
+function it(t, r) {
   const n = performance.now();
-  let o;
-  function e(i) {
-    o = requestAnimationFrame(e), i - n >= t && r();
+  let e;
+  function o(i) {
+    if (i - n >= r) {
+      t();
+      return;
+    }
+    e = requestAnimationFrame(o);
   }
-  return o = requestAnimationFrame(e), () => cancelAnimationFrame(o);
+  return e = requestAnimationFrame(o), () => cancelAnimationFrame(e);
 }
-function V(...r) {
-  const t = r.length === 1 ? r[0] : r[1];
-  (r.length === 2 ? r[0] : !0) && process.env.NODE_ENV !== "production" && console.warn(t);
+function st(...t) {
+  const r = t.length === 1 ? t[0] : t[1];
+  (t.length === 2 ? t[0] : !0) && process.env.NODE_ENV !== "production" && console.warn(r);
 }
-function _(r, t) {
-  if (r == null) throw new Error(t());
+function ct(t, r) {
+  if (t == null) throw new Error(r());
 }
-function C(r, t, n) {
-  let o = [];
-  for (const e of t)
-    r[e] == null && o.push(e);
-  if (o.length > 0)
-    throw new Error(`[zag-js${` > ${n}`}] missing required props: ${o.join(", ")}`);
+function ut(t, r, n) {
+  let e = [];
+  for (const o of r)
+    t[o] == null && e.push(o);
+  if (e.length > 0)
+    throw new Error(`[zag-js${` > ${n}`}] missing required props: ${e.join(", ")}`);
 }
 export {
-  y as add,
-  q as addOrRemove,
-  z as callAll,
-  T as cast,
-  j as compact,
-  _ as ensure,
-  C as ensureProps,
-  k as first,
-  a as has,
-  R as hasProp,
-  J as identity,
-  m as isArray,
-  $ as isBoolean,
-  l as isEqual,
-  d as isFunction,
-  P as isNull,
-  x as isObject,
-  O as isObjectLike,
-  K as isString,
-  S as last,
-  A as match,
-  F as next,
-  f as nextIndex,
-  L as noop,
-  N as prev,
-  g as prevIndex,
-  p as remove,
-  I as runIfFn,
-  D as setRafTimeout,
-  w as toArray,
-  B as uuid,
-  V as warn
+  j as add,
+  B as addOrRemove,
+  tt as callAll,
+  Y as cast,
+  M as chunk,
+  et as clampValue,
+  _ as compact,
+  ot as createStore,
+  ct as ensure,
+  ut as ensureProps,
+  z as first,
+  O as has,
+  w as hasProp,
+  Z as identity,
+  S as isArray,
+  W as isBoolean,
+  h as isEqual,
+  N as isFunction,
+  T as isNaN,
+  U as isNull,
+  H as isObject,
+  g as isObjectLike,
+  $ as isPlainObject,
+  Q as isString,
+  nt as isValueWithinRange,
+  d as last,
+  P as match,
+  v as nan,
+  D as next,
+  y as nextIndex,
+  x as noop,
+  G as prev,
+  A as prevIndex,
+  E as remove,
+  X as runIfFn,
+  it as setRafTimeout,
+  L as toArray,
+  rt as uuid,
+  st as warn
 };

package/dist/preset.d.ts

@@ -1177,7 +1177,9 @@ export declare const SerendiePreset: {
             breakpoints: {
                 expanded: string;
             };
-            recipes: import('@pandacss/types').RecipeVariantRecord;
+            recipes: {
+                textFieldRecipe: import('../styled-system/types').SlotRecipeConfig;
+            };
             tokens: {
                 sizes: {
                     sd: {
@@ -2661,6 +2663,14 @@ export declare const SerendiePreset: {
                         transform: string;
                     };
                 };
+                progressIndicatorSlide: {
+                    from: {
+                        transform: string;
+                    };
+                    to: {
+                        transform: string;
+                    };
+                };
             };
         };
     };

package/dist/recipes/index.d.ts

@@ -1,2 +1,3 @@
-import { RecipeVariantRecord } from '@pandacss/dev';
-export declare const SerendieRecipes: RecipeVariantRecord;
+export declare const SerendieRecipes: {
+    textFieldRecipe: import('../../styled-system/types').SlotRecipeConfig;
+};

package/dist/recipes/index.js

@@ -1,4 +1,7 @@
-const e = {};
+import { textFieldRecipe as e } from "./textFieldRecipe.js";
+const t = {
+  textFieldRecipe: e
+};
 export {
-  e as SerendieRecipes
+  t as SerendieRecipes
 };

package/dist/recipes/textFieldRecipe.d.ts

@@ -0,0 +1,6 @@
+import { SlotRecipeConfig } from '../../styled-system/types';
+/**
+ * 共通フォームスタイルレシピ
+ * TextField、DatePicker、Select、TextAreaなどのフォームコンポーネントで共通のスタイルを定義
+ */
+export declare const textFieldRecipe: SlotRecipeConfig;

package/dist/recipes/textFieldRecipe.js

@@ -0,0 +1,107 @@
+const e = {
+  className: "input",
+  slots: [
+    "root",
+    "label",
+    "labelRequired",
+    "inputWrapper",
+    "input",
+    "icon",
+    "leftContent",
+    "rightContent",
+    "messageField",
+    "description",
+    "invalidMessage"
+  ],
+  base: {
+    root: {
+      display: "inline-grid",
+      // 後から指定したCSSからwidthが上書きできないため、@layer componentsを指定
+      "@layer components": {
+        width: "min(100%, 300px)"
+      },
+      gridTemplateColumns: "auto",
+      rowGap: "sd.system.dimension.spacing.extraSmall",
+      textStyle: {
+        base: "sd.system.typography.body.medium_compact",
+        expanded: "sd.system.typography.body.medium_expanded"
+      }
+    },
+    label: {
+      textStyle: {
+        base: "sd.system.typography.label.medium_compact",
+        expanded: "sd.system.typography.label.medium_expanded"
+      },
+      color: "sd.system.color.component.onSurface",
+      fontWeight: "medium"
+    },
+    labelRequired: {
+      pl: "sd.system.dimension.spacing.extraSmall",
+      color: "sd.system.color.impression.negative"
+    },
+    inputWrapper: {
+      height: 48,
+      display: "grid",
+      gridTemplateColumns: "auto 1fr auto auto",
+      alignItems: "center",
+      outlineStyle: "solid",
+      outlineWidth: "sd.system.dimension.border.medium",
+      outlineColor: "sd.system.color.component.outline",
+      borderRadius: "sd.system.dimension.radius.medium",
+      backgroundColor: "sd.system.color.component.surface",
+      '&:has([data-focus="true"])': {
+        outlineWidth: "sd.system.dimension.border.thick",
+        outlineColor: "sd.system.color.impression.primary"
+      },
+      _focusWithin: {
+        outlineWidth: "sd.system.dimension.border.thick",
+        outlineColor: "sd.system.color.impression.primary"
+      },
+      _disabled: {
+        backgroundColor: "sd.system.color.interaction.disabled",
+        cursor: "not-allowed"
+      },
+      _invalid: {
+        outlineColor: "sd.system.color.impression.negative"
+      }
+    },
+    leftContent: {
+      paddingLeft: "sd.system.dimension.spacing.medium"
+    },
+    rightContent: {
+      paddingRight: "sd.system.dimension.spacing.medium"
+    },
+    input: {
+      outline: "none",
+      paddingTop: "sd.system.dimension.spacing.extraSmall",
+      paddingRight: "sd.system.dimension.spacing.twoExtraSmall",
+      paddingBottom: "sd.system.dimension.spacing.extraSmall",
+      paddingLeft: "sd.system.dimension.spacing.medium"
+    },
+    icon: {
+      display: "grid",
+      placeItems: "center",
+      w: "48px",
+      h: "48px",
+      expanded: {
+        w: "44px",
+        h: "44px"
+      }
+    },
+    messageField: {
+      textStyle: {
+        base: "sd.system.typography.body.extraSmall_compact",
+        expanded: "sd.system.typography.body.extraSmall_expanded"
+      }
+    },
+    description: {
+      color: "sd.system.color.component.onSurfaceVariant"
+    },
+    invalidMessage: {
+      color: "sd.system.color.impression.negative"
+    }
+  }
+};
+export {
+  e as textFieldRecipe
+};

package/dist/styled-system/css/cva.js

@@ -1,60 +1,65 @@
-import { memo as y, compact as C, splitProps as P, uniq as h, mergeProps as E } from "../helpers.js";
-import { mergeCss as u, css as K } from "./css.js";
-const j = (n) => ({
+import { memo as y, compact as C, splitProps as h, uniq as w, mergeProps as E } from "../helpers.js";
+import { mergeCss as f, css as P } from "./css.js";
+const g = (s) => ({
   base: {},
   variants: {},
   defaultVariants: {},
   compoundVariants: [],
-  ...n
+  ...s
 });
-function M(n) {
-  const { base: f, variants: s, defaultVariants: e, compoundVariants: m } = j(n), o = (t) => ({ ...e, ...C(t) });
-  function a(t = {}) {
-    var d;
-    const r = o(t);
-    let i = { ...f };
-    for (const [l, V] of Object.entries(r))
-      (d = s[l]) != null && d[V] && (i = u(i, s[l][V]));
-    const c = A(m, r);
-    return u(i, c);
+function K(s) {
+  const { base: a, variants: t, defaultVariants: e, compoundVariants: m } = g(s), i = (n) => ({ ...e, ...C(n) });
+  function o(n = {}) {
+    var l;
+    const r = i(n);
+    let c = { ...a };
+    for (const [V, v] of Object.entries(r))
+      (l = t[V]) != null && l[v] && (c = f(c, t[V][v]));
+    const u = M(m, r);
+    return f(c, u);
   }
-  function v(t) {
-    const r = j(t.config), i = h(t.variantKeys, Object.keys(s));
-    return M({
-      base: u(f, r.base),
+  function d(n) {
+    const r = g(n.config), c = w(n.variantKeys, Object.keys(t));
+    return K({
+      base: f(a, r.base),
       variants: Object.fromEntries(
-        i.map((c) => [c, u(s[c], r.variants[c])])
+        c.map((u) => [u, f(t[u], r.variants[u])])
       ),
       defaultVariants: E(e, r.defaultVariants),
       compoundVariants: [...m, ...r.compoundVariants]
     });
   }
-  function p(t) {
-    return K(a(t));
+  function p(n) {
+    return P(o(n));
   }
-  const b = Object.keys(s);
-  function O(t) {
-    return P(t, b);
+  const b = Object.keys(t);
+  function j(n) {
+    return h(n, b);
   }
-  const g = Object.fromEntries(Object.entries(s).map(([t, r]) => [t, Object.keys(r)]));
+  const O = Object.fromEntries(Object.entries(t).map(([n, r]) => [n, Object.keys(r)]));
   return Object.assign(y(p), {
     __cva__: !0,
-    variantMap: g,
+    variantMap: O,
     variantKeys: b,
-    raw: a,
-    config: n,
-    merge: v,
-    splitVariantProps: O,
-    getVariantProps: o
+    raw: o,
+    config: s,
+    merge: d,
+    splitVariantProps: j,
+    getVariantProps: i
   });
 }
-function A(n, f) {
-  let s = {};
-  return n.forEach((e) => {
-    Object.entries(e).every(([o, a]) => o === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((p) => f[o] === p)) && (s = u(s, e.css));
-  }), s;
+function M(s, a) {
+  let t = {};
+  return s.forEach((e) => {
+    Object.entries(e).every(([i, o]) => i === "css" ? !0 : (Array.isArray(o) ? o : [o]).some((p) => a[i] === p)) && (t = f(t, e.css));
+  }), t;
+}
+function $(s, a, t, e) {
+  if (a.length > 0 && typeof (t == null ? void 0 : t[e]) == "object")
+    throw new Error(`[recipe:${s}:${e}] Conditions are not supported when using compound variants.`);
 }
 export {
-  M as cva,
-  A as getCompoundVariantCss
+  $ as assertCompoundVariant,
+  K as cva,
+  M as getCompoundVariantCss
 };

package/dist/styled-system/recipes/create-recipe.js

@@ -0,0 +1,37 @@
+import { finalizeConditions as _, sortConditions as f } from "../css/conditions.js";
+import { css as u } from "../css/css.js";
+import { getCompoundVariantCss as p, assertCompoundVariant as C } from "../css/cva.js";
+import { cx as d } from "../css/cx.js";
+import { compact as g, createCss as l, withoutSpace as y } from "../helpers.js";
+const z = (e, a, s) => {
+  const i = (t) => ({
+    [e]: "__ignore__",
+    ...a,
+    ...g(t)
+  });
+  return {
+    recipeFn: (t, m = !0) => {
+      const c = l({
+        conditions: {
+          shift: f,
+          finalize: _,
+          breakpoints: { keys: ["base", "expanded"] }
+        },
+        utility: {
+          toHash: (r, o) => o(r.join(":")),
+          transform: (r, o) => (C(e, s, t, r), o === "__ignore__" ? { className: e } : (o = y(o), { className: `${e}--${r}_${o}` }))
+        }
+      }), n = i(t);
+      if (m) {
+        const r = p(s, n);
+        return d(c(n), u(r));
+      }
+      return c(n);
+    },
+    getVariantProps: i,
+    __getCompoundVariantCss__: (t) => p(s, i(t))
+  };
+};
+export {
+  z as createRecipe
+};

package/dist/styled-system/recipes/text-field-recipe.js

@@ -0,0 +1,61 @@
+import { memo as a, compact as r, splitProps as o, getSlotCompoundVariant as s } from "../helpers.js";
+import { createRecipe as _ } from "./create-recipe.js";
+const n = {}, c = [], l = [
+  [
+    "root",
+    "input__root"
+  ],
+  [
+    "label",
+    "input__label"
+  ],
+  [
+    "labelRequired",
+    "input__labelRequired"
+  ],
+  [
+    "inputWrapper",
+    "input__inputWrapper"
+  ],
+  [
+    "input",
+    "input__input"
+  ],
+  [
+    "icon",
+    "input__icon"
+  ],
+  [
+    "leftContent",
+    "input__leftContent"
+  ],
+  [
+    "rightContent",
+    "input__rightContent"
+  ],
+  [
+    "messageField",
+    "input__messageField"
+  ],
+  [
+    "description",
+    "input__description"
+  ],
+  [
+    "invalidMessage",
+    "input__invalidMessage"
+  ]
+], u = /* @__PURE__ */ l.map(([e, t]) => [e, _(t, n, s(c, e))]), d = a((e = {}) => Object.fromEntries(u.map(([t, p]) => [t, p.recipeFn(e)]))), i = [], m = (e) => ({ ...n, ...r(e) }), g = /* @__PURE__ */ Object.assign(d, {
+  __recipe__: !1,
+  __name__: "textFieldRecipe",
+  raw: (e) => e,
+  variantKeys: i,
+  variantMap: {},
+  splitVariantProps(e) {
+    return o(e, i);
+  },
+  getVariantProps: m
+});
+export {
+  g as textFieldRecipe
+};