@saas-ui/react 3.0.0-next.1 → 3.0.0-next.2

package/dist/page/index.js

@@ -0,0 +1,167 @@
+'use client'
+import {
+  __export
+} from "../chunk-RTMS5TJN.js";
+
+// src/components/page/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  Body: () => PageBody,
+  Description: () => PageDescription,
+  Header: () => PageHeader,
+  HeaderSection: () => PageHeaderSection,
+  Root: () => PageRoot,
+  Title: () => PageTitle
+});
+import React2, { forwardRef as forwardRef3 } from "react";
+import {
+  chakra as chakra2
+} from "@chakra-ui/react";
+
+// src/components/loading-overlay/loading-overlay.tsx
+var loading_overlay_exports = {};
+__export(loading_overlay_exports, {
+  Root: () => LoadingOverlayRoot,
+  Spinner: () => LoadingOverlaySpinner,
+  Text: () => LoadingOverlayText
+});
+import { forwardRef as forwardRef2 } from "react";
+import {
+  Presence,
+  splitPresenceProps
+} from "@ark-ui/react/presence";
+import { chakra } from "@chakra-ui/react";
+
+// src/components/spinner/spinner.tsx
+import { forwardRef } from "react";
+import { Spinner as ChakraSpinner } from "@chakra-ui/react/spinner";
+import { Fragment, jsx } from "react/jsx-runtime";
+var Spinner = forwardRef(
+  function Spinner2(props, ref) {
+    const { loading, children, ...rest } = props;
+    if (loading === false) {
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    }
+    return /* @__PURE__ */ jsx(ChakraSpinner, { ref, ...rest });
+  }
+);
+
+// src/components/loading-overlay/loading-overlay.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  useStyles: useLoadingOverlayStyles,
+  withContext,
+  withProvider
+} = createSlotRecipeContext({
+  key: "suiLoadingOverlay"
+});
+
+// src/components/loading-overlay/loading-overlay.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LoadingOverlay = forwardRef2(
+  (props, ref) => {
+    const { children, loading = true, ...rest } = props;
+    const [presenceProps, rootProps] = splitPresenceProps(rest);
+    return /* @__PURE__ */ jsx2(Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ jsx2(chakra.div, { ref, ...rootProps, children }) });
+  }
+);
+var LoadingOverlayRoot = withProvider(
+  LoadingOverlay,
+  "root"
+);
+LoadingOverlayRoot.displayName = "LoadingOverlay";
+var LoadingOverlaySpinner = Spinner;
+var LoadingOverlayText = withContext(
+  "p",
+  "text"
+);
+
+// src/components/page/page.context.ts
+import { createContext, createSlotRecipeContext as createSlotRecipeContext2 } from "@chakra-ui/react";
+var {
+  withProvider: withProvider2,
+  withContext: withContext2,
+  useStyles: usePageStyles,
+  useClassNames
+} = createSlotRecipeContext2({
+  key: "suiPage"
+});
+var [PageProvider, usePageContext] = createContext();
+
+// src/components/page/page.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var PageRoot = withProvider2(
+  forwardRef3(function PageRoot2(props, ref) {
+    const { loading, skeleton, children, ...containerProps } = props;
+    const context = {
+      loading,
+      skeleton
+    };
+    return /* @__PURE__ */ jsx3(PageProvider, { value: context, children: /* @__PURE__ */ jsx3(chakra2.main, { ref, ...containerProps, children }) });
+  }),
+  "root"
+);
+var PageHeader = withContext2(
+  forwardRef3(function PageHeader2(props, ref) {
+    const { nav, title, description, actions, footer, css, ...rest } = props;
+    const styles = usePageStyles();
+    const classNames = useClassNames();
+    let heading;
+    if (title || description) {
+      heading = /* @__PURE__ */ jsxs(
+        chakra2.div,
+        {
+          gridArea: "heading",
+          className: classNames.heading,
+          css: styles.heading,
+          children: [
+            typeof title === "string" ? /* @__PURE__ */ jsx3(PageTitle, { children: title }) : title,
+            typeof description === "string" ? /* @__PURE__ */ jsx3(PageDescription, { children: description }) : description
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(chakra2.header, { ref, css, ...rest, className: props.className, children: [
+      React2.isValidElement(nav) ? React2.cloneElement(nav, {
+        gridArea: "nav"
+      }) : null,
+      heading,
+      React2.isValidElement(actions) ? React2.cloneElement(actions, {
+        gridArea: "actions"
+      }) : null,
+      React2.isValidElement(footer) ? React2.cloneElement(footer, {
+        gridArea: "footer"
+      }) : null
+    ] });
+  }),
+  "header"
+);
+var PageHeaderSection = withContext2(
+  "div",
+  "section"
+);
+var PageTitle = withContext2(
+  "h2",
+  "title"
+);
+var PageDescription = withContext2(
+  "div",
+  "description"
+);
+var PageBody = withContext2(
+  forwardRef3((props, ref) => {
+    const { children, ...rest } = props;
+    const { loading, skeleton } = usePageContext();
+    let content = children;
+    if (loading) {
+      content = skeleton || /* @__PURE__ */ jsx3(loading_overlay_exports.Root, { children: /* @__PURE__ */ jsx3(loading_overlay_exports.Spinner, {}) });
+    }
+    return /* @__PURE__ */ jsx3(chakra2.div, { ref, ...rest, children: content });
+  }),
+  "body"
+);
+PageBody.displayName = "PageBody";
+export {
+  page_exports as Page,
+  usePageStyles
+};

package/dist/{components/pagination → pagination}/index.cjs

@@ -186,6 +186,13 @@ var InfoIcon = createIcon({
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
   ] })
 });
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
 
 // src/components/pagination/pagination.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/{components/pagination → pagination}/index.d.cts

@@ -1,6 +1,6 @@
 import * as _ark_ui_react from '@ark-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Pagination } from '@chakra-ui/react/pagination';
 import { TextProps } from '@chakra-ui/react/typography';
 import { ButtonProps } from '@chakra-ui/react/button';
@@ -10,19 +10,19 @@ interface RootProps extends Omit<Pagination.RootProps, 'type'> {
     size?: ButtonProps['size'];
     variant?: PaginationVariant;
 }
-declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
-declare const Ellipsis: react.ForwardRefExoticComponent<Pagination.EllipsisProps & react.RefAttributes<HTMLDivElement>>;
-declare const Item: react.ForwardRefExoticComponent<Pagination.ItemProps & react.RefAttributes<HTMLButtonElement>>;
-declare const PrevButton: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextButton: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: React$1.ForwardRefExoticComponent<RootProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Ellipsis: React$1.ForwardRefExoticComponent<Pagination.EllipsisProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Item: React$1.ForwardRefExoticComponent<Pagination.ItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PrevButton: React$1.ForwardRefExoticComponent<Pagination.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NextButton: React$1.ForwardRefExoticComponent<Pagination.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const Items: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
 interface PageTextProps extends TextProps {
     format?: 'short' | 'compact' | 'long';
 }
-declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
-declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
+declare const PageText: React$1.ForwardRefExoticComponent<PageTextProps & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const PrevTrigger: React$1.ForwardRefExoticComponent<Pagination.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NextTrigger: React$1.ForwardRefExoticComponent<Pagination.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.PaginationContextProps) => React$1.ReactNode;
 
 declare const pagination_Context: typeof Context;
 declare const pagination_Ellipsis: typeof Ellipsis;

