@bigbinary/neeto-atoms 1.0.9 → 1.0.10

package/dist/components/Input.js

@@ -1,165 +1,18 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId, useState } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
-import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from '../primitives/InputGroup.js';
+export { I as Input } from '../Input-C1gcv9o2.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Field.js';
 import '../index-D7Zy7P05.js';
 import '../label-B4qDF3W1.js';
 import '../index-DhnfW8wQ.js';
 import 'react-dom';
 import '../index-BtkPdosV.js';
 import '../separator-BbhgePmX.js';
+import '../primitives/InputGroup.js';
 import '../input-group-ytECR3Hw.js';
 import '../button-COIbN8dg.js';
 import '../index-CfriMyrd.js';
 import '../input-GLCCE2kT.js';
 import '../textarea-BSZwxzjQ.js';
-
-// ---------------------------------------------------------------------------
-// Size config
-// ---------------------------------------------------------------------------
-const SIZE_CONFIG = {
-    small: { group: "h-7", input: "text-xs px-2", addon: "px-1.5" },
-    medium: { group: "h-8", input: "text-sm", addon: "px-2" },
-    large: { group: "h-10", input: "text-sm", addon: "px-2.5" },
-};
-// ---------------------------------------------------------------------------
-// Utilities (ported from neeto-ui, no external deps)
-// ---------------------------------------------------------------------------
-function toFixed(numStr, prec) {
-    const num = Number(numStr);
-    if (Number.isNaN(num))
-        return numStr;
-    return num.toFixed(prec);
-}
-function formatWithPrecision(value, precision) {
-    if (precision < 0 || !value)
-        return value;
-    const str = value.toString();
-    const trimmed = str.trim();
-    if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
-        return toFixed(str, precision);
-    return str;
-}
-function enforceDecimalPrecision(value, precision) {
-    if (precision < 0 || !value)
-        return value;
-    const valueStr = value.toString();
-    if (precision === 0)
-        return valueStr.split(".")[0];
-    const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
-    if (regex.test(valueStr))
-        return value;
-    const parts = valueStr.split(".");
-    if (parts.length === 1)
-        return parts[0];
-    return `${parts[0]}.${parts[1].substring(0, precision)}`;
-}
-function formatWithRejectCharsRegex(value, rejectCharsRegex) {
-    if (!rejectCharsRegex)
-        return value;
-    const globalRegex = new RegExp(rejectCharsRegex, "g");
-    return value.replace(globalRegex, "");
-}
-function getTrimmedValue(value, disableTrimOnBlur) {
-    if (disableTrimOnBlur || typeof value !== "string")
-        return value;
-    return value.trim();
-}
-function preserveCursor(e, updateValueFn) {
-    const input = e.target;
-    const prevCursor = input.selectionStart;
-    const prevValue = input.value;
-    const updatedEvent = updateValueFn();
-    const lengthDiff = input.value.length - prevValue.length;
-    const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
-    requestAnimationFrame(() => {
-        if (document.activeElement !== input)
-            return;
-        if (input.type === "number")
-            return;
-        input.setSelectionRange(newCursor, newCursor);
-    });
-    return updatedEvent;
-}
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Input = forwardRef(({ size = "medium", type = "text", label = "", error = "", helpText = "", prefix = null, suffix = null, disabled = false, nakedInput = false, contentSize, required = false, maxLength, unlimitedChars = false, rejectCharsRegex, disableTrimOnBlur = false, precision = -1, labelProps, className = "", onBlur, onChange, value: controlledValue, ...otherProps }, ref) => {
-    const generatedId = useId();
-    const id = otherProps.id ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    // Controlled / uncontrolled value tracking
-    const [valueInternal, setValueInternal] = useState(controlledValue);
-    const isControlled = controlledValue !== undefined;
-    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
-    const valueLength = value?.toString().length || 0;
-    const isMaxLengthPresent = !!maxLength || maxLength === 0;
-    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
-    const maxLengthError = unlimitedChars && valueLength > maxLength;
-    // --- Handlers ---
-    const onChangeInternal = (e) => {
-        if (!isControlled) {
-            setValueInternal(e.target.value);
-        }
-        onChange?.(e);
-    };
-    const handleChange = (e) => {
-        if (type === "file") {
-            onChangeInternal(e);
-            return;
-        }
-        let formattedValue = formatWithRejectCharsRegex(e.target.value, rejectCharsRegex);
-        formattedValue = enforceDecimalPrecision(formattedValue, precision);
-        if (formattedValue !== e.target.value) {
-            preserveCursor(e, () => {
-                const syntheticEvent = Object.create(e, {
-                    target: { value: { ...e.target, value: formattedValue } },
-                });
-                e.target.value = formattedValue;
-                onChangeInternal(syntheticEvent);
-                return syntheticEvent;
-            });
-        }
-        else {
-            onChangeInternal(e);
-        }
-    };
-    const handleBlur = (e) => {
-        if (type === "file") {
-            onBlur?.(e);
-            return;
-        }
-        const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
-        const formattedValue = formatWithPrecision(trimmedValue, precision);
-        if (formattedValue !== undefined && formattedValue !== value) {
-            e.target.value = formattedValue.toString();
-            handleChange(e);
-        }
-        onBlur?.(e);
-    };
-    const handleWheel = (e) => {
-        if (type === "number")
-            e.target.blur();
-    };
-    // --- aria-describedby ---
-    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
-        .filter(Boolean)
-        .join(" ") || undefined;
-    // --- Render ---
-    const hasField = !!(label || error || helpText);
-    const sizeConfig = SIZE_CONFIG[size];
-    const inputGroup = (jsxs(InputGroup, { className: cn(sizeConfig.group, nakedInput &&
-            "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent", !!error &&
-            !nakedInput &&
-            "border-destructive ring-destructive/20 ring-3", !hasField && className), children: [prefix && (jsx(InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: jsx(InputGroupText, { children: prefix }) })), jsx(InputGroupInput, { ref: ref, id: id, type: type, disabled: disabled, required: required, size: contentSize, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn(sizeConfig.input, nakedInput && "px-0"), value: value, onBlur: handleBlur, onChange: handleChange, onWheel: handleWheel, ...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {}), ...otherProps }), suffix && (jsx(InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: jsx(InputGroupText, { children: suffix }) }))] }));
-    if (!hasField) {
-        return inputGroup;
-    }
-    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || isCharacterLimitVisible) && (jsxs("div", { className: "flex items-center justify-between", children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), isCharacterLimitVisible && (jsxs("span", { className: cn("text-xs tabular-nums", maxLengthError ? "text-destructive" : "text-muted-foreground"), children: [valueLength, "/", maxLength] }))] })), jsxs(FieldContent, { children: [inputGroup, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
-});
-Input.displayName = "Input";
-
-export { Input };
 //# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\"\n> {\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. */\n  prefix?: React.ReactNode;\n  /** Content rendered after the input. */\n  suffix?: React.ReactNode;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG = {\n  small: { group: \"h-7\", input: \"text-xs px-2\", addon: \"px-1.5\" },\n  medium: { group: \"h-8\", input: \"text-sm\", addon: \"px-2\" },\n  large: { group: \"h-10\", input: \"text-sm\", addon: \"px-2.5\" },\n};\n\n// ---------------------------------------------------------------------------\n// Utilities (ported from neeto-ui, no external deps)\n// ---------------------------------------------------------------------------\n\nfunction toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nfunction formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nfunction enforceDecimalPrecision(value: string, precision: number): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nfunction formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nfunction getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nfunction preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  });\n\n  return updatedEvent;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon align=\"inline-start\" className={sizeConfig.addon}>\n            <InputGroupText>{prefix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addon}>\n            <InputGroupText>{suffix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -10,6 +10,6 @@ export interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {
     className?: string;
 }
 declare const KbdNamespace: React.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Group: (props: React.ComponentProps<typeof import("../shadcn/components/kbd").KbdGroup>) => import("react/jsx-runtime").JSX.Element;
