@serendie/ui 2.1.0 → 2.1.1-dev.202508070322

package/dist/components/TextArea/TextArea.js

@@ -1,11 +1,9 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import v from "../../node_modules/merge-refs/dist/esm/index.js";
-import p, { forwardRef as _ } from "react";
-import "../../styled-system/css/css.js";
-import { cx as w } from "../../styled-system/css/cx.js";
-import "../../styled-system/helpers.js";
-import { sva as C } from "../../styled-system/css/sva.js";
-const c = C({
+import c, { forwardRef as _ } from "react";
+import { sva as w } from "../../styled-system/css/sva.js";
+import { cx as C } from "../../styled-system/css/cx.js";
+const p = w({
   slots: [
     "root",
     "label",
@@ -97,7 +95,7 @@ const c = C({
       }
     }
   }
-}), j = _(
+}), A = _(
   ({
     placeholder: y,
     label: r,
@@ -109,8 +107,8 @@ const c = C({
     className: u,
     ...l
   }, g) => {
-    const x = p.useRef(null), h = v(x, g), [b, f] = c.splitVariantProps(l), e = c(b), S = t || a && o, m = l.id || p.useId();
-    return /* @__PURE__ */ i("div", { className: w(e.root, u), children: [
+    const x = c.useRef(null), h = v(x, g), [b, f] = p.splitVariantProps(l), e = p(b), S = t || a && o, m = l.id || c.useId();
+    return /* @__PURE__ */ i("div", { className: C(e.root, u), children: [
       r ? /* @__PURE__ */ i("label", { className: e.label, htmlFor: m, children: [
         r,
         d && /* @__PURE__ */ s("span", { className: e.required, children: "必須" })
@@ -143,5 +141,5 @@ const c = C({
   }
 );
 export {
-  j as TextArea
+  A as TextArea
 };

package/dist/components/TextField/TextField.js

@@ -2,11 +2,10 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { SerendieSymbolAlertCircle as P, SerendieSymbolClose as j } from "@serendie/symbols";
 import q from "../../node_modules/merge-refs/dist/esm/index.js";
 import m, { forwardRef as L } from "react";
+import { sva as M } from "../../styled-system/css/sva.js";
+import { cx as A } from "../../styled-system/css/cx.js";
 import { css as v } from "../../styled-system/css/css.js";
-import { cx as M } from "../../styled-system/css/cx.js";
-import "../../styled-system/helpers.js";
-import { sva as A } from "../../styled-system/css/sva.js";
-const S = A({
+const S = M({
   slots: [
     "root",
     "label",
@@ -103,7 +102,7 @@ const S = A({
       color: "sd.system.color.impression.negative"
     }
   }
-}), O = L(
+}), K = L(
   ({
     placeholder: C,
     label: c,
@@ -129,7 +128,7 @@ const S = A({
     }, f = (i) => {
       V(i.target.value), u && u(i);
     };
-    return /* @__PURE__ */ n("div", { className: M(s.root, _), children: [
+    return /* @__PURE__ */ n("div", { className: A(s.root, _), children: [
       c ? /* @__PURE__ */ n("label", { className: s.label, htmlFor: x, children: [
         c,
         p && /* @__PURE__ */ e("span", { className: s.required, children: "必須" })
@@ -186,5 +185,5 @@ const S = A({
   }
 );
 export {
-  O as TextField
+  K as TextField
 };

package/dist/components/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import { createToaster } from '@ark-ui/react';
-export declare const ToastStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"text" | "root" | "icon" | "textGroup", {
+export declare const ToastStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "text" | "root" | "textGroup", {
     variant: {
         default: {
             root: {

package/dist/components/Toast/Toast.js

@@ -1,13 +1,11 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { SerendieSymbolAlertCircleFilled as n, SerendieSymbolCheckCircleFilled as l } from "@serendie/symbols";
-import "../../styled-system/css/css.js";
-import "../../styled-system/helpers.js";
-import { sva as m } from "../../styled-system/css/sva.js";
-import { createToaster as c } from "../../node_modules/@ark-ui/react/dist/components/toast/create-toaster.js";
-import { Toaster as d } from "../../node_modules/@ark-ui/react/dist/components/toast/toaster.js";
+import { createToaster as m } from "../../node_modules/@ark-ui/react/dist/components/toast/create-toaster.js";
+import { Toaster as c } from "../../node_modules/@ark-ui/react/dist/components/toast/toaster.js";
+import { sva as d } from "../../styled-system/css/sva.js";
 import { ToastRoot as p } from "../../node_modules/@ark-ui/react/dist/components/toast/toast-root.js";
 import { ToastTitle as y } from "../../node_modules/@ark-ui/react/dist/components/toast/toast-title.js";
-const x = m({
+const x = d({
   slots: ["root", "textGroup", "text", "icon"],
   base: {
     root: {
@@ -64,9 +62,9 @@ const x = m({
   defaultVariants: {
     variant: "default"
   }
-}), N = c({
+}), T = m({
   placement: "bottom"
-}), k = ({ toaster: r }) => /* @__PURE__ */ o(d, { toaster: r, children: (t) => {
+}), C = ({ toaster: r }) => /* @__PURE__ */ o(c, { toaster: r, children: (t) => {
   const s = t.type === "error" ? "error" : "default", e = x({ variant: s }), i = s === "error" ? /* @__PURE__ */ o(n, { className: e.icon }) : /* @__PURE__ */ o(l, { className: e.icon });
   return /* @__PURE__ */ o(p, { className: e.root, children: /* @__PURE__ */ a("div", { className: e.textGroup, children: [
     i,
@@ -74,7 +72,7 @@ const x = m({
   ] }) }, t.id);
 } });
 export {
-  k as Toast,
+  C as Toast,
   x as ToastStyle,
-  N as toaster
+  T as toaster
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,15 +1,13 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import "../../styled-system/css/css.js";
-import { cx as y } from "../../styled-system/css/cx.js";
-import "../../styled-system/helpers.js";
-import { sva as f } from "../../styled-system/css/sva.js";
-import { TooltipRoot as w } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-root.js";
-import { TooltipTrigger as T } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-trigger.js";
-import { TooltipPositioner as g } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-positioner.js";
-import { TooltipContent as h } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-content.js";
+import { sva as y } from "../../styled-system/css/sva.js";
+import { TooltipRoot as f } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-root.js";
+import { TooltipTrigger as w } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-trigger.js";
+import { TooltipPositioner as T } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-positioner.js";
+import { TooltipContent as g } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-content.js";
+import { cx as h } from "../../styled-system/css/cx.js";
 import { TooltipArrow as u } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-arrow.js";
 import { TooltipArrowTip as S } from "../../node_modules/@ark-ui/react/dist/components/tooltip/tooltip-arrow-tip.js";
-const t = f({
+const t = y({
   slots: ["content", "arrow", "arrowTip"],
   base: {
     content: {
@@ -34,25 +32,25 @@ const t = f({
   children: i,
   placement: a = "top",
   openDelay: n = 700,
-  closeDelay: m = 300,
-  disabled: p = !1,
-  className: l,
+  closeDelay: l = 300,
+  disabled: m = !1,
+  className: p,
   ...d
 }) => {
   const [c, x] = t.splitVariantProps(d), r = t(c);
   return /* @__PURE__ */ s(
-    w,
+    f,
     {
       openDelay: n,
-      closeDelay: m,
+      closeDelay: l,
       positioning: { placement: a, arrowPadding: 8 },
-      disabled: p,
+      disabled: m,
       children: [
-        /* @__PURE__ */ o(T, { asChild: !0, children: i }),
-        /* @__PURE__ */ o(g, { children: /* @__PURE__ */ s(
-          h,
+        /* @__PURE__ */ o(w, { asChild: !0, children: i }),
+        /* @__PURE__ */ o(T, { children: /* @__PURE__ */ s(
+          g,
           {
-            className: y(r.content, l),
+            className: h(r.content, p),
             ...x,
             children: [
               /* @__PURE__ */ o(u, { className: r.arrow, children: /* @__PURE__ */ o(S, { className: r.arrowTip }) }),

package/dist/components/TopAppBar/TopAppBar.js

@@ -1,10 +1,8 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "../../styled-system/css/css.js";
-import { cx as d } from "../../styled-system/css/cx.js";
-import "../../styled-system/helpers.js";
+import { NotificationBadge as d } from "../NotificationBadge/NotificationBadge.js";
 import { sva as y } from "../../styled-system/css/sva.js";
-import { NotificationBadge as x } from "../NotificationBadge/NotificationBadge.js";
-const i = y({
+import { cx as x } from "../../styled-system/css/cx.js";
+const n = y({
   slots: ["root", "container", "left", "buttonContainer", "title"],
   base: {
     root: {
@@ -56,23 +54,23 @@ const i = y({
   defaultVariants: {
     type: "navbar"
   }
-}), N = ({
-  headingIconButton: n,
-  trailingIconButtons: r,
+}), v = ({
+  headingIconButton: i,
+  trailingIconButtons: s,
   badge: a,
-  title: s,
+  title: r,
   ...l
 }) => {
-  const [p, { className: c, ...m }] = i.splitVariantProps(l), t = i(p);
-  return /* @__PURE__ */ e("nav", { className: d(t.root, c), ...m, children: /* @__PURE__ */ o("div", { className: t.container, children: [
+  const [p, { className: c, ...m }] = n.splitVariantProps(l), t = n(p);
+  return /* @__PURE__ */ e("nav", { className: x(t.root, c), ...m, children: /* @__PURE__ */ o("div", { className: t.container, children: [
     /* @__PURE__ */ o("div", { className: t.left, children: [
-      /* @__PURE__ */ e("div", { className: t.buttonContainer, children: n }),
-      /* @__PURE__ */ e("h1", { className: t.title, children: s }),
-      a && /* @__PURE__ */ e(x, { count: a, position: "relative" })
+      /* @__PURE__ */ e("div", { className: t.buttonContainer, children: i }),
+      /* @__PURE__ */ e("h1", { className: t.title, children: r }),
+      a && /* @__PURE__ */ e(d, { count: a, position: "relative" })
     ] }),
-    /* @__PURE__ */ e("div", { className: t.buttonContainer, children: r })
+    /* @__PURE__ */ e("div", { className: t.buttonContainer, children: s })
   ] }) });
 };
 export {
-  N as TopAppBar
+  v as TopAppBar
 };

package/dist/node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js

@@ -1,4 +1,4 @@
-import { machine as m, connect as s } from "../../../../../@zag-js/avatar/dist/index.js";
+import { connect as m, machine as s } from "../../../../../@zag-js/avatar/dist/index.js";
 import { useMachine as i, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
 import { useId as a } from "react";
 import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
@@ -9,8 +9,8 @@ const C = (o) => {
     dir: r,
     getRootNode: e,
     ...o
-  }, c = i(m, n);
-  return s(c, p);
+  }, c = i(s, n);
+  return m(c, p);
 };
 export {
   C as useAvatar

package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js

@@ -1,4 +1,4 @@
-import { machine as a, connect as u } from "../../../../../@zag-js/checkbox/dist/index.js";
+import { connect as a, machine as u } from "../../../../../@zag-js/checkbox/dist/index.js";
 import { useMachine as p, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
 import { useMemo as v, useId as x } from "react";
 import { useEnvironmentContext as C } from "../../providers/environment/use-environment-context.js";
@@ -20,8 +20,8 @@ const E = (t = {}) => {
     required: o == null ? void 0 : o.required,
     getRootNode: s,
     ...e
-  }, c = p(a, i);
-  return u(c, d);
+  }, c = p(u, i);
+  return a(c, d);
 };
 export {
   E as useCheckbox

package/dist/node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js

@@ -1,4 +1,4 @@
-import { machine as m, connect as s } from "../../../../../@zag-js/dialog/dist/index.js";
+import { connect as m, machine as s } from "../../../../../@zag-js/dialog/dist/index.js";
 import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
 import { useId as a } from "react";
 import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
@@ -9,8 +9,8 @@ const v = (o) => {
     getRootNode: e,
     dir: r,
     ...o
-  }, i = c(m, n);
-  return s(i, p);
+  }, i = c(s, n);
+  return m(i, p);
 };
 export {
   v as useDialog

package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu.js

@@ -1,4 +1,4 @@
-import { machine as s, connect as c } from "../../../../../@zag-js/menu/dist/index.js";
+import { connect as s, machine as c } from "../../../../../@zag-js/menu/dist/index.js";
 import { useMachine as m, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
 import { useId as a } from "react";
 import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
@@ -9,8 +9,8 @@ const M = (t) => {
     dir: r,
     getRootNode: n,
     ...t
-  }, o = m(s, i);
-  return { api: c(o, p), service: o };
+  }, o = m(c, i);
+  return { api: s(o, p), service: o };
 };
 export {
   M as useMenu

package/dist/node_modules/@ark-ui/react/dist/components/pagination/use-pagination.js

@@ -1,4 +1,4 @@
-import { machine as m, connect as s } from "../../../../../@zag-js/pagination/dist/index.js";
+import { connect as m, machine as s } from "../../../../../@zag-js/pagination/dist/index.js";
 import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
 import { useId as a } from "react";
 import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
@@ -9,8 +9,8 @@ const l = (o) => {
     dir: n,
     getRootNode: e,
     ...o
-  }, i = c(m, r);
-  return s(i, p);
+  }, i = c(s, r);
+  return m(i, p);
 };
 export {
   l as usePagination

package/dist/node_modules/@ark-ui/react/dist/components/presence/use-presence.js

@@ -1,4 +1,4 @@
-import { machine as f, connect as d } from "../../../../../@zag-js/presence/dist/index.js";
+import { connect as f, machine as d } from "../../../../../@zag-js/presence/dist/index.js";
 import { useMachine as l } from "../../../../../@zag-js/react/dist/index.js";
 import { useRef as E } from "react";
 import { useEvent as P } from "../../utils/use-event.js";
@@ -7,7 +7,7 @@ const k = (n = {}) => {
     ...i,
     present: r,
     onExitComplete: P(n.onExitComplete)
-  }, m = l(f, p), e = d(m);
+  }, m = l(d, p), e = f(m);
   e.present && (t.current = !0);
   const u = !e.present && !t.current && s || o && !e.present && t.current, a = () => ({
     "data-state": e.skip && c ? void 0 : r ? "open" : "closed",

package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js

@@ -1,4 +1,4 @@
-import { machine as m, connect as s } from "../../../../../@zag-js/radio-group/dist/index.js";
+import { connect as m, machine as s } from "../../../../../@zag-js/radio-group/dist/index.js";
 import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
 import { useId as u } from "react";
 import { useEnvironmentContext as a } from "../../providers/environment/use-environment-context.js";
@@ -9,8 +9,8 @@ const C = (o) => {
     dir: r,
     getRootNode: e,
     ...o
-  }, i = c(m, n);
-  return s(i, p);
+  }, i = c(s, n);
+  return m(i, p);
 };
 export {
   C as useRadioGroup

package/dist/node_modules/@ark-ui/react/dist/components/switch/use-switch.js

@@ -1,5 +1,5 @@
 import { useMachine as c, normalizeProps as m } from "../../../../../@zag-js/react/dist/index.js";
-import { machine as a, connect as p } from "../../../../../@zag-js/switch/dist/index.js";
+import { connect as a, machine as p } from "../../../../../@zag-js/switch/dist/index.js";
 import { useId as u } from "react";
 import { useEnvironmentContext as d } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext as h } from "../../providers/locale/use-locale-context.js";
@@ -18,8 +18,8 @@ const I = (r) => {
     required: o == null ? void 0 : o.required,
     getRootNode: n,
     ...r
-  }, i = c(a, s);
-  return p(i, m);
+  }, i = c(p, s);
+  return a(i, m);
 };
 export {
   I as useSwitch

package/dist/node_modules/@ark-ui/react/dist/components/tabs/use-tabs.js

@@ -1,5 +1,5 @@
 import { useMachine as m, normalizeProps as c } from "../../../../../@zag-js/react/dist/index.js";
-import { machine as i, connect as p } from "../../../../../@zag-js/tabs/dist/index.js";
+import { connect as i, machine as p } from "../../../../../@zag-js/tabs/dist/index.js";
 import { useId as a } from "react";
 import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext as f } from "../../providers/locale/use-locale-context.js";
@@ -9,8 +9,8 @@ const C = (o) => {
     dir: r,
     getRootNode: e,
     ...o
-  }, s = m(i, n);
-  return p(s, c);
+  }, s = m(p, n);
+  return i(s, c);
 };
 export {
   C as useTabs