package/dist/{components/pagination → pagination}/index.d.ts

@@ -1,6 +1,6 @@
 import * as _ark_ui_react from '@ark-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Pagination } from '@chakra-ui/react/pagination';
 import { TextProps } from '@chakra-ui/react/typography';
 import { ButtonProps } from '@chakra-ui/react/button';
@@ -10,19 +10,19 @@ interface RootProps extends Omit<Pagination.RootProps, 'type'> {
     size?: ButtonProps['size'];
     variant?: PaginationVariant;
 }
-declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
-declare const Ellipsis: react.ForwardRefExoticComponent<Pagination.EllipsisProps & react.RefAttributes<HTMLDivElement>>;
-declare const Item: react.ForwardRefExoticComponent<Pagination.ItemProps & react.RefAttributes<HTMLButtonElement>>;
-declare const PrevButton: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextButton: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: React$1.ForwardRefExoticComponent<RootProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Ellipsis: React$1.ForwardRefExoticComponent<Pagination.EllipsisProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Item: React$1.ForwardRefExoticComponent<Pagination.ItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PrevButton: React$1.ForwardRefExoticComponent<Pagination.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NextButton: React$1.ForwardRefExoticComponent<Pagination.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const Items: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
 interface PageTextProps extends TextProps {
     format?: 'short' | 'compact' | 'long';
 }
-declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
-declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
+declare const PageText: React$1.ForwardRefExoticComponent<PageTextProps & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const PrevTrigger: React$1.ForwardRefExoticComponent<Pagination.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NextTrigger: React$1.ForwardRefExoticComponent<Pagination.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.PaginationContextProps) => React$1.ReactNode;
 
 declare const pagination_Context: typeof Context;
 declare const pagination_Ellipsis: typeof Ellipsis;