+    Group: (props: React.ComponentProps<typeof import("../../shadcn/components/kbd").KbdGroup>) => import("react/jsx-runtime").JSX.Element;
 };
 export { KbdNamespace as Kbd };

package/dist/components/Kbd/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDE_MAP: Record<string, "top" | "right" | "bottom" | "left">;

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

@@ -0,0 +1,2 @@
+export { Kbd } from "./Kbd";
+export type { KbdProps } from "./Kbd";

package/dist/components/Kbd.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { Kbd as Kbd$1, KbdGroup as KbdGroup$1 } from '../primitives/Kbd.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../primitives/Tooltip.js';
-import '../tooltip-DzjIJacP.js';
+export { K as Kbd } from '../Kbd-EqbC0bua.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Kbd.js';
+import '../primitives/Tooltip.js';
+import '../tooltip-XkHLgxlU.js';
 import '../index-DNzunGHb.js';
 import '../index-BtkPdosV.js';
 import '../index-CiyxEyB0.js';
@@ -13,49 +14,11 @@ import 'react-dom';
 import '../index-CSUSJzOJ.js';
 import '../index-zW4GjM5L.js';
 import '../index-DOzu5J1s.js';
-import '../index-ByEpUy7w.js';
-import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-C3hByjk3.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
 import '../index-BYZaLNq1.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
 import '../index-CSggBaQF.js';
