@serendie/ui 0.2.3 → 1.0.0

package/dist/components/{Switch.js → Switch/Switch.js}

@@ -1,14 +1,14 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { css as u } from "../styled-system/css/css.js";
-import { cx as t } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as b } from "../styled-system/css/sva.js";
-import { SwitchRoot as h } from "../node_modules/@ark-ui/react/dist/components/switch/switch-root.js";
-import { SwitchLabel as i } from "../node_modules/@ark-ui/react/dist/components/switch/switch-label.js";
-import { SwitchControl as g } from "../node_modules/@ark-ui/react/dist/components/switch/switch-control.js";
-import { SwitchThumb as f } from "../node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js";
-import { SwitchHiddenInput as x } from "../node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js";
+import { css as u } from "../../styled-system/css/css.js";
+import { cx as t } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as b } from "../../styled-system/css/sva.js";
+import { SwitchRoot as h } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-root.js";
+import { SwitchLabel as i } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-label.js";
+import { SwitchControl as g } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-control.js";
+import { SwitchThumb as f } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js";
+import { SwitchHiddenInput as x } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js";
 const n = b({
   slots: ["root", "control", "thumb", "label", "textGroup", "helperText"],
   base: {

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch.tsx';

package/dist/components/Switch/index.js

@@ -0,0 +1,5 @@
+import { Switch as c, SwitchStyle as e } from "./Switch.js";
+export {
+  c as Switch,
+  e as SwitchStyle
+};

package/dist/components/{TabItem.d.ts → Tabs/TabItem.d.ts}

@@ -1,6 +1,6 @@
 import { Tabs as ArkTabs } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const TabItemStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"badge" | "dot" | "trigger" | "badgeBox", import('../../styled-system/types').SlotRecipeVariantRecord<"badge" | "dot" | "trigger" | "badgeBox">>;
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const TabItemStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"badge" | "dot" | "trigger" | "badgeBox", import('../../../styled-system/types').SlotRecipeVariantRecord<"badge" | "dot" | "trigger" | "badgeBox">>;
 type TabItemBaseProps = {
     title: string;
     value: string;

package/dist/components/{TabItem.js → Tabs/TabItem.js}

@@ -1,10 +1,10 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as b } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as u } from "../styled-system/css/sva.js";
-import { NotificationBadge as i } from "./NotificationBadge.js";
-import { TabTrigger as h } from "../node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js";
+import "../../styled-system/css/css.js";
+import { cx as b } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as u } from "../../styled-system/css/sva.js";
+import { NotificationBadge as i } from "../NotificationBadge/NotificationBadge.js";
+import { TabTrigger as h } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js";
 const l = u({
   slots: ["trigger", "dot", "badgeBox", "badge"],
   base: {

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { Tabs as ArkTabs } from '@ark-ui/react';
+export declare const TabsStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root", import('../../../styled-system/types').SlotRecipeVariantRecord<"list" | "root">>;
+export declare const Tabs: ({ children, className, ...props }: ArkTabs.RootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/{Tabs.js → Tabs/Tabs.js}

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as n } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as l } from "../styled-system/css/sva.js";
-import { TabsRoot as p } from "../node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js";
-import { TabList as c } from "../node_modules/@ark-ui/react/dist/components/tabs/tab-list.js";
+import "../../styled-system/css/css.js";
+import { cx as n } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as l } from "../../styled-system/css/sva.js";
+import { TabsRoot as p } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js";
+import { TabList as c } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-list.js";
 const o = l({
   slots: ["root", "list"],
   base: {

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs.tsx';
+export * from './TabItem.tsx';

package/dist/components/Tabs/index.js

@@ -0,0 +1,8 @@
+import { Tabs as a, TabsStyle as b } from "./Tabs.js";
+import { TabItem as o, TabItemStyle as r } from "./TabItem.js";
+export {
+  o as TabItem,
+  r as TabItemStyle,
+  a as Tabs,
+  b as TabsStyle
+};

package/dist/components/{TextArea.js → TextArea/TextArea.js}

@@ -1,10 +1,10 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import p, { forwardRef as v } from "react";
-import _ from "../node_modules/merge-refs/dist/esm/index.js";
-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";
+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({
   slots: [
     "root",
@@ -97,21 +97,21 @@ const c = C({
       }
     }
   }
-}), j = v(
+}), j = _(
   ({
     placeholder: y,
     label: r,
     description: t,
     required: d,
     invalidMessage: o,
-    invalid: i,
+    invalid: a,
     disabled: n,
     className: u,
     ...l
   }, g) => {
-    const x = p.useRef(null), h = _(x, g), [b, f] = c.splitVariantProps(l), e = c(b), S = t || i && o, m = l.id || p.useId();
-    return /* @__PURE__ */ a("div", { className: w(e.root, u), children: [
-      r ? /* @__PURE__ */ a("label", { className: e.label, htmlFor: m, children: [
+    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: [
+      r ? /* @__PURE__ */ i("label", { className: e.label, htmlFor: m, children: [
         r,
         d && /* @__PURE__ */ s("span", { className: e.required, children: "必須" })
       ] }) : null,
@@ -119,7 +119,7 @@ const c = C({
         "div",
         {
           className: e.wrapper,
-          "data-invalid": i ? !0 : void 0,
+          "data-invalid": a ? !0 : void 0,
           "data-disabled": n ? !0 : void 0,
           children: /* @__PURE__ */ s(
             "textarea",
@@ -135,9 +135,9 @@ const c = C({
           )
         }
       ),
-      S && /* @__PURE__ */ a("div", { className: e.messageField, children: [
+      S && /* @__PURE__ */ i("div", { className: e.messageField, children: [
         t && /* @__PURE__ */ s("p", { className: e.description, children: t }),
-        i && o && /* @__PURE__ */ s("p", { className: e.invalidMessage, children: o })
+        a && o && /* @__PURE__ */ s("p", { className: e.invalidMessage, children: o })
       ] })
     ] });
   }

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export * from './TextArea.tsx';

package/dist/components/TextArea/index.js

@@ -0,0 +1,4 @@
+import { TextArea as o } from "./TextArea.js";
+export {
+  o as TextArea
+};

package/dist/components/{TextField.js → TextField/TextField.js}

@@ -1,12 +1,12 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import m, { forwardRef as j } from "react";
-import q from "../node_modules/merge-refs/dist/esm/index.js";
-import { css as v } from "../styled-system/css/css.js";
-import { cx as z } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as L } from "../styled-system/css/sva.js";
-import { SerendieSymbol as S } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-const C = L({
+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 { 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({
   slots: [
     "root",
     "label",
@@ -103,33 +103,33 @@ const C = L({
       color: "sd.system.color.impression.negative"
     }
   }
-}), K = j(
+}), O = L(
   ({
-    placeholder: N,
+    placeholder: C,
     label: c,
     description: a,
     required: p,
     invalidMessage: d,
     invalid: o,
-    type: _ = "text",
+    type: N = "text",
     disabled: l,
     onChange: u,
     value: y,
-    className: w,
+    className: _,
     leftContent: g,
     rightContent: h,
     ...t
-  }, R) => {
-    const r = m.useRef(null), W = q(r, R), [F, k] = C.splitVariantProps(t), s = C(F), T = a || o && d, [V, I] = m.useState(t.defaultValue || y), x = t.id || m.useId(), P = () => {
+  }, w) => {
+    const r = m.useRef(null), R = q(r, w), [F, W] = S.splitVariantProps(t), s = S(F), k = a || o && d, [T, V] = m.useState(t.defaultValue || y), x = t.id || m.useId(), I = () => {
       var b;
       const i = {
         target: { value: "" }
       };
       f(i), (b = t.onReset) == null || b.call(t, i), r.current && (r.current.value = "");
     }, f = (i) => {
-      I(i.target.value), u && u(i);
+      V(i.target.value), u && u(i);
     };
-    return /* @__PURE__ */ n("div", { className: z(s.root, w), children: [
+    return /* @__PURE__ */ n("div", { className: M(s.root, _), children: [
       c ? /* @__PURE__ */ n("label", { className: s.label, htmlFor: x, children: [
         c,
         p && /* @__PURE__ */ e("span", { className: s.required, children: "必須" })
@@ -145,16 +145,16 @@ const C = L({
             /* @__PURE__ */ e(
               "input",
               {
-                ref: W,
+                ref: R,
                 id: x,
-                placeholder: N,
+                placeholder: C,
                 required: p,
                 disabled: l,
                 value: y,
-                type: _,
+                type: N,
                 className: s.input,
                 onChange: f,
-                ...k
+                ...W
               }
             ),
             h ? /* @__PURE__ */ e("div", { className: s.rightContent, children: h }) : /* @__PURE__ */ e("div", { className: s.icon, children: !l && /* disabledの場合はアイコンを表示しない */
@@ -164,21 +164,21 @@ const C = L({
                 className: v({
                   color: "sd.system.color.impression.negative"
                 }),
-                children: /* @__PURE__ */ e(S, { name: "alert-circle", size: 20 })
+                children: /* @__PURE__ */ e(P, { width: 20, height: 20 })
               }
-            ) : V ? /* @__PURE__ */ e(
+            ) : T ? /* @__PURE__ */ e(
               "button",
               {
                 className: v({ cursor: "pointer" }),
-                onClick: P,
+                onClick: I,
                 "aria-label": "値をクリア",
-                children: /* @__PURE__ */ e(S, { name: "close", size: 20 })
+                children: /* @__PURE__ */ e(j, { width: 20, height: 20 })
               }
             ) : null) })
           ]
         }
       ),
-      T && /* @__PURE__ */ n("div", { className: s.messageField, children: [
+      k && /* @__PURE__ */ n("div", { className: s.messageField, children: [
         a && /* @__PURE__ */ e("p", { className: s.description, children: a }),
         o && d && /* @__PURE__ */ e("p", { className: s.invalidMessage, children: d })
       ] })
@@ -186,5 +186,5 @@ const C = L({
   }
 );
 export {
-  K as TextField
+  O as TextField
 };

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export * from './TextField.tsx';

package/dist/components/TextField/index.js

@@ -0,0 +1,4 @@
+import { TextField as r } from "./TextField.js";
+export {
+  r as TextField
+};

package/dist/components/{Toast.d.ts → Toast/Toast.d.ts}

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

package/dist/components/{Toast.js → Toast/Toast.js}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import "../styled-system/helpers.js";
-import { sva as c } from "../styled-system/css/sva.js";
-import { SerendieSymbol as m } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { createToaster as l } 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 { 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 = c({
+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 { 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({
   slots: ["root", "textGroup", "text", "icon"],
   base: {
     root: {
@@ -64,29 +64,15 @@ const x = c({
   defaultVariants: {
     variant: "default"
   }
-}), N = l({
+}), N = c({
   placement: "bottom"
-}), k = ({ toaster: r }) => {
-  const i = {
-    success: "check-circle",
-    error: "alert-circle"
-  };
-  return /* @__PURE__ */ t(d, { toaster: r, children: (e) => {
-    const a = e.type === "error" ? "error" : "default", o = x({ variant: a }), s = i[e.type];
-    return /* @__PURE__ */ t(p, { className: o.root, children: /* @__PURE__ */ n("div", { className: o.textGroup, children: [
-      s && /* @__PURE__ */ t(
-        m,
-        {
-          name: s,
-          size: 24,
-          variant: "filled",
-          className: o.icon
-        }
-      ),
-      /* @__PURE__ */ t(y, { className: o.text, children: e.title })
-    ] }) }, e.id);
-  } });
-};
+}), k = ({ toaster: r }) => /* @__PURE__ */ o(d, { 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 })
+  ] }) }, t.id);
+} });
 export {
   k as Toast,
   x as ToastStyle,

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

@@ -0,0 +1 @@
+export * from './Toast.tsx';

package/dist/components/Toast/index.js

@@ -0,0 +1,6 @@
+import { Toast as a, ToastStyle as e, toaster as r } from "./Toast.js";
+export {
+  a as Toast,
+  e as ToastStyle,
+  r as toaster
+};

package/dist/components/{TopAppBar.d.ts → TopAppBar/TopAppBar.d.ts}

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
-import { RecipeVariantProps } from '../../styled-system/css';
-import { NotificationBadgeProps } from './NotificationBadge';
-declare const topAppBarStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"container" | "left" | "title" | "root" | "buttonContainer", {
+import { RecipeVariantProps } from '../../../styled-system/css';
+import { NotificationBadgeProps } from '../NotificationBadge';
+declare const topAppBarStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"container" | "left" | "title" | "root" | "buttonContainer", {
     type: {
         navbar: {};
         titleBar: {};

package/dist/components/{TopAppBar.js → TopAppBar/TopAppBar.js}

@@ -1,9 +1,9 @@
 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 { sva as y } from "../styled-system/css/sva.js";
-import { NotificationBadge as x } from "./NotificationBadge.js";
+import "../../styled-system/css/css.js";
+import { cx as d } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as y } from "../../styled-system/css/sva.js";
+import { NotificationBadge as x } from "../NotificationBadge/NotificationBadge.js";
 const i = y({
   slots: ["root", "container", "left", "buttonContainer", "title"],
   base: {

package/dist/components/TopAppBar/index.d.ts

@@ -0,0 +1 @@
+export * from './TopAppBar.tsx';

package/dist/components/TopAppBar/index.js

@@ -0,0 +1,4 @@
+import { TopAppBar as r } from "./TopAppBar.js";
+export {
+  r as TopAppBar
+};

package/dist/index.d.ts

@@ -1,33 +1,29 @@
 export { SerendiePreset } from './preset';
 export * from './components/Accordion/index.ts';
-export * from './components/AccordionGroup.tsx';
-export * from './components/Avatar.tsx';
-export * from './components/Badge.tsx';
-export * from './components/Banner.tsx';
-export * from './components/BottomNavigation.tsx';
-export * from './components/BottomNavigationItem.tsx';
-export * from './components/Button.tsx';
-export * from './components/CheckBox.tsx';
-export * from './components/ChoiceBox.tsx';
-export * from './components/DashboardWidget.tsx';
-export * from './components/Divider.tsx';
-export * from './components/Drawer.tsx';
-export * from './components/DropdownMenu.tsx';
-export * from './components/IconButton.tsx';
-export * from './components/List.tsx';
-export * from './components/ListItem.tsx';
-export * from './components/ModalDialog.tsx';
-export * from './components/NotificationBadge.tsx';
-export * from './components/PasswordField.tsx';
-export * from './components/ProgressIndicator.tsx';
-export * from './components/RadioButton.tsx';
-export * from './components/RadioGroup.tsx';
-export * from './components/Search.tsx';
-export * from './components/Select.tsx';
-export * from './components/Switch.tsx';
-export * from './components/TabItem.tsx';
-export * from './components/Tabs.tsx';
-export * from './components/TextArea.tsx';
-export * from './components/TextField.tsx';
-export * from './components/Toast.tsx';
-export * from './components/TopAppBar.tsx';
+export * from './components/Avatar/index.ts';
+export * from './components/Badge/index.ts';
+export * from './components/Banner/index.ts';
+export * from './components/BottomNavigation/index.ts';
+export * from './components/Button/index.ts';
+export * from './components/CheckBox/index.ts';
+export * from './components/ChoiceBox/index.ts';
+export * from './components/DashboardWidget/index.ts';
+export * from './components/Divider/index.ts';
+export * from './components/Drawer/index.ts';
+export * from './components/DropdownMenu/index.ts';
+export * from './components/IconButton/index.ts';
+export * from './components/List/index.ts';
+export * from './components/ModalDialog/index.ts';
+export * from './components/NotificationBadge/index.ts';
+export * from './components/Pagination/index.ts';
+export * from './components/PasswordField/index.ts';
+export * from './components/ProgressIndicator/index.ts';
+export * from './components/RadioButton/index.ts';
+export * from './components/Search/index.ts';
+export * from './components/Select/index.ts';
+export * from './components/Switch/index.ts';
+export * from './components/Tabs/index.ts';
+export * from './components/TextArea/index.ts';
+export * from './components/TextField/index.ts';
+export * from './components/Toast/index.ts';
+export * from './components/TopAppBar/index.ts';