package/dist/pagination/index.js

@@ -0,0 +1,223 @@
+'use client'
+import {
+  Button,
+  IconButton
+} from "../chunk-A4CVFWTP.js";
+import {
+  __export
+} from "../chunk-RTMS5TJN.js";
+
+// src/components/pagination/pagination.tsx
+var pagination_exports = {};
+__export(pagination_exports, {
+  Context: () => Context,
+  Ellipsis: () => Ellipsis,
+  Item: () => Item,
+  Items: () => Items,
+  NextButton: () => NextButton,
+  NextTrigger: () => NextTrigger,
+  PageText: () => PageText,
+  PrevButton: () => PrevButton,
+  PrevTrigger: () => PrevTrigger,
+  Root: () => Root
+});
+import { forwardRef, useMemo } from "react";
+import {
+  Pagination as ChakraPagination,
+  usePaginationContext
+} from "@chakra-ui/react/pagination";
+import { Text } from "@chakra-ui/react/typography";
+import { createContext } from "@saas-ui/core/utils";
+
+// src/components/icons/create-icon.tsx
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
+var createIcon = (props) => {
+  return _createIcon({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ jsx("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/pagination/pagination.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var [RootPropsProvider, useRootProps] = createContext({
+  name: "RootPropsProvider"
+});
+var variantMap = {
+  outline: { default: "ghost", ellipsis: "plain", current: "outline" },
+  solid: { default: "outline", ellipsis: "outline", current: "solid" },
+  subtle: { default: "ghost", ellipsis: "plain", current: "subtle" }
+};
+var Root = forwardRef(
+  function PaginationRoot(props, ref) {
+    const { size = "sm", variant = "outline", ...rest } = props;
+    return /* @__PURE__ */ jsx2(RootPropsProvider, { value: { size, variantMap: variantMap[variant] }, children: /* @__PURE__ */ jsx2(ChakraPagination.Root, { ref, type: "button", ...rest }) });
+  }
+);
+var Ellipsis = forwardRef(function PaginationEllipsis(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx2(ChakraPagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx2(Button, { as: "span", variant: variantMap2.ellipsis, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx2(EllipsisIcon, {}) }) });
+});
+var Item = forwardRef(
+  function PaginationItem(props, ref) {
+    const { page } = usePaginationContext();
+    const { size, variantMap: variantMap2 } = useRootProps();
+    const current = page === props.value;
+    const variant = current ? variantMap2.current : variantMap2.default;
+    return /* @__PURE__ */ jsx2(ChakraPagination.Item, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant, size, children: props.value }) });
+  }
+);
+var PrevButton = forwardRef(function PaginationPrevTrigger(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx2(ChakraPagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx2(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx2(ChevronLeftIcon, {}) }) });
+});
+var NextButton = forwardRef(function PaginationNextTrigger(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx2(ChakraPagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx2(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx2(ChevronRightIcon, {}) }) });
+});
+var Items = (props) => {
+  return /* @__PURE__ */ jsx2(ChakraPagination.Context, { children: ({ pages }) => pages.map((page, index) => {
+    return page.type === "ellipsis" ? /* @__PURE__ */ jsx2(Ellipsis, { index, ...props }, index) : /* @__PURE__ */ jsx2(Item, { type: "page", value: page.value, ...props }, index);
+  }) });
+};
+var PageText = forwardRef(
+  function PaginationPageText(props, ref) {
+    const { format = "compact", ...rest } = props;
+    const { page, pages, pageRange, count } = usePaginationContext();
+    const content = useMemo(() => {
+      if (format === "short") return `${page} / ${pages.length}`;
+      if (format === "compact") return `${page} of ${pages.length}`;
+      return `${pageRange.start + 1} - ${pageRange.end} of ${count}`;
+    }, [format, page, pages.length, pageRange, count]);
+    return /* @__PURE__ */ jsx2(Text, { fontWeight: "medium", ref, ...rest, children: content });
+  }
+);
+var PrevTrigger = ChakraPagination.PrevTrigger;
+var NextTrigger = ChakraPagination.NextTrigger;
+var Context = ChakraPagination.Context;
+export {
+  pagination_exports as Pagination
+};

package/dist/{components/password-input → password-input}/index.cjs

