@grupor5/raya 0.2.1 → 0.2.3

package/dist/atoms/textarea/index.js

@@ -0,0 +1,125 @@
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Textarea = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, error, helperText, label, required, id, maxLength, value, onChange, defaultValue } = _b, props = __objRest(_b, ["className", "error", "helperText", "label", "required", "id", "maxLength", "value", "onChange", "defaultValue"]);
+    const textareaId = id || `textarea-${React__namespace.useId()}`;
+    const [charCount, setCharCount] = React__namespace.useState(String(defaultValue || "").length);
+    const isControlled = value !== void 0;
+    const currentLength = isControlled ? String(value).length : charCount;
+    const handleOnChange = (e) => {
+      if (!isControlled) {
+        setCharCount(e.target.value.length);
+      }
+      if (onChange) {
+        onChange(e);
+      }
+    };
+    const displayCounter = typeof maxLength === "number";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-2", children: [
+      (label || displayCounter) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+        label ? /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: textareaId,
+            className: cn(
+              "text-body-xs font-normal leading-none",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              required && "after:content-['*'] after:text-destructive after:ml-1"
+            ),
+            children: label
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+        " ",
+        displayCounter && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-body-xs font-normal text-muted-foreground", children: [
+          currentLength,
+          "/",
+          maxLength
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        __spreadValues({
+          id: textareaId,
+          className: cn(
+            "flex min-h-[80px] w-full rounded-lg border border-primary-600 bg-background px-3 py-2 text-body-sm",
+            "placeholder:text-muted-foreground",
+            "focus-visible:outline-none focus-visible:shadow-focus",
+            "active:shadow-pressed",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-destructive focus-visible:shadow-destructive",
+            className
+          ),
+          ref,
+          maxLength,
+          value,
+          defaultValue,
+          onChange: handleOnChange,
+          "aria-invalid": error ? "true" : "false",
+          "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : void 0
+        }, props)
+      ),
+      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${textareaId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${textareaId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;

package/dist/atoms/textarea/index.mjs

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Textarea = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, error, helperText, label, required, id, maxLength, value, onChange, defaultValue } = _b, props = __objRest(_b, ["className", "error", "helperText", "label", "required", "id", "maxLength", "value", "onChange", "defaultValue"]);
+    const textareaId = id || `textarea-${React.useId()}`;
+    const [charCount, setCharCount] = React.useState(String(defaultValue || "").length);
+    const isControlled = value !== void 0;
+    const currentLength = isControlled ? String(value).length : charCount;
+    const handleOnChange = (e) => {
+      if (!isControlled) {
+        setCharCount(e.target.value.length);
+      }
+      if (onChange) {
+        onChange(e);
+      }
+    };
+    const displayCounter = typeof maxLength === "number";
+    return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2", children: [
+      (label || displayCounter) && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        label ? /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: textareaId,
+            className: cn(
+              "text-body-xs font-normal leading-none",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              required && "after:content-['*'] after:text-destructive after:ml-1"
+            ),
+            children: label
+          }
+        ) : /* @__PURE__ */ jsx("div", {}),
+        " ",
+        displayCounter && /* @__PURE__ */ jsxs("span", { className: "text-body-xs font-normal text-muted-foreground", children: [
+          currentLength,
+          "/",
+          maxLength
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        __spreadValues({
+          id: textareaId,
+          className: cn(
+            "flex min-h-[80px] w-full rounded-lg border border-primary-600 bg-background px-3 py-2 text-body-sm",
+            "placeholder:text-muted-foreground",
+            "focus-visible:outline-none focus-visible:shadow-focus",
+            "active:shadow-pressed",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-destructive focus-visible:shadow-destructive",
+            className
+          ),
+          ref,
+          maxLength,
+          value,
+          defaultValue,
+          onChange: handleOnChange,
+          "aria-invalid": error ? "true" : "false",
+          "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : void 0
+        }, props)
+      ),
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: `${textareaId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
+      error && /* @__PURE__ */ jsx("p", { id: `${textareaId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };

package/dist/atoms/typography/index.d.mts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "display-l" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+declare const Title: React.ForwardRefExoticComponent<Omit<TypographyProps, "as"> & {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+} & React.RefAttributes<HTMLHeadingElement>>;
+
+type ParagraphProps = Omit<TypographyProps, 'as'>;
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Paragraph, Title, Typography, type TypographyProps, typographyVariants };

package/dist/atoms/typography/index.d.ts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "display-l" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+declare const Title: React.ForwardRefExoticComponent<Omit<TypographyProps, "as"> & {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+} & React.RefAttributes<HTMLHeadingElement>>;
+
+type ParagraphProps = Omit<TypographyProps, 'as'>;
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Paragraph, Title, Typography, type TypographyProps, typographyVariants };