-
-// ---------------------------------------------------------------------------
-// Position mapping
-// ---------------------------------------------------------------------------
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    "top-start": "top",
-    "top-end": "top",
-    "bottom-start": "bottom",
-    "bottom-end": "bottom",
-    "left-start": "left",
-    "left-end": "left",
-    "right-start": "right",
-    "right-end": "right",
-    auto: "top",
-};
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Kbd = forwardRef(({ tooltipProps, className, ...otherProps }, ref) => {
-    const kbd = (jsx(Kbd$1, { ref: ref, className: cn(className), ...otherProps }));
-    if (!tooltipProps?.content) {
-        return kbd;
-    }
-    const side = SIDE_MAP[tooltipProps.position ?? "auto"] ?? "top";
-    return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: kbd }), jsx(TooltipContent, { side: side, children: tooltipProps.content })] }) }));
-});
-Kbd.displayName = "Kbd";
-// ---------------------------------------------------------------------------
-// Compound: Kbd.Group
-// ---------------------------------------------------------------------------
-const KbdGroup = KbdGroup$1;
-const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
-
-export { KbdNamespace as Kbd };
 //# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Kbd as PrimitiveKbd,\n  KbdGroup as PrimitiveKbdGroup,\n} from \"src/primitives/Kbd\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {\n  /** Optional tooltip to display on hover. */\n  tooltipProps?: {\n    content?: React.ReactNode;\n    position?: string;\n  };\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Position mapping\n// ---------------------------------------------------------------------------\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ tooltipProps, className, ...otherProps }, ref) => {\n    const kbd = (\n      <PrimitiveKbd ref={ref} className={cn(className)} {...otherProps} />\n    );\n\n    if (!tooltipProps?.content) {\n      return kbd;\n    }\n\n    const side = SIDE_MAP[tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{kbd}</TooltipTrigger>\n          <TooltipContent side={side}>{tooltipProps.content}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\n// ---------------------------------------------------------------------------\n// Compound: Kbd.Group\n// ---------------------------------------------------------------------------\n\nconst KbdGroup = PrimitiveKbdGroup;\n\nconst KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });\n\nexport { KbdNamespace as Kbd };\n"],"names":["_jsx","PrimitiveKbd","_jsxs","PrimitiveKbdGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AAEA,MAAM,QAAQ,GAAwD;AACpE,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,aAAa,EAAE,OAAO;AACtB,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,IAAI,EAAE,KAAK;CACZ;AAED;AACA;AACA;AAEA,MAAM,GAAG,GAAG,UAAU,CACpB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;IAClD,MAAM,GAAG,IACPA,GAAA,CAACC,KAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,UAAU,EAAA,CAAI,CACrE;AAED,IAAA,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE;AAC1B,QAAA,OAAO,GAAG;IACZ;AAEA,IAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK;AAE/D,IAAA,QACED,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdE,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CACNF,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAAE,GAAG,EAAA,CAAkB,EAC9CA,GAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,YAAY,CAAC,OAAO,EAAA,CAAkB,CAAA,EAAA,CAC3D,EAAA,CACM;AAEtB,CAAC,CACF;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;AAEvB;AACA;AACA;AAEA,MAAM,QAAQ,GAAGG,UAAiB;AAElC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;;;;"}
