@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/cjs/Label-DFkiC2Jk.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var primitives_Label = require('./primitives/Label.js');
+var primitives_Tooltip = require('./primitives/Tooltip.js');
+var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
+var Popover = require('./Popover-Br9hkU5i.js');
+var Button = require('./Button-BlNtYr1w.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.createLucideIcon("circle-question-mark", __iconNode);
+
+const SIDE_MAP = {
+  top: "top",
+  bottom: "bottom",
+  left: "left",
+  right: "right",
+  auto: "top"
+};
+
+const Label = React.forwardRef(
+  ({ required, helpIconProps, className, children, ...otherProps }, ref) => {
+    const helpIcon = helpIconProps?.icon ?? CircleQuestionMark;
+    const iconElement = /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground",
+          helpIconProps?.onClick && "cursor-pointer",
+          helpIconProps?.className
+        ),
+        onClick: helpIconProps?.onClick,
+        children: renderIcon.renderIcon(helpIcon, "size-3.5")
+      }
+    );
+    const renderHelpIcon = () => {
+      if (!helpIconProps) return null;
+      if (helpIconProps.popoverProps) {
+        const { title, description, helpLinkProps } = helpIconProps.popoverProps;
+        return /* @__PURE__ */ jsxRuntime.jsxs(Popover.Popover, { trigger: iconElement, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Title, { children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+          helpLinkProps && /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              variant: "link",
+              size: "sm",
+              className: "mt-1 h-auto self-start p-0",
+              ...helpLinkProps,
+              href: helpLinkProps.href
+            }
+          )
+        ] });
+      }
+      if (helpIconProps.tooltipProps?.content) {
+        const side = SIDE_MAP[helpIconProps.tooltipProps.position ?? "auto"] ?? "top";
+        return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: iconElement }),
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side, children: helpIconProps.tooltipProps.content })
+        ] }) });
+      }
+      return iconElement;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(primitives_Label.Label, { ref, className: utils.cn(className), ...otherProps, children: [
+      children,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }),
+      renderHelpIcon()
+    ] });
+  }
+);
+Label.displayName = "Label";
+
+exports.Label = Label;
+//# sourceMappingURL=Label-DFkiC2Jk.js.map