package/dist/atoms/typography/index.js

@@ -0,0 +1,140 @@
+'use strict';
+
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var typographyVariants = classVarianceAuthority.cva("font-primary", {
+  variants: {
+    variant: {
+      "display-l": "text-display-l",
+      "heading-xl": "text-heading-xl",
+      "heading-lg": "text-heading-lg",
+      "heading-md": "text-heading-md",
+      "heading-sm": "text-heading-sm",
+      "subheading-lg": "text-subheading-lg",
+      "subheading-md": "text-subheading-md",
+      "subheading-sm": "text-subheading-sm",
+      "body-bold-lg": "text-body-bold-lg",
+      "body-bold-md": "text-body-bold-md",
+      "body-bold-sm": "text-body-bold-sm",
+      "body-bold-xs": "text-body-bold-xs",
+      "body-lg": "text-body-lg",
+      "body-md": "text-body-md",
+      "body-sm": "text-body-sm",
+      "body-xs": "text-body-xs",
+      "caption-c1": "text-caption-c1"
+    }
+  },
+  defaultVariants: {
+    variant: "body-md"
+  }
+});
+var Typography = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, as: Component = "p" } = _b, props = __objRest(_b, ["className", "variant", "as"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      __spreadValues({
+        className: cn(typographyVariants({ variant, className })),
+        ref
+      }, props)
+    );
+  }
+);
+Typography.displayName = "Typography";
+var levelMapping = {
+  1: { as: "h1", variant: "display-l" },
+  2: { as: "h2", variant: "heading-xl" },
+  3: { as: "h3", variant: "heading-lg" },
+  4: { as: "h4", variant: "heading-md" },
+  5: { as: "h5", variant: "heading-sm" },
+  6: { as: "h6", variant: "subheading-lg" }
+};
+var Title = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { level, variant } = _b, props = __objRest(_b, ["level", "variant"]);
+    const { as, variant: defaultVariant } = levelMapping[level];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Typography,
+      __spreadValues({
+        ref,
+        as,
+        variant: variant || defaultVariant
+      }, props)
+    );
+  }
+);
+Title.displayName = "Title";
+var Paragraph = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { variant = "body-md" } = _b, props = __objRest(_b, ["variant"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Typography,
+      __spreadValues({
+        ref,
+        as: "p",
+        variant
+      }, props)
+    );
+  }
+);
+Paragraph.displayName = "Paragraph";
+
+exports.Paragraph = Paragraph;
+exports.Title = Title;
+exports.Typography = Typography;
+exports.typographyVariants = typographyVariants;

package/dist/atoms/typography/index.mjs

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var typographyVariants = cva("font-primary", {
+  variants: {
+    variant: {
+      "display-l": "text-display-l",
+      "heading-xl": "text-heading-xl",
+      "heading-lg": "text-heading-lg",
+      "heading-md": "text-heading-md",
+      "heading-sm": "text-heading-sm",
+      "subheading-lg": "text-subheading-lg",
+      "subheading-md": "text-subheading-md",
+      "subheading-sm": "text-subheading-sm",
+      "body-bold-lg": "text-body-bold-lg",
+      "body-bold-md": "text-body-bold-md",
+      "body-bold-sm": "text-body-bold-sm",
+      "body-bold-xs": "text-body-bold-xs",
+      "body-lg": "text-body-lg",
+      "body-md": "text-body-md",
+      "body-sm": "text-body-sm",
+      "body-xs": "text-body-xs",
+      "caption-c1": "text-caption-c1"
+    }
+  },
+  defaultVariants: {
+    variant: "body-md"
+  }
+});
+var Typography = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, as: Component = "p" } = _b, props = __objRest(_b, ["className", "variant", "as"]);
+    return /* @__PURE__ */ jsx(
+      Component,
+      __spreadValues({
+        className: cn(typographyVariants({ variant, className })),
+        ref
+      }, props)
+    );
+  }
+);
+Typography.displayName = "Typography";
+var levelMapping = {
+  1: { as: "h1", variant: "display-l" },
+  2: { as: "h2", variant: "heading-xl" },
+  3: { as: "h3", variant: "heading-lg" },
+  4: { as: "h4", variant: "heading-md" },
+  5: { as: "h5", variant: "heading-sm" },
+  6: { as: "h6", variant: "subheading-lg" }
+};
+var Title = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { level, variant } = _b, props = __objRest(_b, ["level", "variant"]);
+    const { as, variant: defaultVariant } = levelMapping[level];
+    return /* @__PURE__ */ jsx(
+      Typography,
+      __spreadValues({
+        ref,
+        as,
+        variant: variant || defaultVariant
+      }, props)
+    );
+  }
+);
+Title.displayName = "Title";
+var Paragraph = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { variant = "body-md" } = _b, props = __objRest(_b, ["variant"]);
+    return /* @__PURE__ */ jsx(
+      Typography,
+      __spreadValues({
+        ref,
+        as: "p",
+        variant
+      }, props)
+    );
+  }
+);
+Paragraph.displayName = "Paragraph";
+
+export { Paragraph, Title, Typography, typographyVariants };

