@serendie/ui 0.3.0 → 1.0.1

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/PasswordField.js

@@ -1,44 +1,38 @@
-import { jsx as t } from "react/jsx-runtime";
+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 { SerendieSymbol as p } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
-import { IconButton as w } from "../IconButton/IconButton.js";
-const g = n(
-  ({ disableToggle: s = !1, disabled: e, ...i }, r) => {
-    const [o, a] = d(!1);
-    return /* @__PURE__ */ t(
+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: o ? "text" : "password",
-        rightContent: s ? void 0 : /* @__PURE__ */ t(
-          w,
+        type: t ? "text" : "password",
+        rightContent: s ? void 0 : /* @__PURE__ */ o(
+          g,
           {
             type: "button",
             onClick: () => {
-              a((l) => !l);
+              l((a) => !a);
             },
             styleType: "ghost",
             size: "small",
             shape: "circle",
-            "aria-label": o ? "パスワードを隠す" : "パスワードを表示",
+            "aria-label": t ? "パスワードを隠す" : "パスワードを表示",
             disabled: e,
-            icon: /* @__PURE__ */ t(
-              p,
-              {
-                name: o ? "eye-hidden" : "eye",
-                size: 20
-              }
-            )
+            icon: t ? /* @__PURE__ */ o(p, {}) : /* @__PURE__ */ o(y, {})
           }
         ),
         disabled: e,
-        ...i,
-        ref: r
+        ...r,
+        ref: i
       }
     );
   }
 );
-g.displayName = "PasswordField";
+w.displayName = "PasswordField";
 export {
-  g as PasswordField
+  w as PasswordField
 };

package/dist/components/Search/Search.js

@@ -1,23 +1,23 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { SerendieSymbol as m } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+import { SerendieSymbolMagnifyingGlass as l, SerendieSymbolClose as c } from "@serendie/symbols";
 import "../../styled-system/css/css.js";
-import { cx as c } from "../../styled-system/css/cx.js";
+import { cx as p } from "../../styled-system/css/cx.js";
 import "../../styled-system/helpers.js";
-import { sva as p } from "../../styled-system/css/sva.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 { 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 { 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/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SerendieSymbol as h } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+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";
@@ -211,14 +211,7 @@ const l = S({
               className: s.valueText
             }
           ),
-          /* @__PURE__ */ e(
-            h,
-            {
-              name: "chevron-down",
-              className: s.iconBox,
-              size: 20
-            }
-          )
+          /* @__PURE__ */ e(h, { className: s.iconBox })
         ] }) }),
         m && a && /* @__PURE__ */ e(
           "div",

package/dist/components/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
+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";
@@ -104,14 +104,14 @@ const c = C({
     description: t,
     required: d,
     invalidMessage: o,
-    invalid: i,
+    invalid: a,
     disabled: n,
     className: u,
     ...l
   }, g) => {
-    const x = p.useRef(null), h = v(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/TextField/TextField.js

@@ -1,12 +1,12 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { SerendieSymbol as v } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
-import j from "../../node_modules/merge-refs/dist/esm/index.js";
-import m, { forwardRef as q } from "react";
-import { css as S } from "../../styled-system/css/css.js";
-import { cx as z } from "../../styled-system/css/cx.js";
+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 L } from "../../styled-system/css/sva.js";
-const C = L({
+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 = q(
+}), 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 = j(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,40 +145,40 @@ 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の場合はアイコンを表示しない */
             (o ? /* @__PURE__ */ e(
               "span",
               {
-                className: S({
+                className: v({
                   color: "sd.system.color.impression.negative"
                 }),
-                children: /* @__PURE__ */ e(v, { name: "alert-circle", size: 20 })
+                children: /* @__PURE__ */ e(P, { width: 20, height: 20 })
               }
-            ) : V ? /* @__PURE__ */ e(
+            ) : T ? /* @__PURE__ */ e(
               "button",
               {
-                className: S({ cursor: "pointer" }),
-                onClick: P,
+                className: v({ cursor: "pointer" }),
+                onClick: I,
                 "aria-label": "値をクリア",
-                children: /* @__PURE__ */ e(v, { 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/Toast/Toast.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { SerendieSymbol as c } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+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 l } from "../../node_modules/@ark-ui/react/dist/components/toast/create-toaster.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";
@@ -64,29 +64,15 @@ const x = m({
   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(
-        c,
-        {
-          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/index.d.ts

@@ -15,6 +15,7 @@ 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';