package/dist/cjs/Label-DFkiC2Jk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-DFkiC2Jk.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/components/Label/constants.ts","../../src/components/Label/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","export const 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","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\nimport { SIDE_MAP } from \"./constants\";\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\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":["createLucideIcon","forwardRef","CircleHelpIcon","jsx","cn","renderIcon","jsxs","Popover","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","PrimitiveLabel"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/MultiEmailInput-CPXODFvs.js

@@ -0,0 +1,264 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Field = require('./primitives/Field.js');
+var x = require('./x-Brw3FJst.js');
+
+const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\.[A-Z0-9-]+)*\.[A-Z]{2,}$/i;
+const UNSTRICT_EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g;
+const EMAIL_SEPARATION_REGEX = /[^\s,]+/g;
+
+const formatEmailInputOption = (email) => ({
+  label: email,
+  value: email,
+  valid: EMAIL_REGEX.test(email)
+});
+const pruneDuplicates = (existing, newEmailStrings) => {
+  const seen = new Set(existing.map((e) => e.value.toLowerCase()));
+  const duplicates = [];
+  const added = [];
+  for (const emailStr of newEmailStrings) {
+    const lower = emailStr.toLowerCase();
+    if (seen.has(lower)) {
+      duplicates.push(emailStr);
+    } else {
+      seen.add(lower);
+      added.push(formatEmailInputOption(emailStr));
+    }
+  }
+  return { uniqueEmails: [...existing, ...added], duplicates };
+};
+const filterValidEmails = (emails) => emails.filter((email) => email.valid);
+const pluralizeEmail = (count) => count === 1 ? "email" : "emails";
+const formatDuplicateWarning = (duplicates) => {
+  const count = duplicates.length;
+  return `Removed ${count} duplicate ${pluralizeEmail(count)} from the list: ${duplicates.join(", ")}`;
+};
+
+function useMultiEmailState(props) {
+  const {
+    value = [],
+    onChange,
+    onBlur,
+    visibleEmailsCount = 3,
+    isAlwaysExpanded = false,
+    counter,
+    filterInvalidEmails
+  } = props;
+  const [inputValue, setInputValue] = React.useState("");
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [duplicateEmails, setDuplicateEmails] = React.useState([]);
+  const addEmails = React.useCallback(
+    (input) => {
+      const trimmed = input.trim();
+      if (!trimmed) return;
+      UNSTRICT_EMAIL_REGEX.lastIndex = 0;
+      EMAIL_SEPARATION_REGEX.lastIndex = 0;
+      const emailMatches = trimmed.match(UNSTRICT_EMAIL_REGEX) || trimmed.match(EMAIL_SEPARATION_REGEX) || [];
+      if (emailMatches.length === 0) return;
+      const { uniqueEmails, duplicates } = pruneDuplicates(value, emailMatches);
+      onChange?.(uniqueEmails);
+      setDuplicateEmails(duplicates);
+      setInputValue("");
+    },
+    [value, onChange]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (!inputValue && event.key === "Backspace" && value.length > 0) {
+        onChange?.(value.slice(0, -1));
+        return;
+      }
+      if (!inputValue) return;
+      if (["Enter", "Tab", ",", " "].includes(event.key)) {
+        addEmails(inputValue);
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    [inputValue, value, onChange, addEmails]
+  );
+  const handlePaste = React.useCallback(
+    (event) => {
+      const text = event.clipboardData.getData("text");
+      if (!text) return;
+      event.preventDefault();
+      addEmails(text);
+    },
+    [addEmails]
+  );
+  const handleBlur = React.useCallback(() => {
+    if (inputValue) {
+      addEmails(inputValue);
+    } else {
+      onBlur?.();
+    }
+    setIsFocused(false);
+    setDuplicateEmails([]);
+  }, [inputValue, addEmails, onBlur]);
+  const handleFocus = React.useCallback(() => setIsFocused(true), []);
+  const handleChipRemove = React.useCallback(
+    (emailValue) => onChange?.(value.filter((e) => e.value !== emailValue)),
+    [value, onChange]
+  );
+  const handleFilterInvalidEmails = React.useCallback(
+    () => onChange?.(filterValidEmails(value)),
+    [value, onChange]
+  );
+  const validCount = React.useMemo(() => value.filter((e) => e.valid).length, [value]);
+  const isCounterVisible = !!counter && (typeof counter === "boolean" || !counter.startsFrom || validCount >= counter.startsFrom);
+  const shouldCollapse = !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;
+  const visibleEmails = shouldCollapse ? value.slice(0, visibleEmailsCount) : value;
+  const hiddenCount = shouldCollapse ? value.length - visibleEmailsCount : 0;
+  const isFilterLinkVisible = !!filterInvalidEmails && value.length > validCount;
+  return {
+    inputValue,
+    setInputValue,
+    isFocused,
+    duplicateEmails,
+    handleKeyDown,
+    handlePaste,
+    handleBlur,
+    handleFocus,
+    handleChipRemove,
+    handleFilterInvalidEmails,
+    isCounterVisible,
+    validCount,
+    visibleEmails,
+    hiddenCount,
+    isFilterLinkVisible
+  };
+}
+
+const CHIP_BASE = "flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground";
+const CHIP_INVALID = "border border-destructive text-destructive bg-destructive/10";
+const CHIPS_CONTAINER = "flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50";
+const CHIPS_ERROR = "border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40";
+const MultiEmailInput = React.forwardRef((props, ref) => {
+  const {
+    label,
+    placeholder = "",
+    helpText,
+    error,
+    disabled = false,
+    required = false,
+    maxHeight = 200,
+    counter,
+    filterInvalidEmails,
+    prefix,
+    suffix,
+    labelProps,
+    className
+  } = props;
+  const id = React.useId();
+  const {
+    isCounterVisible,
+    validCount,
+    visibleEmails,
+    hiddenCount,
+    inputValue,
+    setInputValue,
+    handleKeyDown,
+    handlePaste,
+    handleFocus,
+    handleBlur,
+    handleChipRemove,
+    isFilterLinkVisible,
+    handleFilterInvalidEmails,
+    duplicateEmails
+  } = useMultiEmailState(props);
+  return /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.Field, { className: utils.cn("flex flex-col gap-1.5", className), children: [
+    (label || isCounterVisible) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldLabel, { htmlFor: id, ...labelProps, children: [
+        label,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: " *" })
+      ] }),
+      isCounterVisible && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        validCount,
+        " ",
+        typeof counter === "object" && counter?.label ? counter.label : pluralizeEmail(validCount)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          CHIPS_CONTAINER,
+          !!error && CHIPS_ERROR,
+          disabled && "pointer-events-none opacity-50"
+        ),
+        style: { maxHeight: `${maxHeight}px`, overflowY: "auto" },
+        children: [
+          prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: prefix }),
+          visibleEmails.map((email) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: utils.cn(CHIP_BASE, !email.valid && CHIP_INVALID),
+              children: [
+                email.label,
+                !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    tabIndex: -1,
+                    className: "-ms-0.5 rounded-xs opacity-50 hover:opacity-100",
+                    onMouseDown: (e) => e.preventDefault(),
+                    onClick: () => handleChipRemove(email.value),
+                    "aria-label": `Remove ${email.label}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(x.X, { className: "size-3 pointer-events-none" })
+                  }
+                )
+              ]
+            },
+            email.value
+          )),
+          hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground", children: [
+            "+",
+            hiddenCount,
+            " more"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              id,
+              type: "text",
+              value: inputValue,
+              onChange: (e) => setInputValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              placeholder: props.value?.length ? "" : placeholder,
+              disabled,
+              className: "min-w-16 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+            }
+          ),
+          suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: suffix })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+      !!error && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[0.8rem] text-destructive", children: [
+        error,
+        isFilterLinkVisible && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ml-1 cursor-pointer font-semibold underline",
+            onClick: handleFilterInvalidEmails,
+            children: filterInvalidEmails?.label ?? "Click here to remove invalid emails."
+          }
+        )
+      ] }),
+      !!helpText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.8rem] text-muted-foreground", children: helpText }),
+      duplicateEmails.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.8rem] text-amber-600 dark:text-amber-400", children: formatDuplicateWarning(duplicateEmails) })
+    ] })
+  ] });
+});
+MultiEmailInput.displayName = "MultiEmailInput";
+
+exports.MultiEmailInput = MultiEmailInput;
+//# sourceMappingURL=MultiEmailInput-CPXODFvs.js.map

package/dist/cjs/MultiEmailInput-CPXODFvs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput-CPXODFvs.js","sources":["../../src/components/MultiEmailInput/constants.ts","../../src/components/MultiEmailInput/utils.ts","../../src/components/MultiEmailInput/useMultiEmailState.ts","../../src/components/MultiEmailInput/MultiEmailInput.tsx"],"sourcesContent":["export const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\\.[A-Z0-9-]+)*\\.[A-Z]{2,}$/i;\n\nexport const UNSTRICT_EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n","import { EMAIL_REGEX } from \"./constants\";\nimport type { EmailValue } from \"./types\";\n\nexport const formatEmailInputOption = (email: string): EmailValue => ({\n  label: email,\n  value: email,\n  valid: EMAIL_REGEX.test(email),\n});\n\nexport const pruneDuplicates = (\n  existing: EmailValue[],\n  newEmailStrings: string[]\n): { uniqueEmails: EmailValue[]; duplicates: string[] } => {\n  const seen = new Set(existing.map(e => e.value.toLowerCase()));\n  const duplicates: string[] = [];\n  const added: EmailValue[] = [];\n\n  for (const emailStr of newEmailStrings) {\n    const lower = emailStr.toLowerCase();\n    if (seen.has(lower)) {\n      duplicates.push(emailStr);\n    } else {\n      seen.add(lower);\n      added.push(formatEmailInputOption(emailStr));\n    }\n  }\n\n  return { uniqueEmails: [...existing, ...added], duplicates };\n};\n\nexport const filterValidEmails = (emails: EmailValue[]): EmailValue[] =>\n  emails.filter(email => email.valid);\n\nexport const pluralizeEmail = (count: number): string =>\n  count === 1 ? \"email\" : \"emails\";\n\nexport const formatDuplicateWarning = (duplicates: string[]): string => {\n  const count = duplicates.length;\n\n  return `Removed ${count} duplicate ${pluralizeEmail(count)} from the list: ${duplicates.join(\", \")}`;\n};\n","import { useState, useCallback, useMemo } from \"react\";\n\nimport { UNSTRICT_EMAIL_REGEX, EMAIL_SEPARATION_REGEX } from \"./constants\";\nimport { pruneDuplicates, filterValidEmails } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nexport function useMultiEmailState(props: MultiEmailInputProps) {\n  const {\n    value = [],\n    onChange,\n    onBlur,\n    visibleEmailsCount = 3,\n    isAlwaysExpanded = false,\n    counter,\n    filterInvalidEmails,\n  } = props;\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [duplicateEmails, setDuplicateEmails] = useState<string[]>([]);\n\n  const addEmails = useCallback(\n    (input: string) => {\n      const trimmed = input.trim();\n      if (!trimmed) return;\n      UNSTRICT_EMAIL_REGEX.lastIndex = 0;\n      EMAIL_SEPARATION_REGEX.lastIndex = 0;\n      const emailMatches =\n        trimmed.match(UNSTRICT_EMAIL_REGEX) ||\n        trimmed.match(EMAIL_SEPARATION_REGEX) ||\n        [];\n      if (emailMatches.length === 0) return;\n      const { uniqueEmails, duplicates } = pruneDuplicates(value, emailMatches);\n      onChange?.(uniqueEmails);\n      setDuplicateEmails(duplicates);\n      setInputValue(\"\");\n    },\n    [value, onChange]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!inputValue && event.key === \"Backspace\" && value.length > 0) {\n        onChange?.(value.slice(0, -1));\n        return;\n      }\n      if (!inputValue) return;\n      if ([\"Enter\", \"Tab\", \",\", \" \"].includes(event.key)) {\n        addEmails(inputValue);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [inputValue, value, onChange, addEmails]\n  );\n\n  const handlePaste = useCallback(\n    (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const text = event.clipboardData.getData(\"text\");\n      if (!text) return;\n      event.preventDefault();\n      addEmails(text);\n    },\n    [addEmails]\n  );\n\n  const handleBlur = useCallback(() => {\n    if (inputValue) {\n      addEmails(inputValue);\n    } else {\n      onBlur?.();\n    }\n    setIsFocused(false);\n    setDuplicateEmails([]);\n  }, [inputValue, addEmails, onBlur]);\n\n  const handleFocus = useCallback(() => setIsFocused(true), []);\n\n  const handleChipRemove = useCallback(\n    (emailValue: string) =>\n      onChange?.(value.filter(e => e.value !== emailValue)),\n    [value, onChange]\n  );\n\n  const handleFilterInvalidEmails = useCallback(\n    () => onChange?.(filterValidEmails(value)),\n    [value, onChange]\n  );\n\n  const validCount = useMemo(() => value.filter(e => e.valid).length, [value]);\n  const isCounterVisible =\n    !!counter &&\n    (typeof counter === \"boolean\" ||\n      !counter.startsFrom ||\n      validCount >= counter.startsFrom);\n  const shouldCollapse =\n    !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;\n  const visibleEmails = shouldCollapse\n    ? value.slice(0, visibleEmailsCount)\n    : value;\n  const hiddenCount = shouldCollapse ? value.length - visibleEmailsCount : 0;\n  const isFilterLinkVisible =\n    !!filterInvalidEmails && value.length > validCount;\n\n  return {\n    inputValue,\n    setInputValue,\n    isFocused,\n    duplicateEmails,\n    handleKeyDown,\n    handlePaste,\n    handleBlur,\n    handleFocus,\n    handleChipRemove,\n    handleFilterInvalidEmails,\n    isCounterVisible,\n    validCount,\n    visibleEmails,\n    hiddenCount,\n    isFilterLinkVisible,\n  };\n}\n","import { forwardRef, useId } from \"react\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Field, FieldLabel, FieldContent } from \"src/primitives/Field\";\nimport { useMultiEmailState } from \"./useMultiEmailState\";\nimport { pluralizeEmail, formatDuplicateWarning } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nconst CHIP_BASE =\n  \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground\";\nconst CHIP_INVALID =\n  \"border border-destructive text-destructive bg-destructive/10\";\nconst CHIPS_CONTAINER =\n  \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50\";\nconst CHIPS_ERROR =\n  \"border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40\";\n\nexport const MultiEmailInput = forwardRef<\n  HTMLInputElement,\n  MultiEmailInputProps\n>((props, ref) => {\n  const {\n    label,\n    placeholder = \"\",\n    helpText,\n    error,\n    disabled = false,\n    required = false,\n    maxHeight = 200,\n    counter,\n    filterInvalidEmails,\n    prefix,\n    suffix,\n    labelProps,\n    className,\n  } = props;\n  const id = useId();\n  const {\n    isCounterVisible,\n    validCount,\n    visibleEmails,\n    hiddenCount,\n    inputValue,\n    setInputValue,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleChipRemove,\n    isFilterLinkVisible,\n    handleFilterInvalidEmails,\n    duplicateEmails,\n  } = useMultiEmailState(props);\n\n  return (\n    <Field className={cn(\"flex flex-col gap-1.5\", className)}>\n      {(label || isCounterVisible) && (\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          {isCounterVisible && (\n            <span className=\"text-xs text-muted-foreground\">\n              {validCount}{\" \"}\n              {typeof counter === \"object\" && counter?.label\n                ? counter.label\n                : pluralizeEmail(validCount)}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\n          CHIPS_CONTAINER,\n          !!error && CHIPS_ERROR,\n          disabled && \"pointer-events-none opacity-50\"\n        )}\n        style={{ maxHeight: `${maxHeight}px`, overflowY: \"auto\" }}\n      >\n        {prefix && <div className=\"shrink-0\">{prefix}</div>}\n        {visibleEmails.map(email => (\n          <span\n            key={email.value}\n            className={cn(CHIP_BASE, !email.valid && CHIP_INVALID)}\n          >\n            {email.label}\n            {!disabled && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className=\"-ms-0.5 rounded-xs opacity-50 hover:opacity-100\"\n                onMouseDown={e => e.preventDefault()}\n                onClick={() => handleChipRemove(email.value)}\n                aria-label={`Remove ${email.label}`}\n              >\n                <XIcon className=\"size-3 pointer-events-none\" />\n              </button>\n            )}\n          </span>\n        ))}\n        {hiddenCount > 0 && (\n          <span className=\"flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground\">\n            +{hiddenCount} more\n          </span>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          type=\"text\"\n          value={inputValue}\n          onChange={e => setInputValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={props.value?.length ? \"\" : placeholder}\n          disabled={disabled}\n          className=\"min-w-16 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n        />\n        {suffix && <div className=\"shrink-0\">{suffix}</div>}\n      </div>\n      <FieldContent>\n        {!!error && (\n          <p className=\"text-[0.8rem] text-destructive\">\n            {error}\n            {isFilterLinkVisible && (\n              <button\n                type=\"button\"\n                className=\"ml-1 cursor-pointer font-semibold underline\"\n                onClick={handleFilterInvalidEmails}\n              >\n                {filterInvalidEmails?.label ??\n                  \"Click here to remove invalid emails.\"}\n              </button>\n            )}\n          </p>\n        )}\n        {!!helpText && (\n          <p className=\"text-[0.8rem] text-muted-foreground\">{helpText}</p>\n        )}\n        {duplicateEmails.length > 0 && (\n          <p className=\"text-[0.8rem] text-amber-600 dark:text-amber-400\">\n            {formatDuplicateWarning(duplicateEmails)}\n          </p>\n        )}\n      </FieldContent>\n    </Field>\n  );\n});\nMultiEmailInput.displayName = \"MultiEmailInput\";\n"],"names":["useState","useCallback","useMemo","forwardRef","useId","Field","cn","jsxs","FieldLabel","jsx","XIcon","FieldContent"],"mappings":"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"}

package/dist/cjs/Pagination-DeWfLAq5.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Pagination = require('./primitives/Pagination.js');
+
+const DOTS = "...";
+
+function range(start, end) {
+  return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+}
+
+function usePaginationRange({
+  count,
+  pageSize,
+  siblingCount = 1,
+  pageNo
+}) {
+  return React.useMemo(() => {
+    const totalPageCount = Math.ceil(count / pageSize);
+    const totalPageNumbers = siblingCount + 5;
+    if (totalPageNumbers >= totalPageCount) {
+      return range(1, totalPageCount);
+    }
+    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
+    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
+    const shouldShowLeftDots = leftSiblingIndex > 2;
+    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftRange = range(1, 3 + 2 * siblingCount);
+      return [...leftRange, DOTS, totalPageCount];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightRange = range(
+        totalPageCount - (3 + 2 * siblingCount) + 1,
+        totalPageCount
+      );
+      return [1, DOTS, ...rightRange];
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [1, DOTS, ...middleRange, DOTS, totalPageCount];
+    }
+    return range(1, totalPageCount);
+  }, [count, pageSize, siblingCount, pageNo]);
+}
+
+const Pagination = React.forwardRef(
+  ({
+    count,
+    pageNo,
+    pageSize,
+    siblingCount = 1,
+    navigate,
+    className,
+    ...otherProps
+  }, ref) => {
+    const paginationRange = usePaginationRange({
+      count,
+      pageSize,
+      siblingCount,
+      pageNo
+    });
+    const lastPage = paginationRange[paginationRange.length - 1];
+    const isFirstPage = pageNo === 1;
+    const isLastPage = pageNo === lastPage;
+    if (pageNo === 0 || paginationRange.length < 2) {
+      return null;
+    }
+    const handleNavigate = (page) => {
+      navigate?.(page);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(primitives_Pagination.Pagination, { ref, className: utils.cn(className), ...otherProps, children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Pagination.PaginationContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Pagination.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Pagination.PaginationPrevious,
+        {
+          onClick: () => !isFirstPage && handleNavigate(pageNo - 1),
+          "aria-disabled": isFirstPage,
+          className: utils.cn(isFirstPage && "pointer-events-none opacity-50")
+        }
+      ) }),
+      paginationRange.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives_Pagination.PaginationItem, { children: page === DOTS ? /* @__PURE__ */ jsxRuntime.jsx(primitives_Pagination.PaginationEllipsis, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Pagination.PaginationLink,
+        {
+          isActive: page === pageNo,
+          onClick: () => handleNavigate(page),
+          children: page
+        }
+      ) }, `${page}-${index}`)),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Pagination.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Pagination.PaginationNext,
+        {
+          onClick: () => !isLastPage && handleNavigate(pageNo + 1),
+          "aria-disabled": isLastPage,
+          className: utils.cn(isLastPage && "pointer-events-none opacity-50")
+        }
+      ) })
+    ] }) });
+  }
+);
+Pagination.displayName = "Pagination";
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination-DeWfLAq5.js.map