+{"version":3,"file":"Kbd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Label/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDE_MAP: Record<string, "top" | "right" | "bottom" | "left">;

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

@@ -0,0 +1,2 @@
+export { Label } from "./Label";
+export type { LabelProps } from "./Label";

package/dist/components/Label.js

@@ -1,89 +1,37 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { r as renderIcon } from '../renderIcon-tlvMyboj.js';
-import { Label as Label$1 } from '../primitives/Label.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../primitives/Tooltip.js';
-import { Popover } from './Popover.js';
-import { Button } from './Button.js';
-import { c as createLucideIcon } from '../createLucideIcon-C8ycilSN.js';
+export { L as Label } from '../Label-BVy4hy9Z.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../renderIcon-tlvMyboj.js';
+import '../primitives/Label.js';
 import '../label-B4qDF3W1.js';
 import '../index-DhnfW8wQ.js';
 import 'react-dom';
 import '../index-BtkPdosV.js';
-import '../tooltip-DzjIJacP.js';
+import '../primitives/Tooltip.js';
+import '../tooltip-XkHLgxlU.js';
 import '../index-DNzunGHb.js';
 import '../index-CiyxEyB0.js';
 import '../index-BNPynZWM.js';
 import '../index-CSUSJzOJ.js';
 import '../index-zW4GjM5L.js';
 import '../index-DOzu5J1s.js';
-import '../index-ByEpUy7w.js';
-import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-C3hByjk3.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
 import '../index-BYZaLNq1.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
 import '../index-CSggBaQF.js';
+import '../Popover-BFMrtVPq.js';
 import '../index-D7Zy7P05.js';
 import '../primitives/HoverCard.js';
+import '../Button-Q7MPG6ph.js';
 import '../primitives/Button.js';
 import '../button-COIbN8dg.js';
 import '../index-CfriMyrd.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
-
-// ---------------------------------------------------------------------------
-// Tooltip side mapping
-// ---------------------------------------------------------------------------
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    auto: "top",
-};
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Label = forwardRef(({ required, helpIconProps, className, children, ...otherProps }, ref) => {
-    const helpIcon = helpIconProps?.icon ?? CircleQuestionMark;
-    const iconElement = (jsx("span", { className: cn("inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground", helpIconProps?.onClick && "cursor-pointer", helpIconProps?.className), onClick: helpIconProps?.onClick, children: renderIcon(helpIcon, "size-3.5") }));
-    const renderHelpIcon = () => {
-        if (!helpIconProps)
-            return null;
-        // Popover mode
-        if (helpIconProps.popoverProps) {
-            const { title, description, helpLinkProps } = helpIconProps.popoverProps;
-            return (jsxs(Popover, { trigger: iconElement, children: [title && jsx(Popover.Title, { children: title }), description && (jsx("p", { className: "text-sm text-muted-foreground", children: description })), helpLinkProps && (jsx(Button, { variant: "link", size: "sm", className: "mt-1 h-auto self-start p-0", ...helpLinkProps, href: helpLinkProps.href }))] }));
-        }
-        // Tooltip mode
-        if (helpIconProps.tooltipProps?.content) {
-            const side = SIDE_MAP[helpIconProps.tooltipProps.position ?? "auto"] ?? "top";
-            return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: iconElement }), jsx(TooltipContent, { side: side, children: helpIconProps.tooltipProps.content })] }) }));
-        }
-        // Icon only (with optional onClick)
-        return iconElement;
-    };
-    return (jsxs(Label$1, { ref: ref, className: cn(className), ...otherProps, children: [children, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })), renderHelpIcon()] }));
-});
-Label.displayName = "Label";
-
-export { Label };
+import '../createLucideIcon-C8ycilSN.js';
 //# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/components/Label.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import React, { forwardRef } from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { Popover } from \"src/components/Popover\";\nimport { Button, type ButtonProps } from \"src/components/Button\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface HelpIconTooltipProps {\n  /** Tooltip content. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\ninterface HelpIconPopoverProps {\n  /** Popover title. */\n  title?: React.ReactNode;\n  /** Popover description. */\n  description?: React.ReactNode;\n  /** Props for an optional help link button inside the popover. */\n  helpLinkProps?: ButtonProps;\n}\n\ninterface HelpIconProps {\n  /** Click handler on the help icon. */\n  onClick?: () => void;\n  /** Custom icon. Defaults to CircleHelpIcon. */\n  icon?: IconProp;\n  /** Show a tooltip on hover. */\n  tooltipProps?: HelpIconTooltipProps;\n  /** Show a popover on hover with title, description, and optional link. */\n  popoverProps?: HelpIconPopoverProps;\n  /** Additional class name for the help icon. */\n  className?: string;\n}\n\nexport interface LabelProps extends React.ComponentProps<\n  typeof PrimitiveLabel\n> {\n  /** Shows a red asterisk after the label text. */\n  required?: boolean;\n  /** Props for the help icon (tooltip or popover mode). */\n  helpIconProps?: HelpIconProps;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Tooltip side mapping\n// ---------------------------------------------------------------------------\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"top\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ required, helpIconProps, className, children, ...otherProps }, ref) => {\n    const helpIcon = helpIconProps?.icon ?? CircleHelpIcon;\n\n    const iconElement = (\n      <span\n        className={cn(\n          \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n          helpIconProps?.onClick && \"cursor-pointer\",\n          helpIconProps?.className\n        )}\n        onClick={helpIconProps?.onClick}\n      >\n        {renderIcon(helpIcon, \"size-3.5\")}\n      </span>\n    );\n\n    const renderHelpIcon = () => {\n      if (!helpIconProps) return null;\n\n      // Popover mode\n      if (helpIconProps.popoverProps) {\n        const { title, description, helpLinkProps } =\n          helpIconProps.popoverProps;\n\n        return (\n          <Popover trigger={iconElement}>\n            {title && <Popover.Title>{title}</Popover.Title>}\n            {description && (\n              <p className=\"text-sm text-muted-foreground\">{description}</p>\n            )}\n            {helpLinkProps && (\n              <Button\n                variant=\"link\"\n                size=\"sm\"\n                className=\"mt-1 h-auto self-start p-0\"\n                {...helpLinkProps}\n                href={helpLinkProps.href}\n              />\n            )}\n          </Popover>\n        );\n      }\n\n      // Tooltip mode\n      if (helpIconProps.tooltipProps?.content) {\n        const side =\n          SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n        return (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n              <TooltipContent side={side}>\n                {helpIconProps.tooltipProps.content}\n              </TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        );\n      }\n\n      // Icon only (with optional onClick)\n      return iconElement;\n    };\n\n    return (\n      <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n        {children}\n        {required && (\n          <span aria-hidden=\"true\" className=\"text-destructive\">\n            *\n          </span>\n        )}\n        {renderHelpIcon()}\n      </PrimitiveLabel>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["CircleHelpIcon","_jsx","_jsxs","PrimitiveLabel"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MultiEmailInput/MultiEmailInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { MultiEmailInputProps } from "./types";
