@serendie/ui 0.2.3 → 1.0.0

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,195 @@
+import { jsx as e, jsxs as T, Fragment as g } from "react/jsx-runtime";
+import { SerendieSymbolChevronLeft as S, SerendieSymbolChevronRight as _ } from "@serendie/symbols";
+import C, { useState as I } from "react";
+import { IconButton as m } from "../IconButton/IconButton.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 j } from "../../styled-system/css/sva.js";
+import { PaginationRoot as z } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-root.js";
+import { PaginationContext as R } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-context.js";
+import { PaginationPrevTrigger as w } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-prev-trigger.js";
+import { PaginationItem as O } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-item.js";
+import { PaginationEllipsis as W } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-ellipsis.js";
+import { PaginationNextTrigger as F } from "../../node_modules/@ark-ui/react/dist/components/pagination/pagination-next-trigger.js";
+const L = j({
+  slots: ["root", "item", "ellipsis", "prevTrigger", "nextTrigger"],
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      gap: "sd.system.dimension.spacing.none"
+    },
+    item: {
+      height: 32,
+      minWidth: 32,
+      margin: 0,
+      "& button": {
+        color: "sd.system.color.impression.primary"
+      },
+      "&[data-selected]": {
+        "& button": {
+          color: "sd.system.color.interaction.disabledOnSurface",
+          fontWeight: "bold"
+        }
+      }
+    },
+    ellipsis: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: 32,
+      width: 32,
+      textStyle: "sd.system.typography.body.medium_compact",
+      _expanded: {
+        textStyle: "sd.system.typography.body.medium_expanded"
+      }
+    },
+    prevTrigger: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      _disabled: {
+        "& svg": {
+          color: "sd.system.color.interaction.disabledOnSurface"
+        }
+      }
+    },
+    nextTrigger: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      _disabled: {
+        "& svg": {
+          color: "sd.system.color.interaction.disabledOnSurface"
+        }
+      }
+    }
+  },
+  variants: {
+    size: {
+      medium: {
+        root: {
+          gap: "sd.system.dimension.spacing.none"
+        },
+        item: {
+          height: 32,
+          minWidth: 32
+        },
+        ellipsis: {
+          height: 32,
+          width: 32
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+}), X = C.forwardRef(
+  ({
+    count: d,
+    pageSize: c = 1,
+    page: o,
+    onPageChange: n,
+    siblingCount: p = 2,
+    className: y,
+    size: h = "medium",
+    ...f
+  }, u) => {
+    const [b, P] = I(1), i = L({ size: h }), v = {
+      count: d,
+      pageSize: c,
+      siblingCount: p,
+      ...o ? { page: o } : { page: b },
+      onPageChange: (t) => {
+        o || P(t.page), n == null || n(t);
+      }
+    };
+    return /* @__PURE__ */ e(
+      z,
+      {
+        ref: u,
+        className: N(i.root, y),
+        ...v,
+        ...f,
+        children: /* @__PURE__ */ e(R, { children: (t) => {
+          const r = t.page <= 1, x = Math.ceil(d / c), a = t.page >= x;
+          return /* @__PURE__ */ T(g, { children: [
+            /* @__PURE__ */ e(
+              w,
+              {
+                className: i.prevTrigger,
+                disabled: r,
+                children: /* @__PURE__ */ e(
+                  m,
+                  {
+                    icon: /* @__PURE__ */ e(S, {}),
+                    shape: "rectangle",
+                    styleType: "ghost",
+                    size: "small",
+                    "aria-label": r ? "最初のページです" : "前のページへ",
+                    disabled: r,
+                    title: r ? "最初のページです" : "前のページへ"
+                  }
+                )
+              }
+            ),
+            t.pages.map(
+              (s, l) => s.type === "page" ? /* @__PURE__ */ e(
+                O,
+                {
+                  ...s,
+                  className: i.item,
+                  children: /* @__PURE__ */ e(
+                    m,
+                    {
+                      icon: /* @__PURE__ */ e(g, { children: s.value }),
+                      shape: "rectangle",
+                      styleType: "ghost",
+                      size: "small",
+                      "aria-label": `ページ${s.value}へ移動`,
+                      title: `ページ${s.value}へ移動`
+                    }
+                  )
+                },
+                l
+              ) : /* @__PURE__ */ e(
+                W,
+                {
+                  index: l,
+                  className: i.ellipsis,
+                  children: "…"
+                },
+                l
+              )
+            ),
+            /* @__PURE__ */ e(
+              F,
+              {
+                className: i.nextTrigger,
+                disabled: a,
+                children: /* @__PURE__ */ e(
+                  m,
+                  {
+                    icon: /* @__PURE__ */ e(_, {}),
+                    shape: "rectangle",
+                    styleType: "ghost",
+                    size: "small",
+                    "aria-label": a ? "最後のページです" : "次のページへ",
+                    disabled: a,
+                    title: a ? "最後のページです" : "次のページへ"
+                  }
+                )
+              }
+            )
+          ] });
+        } })
+      }
+    );
+  }
+);
+export {
+  X as Pagination,
+  L as PaginationStyle
+};

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

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

package/dist/components/Pagination/index.js

@@ -0,0 +1,5 @@
+import { Pagination as n, PaginationStyle as o } from "./Pagination.js";
+export {
+  n as Pagination,
+  o as PaginationStyle
+};

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextField } from './TextField';
+import { TextField } from '../TextField';
 type PasswordFieldProps = Omit<React.ComponentProps<typeof TextField>, "type" | "rightContent"> & {
     /**
      * パスワードの表示/非表示切り替えを無効にする

package/dist/components/PasswordField/PasswordField.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as n, useState as d } from "react";
+import { TextField as m } from "../TextField/TextField.js";
+import { SerendieSymbolEyeHidden as p, SerendieSymbolEye as y } from "@serendie/symbols";
+import { IconButton as g } from "../IconButton/IconButton.js";
+const w = n(
+  ({ disableToggle: s = !1, disabled: e, ...r }, i) => {
+    const [t, l] = d(!1);
+    return /* @__PURE__ */ o(
+      m,
+      {
+        type: t ? "text" : "password",
+        rightContent: s ? void 0 : /* @__PURE__ */ o(
+          g,
+          {
+            type: "button",
+            onClick: () => {
+              l((a) => !a);
+            },
+            styleType: "ghost",
+            size: "small",
+            shape: "circle",
+            "aria-label": t ? "パスワードを隠す" : "パスワードを表示",
+            disabled: e,
+            icon: t ? /* @__PURE__ */ o(p, {}) : /* @__PURE__ */ o(y, {})
+          }
+        ),
+        disabled: e,
+        ...r,
+        ref: i
+      }
+    );
+  }
+);
+w.displayName = "PasswordField";
+export {
+  w as PasswordField
+};

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

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