package/dist/hooks/index.d.mts

@@ -0,0 +1 @@
+export { useModal } from './useModal.mjs';

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useModal } from './useModal.js';

package/dist/hooks/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useModal.ts
+function useModal(initialOpen = false) {
+  const [open, setOpen] = react.useState(initialOpen);
+  function openModal() {
+    setOpen(true);
+  }
+  function closeModal() {
+    setOpen(false);
+  }
+  return { open, openModal, closeModal };
+}
+
+exports.useModal = useModal;

package/dist/hooks/index.mjs

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+// src/hooks/useModal.ts
+function useModal(initialOpen = false) {
+  const [open, setOpen] = useState(initialOpen);
+  function openModal() {
+    setOpen(true);
+  }
+  function closeModal() {
+    setOpen(false);
+  }
+  return { open, openModal, closeModal };
+}
+
+export { useModal };

package/dist/hooks/use-pagination.d.mts

@@ -0,0 +1,10 @@
+declare const DOTS = "...";
+interface UsePaginationProps {
+    totalCount: number;
+    pageSize: number;
+    siblingCount?: number;
+    currentPage: number;
+}
+declare const usePagination: ({ totalCount, pageSize, siblingCount, currentPage, }: UsePaginationProps) => (string | number)[];
+
+export { DOTS, type UsePaginationProps, usePagination };

package/dist/hooks/use-pagination.d.ts

@@ -0,0 +1,10 @@
+declare const DOTS = "...";
+interface UsePaginationProps {
+    totalCount: number;
+    pageSize: number;
+    siblingCount?: number;
+    currentPage: number;
+}
+declare const usePagination: ({ totalCount, pageSize, siblingCount, currentPage, }: UsePaginationProps) => (string | number)[];
+
+export { DOTS, type UsePaginationProps, usePagination };

package/dist/hooks/use-pagination.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/use-pagination.ts
+var DOTS = "...";
+var range = (start, end) => {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, idx) => idx + start);
+};
+var usePagination = ({
+  totalCount,
+  pageSize,
+  siblingCount = 1,
+  currentPage
+}) => {
+  const paginationRange = react.useMemo(() => {
+    const totalPageCount = Math.ceil(totalCount / pageSize);
+    if (totalPageCount <= 10) {
+      return range(1, totalPageCount);
+    }
+    const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+    const rightSiblingIndex = Math.min(
+      currentPage + siblingCount,
+      totalPageCount
+    );
+    const shouldShowLeftDots = leftSiblingIndex > 2;
+    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    const firstPageIndex = 1;
+    const lastPageIndex = totalPageCount;
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = 3 + 2 * siblingCount;
+      const leftRange = range(1, leftItemCount);
+      return [...leftRange, DOTS, totalPageCount];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = 3 + 2 * siblingCount;
+      const rightRange = range(
+        totalPageCount - rightItemCount + 1,
+        totalPageCount
+      );
+      return [firstPageIndex, DOTS, ...rightRange];
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+    }
+    return range(1, totalPageCount);
+  }, [totalCount, pageSize, siblingCount, currentPage]);
+  return paginationRange;
+};
+
+exports.DOTS = DOTS;
+exports.usePagination = usePagination;