@@ -36,8 +36,8 @@ __export(password_input_exports, {
 module.exports = __toCommonJS(password_input_exports);
 
 // src/components/password-input/password-input.tsx
-var import_react5 = require("react");
-var import_react6 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var import_react2 = __toESM(require("react"), 1);
@@ -208,60 +208,32 @@ var IconButton = (0, import_react3.forwardRef)(
   }
 );
 
-// src/components/input-group/input-group.tsx
-var import_react4 = require("react");
-var import_group = require("@chakra-ui/react/group");
-
 // src/components/input/index.ts
 var import_input = require("@chakra-ui/react/input");
 
-// src/components/input-group/input-group.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var InputGroup = (0, import_react4.forwardRef)(
-  function InputGroup2(props, ref) {
-    const {
-      startElement,
-      startElementProps,
-      endElement,
-      endElementProps,
-      children,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_group.Group, { ref, display: "flex", ...rest, children: [
-      startElement && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_input.InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
-      (0, import_react4.isValidElement)(children) && (0, import_react4.cloneElement)(children, {
-        ...startElement && { ps: "calc(var(--input-height) - 6px)" },
-        ...endElement && { pe: "calc(var(--input-height) - 6px)" },
-        ...children.props
-      }),
-      endElement && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_input.InputElement, { placement: "end", ...endElementProps, children: endElement })
-    ] });
-  }
-);
-
 // src/components/password-input/password-input.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PasswordInput = (0, import_react5.forwardRef)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PasswordInput = (0, import_react4.forwardRef)(
   function PasswordInput2(props, ref) {
     const {
       rootProps,
       defaultVisible,
       visible: visibleProp,
       onVisibleChange,
-      visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LuEyeOff, {}) },
+      visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LuEyeOff, {}) },
       ...rest
     } = props;
-    const [visible, setVisible] = (0, import_react6.useControllableState)({
+    const [visible, setVisible] = (0, import_react5.useControllableState)({
       value: visibleProp,
       defaultValue: defaultVisible || false,
       onChange: onVisibleChange
     });
-    const inputRef = (0, import_react5.useRef)(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      InputGroup,
+    const inputRef = (0, import_react4.useRef)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_input.InputGroup,
       {
         width: "full",
-        endElement: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        endElement: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           VisibilityTrigger,
           {
             disabled: rest.disabled,
@@ -275,11 +247,11 @@ var PasswordInput = (0, import_react5.forwardRef)(
           }
         ),
         ...rootProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_input.Input,
           {
             ...rest,
-            ref: (0, import_react6.mergeRefs)(ref, inputRef),
+            ref: (0, import_react5.mergeRefs)(ref, inputRef),
             type: visible ? "text" : "password"
           }
         )
@@ -287,9 +259,9 @@ var PasswordInput = (0, import_react5.forwardRef)(
     );
   }
 );
-var VisibilityTrigger = (0, import_react5.forwardRef)(
+var VisibilityTrigger = (0, import_react4.forwardRef)(
   function VisibilityTrigger2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       IconButton,
       {
         tabIndex: -1,

package/dist/{components/password-input → password-input}/index.d.cts

@@ -1,12 +1,10 @@
-import * as react from 'react';
-import { InputGroupProps } from '../input-group/index.cjs';
-import { InputProps } from '@chakra-ui/react/input';
-import '@chakra-ui/react/group';
+import * as React$1 from 'react';
+import { InputProps, InputGroupProps } from '@chakra-ui/react/input';
 
 interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
     rootProps?: InputGroupProps;
 }
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<HTMLInputElement>>;
 interface PasswordVisibilityProps {
     defaultVisible?: boolean;
     visible?: boolean;

package/dist/{components/password-input → password-input}/index.d.ts

@@ -1,12 +1,10 @@
-import * as react from 'react';
-import { InputGroupProps } from '../input-group/index.js';
-import { InputProps } from '@chakra-ui/react/input';
-import '@chakra-ui/react/group';
+import * as React$1 from 'react';
+import { InputProps, InputGroupProps } from '@chakra-ui/react/input';
 
 interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
     rootProps?: InputGroupProps;
 }
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<HTMLInputElement>>;
 interface PasswordVisibilityProps {
     defaultVisible?: boolean;
     visible?: boolean;

package/dist/{chunk-T7XRS654.js → password-input/index.js}

@@ -1,13 +1,12 @@
 'use client'
 import {
+  Input,
   InputGroup
-} from "./chunk-HKMYYESV.js";
-import {
-  Input
-} from "./chunk-5MTFSSOH.js";
+} from "../chunk-BFWNUE2X.js";
 import {
   IconButton
-} from "./chunk-OJZPPAT6.js";
+} from "../chunk-A4CVFWTP.js";
+import "../chunk-RTMS5TJN.js";
 
 // src/components/password-input/password-input.tsx
 import { forwardRef, useRef } from "react";
@@ -226,7 +225,6 @@ var VisibilityTrigger = forwardRef(
     );
   }
 );
-
 export {
   PasswordInput
 };