+export declare const MultiEmailInput: React.ForwardRefExoticComponent<MultiEmailInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/MultiEmailInput/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const EMAIL_REGEX: RegExp;
+export declare const UNSTRICT_EMAIL_REGEX: RegExp;
+export declare const EMAIL_SEPARATION_REGEX: RegExp;

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

@@ -0,0 +1,2 @@
+export { MultiEmailInput } from "./MultiEmailInput";
+export type { MultiEmailInputProps, EmailValue } from "./types";

package/dist/components/MultiEmailInput/types.d.ts

@@ -0,0 +1,53 @@
+import type React from "react";
+import type { FieldLabel } from "src/primitives/Field";
+export interface EmailValue {
+    /** Display text for the email chip. */
+    label: string;
+    /** The email address string. */
+    value: string;
+    /** Whether the email passes regex validation. */
+    valid: boolean;
+}
+export interface MultiEmailInputProps {
+    /** Text displayed above the input. */
+    label?: string;
+    /** Placeholder text when no emails are added. */
+    placeholder?: string;
+    /** Help text displayed below the input. */
+    helpText?: React.ReactNode;
+    /** Error message displayed below the input. */
+    error?: string;
+    /** Controlled email values. */
+    value?: EmailValue[];
+    /** Callback fired when emails change. */
+    onChange?: (emails: EmailValue[]) => void;
+    /** Callback fired on blur when input is empty. */
+    onBlur?: () => void;
+    /** Disable the input. */
+    disabled?: boolean;
+    /** Mark as required (shows asterisk). */
+    required?: boolean;
+    /** Max height in pixels before the chip area scrolls. @default 200 */
+    maxHeight?: number;
+    /** Number of chips visible when blurred. @default 3 */
+    visibleEmailsCount?: number;
+    /** Show email counter next to label. */
+    counter?: boolean | {
+        label?: string;
+        startsFrom?: number;
+    };
+    /** Show a link to remove invalid emails alongside the error. */
+    filterInvalidEmails?: {
+        label?: string;
+    };
+    /** Never collapse chips, even when blurred. @default false */
+    isAlwaysExpanded?: boolean;
+    /** Content rendered before the chips (e.g. an icon). */
+    prefix?: React.ReactNode;
+    /** Content rendered after the chips (e.g. a domain label). */
+    suffix?: React.ReactNode;
+    /** Props forwarded to the FieldLabel. */
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    /** Additional CSS class names for the outermost wrapper. */
+    className?: string;
+}

