@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

package/dist/components/Search/Search.js

@@ -1,21 +1,14 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { SerendieSymbolMagnifyingGlass as k, SerendieSymbolClose as O } from "@serendie/symbols";
-import { useAutoPortalContainer as z } from "../../hooks/useAutoPortalContainer.js";
-import { createListCollection as j } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
-import { Portal as H } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { Box as A } from "../../styled-system/jsx/box.js";
-import { sva as M } from "../../styled-system/css/sva.js";
-import { ComboboxRoot as D } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js";
-import { ComboboxControl as G } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js";
-import { cx as K } from "../../styled-system/css/cx.js";
-import { ComboboxInput as P } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js";
-import { ComboboxPositioner as W } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js";
-import { ComboboxContent as U } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js";
-import { ComboboxItemGroup as q } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js";
-import { ComboboxItem as F } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js";
-import { ComboboxItemText as J } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js";
-const h = M({
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import d from "react";
+import { createListCollection as O } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
+import { combobox_exports as t } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox.js";
+import { Portal as z } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { SerendieSymbolMagnifyingGlass as j, SerendieSymbolClose as H } from "@serendie/symbols";
+import { useAutoPortalContainer as A } from "../../hooks/useAutoPortalContainer.js";
+import { cx as M } from "../../styled-system/css/cx.js";
+import { Box as D } from "../../styled-system/jsx/box.js";
+import { sva as G } from "../../styled-system/css/sva.js";
+const x = G({
   slots: [
     "input",
     "control",
@@ -144,45 +137,45 @@ const h = M({
   defaultVariants: {
     size: "medium"
   }
-}), go = ({
-  items: r = [],
-  portalled: u = !0,
-  allowCustomValue: x = !0,
-  onSearch: i,
-  ...b
+}), $ = ({
+  items: m = [],
+  portalled: g = !0,
+  allowCustomValue: b = !0,
+  onSearch: a,
+  ...C
 }) => {
-  const [C, V] = h.splitVariantProps(b), t = h(C), { collection: Q, ...e } = V, { triggerRef: S, portalContainerRef: w } = z(u), d = e.inputValue !== void 0, [I, g] = l.useState(
-    e.defaultInputValue || ""
-  ), a = d ? e.inputValue : I, y = l.useRef(null), [v, c] = l.useState(
-    () => !!(e.inputValue || e.defaultInputValue)
-  ), m = l.useRef(null), R = l.useMemo(() => a ? r.filter(
-    (o) => o.toLowerCase().includes(a.toLowerCase())
-  ) : r, [r, a]), f = j({ items: R }), B = (o) => {
-    var n;
-    d || g(o.inputValue), c(o.inputValue.length > 0), (n = e.onInputValueChange) == null || n.call(e, o);
-  }, _ = (o) => {
-    var n;
-    o.value.length > 0 && (i == null || i(o.value[0])), (n = e.onValueChange) == null || n.call(e, o);
-  }, N = (o) => {
-    y.current = o.highlightedValue;
-  }, T = (o) => {
-    o.key === "Enter" && a && !y.current && (i == null || i(a));
-  }, E = (o) => {
-    c(o.target.value.length > 0);
-  }, L = () => {
-    var o;
-    m.current && (m.current.value = "", m.current.focus()), c(!1), d || g(""), (o = e.onInputValueChange) == null || o.call(e, { inputValue: "" });
+  const [V, S] = x.splitVariantProps(C), n = x(V), { collection: K, ...s } = S, { triggerRef: w, portalContainerRef: I } = A(g), c = s.inputValue !== void 0, [v, y] = d.useState(
+    s.defaultInputValue || ""
+  ), l = c ? s.inputValue : v, h = d.useRef(null), [R, u] = d.useState(
+    () => !!(s.inputValue || s.defaultInputValue)
+  ), r = d.useRef(null), _ = d.useMemo(() => l ? m.filter(
+    (e) => e.toLowerCase().includes(l.toLowerCase())
+  ) : m, [m, l]), f = O({ items: _ }), B = (e) => {
+    var i;
+    c || y(e.inputValue), u(e.inputValue.length > 0), (i = s.onInputValueChange) == null || i.call(s, e);
+  }, N = (e) => {
+    var i;
+    e.value.length > 0 && (a == null || a(e.value[0])), (i = s.onValueChange) == null || i.call(s, e);
+  }, T = (e) => {
+    h.current = e.highlightedValue;
+  }, E = (e) => {
+    e.key === "Enter" && l && !h.current && (a == null || a(l));
+  }, L = (e) => {
+    u(e.target.value.length > 0);
+  }, k = () => {
+    var e;
+    r.current && (r.current.value = "", r.current.focus()), u(!1), c || y(""), (e = s.onInputValueChange) == null || e.call(s, { inputValue: "" });
   };
   return /* @__PURE__ */ p(
-    D,
+    t.Root,
     {
-      ...e,
+      ...s,
       collection: f,
       openOnClick: !0,
-      allowCustomValue: x,
+      allowCustomValue: b,
       onInputValueChange: B,
-      onValueChange: _,
-      onHighlightChange: N,
+      onValueChange: N,
+      onHighlightChange: T,
       lazyMount: !0,
       unmountOnExit: !0,
       positioning: {
@@ -193,56 +186,56 @@ const h = M({
       },
       children: [
         /* @__PURE__ */ p(
-          G,
+          t.Control,
           {
-            className: K(t.control, e.className),
-            ref: S,
+            className: M(n.control, s.className),
+            ref: w,
             children: [
-              /* @__PURE__ */ s("div", { className: t.iconBox, children: /* @__PURE__ */ s(k, { className: t.icon }) }),
-              /* @__PURE__ */ s(
-                P,
+              /* @__PURE__ */ o("div", { className: n.iconBox, children: /* @__PURE__ */ o(j, { className: n.icon }) }),
+              /* @__PURE__ */ o(
+                t.Input,
                 {
-                  ref: m,
-                  className: t.input,
-                  onKeyDown: T,
-                  onChange: E
+                  ref: r,
+                  className: n.input,
+                  onKeyDown: E,
+                  onChange: L
                 }
               ),
-              v && /* @__PURE__ */ s(
+              R && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  className: t.clearTrigger,
-                  onClick: L,
-                  children: /* @__PURE__ */ s(O, { className: t.icon })
+                  className: n.clearTrigger,
+                  onClick: k,
+                  children: /* @__PURE__ */ o(H, { className: n.icon })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ s(H, { disabled: !u, container: w, children: /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(U, { className: t.combobox, children: /* @__PURE__ */ s(q, { id: "framework", children: f.items.map((o, n) => /* @__PURE__ */ p(
-          F,
+        /* @__PURE__ */ o(z, { disabled: !g, container: I, children: /* @__PURE__ */ o(t.Positioner, { children: /* @__PURE__ */ o(t.Content, { className: n.combobox, children: /* @__PURE__ */ o(t.ItemGroup, { id: "framework", children: f.items.map((e, i) => /* @__PURE__ */ p(
+          t.Item,
           {
-            item: o,
-            className: t.comboboxItem,
+            item: e,
+            className: n.comboboxItem,
             children: [
-              /* @__PURE__ */ s(
-                A,
+              /* @__PURE__ */ o(
+                D,
                 {
                   w: "sd.system.dimension.spacing.large",
                   h: "sd.system.dimension.spacing.large"
                 }
               ),
-              /* @__PURE__ */ s(J, { children: o })
+              /* @__PURE__ */ o(t.ItemText, { children: e })
             ]
           },
-          n
+          i
         )) }) }) }) })
       ]
     }
   );
 };
 export {
-  go as Search,
-  h as SearchStyle
+  $ as Search,
+  x as SearchStyle
 };

package/dist/components/Select/Select.js

@@ -1,23 +1,16 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SerendieSymbolChevronDown as C } from "@serendie/symbols";
-import { List as T } from "../List/List.js";
-import { ListItem as N } from "../List/ListItem.js";
-import { useAutoPortalContainer as R } from "../../hooks/useAutoPortalContainer.js";
-import { useTranslations as z } from "../../i18n/index.js";
-import { createListCollection as P } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
-import { Portal as V } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { sva as B } from "../../styled-system/css/sva.js";
-import { SelectRoot as L } from "../../node_modules/@ark-ui/react/dist/components/select/select-root.js";
-import { cx as I } from "../../styled-system/css/cx.js";
-import { SelectLabel as A } from "../../node_modules/@ark-ui/react/dist/components/select/select-label.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { createListCollection as T } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
+import { Portal as N } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { select_exports as s } from "../../node_modules/@ark-ui/react/dist/components/select/select.js";
+import { SerendieSymbolChevronDown as R } from "@serendie/symbols";
+import { List as z } from "../List/List.js";
+import { ListItem as P } from "../List/ListItem.js";
+import { useAutoPortalContainer as V } from "../../hooks/useAutoPortalContainer.js";
+import { useTranslations as B } from "../../i18n/index.js";
 import { css as r } from "../../styled-system/css/css.js";
-import { SelectControl as O } from "../../node_modules/@ark-ui/react/dist/components/select/select-control.js";
-import { SelectTrigger as j } from "../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
-import { SelectValueText as W } from "../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
-import { SelectPositioner as E } from "../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
-import { SelectContent as k } from "../../node_modules/@ark-ui/react/dist/components/select/select-content.js";
-import { SelectItem as q } from "../../node_modules/@ark-ui/react/dist/components/select/select-item.js";
-const c = B({
+import { cx as L } from "../../styled-system/css/cx.js";
+import { sva as I } from "../../styled-system/css/sva.js";
+const p = I({
   slots: ["root", "valueText", "trigger", "content", "item", "iconBox"],
   base: {
     root: {
@@ -158,30 +151,30 @@ const c = B({
   defaultVariants: {
     size: "medium"
   }
-}), de = ({
-  placeholder: p = "",
-  label: a,
-  required: y,
-  requiredLabel: g,
-  invalid: d,
-  invalidMessage: n,
-  className: u,
+}), Q = ({
+  placeholder: y = "",
+  label: d,
+  required: g,
+  requiredLabel: u,
+  invalid: n,
+  invalidMessage: m,
+  className: x,
   items: h = [],
-  portalled: m = !0,
-  ...x
+  portalled: l = !0,
+  ...b
 }) => {
-  const b = z(), [t, f] = c.splitVariantProps(x), o = c(t), { collection: D, ...S } = f, { triggerRef: v, portalContainerRef: w } = R(m), l = P({
+  const f = B(), [i, S] = p.splitVariantProps(b), t = p(i), { collection: A, ...v } = S, { triggerRef: w, portalContainerRef: _ } = V(l), c = T({
     items: h,
-    itemToString: (s) => s.label,
-    itemToValue: (s) => s.value
+    itemToString: (o) => o.label,
+    itemToValue: (o) => o.value
   });
-  return /* @__PURE__ */ i(
-    L,
+  return /* @__PURE__ */ a(
+    s.Root,
     {
-      ...S,
-      collection: l,
-      invalid: d,
-      className: I(o.root, u),
+      ...v,
+      collection: c,
+      invalid: n,
+      className: L(t.root, x),
       positioning: {
         sameWidth: !0,
         offset: {
@@ -190,9 +183,9 @@ const c = B({
         }
       },
       children: [
-        a && t.size != "small" && // smallの場合はラベルを表示しない
-        /* @__PURE__ */ i(
-          A,
+        d && i.size != "small" && // smallの場合はラベルを表示しない
+        /* @__PURE__ */ a(
+          s.Label,
           {
             className: r({
               textStyle: {
@@ -201,31 +194,31 @@ const c = B({
               }
             }),
             children: [
-              a,
-              y && /* @__PURE__ */ e(
+              d,
+              g && /* @__PURE__ */ e(
                 "span",
                 {
                   className: r({
                     pl: "sd.system.dimension.spacing.extraSmall",
                     color: "sd.system.color.impression.negative"
                   }),
-                  children: g ?? b("common.required")
+                  children: u ?? f("common.required")
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ i(j, { className: o.trigger, ref: v, children: [
+        /* @__PURE__ */ e(s.Control, { children: /* @__PURE__ */ a(s.Trigger, { className: t.trigger, ref: w, children: [
           /* @__PURE__ */ e(
-            W,
+            s.ValueText,
             {
-              placeholder: p,
-              className: o.valueText
+              placeholder: y,
+              className: t.valueText
             }
           ),
-          /* @__PURE__ */ e(C, { className: o.iconBox })
+          /* @__PURE__ */ e(R, { className: t.iconBox })
         ] }) }),
-        d && n && /* @__PURE__ */ e(
+        n && m && /* @__PURE__ */ e(
           "div",
           {
             className: r({
@@ -235,23 +228,23 @@ const c = B({
               },
               color: "sd.system.color.impression.negative"
             }),
-            children: n
+            children: m
           }
         ),
-        /* @__PURE__ */ e(V, { disabled: !m, container: w, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(k, { className: o.content, children: /* @__PURE__ */ e(T, { children: l.items.map((s, _) => /* @__PURE__ */ e(q, { item: s, children: /* @__PURE__ */ e(
-          N,
+        /* @__PURE__ */ e(N, { disabled: !l, container: _, children: /* @__PURE__ */ e(s.Positioner, { children: /* @__PURE__ */ e(s.Content, { className: t.content, children: /* @__PURE__ */ e(z, { children: c.items.map((o, C) => /* @__PURE__ */ e(s.Item, { item: o, children: /* @__PURE__ */ e(
+          P,
           {
-            title: s.label,
-            value: s.value,
-            className: o.item,
-            size: t.size == "small" ? "small" : void 0
+            title: o.label,
+            value: o.value,
+            className: t.item,
+            size: i.size == "small" ? "small" : void 0
           }
-        ) }, _)) }) }) }) })
+        ) }, C)) }) }) }) })
       ]
     }
   );
 };
 export {
-  de as Select,
-  c as SelectStyle
+  Q as Select,
+  p as SelectStyle
 };

package/dist/components/Switch/Switch.js

@@ -1,13 +1,9 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { switch_exports as r } from "../../node_modules/@ark-ui/react/dist/components/switch/switch.js";
 import { forwardRef as y } from "react";
+import { cx as i } from "../../styled-system/css/cx.js";
+import { css as b } from "../../styled-system/css/css.js";
 import { sva as u } from "../../styled-system/css/sva.js";
-import { SwitchRoot as b } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-root.js";
-import { cx as t } from "../../styled-system/css/cx.js";
-import { SwitchLabel as i } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-label.js";
-import { SwitchControl as h } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-control.js";
-import { SwitchThumb as g } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js";
-import { SwitchHiddenInput as f } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js";
-import { css as x } from "../../styled-system/css/css.js";
 const n = u({
   slots: ["root", "control", "thumb", "label", "textGroup", "helperText"],
   base: {
@@ -96,33 +92,33 @@ const n = u({
       }
     }
   }
-}), F = y(
-  ({ label: a, helperText: s, className: d, ...l }, m) => {
-    const [c, p] = n.splitVariantProps(l), o = n(c);
-    return /* @__PURE__ */ e(
-      b,
+}), _ = y(
+  ({ label: a, helperText: e, className: d, ...l }, c) => {
+    const [m, p] = n.splitVariantProps(l), o = n(m);
+    return /* @__PURE__ */ t(
+      r.Root,
       {
-        ref: m,
-        className: t(
+        ref: c,
+        className: i(
           "group",
           o.root,
-          s && x({ alignItems: "flex-start" }),
+          e && b({ alignItems: "flex-start" }),
           d
         ),
         ...p,
         children: [
-          /* @__PURE__ */ e("div", { className: o.textGroup, children: [
-            /* @__PURE__ */ r(i, { className: o.label, children: a }),
-            s && /* @__PURE__ */ r(i, { className: o.helperText, children: s })
+          /* @__PURE__ */ t("div", { className: o.textGroup, children: [
+            /* @__PURE__ */ s(r.Label, { className: o.label, children: a }),
+            e && /* @__PURE__ */ s(r.Label, { className: o.helperText, children: e })
           ] }),
-          /* @__PURE__ */ r(h, { className: t("control", o.control), children: /* @__PURE__ */ r(g, { className: o.thumb }) }),
-          /* @__PURE__ */ r(f, {})
+          /* @__PURE__ */ s(r.Control, { className: i("control", o.control), children: /* @__PURE__ */ s(r.Thumb, { className: o.thumb }) }),
+          /* @__PURE__ */ s(r.HiddenInput, {})
         ]
       }
     );
   }
 );
 export {
-  F as Switch,
+  _ as Switch,
   n as SwitchStyle
 };

package/dist/components/Tabs/TabItem.js

@@ -1,9 +1,9 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { tabs_exports as b } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs.js";
 import { NotificationBadge as i } from "../NotificationBadge/NotificationBadge.js";
-import { sva as b } from "../../styled-system/css/sva.js";
-import { TabTrigger as u } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js";
-import { cx as h } from "../../styled-system/css/cx.js";
-const l = b({
+import { cx as u } from "../../styled-system/css/cx.js";
+import { sva as h } from "../../styled-system/css/sva.js";
+const l = h({
   slots: ["trigger", "dot", "badgeBox", "badge"],
   base: {
     trigger: {
@@ -18,7 +18,8 @@ const l = b({
       transitionDuration: ".2s",
       transitionProperty: "color, border-color",
       transitionTimingFunction: "cubic-bezier(.2, 0, 0, 1)",
-      borderBottom: "2px solid",
+      borderBottomWidth: "2px",
+      borderBottomStyle: "solid",
       borderBottomColor: "transparent",
       textStyle: "sd.system.typography.label.large_compact",
       _expanded: {
@@ -58,30 +59,30 @@ const l = b({
       backgroundColor: "color-mix(in srgb, {colors.sd.system.color.interaction.hoveredOnPrimary}, {colors.sd.system.color.impression.negativeContainer});"
     }
   }
-}), B = ({
+}), v = ({
   title: n,
   value: a,
-  disabled: r,
+  disabled: t,
   dot: c,
-  badge: t,
+  badge: r,
   className: d,
   ...m
 }) => {
-  const [p, g] = l.splitVariantProps(m), e = l(p), s = r ? e.badge : "";
+  const [p, g] = l.splitVariantProps(m), e = l(p), s = t ? e.badge : "";
   return /* @__PURE__ */ y(
-    u,
+    b.Trigger,
     {
       value: a,
-      className: h(e.trigger, d),
-      disabled: r,
+      className: u(e.trigger, d),
+      disabled: t,
       ...g,
       children: [
         /* @__PURE__ */ o("span", { children: n }),
         c && /* @__PURE__ */ o("div", { className: e.dot, children: /* @__PURE__ */ o(i, { noNumber: !0, className: s }) }),
-        t && /* @__PURE__ */ o("div", { className: e.badgeBox, children: /* @__PURE__ */ o(
+        r && /* @__PURE__ */ o("div", { className: e.badgeBox, children: /* @__PURE__ */ o(
           i,
           {
-            count: t,
+            count: r,
             size: "small",
             className: s
           }
@@ -91,6 +92,6 @@ const l = b({
   );
 };
 export {
-  B as TabItem,
+  v as TabItem,
   l as TabItemStyle
 };

package/dist/components/Tabs/Tabs.js

@@ -1,9 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { sva as n } from "../../styled-system/css/sva.js";
-import { TabsRoot as l } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js";
-import { cx as p } from "../../styled-system/css/cx.js";
-import { TabList as c } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-list.js";
-const o = n({
+import { tabs_exports as o } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs.js";
+import { cx as m } from "../../styled-system/css/cx.js";
+import { sva as p } from "../../styled-system/css/sva.js";
+const e = p({
   slots: ["root", "list"],
   base: {
     root: {
@@ -17,11 +16,11 @@ const o = n({
       justifyContent: "space-around"
     }
   }
-}), u = ({ children: r, className: e, ...i }) => {
-  const [a, m] = o.splitVariantProps(i), s = o(a);
-  return /* @__PURE__ */ t(l, { className: p(s.root, e), ...m, children: /* @__PURE__ */ t(c, { className: s.list, children: r }) });
+}), y = ({ children: r, className: i, ...a }) => {
+  const [n, l] = e.splitVariantProps(a), s = e(n);
+  return /* @__PURE__ */ t(o.Root, { className: m(s.root, i), ...l, children: /* @__PURE__ */ t(o.List, { className: s.list, children: r }) });
 };
 export {
-  u as Tabs,
-  o as TabsStyle
+  y as Tabs,
+  e as TabsStyle
 };

package/dist/components/TextArea/TextArea.js

@@ -2,9 +2,9 @@ import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import w from "../../node_modules/merge-refs/dist/esm/index.js";
 import c, { forwardRef as C } from "react";
 import { useTranslations as N } from "../../i18n/index.js";
-import { sva as R } from "../../styled-system/css/sva.js";
-import { cx as T } from "../../styled-system/css/cx.js";
-const p = R({
+import { cx as R } from "../../styled-system/css/cx.js";
+import { sva as T } from "../../styled-system/css/sva.js";
+const p = T({
   slots: [
     "root",
     "label",
@@ -117,7 +117,7 @@ const p = R({
     ...l
   }, h) => {
     const x = N(), b = c.useRef(null), f = w(b, h), [S, v] = p.splitVariantProps(l), e = p(S), _ = t || i && o, m = l.id || c.useId();
-    return /* @__PURE__ */ a("div", { className: T(e.root, g), children: [
+    return /* @__PURE__ */ a("div", { className: R(e.root, g), children: [
       r ? /* @__PURE__ */ a("label", { className: e.label, htmlFor: m, children: [
         r,
         d && /* @__PURE__ */ s("span", { className: e.required, children: u ?? x("common.required") })

package/dist/components/TextField/TextField.js

@@ -4,8 +4,8 @@ import z from "../../node_modules/merge-refs/dist/esm/index.js";
 import m, { forwardRef as B } from "react";
 import { textFieldRecipe as b } from "../../recipes/textFieldRecipe.js";
 import { useTranslations as E } from "../../i18n/index.js";
-import { cx as G } from "../../styled-system/css/cx.js";
 import { css as w } from "../../styled-system/css/css.js";
+import { cx as G } from "../../styled-system/css/cx.js";
 const X = B(
   ({
     placeholder: F,

package/dist/components/Toast/Toast.js

@@ -1,11 +1,10 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { SerendieSymbolAlertCircleFilled as n, SerendieSymbolCheckCircleFilled as l } from "@serendie/symbols";
-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 = d({
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { createToaster as l } from "../../node_modules/@ark-ui/react/dist/components/toast/create-toaster.js";
+import { Toaster as m } from "../../node_modules/@ark-ui/react/dist/components/toast/toaster.js";
+import { toast_exports as r } from "../../node_modules/@ark-ui/react/dist/components/toast/toast.js";
+import { SerendieSymbolAlertCircleFilled as c, SerendieSymbolCheckCircleFilled as d } from "@serendie/symbols";
+import { sva as p } from "../../styled-system/css/sva.js";
+const y = p({
   slots: ["root", "textGroup", "text", "icon"],
   base: {
     root: {
@@ -60,17 +59,17 @@ const x = d({
   defaultVariants: {
     variant: "default"
   }
-}), C = m({
+}), b = l({
   placement: "bottom"
-}), T = ({ 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,
-    /* @__PURE__ */ o(y, { className: e.text, children: t.title })
+}), S = ({ toaster: i }) => /* @__PURE__ */ o(m, { toaster: i, children: (t) => {
+  const s = t.type === "error" ? "error" : "default", e = y({ variant: s }), a = s === "error" ? /* @__PURE__ */ o(c, { className: e.icon }) : /* @__PURE__ */ o(d, { className: e.icon });
+  return /* @__PURE__ */ o(r.Root, { className: e.root, children: /* @__PURE__ */ n("div", { className: e.textGroup, children: [
+    a,
+    /* @__PURE__ */ o(r.Title, { className: e.text, children: t.title })
   ] }) }, t.id);
 } });
 export {
-  T as Toast,
-  x as ToastStyle,
-  C as toaster
+  S as Toast,
+  y as ToastStyle,
+  b as toaster
 };