package/dist/cjs/Pagination-DeWfLAq5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination-DeWfLAq5.js","sources":["../../src/components/Pagination/constants.ts","../../src/components/Pagination/utils.ts","../../src/components/Pagination/hooks/usePaginationRange.ts","../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["export const DOTS = \"...\" as const;\n","export function range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n}\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"../constants\";\nimport { range } from \"../utils\";\n\nexport function usePaginationRange({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}: {\n  count: number;\n  pageSize: number;\n  siblingCount: number;\n  pageNo: number;\n}): (number | typeof DOTS)[] {\n  return useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n    const totalPageNumbers = siblingCount + 5;\n\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftRange = range(1, 3 + 2 * siblingCount);\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightRange = range(\n        totalPageCount - (3 + 2 * siblingCount) + 1,\n        totalPageCount\n      );\n      return [1, DOTS, ...rightRange];\n    }\n\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [1, DOTS, ...middleRange, DOTS, totalPageCount];\n    }\n\n    return range(1, totalPageCount);\n  }, [count, pageSize, siblingCount, pageNo]);\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Pagination as PrimitivePagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"src/primitives/Pagination\";\n\nimport { DOTS } from \"./constants\";\nimport { usePaginationRange } from \"./hooks/usePaginationRange\";\n\nexport interface PaginationProps extends Omit<\n  React.ComponentProps<typeof PrimitivePagination>,\n  \"children\"\n> {\n  /** Total number of items. */\n  count: number;\n  /** Current page number (1-based). */\n  pageNo: number;\n  /** Number of items per page. */\n  pageSize: number;\n  /** Number of sibling pages to show around the current page. */\n  siblingCount?: number;\n  /** Callback when a page is selected. */\n  navigate?: (page: number) => void;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      count,\n      pageNo,\n      pageSize,\n      siblingCount = 1,\n      navigate,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const paginationRange = usePaginationRange({\n      count,\n      pageSize,\n      siblingCount,\n      pageNo,\n    });\n\n    const lastPage = paginationRange[paginationRange.length - 1] as number;\n    const isFirstPage = pageNo === 1;\n    const isLastPage = pageNo === lastPage;\n\n    // Don't render if only 1 page or no pages\n    if (pageNo === 0 || paginationRange.length < 2) {\n      return null;\n    }\n\n    const handleNavigate = (page: number) => {\n      navigate?.(page);\n    };\n\n    return (\n      <PrimitivePagination ref={ref} className={cn(className)} {...otherProps}>\n        <PaginationContent>\n          <PaginationItem>\n            <PaginationPrevious\n              onClick={() => !isFirstPage && handleNavigate(pageNo - 1)}\n              aria-disabled={isFirstPage}\n              className={cn(isFirstPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n\n          {paginationRange.map((page, index) => (\n            <PaginationItem key={`${page}-${index}`}>\n              {page === DOTS ? (\n                <PaginationEllipsis />\n              ) : (\n                <PaginationLink\n                  isActive={page === pageNo}\n                  onClick={() => handleNavigate(page as number)}\n                >\n                  {page}\n                </PaginationLink>\n              )}\n            </PaginationItem>\n          ))}\n\n          <PaginationItem>\n            <PaginationNext\n              onClick={() => !isLastPage && handleNavigate(pageNo + 1)}\n              aria-disabled={isLastPage}\n              className={cn(isLastPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n        </PaginationContent>\n      </PrimitivePagination>\n    );\n  }\n);\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"names":["useMemo","forwardRef","jsx","PrimitivePagination","cn","jsxs","PaginationContent","PaginationItem","PaginationPrevious","PaginationEllipsis","PaginationLink","PaginationNext"],"mappings":"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"}