package/dist/components/MultiEmailInput/useMultiEmailState.d.ts

@@ -0,0 +1,18 @@
+import type { MultiEmailInputProps } from "./types";
+export declare function useMultiEmailState(props: MultiEmailInputProps): {
+    inputValue: string;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isFocused: boolean;
+    duplicateEmails: string[];
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handlePaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handleFocus: () => void;
+    handleChipRemove: (emailValue: string) => void | undefined;
+    handleFilterInvalidEmails: () => void | undefined;
+    isCounterVisible: boolean;
+    validCount: number;
+    visibleEmails: import("./types").EmailValue[];
+    hiddenCount: number;
+    isFilterLinkVisible: boolean;
+};

package/dist/components/MultiEmailInput/utils.d.ts

@@ -0,0 +1,9 @@
+import type { EmailValue } from "./types";
+export declare const formatEmailInputOption: (email: string) => EmailValue;
+export declare const pruneDuplicates: (existing: EmailValue[], newEmailStrings: string[]) => {
+    uniqueEmails: EmailValue[];
+    duplicates: string[];
+};
+export declare const filterValidEmails: (emails: EmailValue[]) => EmailValue[];
+export declare const pluralizeEmail: (count: number) => string;
+export declare const formatDuplicateWarning: (duplicates: string[]) => string;

package/dist/components/MultiEmailInput.js

@@ -0,0 +1,14 @@
+export { M as MultiEmailInput } from '../MultiEmailInput-SCTYovtX.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/components/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { Pagination as PrimitivePagination } from "src/primitives/Pagination";
+export interface PaginationProps extends Omit<React.ComponentProps<typeof PrimitivePagination>, "children"> {
+    /** Total number of items. */
+    count: number;
+    /** Current page number (1-based). */
+    pageNo: number;
+    /** Number of items per page. */
+    pageSize: number;
+    /** Number of sibling pages to show around the current page. */
+    siblingCount?: number;
+    /** Callback when a page is selected. */
+    navigate?: (page: number) => void;
+    /** Additional CSS class names. */
+    className?: string;
+}
+declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Pagination };

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

@@ -0,0 +1 @@
+export declare const DOTS: "...";

package/dist/components/Pagination/hooks/usePaginationRange.d.ts

@@ -0,0 +1,7 @@
+import { DOTS } from "../constants";
+export declare function usePaginationRange({ count, pageSize, siblingCount, pageNo, }: {
+    count: number;
+    pageSize: number;
+    siblingCount: number;
+    pageNo: number;
+}): (number | typeof DOTS)[];

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

@@ -0,0 +1,2 @@
+export { Pagination } from "./Pagination";
+export type { PaginationProps } from "./Pagination";

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

@@ -0,0 +1 @@
+export declare function range(start: number, end: number): number[];

package/dist/components/Pagination.js

@@ -0,0 +1,15 @@
+export { P as Pagination } from '../Pagination-DSc9yXPy.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Pagination.js';
+import 'react-i18next';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../chevron-left-BDoT8E2-.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../ellipsis-lb8Ws6br.js';
+import '../chevron-right-DQnrO-ek.js';
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}