package/dist/components/PasswordField/index.js

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

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

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const ProgressIndicatorStyle: import('../../styled-system/types').RecipeRuntimeFn<{
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const ProgressIndicatorStyle: import('../../../styled-system/types').RecipeRuntimeFn<{
     size: {
         small: {
             width: "16px";

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as n } from "../styled-system/css/cx.js";
-import { cva as l } from "../styled-system/css/cva.js";
-import "../styled-system/helpers.js";
+import "../../styled-system/css/css.js";
+import { cx as n } from "../../styled-system/css/cx.js";
+import { cva as l } from "../../styled-system/css/cva.js";
+import "../../styled-system/helpers.js";
 const r = l({
   base: {
     animation: "1s linear infinite spin",

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

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

package/dist/components/ProgressIndicator/index.js

@@ -0,0 +1,5 @@
+import { ProgressIndicator as e, ProgressIndicatorStyle as s } from "./ProgressIndicator.js";
+export {
+  e as ProgressIndicator,
+  s as ProgressIndicatorStyle
+};

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

@@ -1,5 +1,5 @@
 import { RadioGroupItemProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
+import { RecipeVariantProps } from '../../../styled-system/css';
 export declare const radioIconCss: {
     flexShrink: number;
     cursor: string;
@@ -20,7 +20,7 @@ export declare const radioUncheckedIconCss: {
         color: string;
     };
 };
-export declare const RadioButtonStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon", import('../../styled-system/types').SlotRecipeVariantRecord<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon">>;
+export declare const RadioButtonStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon", import('../../../styled-system/types').SlotRecipeVariantRecord<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon">>;
 type RadioButtonItemProps = {
     label?: string;
     helperText?: string;

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

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { css as x } from "../styled-system/css/css.js";
-import { cx as i } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as h } from "../styled-system/css/sva.js";
-import f from "../assets/radioChecked.svg.js";
-import g from "../assets/radioUnchecked.svg.js";
-import { RadioGroupItem as I } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js";
-import { RadioGroupItemContext as S } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js";
-import { RadioGroupItemControl as b } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js";
-import { RadioGroupItemText as m } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js";
-import { RadioGroupItemHiddenInput as C } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js";
+import { css as x } from "../../styled-system/css/css.js";
+import { cx as i } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as h } from "../../styled-system/css/sva.js";
+import f from "../../assets/radioChecked.svg.js";
+import g from "../../assets/radioUnchecked.svg.js";
+import { RadioGroupItem as I } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js";
+import { RadioGroupItemContext as S } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js";
+import { RadioGroupItemControl as b } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js";
+import { RadioGroupItemText as m } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js";
+import { RadioGroupItemHiddenInput as C } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js";
 const k = {
   flexShrink: 0,
   cursor: "pointer",

package/dist/components/{RadioGroup.js → RadioButton/RadioGroup.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { RadioGroupRoot as p } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js";
+import { RadioGroupRoot as p } from "../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js";
 const u = ({
   children: o,
   ...r

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

@@ -0,0 +1,2 @@
+export * from './RadioButton.tsx';
+export * from './RadioGroup.tsx';

package/dist/components/RadioButton/index.js

@@ -0,0 +1,10 @@
+import { RadioButton as r, RadioButtonStyle as e, radioCheckedIconCss as t, radioIconCss as a, radioUncheckedIconCss as c } from "./RadioButton.js";
+import { RadioGroup as n } from "./RadioGroup.js";
+export {
+  r as RadioButton,
+  e as RadioButtonStyle,
+  n as RadioGroup,
+  t as radioCheckedIconCss,
+  a as radioIconCss,
+  c as radioUncheckedIconCss
+};

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

@@ -1,6 +1,6 @@
 import { ComboboxRootProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const SearchStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "input" | "combobox" | "control" | "comboboxItem" | "iconBox" | "closeIcon", {
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SearchStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "input" | "combobox" | "control" | "comboboxItem" | "iconBox" | "closeIcon", {
     size: {
         medium: {
             iconBox: {

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

@@ -1,23 +1,23 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as c } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as p } from "../styled-system/css/sva.js";
+import { SerendieSymbolMagnifyingGlass as l, SerendieSymbolClose as c } from "@serendie/symbols";
+import "../../styled-system/css/css.js";
+import { cx as p } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as g } from "../../styled-system/css/sva.js";
 import "react";
-import "../styled-system/jsx/is-valid-prop.js";
-import { Box as g } from "../styled-system/jsx/box.js";
-import { SerendieSymbol as m } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { Portal as y } from "../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { ComboboxRoot as x } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js";
-import { ComboboxControl as b } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js";
-import { ComboboxInput as u } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js";
-import { ComboboxTrigger as h } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js";
-import { ComboboxPositioner as f } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js";
-import { ComboboxContent as S } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js";
-import { ComboboxItemGroup as w } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js";
-import { ComboboxItem as C } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js";
-import { ComboboxItemText as I } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js";
-const a = p({
+import "../../styled-system/jsx/is-valid-prop.js";
+import { Box as y } from "../../styled-system/jsx/box.js";
+import { Portal as x } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { ComboboxRoot as b } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js";
+import { ComboboxControl as u } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js";
+import { ComboboxInput as h } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js";
+import { ComboboxTrigger as f } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js";
+import { ComboboxPositioner as S } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js";
+import { ComboboxContent as w } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js";
+import { ComboboxItemGroup as C } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js";
+import { ComboboxItem as I } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js";
+import { ComboboxItemText as v } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js";
+const m = g({
   slots: [
     "input",
     "control",
@@ -146,13 +146,13 @@ const a = p({
   defaultVariants: {
     size: "medium"
   }
-}), q = ({
+}), D = ({
   items: i = [],
   ...d
 }) => {
-  const [r, n] = a.splitVariantProps(d), s = a(r);
+  const [a, t] = m.splitVariantProps(d), s = m(a);
   return /* @__PURE__ */ e(
-    x,
+    b,
     {
       items: i,
       lazyMount: !0,
@@ -163,36 +163,36 @@ const a = p({
           crossAxis: 0
         }
       },
-      ...n,
+      ...t,
       children: [
-        /* @__PURE__ */ e(b, { className: c(s.control, n.className), children: [
-          /* @__PURE__ */ o("div", { className: s.iconBox, children: /* @__PURE__ */ o(m, { name: "magnifying-glass", className: s.icon }) }),
-          /* @__PURE__ */ o(u, { className: s.input }),
-          i.length > 0 && /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o("div", { className: s.closeIcon, children: /* @__PURE__ */ o(m, { name: "close", className: s.icon }) }) })
+        /* @__PURE__ */ e(u, { className: p(s.control, t.className), children: [
+          /* @__PURE__ */ o("div", { className: s.iconBox, children: /* @__PURE__ */ o(l, { className: s.icon }) }),
+          /* @__PURE__ */ o(h, { className: s.input }),
+          i.length > 0 && /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o("div", { className: s.closeIcon, children: /* @__PURE__ */ o(c, { className: s.icon }) }) })
         ] }),
-        i.length > 0 && /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(S, { className: s.combobox, children: /* @__PURE__ */ o(w, { id: "framework", children: i.map((t, l) => /* @__PURE__ */ e(
-          C,
+        i.length > 0 && /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(w, { className: s.combobox, children: /* @__PURE__ */ o(C, { id: "framework", children: i.map((n, r) => /* @__PURE__ */ e(
+          I,
           {
-            item: t,
+            item: n,
             className: s.comboboxItem,
             children: [
               /* @__PURE__ */ o(
-                g,
+                y,
                 {
                   w: "sd.system.dimension.spacing.large",
                   h: "sd.system.dimension.spacing.large"
                 }
               ),
-              /* @__PURE__ */ o(I, { children: t })
+              /* @__PURE__ */ o(v, { children: n })
             ]
           },
-          l
+          r
         )) }) }) }) })
       ]
     }
   );
 };
 export {
-  q as Search,
-  a as SearchStyle
+  D as Search,
+  m as SearchStyle
 };

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

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

package/dist/components/Search/index.js

@@ -0,0 +1,5 @@
+import { Search as S, SearchStyle as a } from "./Search.js";
+export {
+  S as Search,
+  a as SearchStyle
+};

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

@@ -1,6 +1,6 @@
 import { SelectRootProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const SelectStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"content" | "item" | "root" | "iconBox" | "valueText" | "trigger", {
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SelectStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "item" | "root" | "iconBox" | "valueText" | "trigger", {
     size: {
         medium: {
             root: {

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

@@ -1,22 +1,22 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { css as d } from "../styled-system/css/css.js";
-import { cx as h } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as b } from "../styled-system/css/sva.js";
-import { useId as f } from "react";
-import { ListItem as S } from "./ListItem.js";
-import { List as v } from "./List.js";
-import { SerendieSymbol as w } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { Portal as _ } from "../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { SelectRoot as C } from "../node_modules/@ark-ui/react/dist/components/select/select-root.js";
-import { SelectLabel as T } from "../node_modules/@ark-ui/react/dist/components/select/select-label.js";
-import { SelectControl as N } from "../node_modules/@ark-ui/react/dist/components/select/select-control.js";
-import { SelectTrigger as z } from "../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
-import { SelectValueText as R } from "../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
-import { SelectPositioner as I } from "../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
-import { SelectContent as V } from "../node_modules/@ark-ui/react/dist/components/select/select-content.js";
-import { SelectItem as B } from "../node_modules/@ark-ui/react/dist/components/select/select-item.js";
-const l = b({
+import { SerendieSymbolChevronDown as h } from "@serendie/symbols";
+import { useId as b } from "react";
+import { css as d } from "../../styled-system/css/css.js";
+import { cx as f } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as S } from "../../styled-system/css/sva.js";
+import { List as v } from "../List/List.js";
+import { ListItem as w } from "../List/ListItem.js";
+import { Portal as _ } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { SelectRoot as C } from "../../node_modules/@ark-ui/react/dist/components/select/select-root.js";
+import { SelectLabel as T } from "../../node_modules/@ark-ui/react/dist/components/select/select-label.js";
+import { SelectControl as N } from "../../node_modules/@ark-ui/react/dist/components/select/select-control.js";
+import { SelectTrigger as z } from "../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
+import { SelectValueText as R } from "../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
+import { SelectPositioner as I } from "../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
+import { SelectContent as V } from "../../node_modules/@ark-ui/react/dist/components/select/select-content.js";
+import { SelectItem as B } from "../../node_modules/@ark-ui/react/dist/components/select/select-item.js";
+const l = S({
   slots: ["root", "valueText", "trigger", "content", "item", "iconBox"],
   base: {
     root: {
@@ -162,13 +162,13 @@ const l = b({
   className: y,
   ...n
 }) => {
-  const [o, g] = l.splitVariantProps(n), s = l(o), u = f();
+  const [o, g] = l.splitVariantProps(n), s = l(o), u = b();
   return /* @__PURE__ */ i(
     C,
     {
       ...g,
       invalid: m,
-      className: h(s.root, y),
+      className: f(s.root, y),
       positioning: {
         sameWidth: !0,
         offset: {
@@ -211,14 +211,7 @@ const l = b({
               className: s.valueText
             }
           ),
-          /* @__PURE__ */ e(
-            w,
-            {
-              name: "chevron-down",
-              className: s.iconBox,
-              size: 20
-            }
-          )
+          /* @__PURE__ */ e(h, { className: s.iconBox })
         ] }) }),
         m && a && /* @__PURE__ */ e(
           "div",
@@ -234,7 +227,7 @@ const l = b({
           }
         ),
         /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(V, { className: s.content, children: /* @__PURE__ */ e(v, { id: u, children: n.items.map((t, x) => /* @__PURE__ */ e(B, { item: t, children: /* @__PURE__ */ e(
-          S,
+          w,
           {
             title: t.label,
             value: t.value,

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

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

package/dist/components/Select/index.js

@@ -0,0 +1,5 @@
+import { Select as l, SelectStyle as S } from "./Select.js";
+export {
+  l as Select,
+  S as SelectStyle
+};

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

@@ -1,6 +1,6 @@
 import { Switch as ArkSwitch, SwitchRootProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const SwitchStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb", import('../../styled-system/types').SlotRecipeVariantRecord<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb">>;
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SwitchStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb", import('../../../styled-system/types').SlotRecipeVariantRecord<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb">>;
 type SwitchItemProps = {
     label: string;
     helperText?: string;