@bigbinary/neeto-atoms 1.0.9 → 1.0.10

package/dist/Textarea-C0z50h0N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea-C0z50h0N.js","sources":["../src/components/Textarea/constants.ts","../src/components/Textarea/utils.ts","../src/components/Textarea/Textarea.tsx"],"sourcesContent":["type TextareaSize = \"small\" | \"medium\" | \"large\";\n\nconst SIZE_ROWS: Record<TextareaSize, number> = {\n  small: 1,\n  medium: 3,\n  large: 4,\n};\n\nconst SIZE_MIN_HEIGHT: Record<TextareaSize, string> = {\n  small: \"min-h-8\",\n  medium: \"min-h-20\",\n  large: \"min-h-28\",\n};\n\nexport { SIZE_ROWS, SIZE_MIN_HEIGHT };\nexport type { TextareaSize };\n","function getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n  return value.trim();\n}\n\nexport { getTrimmedValue };\n","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 { Textarea as PrimitiveTextarea } from \"src/primitives/Textarea\";\n\nimport { SIZE_ROWS, SIZE_MIN_HEIGHT } from \"./constants\";\nimport { getTrimmedValue } from \"./utils\";\n\nimport type { TextareaSize } from \"./constants\";\n\ntype TextareaResize = \"vertical\" | \"none\";\n\ntype PrimitiveTextareaProps = React.ComponentProps<typeof PrimitiveTextarea>;\n\nexport interface TextareaProps extends Omit<\n  PrimitiveTextareaProps,\n  \"size\" | \"children\"\n> {\n  /** Size of the textarea. Controls default rows: small=1, medium=3, large=4. */\n  size?: TextareaSize;\n  /** Resize behavior. */\n  resize?: TextareaResize;\n  /** Label displayed above the textarea. */\n  label?: string;\n  /** Error message displayed below the textarea. */\n  error?: string;\n  /** Help text displayed below the textarea. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Maximum character limit. Counter visible at 85% capacity. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Content to display before the textarea. */\n  prefix?: React.ReactNode;\n  /** Content to display after the textarea. */\n  suffix?: React.ReactNode;\n  /** Render the textarea without borders. */\n  nakedTextarea?: boolean;\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\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size = \"medium\",\n      resize = \"vertical\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      disabled = false,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      disableTrimOnBlur = false,\n      prefix,\n      suffix,\n      nakedTextarea = false,\n      labelProps,\n      className = \"\",\n      rows: rowsProp,\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 = isControlled ? controlledValue : 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    const rows = rowsProp ?? SIZE_ROWS[size];\n\n    // --- Handlers ---\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n      const trimmedValue = getTrimmedValue(value ?? \"\", disableTrimOnBlur);\n\n      if (trimmedValue !== value) {\n        e.target.value = trimmedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLTextAreaElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Textarea element ---\n\n    const hasField = !!(label || error || helpText);\n\n    const textareaElement = (\n      <PrimitiveTextarea\n        ref={ref}\n        id={id}\n        rows={rows}\n        disabled={disabled}\n        required={required}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        className={cn(\n          // Override shadcn's field-sizing-content and min-h-16 so rows works\n          \"!field-sizing-normal\",\n          SIZE_MIN_HEIGHT[size],\n          resize === \"none\" && \"resize-none\",\n          resize === \"vertical\" && \"resize-y\",\n          nakedTextarea &&\n            \"border-transparent shadow-none px-0 py-0 focus-visible:border-transparent focus-visible:ring-0\",\n          !!error && \"border-destructive ring-destructive/20 ring-3\"\n        )}\n        value={value}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n        {...otherProps}\n      />\n    );\n\n    const hasPrefixSuffix = !!(prefix || suffix);\n\n    const textareaWithAffixes = hasPrefixSuffix ? (\n      <div\n        className={cn(\n          \"flex items-start gap-2 rounded-lg border border-input px-2.5 py-2 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50\",\n          !!error && \"border-destructive ring-destructive/20 ring-3\",\n          nakedTextarea && \"border-transparent shadow-none\"\n        )}\n      >\n        {prefix && (\n          <div className=\"shrink-0 pt-0.5 text-muted-foreground\">{prefix}</div>\n        )}\n        <PrimitiveTextarea\n          ref={ref}\n          id={id}\n          rows={rows}\n          disabled={disabled}\n          required={required}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(\n            \"!field-sizing-normal border-0 p-0 shadow-none focus-visible:border-0 focus-visible:ring-0\",\n            SIZE_MIN_HEIGHT[size],\n            resize === \"none\" && \"resize-none\",\n            resize === \"vertical\" && \"resize-y\"\n          )}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <div className=\"shrink-0 pt-0.5 text-muted-foreground\">{suffix}</div>\n        )}\n      </div>\n    ) : (\n      textareaElement\n    );\n\n    if (!hasField) {\n      return <div className={cn(className)}>{textareaWithAffixes}</div>;\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          {textareaWithAffixes}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["_jsx","PrimitiveTextarea","_jsxs"],"mappings":"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"}

package/dist/TimePicker-C4x62jI1.js

@@ -0,0 +1,142 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useRef, useState, useCallback, useEffect } from 'react';
+import { Popover, PopoverAnchor, PopoverContent } from './primitives/Popover.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
+import { c as cn } from './utils-DdHUxIdC.js';
+import { d as dateToTimeValue, t as to12Hour, p as padNumber, T as TimePickerPanel, a as parseTimeString } from './TimePickerPanel-CiF0RExY.js';
+import { c as createLucideIcon } from './createLucideIcon-C8ycilSN.js';
+import { X } from './x-_o2T3n6D.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: "M12 6v6l4 2", key: "mmk7yg" }]
+];
+const Clock = createLucideIcon("clock", __iconNode);
+
+const SIZE_CONFIG = {
+    small: { trigger: "h-7 text-xs", icon: "size-3.5" },
+    medium: { trigger: "h-8 text-sm", icon: "size-4" },
+    large: { trigger: "h-10 text-sm", icon: "size-4" },
+};
+const TimePicker = forwardRef(({ value, onChange, format = "24", showSeconds = false, minuteStep = 1, secondStep = 1, disabled = false, placeholder, label, error, helpText, size = "medium", required = false, timezone, labelProps, className, }, ref) => {
+    const generatedId = useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const containerRef = useRef(null);
+    const popoverContentId = useRef(`timepicker-popover-${generatedId}`).current;
+    const [open, setOpen] = useState(false);
+    const getInitialTime = useCallback(() => {
+        if (!value)
+            return null;
+        if (value instanceof Date)
+            return dateToTimeValue(value);
+        return {
+            hours: value.hours,
+            minutes: value.minutes,
+            seconds: value.seconds ?? 0,
+        };
+    }, [value]);
+    const [internalTime, setInternalTime] = useState(getInitialTime);
+    const [inputText, setInputText] = useState("");
+    const formatTimeDisplay = useCallback((time) => {
+        if (!time)
+            return "";
+        if (format === "12") {
+            const { hour12, period } = to12Hour(time.hours);
+            const parts = [padNumber(hour12), padNumber(time.minutes)];
+            if (showSeconds)
+                parts.push(padNumber(time.seconds ?? 0));
+            return `${parts.join(":")} ${period}`;
+        }
+        const parts = [padNumber(time.hours), padNumber(time.minutes)];
+        if (showSeconds)
+            parts.push(padNumber(time.seconds ?? 0));
+        return parts.join(":");
+    }, [format, showSeconds]);
+    useEffect(() => {
+        const newTime = getInitialTime();
+        setInternalTime(newTime);
+        setInputText(formatTimeDisplay(newTime));
+    }, [getInitialTime, formatTimeDisplay]);
+    // Close on outside click
+    useEffect(() => {
+        if (!open)
+            return;
+        const handlePointerDown = (e) => {
+            const target = e.target;
+            if (containerRef.current?.contains(target))
+                return;
+            const popoverEl = document.getElementById(popoverContentId);
+            if (popoverEl?.contains(target))
+                return;
+            setOpen(false);
+            setInputText(formatTimeDisplay(internalTime));
+        };
+        document.addEventListener("pointerdown", handlePointerDown);
+        return () => document.removeEventListener("pointerdown", handlePointerDown);
+    }, [open, internalTime, formatTimeDisplay]);
+    const defaultPlaceholder = showSeconds
+        ? format === "12"
+            ? "hh:mm:ss AA"
+            : "HH:mm:ss"
+        : format === "12"
+            ? "hh:mm AA"
+            : "HH:mm";
+    const handlePanelChange = (time) => {
+        setInternalTime(time);
+        setInputText(formatTimeDisplay(time));
+        onChange?.(time);
+    };
+    const handleInputChange = (e) => {
+        const text = e.target.value;
+        setInputText(text);
+        const parsed = parseTimeString(text, format);
+        if (parsed) {
+            setInternalTime(parsed);
+            onChange?.(parsed);
+        }
+    };
+    const handleInputKeyDown = (e) => {
+        if (e.key === "Enter") {
+            setInputText(formatTimeDisplay(internalTime));
+            setOpen(false);
+        }
+        else if (e.key === "Escape") {
+            setInputText(formatTimeDisplay(internalTime));
+            setOpen(false);
+        }
+    };
+    const handleInputFocus = () => {
+        if (!open)
+            setOpen(true);
+    };
+    const handleClear = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setInternalTime(null);
+        setInputText("");
+        onChange?.({ hours: 0, minutes: 0, seconds: 0 });
+    };
+    const hasField = !!(label || error || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
+        .filter(Boolean)
+        .join(" ") || undefined;
+    const triggerContent = (jsxs(Popover, { open: open, children: [jsx(PopoverAnchor, { asChild: true, children: jsxs("div", { ref: containerRef, className: cn("relative flex w-full items-center gap-2 rounded-md border border-input bg-background pe-8 ps-3", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", disabled && "cursor-not-allowed opacity-50", !!error && "border-destructive ring-destructive/20 ring-3", sizeConfig.trigger, !hasField && className), children: [timezone ? (jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: timezone.toUpperCase() })) : (jsx(Clock, { className: cn("shrink-0 text-muted-foreground", sizeConfig.icon) })), jsx("input", { type: "text", disabled: disabled, "aria-label": label || "Pick a time", "aria-describedby": ariaDescribedBy, "aria-invalid": !!error || undefined, placeholder: placeholder ?? defaultPlaceholder, value: inputText, onChange: handleInputChange, onKeyDown: handleInputKeyDown, onFocus: handleInputFocus, className: cn("min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground", "disabled:cursor-not-allowed", sizeConfig.trigger.split(" ").find(c => c.startsWith("text-"))) }), jsx("button", { type: "button", onPointerDown: e => e.preventDefault(), onClick: handleClear, className: cn("absolute inset-y-0 end-2 flex items-center text-muted-foreground hover:text-foreground focus:outline-none", !(inputText && !disabled) && "invisible"), "aria-label": "Clear time", tabIndex: -1, children: jsx(X, { className: sizeConfig.icon }) })] }) }), open && (jsx(PopoverContent, { id: popoverContentId, className: "w-auto p-0", align: "start", onOpenAutoFocus: e => e.preventDefault(), onCloseAutoFocus: e => e.preventDefault(), onPointerDownOutside: e => e.preventDefault(), onInteractOutside: e => e.preventDefault(), children: jsx(TimePickerPanel, { value: internalTime ?? undefined, onChange: handlePanelChange, format: format, showSeconds: showSeconds, minuteStep: minuteStep, secondStep: secondStep, disabled: disabled }) }))] }));
+    if (!hasField) {
+        return (jsx("div", { ref: ref, className: className, children: triggerContent }));
+    }
+    return (jsxs(Field, { ref: ref, "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [label && (jsxs(FieldLabel, { ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxs(FieldContent, { children: [triggerContent, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
+});
+TimePicker.displayName = "TimePicker";
+
+export { TimePicker as T };
+//# sourceMappingURL=TimePicker-C4x62jI1.js.map

package/dist/TimePicker-C4x62jI1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-C4x62jI1.js","sources":["../node_modules/lucide-react/dist/esm/icons/clock.js","../src/components/TimePicker/TimePicker.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: \"M12 6v6l4 2\", key: \"mmk7yg\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.js.map\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Clock, X } from \"lucide-react\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"src/primitives/Popover\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { TimePickerPanel } from \"./TimePickerPanel\";\nimport type { TimePickerProps, TimeValue } from \"./types\";\nimport { dateToTimeValue, padNumber, parseTimeString, to12Hour } from \"./utils\";\n\nconst SIZE_CONFIG = {\n  small: { trigger: \"h-7 text-xs\", icon: \"size-3.5\" },\n  medium: { trigger: \"h-8 text-sm\", icon: \"size-4\" },\n  large: { trigger: \"h-10 text-sm\", icon: \"size-4\" },\n} as const;\n\nconst TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      format = \"24\",\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      placeholder,\n      label,\n      error,\n      helpText,\n      size = \"medium\",\n      required = false,\n      timezone,\n      labelProps,\n      className,\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const popoverContentId = useRef(\n      `timepicker-popover-${generatedId}`\n    ).current;\n\n    const [open, setOpen] = useState(false);\n\n    const getInitialTime = useCallback((): TimeValue | null => {\n      if (!value) return null;\n      if (value instanceof Date) return dateToTimeValue(value);\n\n      return {\n        hours: value.hours,\n        minutes: value.minutes,\n        seconds: value.seconds ?? 0,\n      };\n    }, [value]);\n\n    const [internalTime, setInternalTime] = useState<TimeValue | null>(\n      getInitialTime\n    );\n    const [inputText, setInputText] = useState(\"\");\n\n    const formatTimeDisplay = useCallback(\n      (time: TimeValue | null): string => {\n        if (!time) return \"\";\n\n        if (format === \"12\") {\n          const { hour12, period } = to12Hour(time.hours);\n          const parts = [padNumber(hour12), padNumber(time.minutes)];\n          if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n          return `${parts.join(\":\")} ${period}`;\n        }\n\n        const parts = [padNumber(time.hours), padNumber(time.minutes)];\n        if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n        return parts.join(\":\");\n      },\n      [format, showSeconds]\n    );\n\n    useEffect(() => {\n      const newTime = getInitialTime();\n      setInternalTime(newTime);\n      setInputText(formatTimeDisplay(newTime));\n    }, [getInitialTime, formatTimeDisplay]);\n\n    // Close on outside click\n    useEffect(() => {\n      if (!open) return;\n\n      const handlePointerDown = (e: PointerEvent) => {\n        const target = e.target as HTMLElement;\n        if (containerRef.current?.contains(target)) return;\n\n        const popoverEl = document.getElementById(popoverContentId);\n        if (popoverEl?.contains(target)) return;\n\n        setOpen(false);\n        setInputText(formatTimeDisplay(internalTime));\n      };\n\n      document.addEventListener(\"pointerdown\", handlePointerDown);\n\n      return () =>\n        document.removeEventListener(\"pointerdown\", handlePointerDown);\n    }, [open, internalTime, formatTimeDisplay]);\n\n    const defaultPlaceholder = showSeconds\n      ? format === \"12\"\n        ? \"hh:mm:ss AA\"\n        : \"HH:mm:ss\"\n      : format === \"12\"\n        ? \"hh:mm AA\"\n        : \"HH:mm\";\n\n    const handlePanelChange = (time: TimeValue) => {\n      setInternalTime(time);\n      setInputText(formatTimeDisplay(time));\n      onChange?.(time);\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const text = e.target.value;\n      setInputText(text);\n\n      const parsed = parseTimeString(text, format);\n      if (parsed) {\n        setInternalTime(parsed);\n        onChange?.(parsed);\n      }\n    };\n\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        setInputText(formatTimeDisplay(internalTime));\n        setOpen(false);\n      } else if (e.key === \"Escape\") {\n        setInputText(formatTimeDisplay(internalTime));\n        setOpen(false);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (!open) setOpen(true);\n    };\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setInternalTime(null);\n      setInputText(\"\");\n      onChange?.({ hours: 0, minutes: 0, seconds: 0 });\n    };\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const triggerContent = (\n      <Popover open={open}>\n        <PopoverAnchor asChild>\n          <div\n            ref={containerRef}\n            className={cn(\n              \"relative flex w-full items-center gap-2 rounded-md border border-input bg-background pe-8 ps-3\",\n              \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n              disabled && \"cursor-not-allowed opacity-50\",\n              !!error && \"border-destructive ring-destructive/20 ring-3\",\n              sizeConfig.trigger,\n              !hasField && className\n            )}\n          >\n            {timezone ? (\n              <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\">\n                {timezone.toUpperCase()}\n              </span>\n            ) : (\n              <Clock\n                className={cn(\n                  \"shrink-0 text-muted-foreground\",\n                  sizeConfig.icon\n                )}\n              />\n            )}\n            <input\n              type=\"text\"\n              disabled={disabled}\n              aria-label={label || \"Pick a time\"}\n              aria-describedby={ariaDescribedBy}\n              aria-invalid={!!error || undefined}\n              placeholder={placeholder ?? defaultPlaceholder}\n              value={inputText}\n              onChange={handleInputChange}\n              onKeyDown={handleInputKeyDown}\n              onFocus={handleInputFocus}\n              className={cn(\n                \"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground\",\n                \"disabled:cursor-not-allowed\",\n                sizeConfig.trigger.split(\" \").find(c => c.startsWith(\"text-\"))\n              )}\n            />\n            <button\n              type=\"button\"\n              onPointerDown={e => e.preventDefault()}\n              onClick={handleClear}\n              className={cn(\n                \"absolute inset-y-0 end-2 flex items-center text-muted-foreground hover:text-foreground focus:outline-none\",\n                !(inputText && !disabled) && \"invisible\"\n              )}\n              aria-label=\"Clear time\"\n              tabIndex={-1}\n            >\n              <X className={sizeConfig.icon} />\n            </button>\n          </div>\n        </PopoverAnchor>\n        {open && (\n          <PopoverContent\n            id={popoverContentId}\n            className=\"w-auto p-0\"\n            align=\"start\"\n            onOpenAutoFocus={e => e.preventDefault()}\n            onCloseAutoFocus={e => e.preventDefault()}\n            onPointerDownOutside={e => e.preventDefault()}\n            onInteractOutside={e => e.preventDefault()}\n          >\n            <TimePickerPanel\n              value={internalTime ?? undefined}\n              onChange={handlePanelChange}\n              format={format}\n              showSeconds={showSeconds}\n              minuteStep={minuteStep}\n              secondStep={secondStep}\n              disabled={disabled}\n            />\n          </PopoverContent>\n        )}\n      </Popover>\n    );\n\n    if (!hasField) {\n      return (\n        <div ref={ref} className={className}>\n          {triggerContent}\n        </div>\n      );\n    }\n\n    return (\n      <Field\n        ref={ref}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel\n            {...(labelProps as React.ComponentProps<typeof FieldLabel>)}\n          >\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {triggerContent}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nexport { TimePicker };\n"],"names":["_jsxs","_jsx"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/TimePickerPanel-CiF0RExY.js

@@ -0,0 +1,126 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect, forwardRef, useCallback, useState } from 'react';
+import { c as cn } from './utils-DdHUxIdC.js';
+import { Button } from './primitives/Button.js';
+import { ScrollArea } from './primitives/ScrollArea.js';
+
+const COLUMN_HEIGHT = 224;
+const ITEM_HEIGHT = 32;
+const PERIODS = ["AM", "PM"];
+
+const generateRange = (start, end, step = 1) => {
+    const result = [];
+    for (let i = start; i <= end; i += step) {
+        result.push(i);
+    }
+    return result;
+};
+const to12Hour = (hour24) => {
+    const period = hour24 >= 12 ? "PM" : "AM";
+    const hour12 = hour24 % 12 || 12;
+    return { hour12, period };
+};
+const to24Hour = (hour12, period) => {
+    if (period === "AM") {
+        return hour12 === 12 ? 0 : hour12;
+    }
+    return hour12 === 12 ? 12 : hour12 + 12;
+};
+const dateToTimeValue = (date) => ({
+    hours: date.getHours(),
+    minutes: date.getMinutes(),
+    seconds: date.getSeconds(),
+});
+const padNumber = (num, length = 2) => String(num).padStart(length, "0");
+const parseTimeString = (input, format) => {
+    const trimmed = input.trim();
+    if (!trimmed)
+        return null;
+    if (format === "12") {
+        // Accept: "2:30 PM", "02:30 PM", "2:3 PM", "2:30:15 PM"
+        const match = trimmed.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?\s*(AM|PM)$/i);
+        if (!match)
+            return null;
+        const hour12 = parseInt(match[1], 10);
+        const minutes = parseInt(match[2], 10);
+        const seconds = match[3] ? parseInt(match[3], 10) : 0;
+        const period = match[4].toUpperCase();
+        if (hour12 < 1 || hour12 > 12 || minutes > 59 || seconds > 59)
+            return null;
+        return { hours: to24Hour(hour12, period), minutes, seconds };
+    }
+    // Accept: "14:3", "14:30", "2:5", "14:30:05"
+    const match = trimmed.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);
+    if (!match)
+        return null;
+    const hours = parseInt(match[1], 10);
+    const minutes = parseInt(match[2], 10);
+    const seconds = match[3] ? parseInt(match[3], 10) : 0;
+    if (hours > 23 || minutes > 59 || seconds > 59)
+        return null;
+    return { hours, minutes, seconds };
+};
+
+const TimeColumn = ({ items, selected, onSelect, disabled = false, className, padStart = 2, }) => {
+    const selectedRef = useRef(null);
+    useEffect(() => {
+        if (selectedRef.current) {
+            selectedRef.current.scrollIntoView({
+                block: "center",
+                behavior: "smooth",
+            });
+        }
+    }, [selected]);
+    return (jsx(ScrollArea, { className: cn("w-16", className), style: { height: COLUMN_HEIGHT }, children: jsx("div", { className: "flex flex-col items-center py-2", role: "listbox", "aria-label": "Time selection", children: items.map(item => {
+                const isSelected = item === selected;
+                const displayValue = typeof item === "number" ? padNumber(item, padStart) : item;
+                return (jsx(Button, { ref: isSelected ? selectedRef : undefined, variant: isSelected ? "default" : "ghost", size: "sm", role: "option", "aria-selected": isSelected, disabled: disabled, className: cn("w-12 justify-center font-mono text-sm", !isSelected && "text-muted-foreground"), style: { height: ITEM_HEIGHT }, onClick: () => onSelect(item), children: displayValue }, item));
+            }) }) }));
+};
+TimeColumn.displayName = "TimeColumn";
+
+const TimePickerPanel = forwardRef(({ value, onChange, format = "24", showSeconds = false, minuteStep = 1, secondStep = 1, disabled = false, className, }, ref) => {
+    const getInitialTime = useCallback(() => ({
+        hours: value?.hours ?? 0,
+        minutes: value?.minutes ?? 0,
+        seconds: value?.seconds ?? 0,
+    }), [value]);
+    const [internalTime, setInternalTime] = useState(getInitialTime);
+    useEffect(() => {
+        setInternalTime(getInitialTime());
+    }, [getInitialTime]);
+    const hours = format === "12" ? generateRange(1, 12) : generateRange(0, 23);
+    const minutes = generateRange(0, 59, minuteStep);
+    const seconds = generateRange(0, 59, secondStep);
+    const { hour12, period } = format === "12"
+        ? to12Hour(internalTime.hours)
+        : { hour12: internalTime.hours, period: "AM" };
+    const handleHourSelect = (hourValue) => {
+        const hour = Number(hourValue);
+        const newHours = format === "12" ? to24Hour(hour, period) : hour;
+        const newTime = { ...internalTime, hours: newHours };
+        setInternalTime(newTime);
+        onChange?.(newTime);
+    };
+    const handleMinuteSelect = (minuteValue) => {
+        const newTime = { ...internalTime, minutes: Number(minuteValue) };
+        setInternalTime(newTime);
+        onChange?.(newTime);
+    };
+    const handleSecondSelect = (secondValue) => {
+        const newTime = { ...internalTime, seconds: Number(secondValue) };
+        setInternalTime(newTime);
+        onChange?.(newTime);
+    };
+    const handlePeriodSelect = (newPeriod) => {
+        const newHours = to24Hour(hour12, newPeriod);
+        const newTime = { ...internalTime, hours: newHours };
+        setInternalTime(newTime);
+        onChange?.(newTime);
+    };
+    return (jsxs("div", { ref: ref, className: cn("flex", className), role: "group", "aria-label": "Time picker", children: [jsx(TimeColumn, { items: hours, selected: format === "12" ? hour12 : internalTime.hours, onSelect: handleHourSelect, disabled: disabled }), jsx("div", { className: "border-inline-end border-border" }), jsx(TimeColumn, { items: minutes, selected: internalTime.minutes, onSelect: handleMinuteSelect, disabled: disabled }), showSeconds && (jsxs(Fragment, { children: [jsx("div", { className: "border-inline-end border-border" }), jsx(TimeColumn, { items: seconds, selected: internalTime.seconds ?? 0, onSelect: handleSecondSelect, disabled: disabled })] })), format === "12" && (jsxs(Fragment, { children: [jsx("div", { className: "border-inline-end border-border" }), jsx(TimeColumn, { items: [...PERIODS], selected: period, onSelect: handlePeriodSelect, disabled: disabled, padStart: 0 })] }))] }));
+});
+TimePickerPanel.displayName = "TimePickerPanel";
+
+export { TimePickerPanel as T, parseTimeString as a, dateToTimeValue as d, padNumber as p, to12Hour as t };
+//# sourceMappingURL=TimePickerPanel-CiF0RExY.js.map

package/dist/TimePickerPanel-CiF0RExY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel-CiF0RExY.js","sources":["../src/components/TimePicker/constants.ts","../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimeColumn.tsx","../src/components/TimePicker/TimePickerPanel.tsx"],"sourcesContent":["export const COLUMN_HEIGHT = 224;\nexport const ITEM_HEIGHT = 32;\nexport const PERIODS = [\"AM\", \"PM\"] as const;\n","import type { TimeValue } from \"./types\";\n\nexport const generateRange = (\n  start: number,\n  end: number,\n  step = 1\n): number[] => {\n  const result: number[] = [];\n  for (let i = start; i <= end; i += step) {\n    result.push(i);\n  }\n\n  return result;\n};\n\nexport const to12Hour = (\n  hour24: number\n): { hour12: number; period: \"AM\" | \"PM\" } => {\n  const period = hour24 >= 12 ? \"PM\" : \"AM\";\n  const hour12 = hour24 % 12 || 12;\n\n  return { hour12, period };\n};\n\nexport const to24Hour = (hour12: number, period: \"AM\" | \"PM\"): number => {\n  if (period === \"AM\") {\n    return hour12 === 12 ? 0 : hour12;\n  }\n\n  return hour12 === 12 ? 12 : hour12 + 12;\n};\n\nexport const dateToTimeValue = (date: Date): TimeValue => ({\n  hours: date.getHours(),\n  minutes: date.getMinutes(),\n  seconds: date.getSeconds(),\n});\n\nexport const timeValueToDate = (date: Date, time: TimeValue): Date => {\n  const result = new Date(date);\n  result.setHours(time.hours, time.minutes, time.seconds ?? 0, 0);\n\n  return result;\n};\n\nexport const padNumber = (num: number, length = 2): string =>\n  String(num).padStart(length, \"0\");\n\nexport const parseTimeString = (\n  input: string,\n  format: \"12\" | \"24\"\n): TimeValue | null => {\n  const trimmed = input.trim();\n  if (!trimmed) return null;\n\n  if (format === \"12\") {\n    // Accept: \"2:30 PM\", \"02:30 PM\", \"2:3 PM\", \"2:30:15 PM\"\n    const match = trimmed.match(\n      /^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?\\s*(AM|PM)$/i\n    );\n    if (!match) return null;\n\n    const hour12 = parseInt(match[1], 10);\n    const minutes = parseInt(match[2], 10);\n    const seconds = match[3] ? parseInt(match[3], 10) : 0;\n    const period = match[4].toUpperCase() as \"AM\" | \"PM\";\n\n    if (hour12 < 1 || hour12 > 12 || minutes > 59 || seconds > 59) return null;\n\n    return { hours: to24Hour(hour12, period), minutes, seconds };\n  }\n\n  // Accept: \"14:3\", \"14:30\", \"2:5\", \"14:30:05\"\n  const match = trimmed.match(/^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?$/);\n  if (!match) return null;\n\n  const hours = parseInt(match[1], 10);\n  const minutes = parseInt(match[2], 10);\n  const seconds = match[3] ? parseInt(match[3], 10) : 0;\n\n  if (hours > 23 || minutes > 59 || seconds > 59) return null;\n\n  return { hours, minutes, seconds };\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { Button } from \"src/primitives/Button\";\nimport { ScrollArea } from \"src/primitives/ScrollArea\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { COLUMN_HEIGHT, ITEM_HEIGHT } from \"./constants\";\nimport { padNumber } from \"./utils\";\n\ninterface TimeColumnProps {\n  items: (number | string)[];\n  selected: number | string;\n  onSelect: (value: number | string) => void;\n  disabled?: boolean;\n  className?: string;\n  padStart?: number;\n}\n\nconst TimeColumn: React.FC<TimeColumnProps> = ({\n  items,\n  selected,\n  onSelect,\n  disabled = false,\n  className,\n  padStart = 2,\n}) => {\n  const selectedRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (selectedRef.current) {\n      selectedRef.current.scrollIntoView({\n        block: \"center\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [selected]);\n\n  return (\n    <ScrollArea\n      className={cn(\"w-16\", className)}\n      style={{ height: COLUMN_HEIGHT }}\n    >\n      <div\n        className=\"flex flex-col items-center py-2\"\n        role=\"listbox\"\n        aria-label=\"Time selection\"\n      >\n        {items.map(item => {\n          const isSelected = item === selected;\n          const displayValue =\n            typeof item === \"number\" ? padNumber(item, padStart) : item;\n\n          return (\n            <Button\n              key={item}\n              ref={isSelected ? selectedRef : undefined}\n              variant={isSelected ? \"default\" : \"ghost\"}\n              size=\"sm\"\n              role=\"option\"\n              aria-selected={isSelected}\n              disabled={disabled}\n              className={cn(\n                \"w-12 justify-center font-mono text-sm\",\n                !isSelected && \"text-muted-foreground\"\n              )}\n              style={{ height: ITEM_HEIGHT }}\n              onClick={() => onSelect(item)}\n            >\n              {displayValue}\n            </Button>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n};\n\nTimeColumn.displayName = \"TimeColumn\";\n\nexport { TimeColumn };\n","import React, { forwardRef, useCallback, useEffect, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { PERIODS } from \"./constants\";\nimport { TimeColumn } from \"./TimeColumn\";\nimport type { TimePickerPanelProps, TimeValue } from \"./types\";\nimport { generateRange, to12Hour, to24Hour } from \"./utils\";\n\nconst TimePickerPanel = forwardRef<HTMLDivElement, TimePickerPanelProps>(\n  (\n    {\n      value,\n      onChange,\n      format = \"24\",\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      className,\n    },\n    ref\n  ) => {\n    const getInitialTime = useCallback(\n      (): TimeValue => ({\n        hours: value?.hours ?? 0,\n        minutes: value?.minutes ?? 0,\n        seconds: value?.seconds ?? 0,\n      }),\n      [value]\n    );\n\n    const [internalTime, setInternalTime] = useState<TimeValue>(getInitialTime);\n\n    useEffect(() => {\n      setInternalTime(getInitialTime());\n    }, [getInitialTime]);\n\n    const hours = format === \"12\" ? generateRange(1, 12) : generateRange(0, 23);\n    const minutes = generateRange(0, 59, minuteStep);\n    const seconds = generateRange(0, 59, secondStep);\n\n    const { hour12, period } =\n      format === \"12\"\n        ? to12Hour(internalTime.hours)\n        : { hour12: internalTime.hours, period: \"AM\" as const };\n\n    const handleHourSelect = (hourValue: number | string) => {\n      const hour = Number(hourValue);\n      const newHours = format === \"12\" ? to24Hour(hour, period) : hour;\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleMinuteSelect = (minuteValue: number | string) => {\n      const newTime = { ...internalTime, minutes: Number(minuteValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleSecondSelect = (secondValue: number | string) => {\n      const newTime = { ...internalTime, seconds: Number(secondValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handlePeriodSelect = (newPeriod: number | string) => {\n      const newHours = to24Hour(hour12, newPeriod as \"AM\" | \"PM\");\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex\", className)}\n        role=\"group\"\n        aria-label=\"Time picker\"\n      >\n        <TimeColumn\n          items={hours}\n          selected={format === \"12\" ? hour12 : internalTime.hours}\n          onSelect={handleHourSelect}\n          disabled={disabled}\n        />\n        <div className=\"border-inline-end border-border\" />\n        <TimeColumn\n          items={minutes}\n          selected={internalTime.minutes}\n          onSelect={handleMinuteSelect}\n          disabled={disabled}\n        />\n        {showSeconds && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={seconds}\n              selected={internalTime.seconds ?? 0}\n              onSelect={handleSecondSelect}\n              disabled={disabled}\n            />\n          </>\n        )}\n        {format === \"12\" && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={[...PERIODS]}\n              selected={period}\n              onSelect={handlePeriodSelect}\n              disabled={disabled}\n              padStart={0}\n            />\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nTimePickerPanel.displayName = \"TimePickerPanel\";\n\nexport { TimePickerPanel };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/Toastr-DYqpSaMd.js

@@ -0,0 +1,115 @@
+import { t as toast } from './index-D_roZz8G.js';
+
+const activeToasts = new Set();
+function toastKey(type, message, buttonLabel) {
+    return `${type}::${message}::${buttonLabel ?? ""}`;
+}
+function getContentDir() {
+    if (typeof document === "undefined")
+        return "ltr";
+    return (document.documentElement.getAttribute("dir") ??
+        document.body.getAttribute("dir") ??
+        "ltr");
+}
+function resolveMessage(message) {
+    if (typeof message === "string")
+        return message;
+    if (message && typeof message === "object") {
+        if (message.customMessage)
+            return message.customMessage;
+        if (message.notice)
+            return message.notice;
+        if (message.noticeCode)
+            return message.noticeCode;
+    }
+    return String(message);
+}
+function resolveErrorMessage(errorObject) {
+    if (typeof errorObject === "string")
+        return errorObject;
+    if (errorObject && typeof errorObject === "object") {
+        // Axios-style error
+        const axiosLike = errorObject;
+        if (axiosLike.response?.data) {
+            const data = axiosLike.response.data;
+            if (data.customMessage)
+                return String(data.customMessage);
+            if (data.error)
+                return String(data.error);
+            if (Array.isArray(data.errors))
+                return data.errors.join("\n");
+            if (data.noticeCode)
+                return String(data.noticeCode);
+        }
+        if (axiosLike.isAxiosError && axiosLike.message)
+            return axiosLike.message;
+        // Native Error
+        if (errorObject instanceof Error)
+            return errorObject.message;
+        // ToastrMessage object
+        return resolveMessage(errorObject);
+    }
+    return "Something went wrong.";
+}
+function showToast(type, message, config) {
+    const { buttonLabel, onClick, showIcon, ...restConfig } = config ?? {};
+    const key = toastKey(type, message, buttonLabel);
+    if (activeToasts.has(key))
+        return undefined;
+    activeToasts.add(key);
+    const options = {
+        onDismiss: () => activeToasts.delete(key),
+        onAutoClose: () => activeToasts.delete(key),
+        position: getContentDir() === "rtl" ? "bottom-right" : "bottom-left",
+        ...restConfig,
+    };
+    if (buttonLabel) {
+        options.action = {
+            label: buttonLabel,
+            onClick: onClick ?? (() => { }),
+        };
+    }
+    // When showIcon is explicitly false, hide the type icon
+    if (showIcon === false) {
+        options.icon = null;
+    }
+    return toast[type](message, options);
+}
+function parseConfig(args) {
+    if (args.length === 0)
+        return {};
+    const first = args[0];
+    if (typeof first === "object" && first !== null && !Array.isArray(first)) {
+        return first;
+    }
+    // Legacy positional args: buttonLabel, onClick, customConfig, showIcon
+    const [buttonLabel, onClick, customConfig, showIcon] = args;
+    return {
+        ...(buttonLabel ? { buttonLabel } : {}),
+        ...(onClick ? { onClick } : {}),
+        ...(showIcon !== undefined ? { showIcon } : {}),
+        ...(customConfig ?? {}),
+    };
+}
+
+const Toastr = {
+    success(message, ...args) {
+        return showToast("success", resolveMessage(message), parseConfig(args));
+    },
+    info(message, ...args) {
+        return showToast("info", resolveMessage(message), parseConfig(args));
+    },
+    show(message, ...args) {
+        return showToast("info", resolveMessage(message), parseConfig(args));
+    },
+    warning(message, ...args) {
+        return showToast("warning", resolveMessage(message), parseConfig(args));
+    },
+    error(errorObject, ...args) {
+        const msg = resolveErrorMessage(errorObject);
+        return showToast("error", msg, parseConfig(args));
+    },
+};
+
+export { Toastr as T };
+//# sourceMappingURL=Toastr-DYqpSaMd.js.map

package/dist/Toastr-DYqpSaMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toastr-DYqpSaMd.js","sources":["../src/components/Toastr/utils.ts","../src/components/Toastr/Toastr.tsx"],"sourcesContent":["import { toast } from \"sonner\";\n\nimport type { ToastrConfig, ToastrErrorInput, ToastrMessage } from \"./Toastr\";\n\ntype SonnerType = \"success\" | \"info\" | \"warning\" | \"error\";\n\nconst activeToasts = new Set<string>();\n\nfunction toastKey(type: string, message: string, buttonLabel?: string): string {\n  return `${type}::${message}::${buttonLabel ?? \"\"}`;\n}\n\nfunction getContentDir(): \"ltr\" | \"rtl\" {\n  if (typeof document === \"undefined\") return \"ltr\";\n  return (\n    (document.documentElement.getAttribute(\"dir\") as \"ltr\" | \"rtl\") ??\n    (document.body.getAttribute(\"dir\") as \"ltr\" | \"rtl\") ??\n    \"ltr\"\n  );\n}\n\nfunction resolveMessage(message: ToastrMessage): string {\n  if (typeof message === \"string\") return message;\n  if (message && typeof message === \"object\") {\n    if (message.customMessage) return message.customMessage;\n    if (message.notice) return message.notice;\n    if (message.noticeCode) return message.noticeCode;\n  }\n  return String(message);\n}\n\nfunction resolveErrorMessage(errorObject: ToastrErrorInput): string {\n  if (typeof errorObject === \"string\") return errorObject;\n\n  if (errorObject && typeof errorObject === \"object\") {\n    // Axios-style error\n    const axiosLike = errorObject as {\n      response?: { data?: Record<string, unknown> };\n      message?: string;\n      isAxiosError?: boolean;\n    };\n\n    if (axiosLike.response?.data) {\n      const data = axiosLike.response.data;\n      if (data.customMessage) return String(data.customMessage);\n      if (data.error) return String(data.error);\n      if (Array.isArray(data.errors)) return data.errors.join(\"\\n\");\n      if (data.noticeCode) return String(data.noticeCode);\n    }\n\n    if (axiosLike.isAxiosError && axiosLike.message) return axiosLike.message;\n\n    // Native Error\n    if (errorObject instanceof Error) return errorObject.message;\n\n    // ToastrMessage object\n    return resolveMessage(errorObject as ToastrMessage);\n  }\n\n  return \"Something went wrong.\";\n}\n\nfunction showToast(\n  type: SonnerType,\n  message: string,\n  config?: ToastrConfig\n): string | number | undefined {\n  const { buttonLabel, onClick, showIcon, ...restConfig } = config ?? {};\n\n  const key = toastKey(type, message, buttonLabel);\n\n  if (activeToasts.has(key)) return undefined;\n  activeToasts.add(key);\n\n  const options: Record<string, unknown> = {\n    onDismiss: () => activeToasts.delete(key),\n    onAutoClose: () => activeToasts.delete(key),\n    position: getContentDir() === \"rtl\" ? \"bottom-right\" : \"bottom-left\",\n    ...restConfig,\n  };\n\n  if (buttonLabel) {\n    options.action = {\n      label: buttonLabel,\n      onClick: onClick ?? (() => {}),\n    };\n  }\n\n  // When showIcon is explicitly false, hide the type icon\n  if (showIcon === false) {\n    options.icon = null;\n  }\n\n  return toast[type](message, options);\n}\n\nfunction parseConfig(args: unknown[]): ToastrConfig {\n  if (args.length === 0) return {};\n\n  const first = args[0];\n  if (typeof first === \"object\" && first !== null && !Array.isArray(first)) {\n    return first as ToastrConfig;\n  }\n\n  // Legacy positional args: buttonLabel, onClick, customConfig, showIcon\n  const [buttonLabel, onClick, customConfig, showIcon] = args as [\n    string?,\n    (() => void)?,\n    Record<string, unknown>?,\n    boolean?,\n  ];\n\n  return {\n    ...(buttonLabel ? { buttonLabel } : {}),\n    ...(onClick ? { onClick } : {}),\n    ...(showIcon !== undefined ? { showIcon } : {}),\n    ...(customConfig ?? {}),\n  };\n}\n\nexport {\n  activeToasts,\n  getContentDir,\n  parseConfig,\n  resolveErrorMessage,\n  resolveMessage,\n  showToast,\n  toastKey,\n};\n","import {\n  parseConfig,\n  resolveErrorMessage,\n  resolveMessage,\n  showToast,\n} from \"./utils\";\n\nexport interface ToastrConfig {\n  /** Label for an action button inside the toast. */\n  buttonLabel?: string;\n  /** Callback when the action button is clicked. */\n  onClick?: () => void;\n  /** Whether to show the type icon in the toast. */\n  showIcon?: boolean;\n  /** Additional sonner toast options (duration, position, dismissible, etc.). */\n  [key: string]: unknown;\n}\n\nexport type ToastrMessage =\n  | string\n  | { noticeCode?: string; customMessage?: string; notice?: string };\n\nexport type ToastrErrorInput =\n  | string\n  | Error\n  | {\n      response?: { data?: Record<string, unknown> };\n      message?: string;\n      isAxiosError?: boolean;\n    }\n  | ToastrMessage;\n\nconst Toastr = {\n  success(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"success\", resolveMessage(message), parseConfig(args));\n  },\n\n  info(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"info\", resolveMessage(message), parseConfig(args));\n  },\n\n  show(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"info\", resolveMessage(message), parseConfig(args));\n  },\n\n  warning(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"warning\", resolveMessage(message), parseConfig(args));\n  },\n\n  error(errorObject: ToastrErrorInput, ...args: unknown[]) {\n    const msg = resolveErrorMessage(errorObject);\n    return showToast(\"error\", msg, parseConfig(args));\n  },\n};\n\nexport { Toastr };\n"],"names":[],"mappings":"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"}

package/dist/Tooltip-DhwIZnOU.js

@@ -0,0 +1,80 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
+import { TooltipProvider, Tooltip as Tooltip$1, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
+
+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",
+};
+const ALIGN_MAP = {
+    top: "center",
+    bottom: "center",
+    left: "center",
+    right: "center",
+    "top-start": "start",
+    "top-end": "end",
+    "bottom-start": "start",
+    "bottom-end": "end",
+    "left-start": "start",
+    "left-end": "end",
+    "right-start": "start",
+    "right-end": "end",
+    auto: "center",
+};
+
+const Tooltip = forwardRef(({ content, children, disabled = false, position = "auto", interactive = false, hideAfter = -1, hideOnTargetExit = false, className, delayDuration = 0, defaultOpen, 
+// Radix TooltipContent props forwarded
+...contentProps }, ref) => {
+    const [open, setOpen] = useState(false);
+    const triggerRef = useRef(null);
+    // Merge external ref with internal trigger ref
+    const setTriggerRef = useCallback((node) => {
+        triggerRef.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current =
+                node;
+    }, [ref]);
+    // Auto-hide after hideAfter ms
+    useEffect(() => {
+        if (!open || hideAfter <= 0)
+            return;
+        const timer = setTimeout(() => setOpen(false), hideAfter);
+        return () => clearTimeout(timer);
+    }, [open, hideAfter]);
+    // Hide tooltip when trigger exits viewport
+    useEffect(() => {
+        if (!hideOnTargetExit || !open || !triggerRef.current)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (!entry.isIntersecting)
+                setOpen(false);
+        });
+        observer.observe(triggerRef.current);
+        return () => observer.disconnect();
+    }, [hideOnTargetExit, open]);
+    if (disabled || !content) {
+        return jsx(Fragment, { children: children });
+    }
+    const side = SIDE_MAP[position] ?? "top";
+    const align = ALIGN_MAP[position] ?? "center";
+    // Wrap non-element children in a span so TooltipTrigger can attach
+    const trigger = React__default.isValidElement(children) ? (children) : (jsx("span", { children: children }));
+    return (jsx(TooltipProvider, { delayDuration: delayDuration, children: jsxs(Tooltip$1, { open: open, onOpenChange: setOpen, defaultOpen: defaultOpen, disableHoverableContent: !interactive, children: [jsx(TooltipTrigger, { ref: setTriggerRef, asChild: true, children: trigger }), jsx(TooltipContent, { side: side, align: align, className: className, onPointerDownOutside: interactive ? e => e.preventDefault() : undefined, ...contentProps, children: content })] }) }));
+});
+Tooltip.displayName = "Tooltip";
+
+export { Tooltip as T };
+//# sourceMappingURL=Tooltip-DhwIZnOU.js.map

package/dist/Tooltip-DhwIZnOU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-DhwIZnOU.js","sources":["../src/components/Tooltip/constants.ts","../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["export const 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\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"center\",\n};\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport {\n  Tooltip as PrimitiveTooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\ntype TooltipPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\n/** Radix Tooltip.Content props we forward via ...otherProps. */\ntype TooltipContentProps = React.ComponentProps<typeof TooltipContent>;\n\nexport interface TooltipProps extends Omit<\n  TooltipContentProps,\n  \"children\" | \"className\" | \"side\" | \"align\" | \"content\"\n> {\n  /** Content rendered inside the tooltip popup. */\n  content?: ReactNode;\n  /** The trigger element. */\n  children?: ReactNode;\n  /** Disable the tooltip. */\n  disabled?: boolean;\n  /** Placement of the tooltip relative to the trigger. */\n  position?: TooltipPosition;\n  /** Whether the tooltip stays open when hovered over. */\n  interactive?: boolean;\n  /** Auto-hide after N milliseconds. Use -1 to disable. */\n  hideAfter?: number;\n  /** Auto-hide the tooltip when the trigger scrolls out of the viewport. */\n  hideOnTargetExit?: boolean;\n  /** Additional CSS class names for the tooltip content. */\n  className?: string;\n  /** Delay in ms before the tooltip opens (forwarded to TooltipProvider). */\n  delayDuration?: number;\n  /** Radix Tooltip `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\nimport { SIDE_MAP, ALIGN_MAP } from \"./constants\";\n\nconst Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  (\n    {\n      content,\n      children,\n      disabled = false,\n      position = \"auto\",\n      interactive = false,\n      hideAfter = -1,\n      hideOnTargetExit = false,\n      className,\n      delayDuration = 0,\n      defaultOpen,\n      // Radix TooltipContent props forwarded\n      ...contentProps\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(false);\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    // Merge external ref with internal trigger ref\n    const setTriggerRef = useCallback(\n      (node: HTMLButtonElement | null) => {\n        triggerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n            node;\n      },\n      [ref]\n    );\n\n    // Auto-hide after hideAfter ms\n    useEffect(() => {\n      if (!open || hideAfter <= 0) return;\n      const timer = setTimeout(() => setOpen(false), hideAfter);\n      return () => clearTimeout(timer);\n    }, [open, hideAfter]);\n\n    // Hide tooltip when trigger exits viewport\n    useEffect(() => {\n      if (!hideOnTargetExit || !open || !triggerRef.current) return;\n      const observer = new IntersectionObserver(([entry]) => {\n        if (!entry.isIntersecting) setOpen(false);\n      });\n      observer.observe(triggerRef.current);\n      return () => observer.disconnect();\n    }, [hideOnTargetExit, open]);\n\n    if (disabled || !content) {\n      return <>{children}</>;\n    }\n\n    const side = SIDE_MAP[position] ?? \"top\";\n    const align = ALIGN_MAP[position] ?? \"center\";\n\n    // Wrap non-element children in a span so TooltipTrigger can attach\n    const trigger = React.isValidElement(children) ? (\n      children\n    ) : (\n      <span>{children}</span>\n    );\n\n    return (\n      <TooltipProvider delayDuration={delayDuration}>\n        <PrimitiveTooltip\n          open={open}\n          onOpenChange={setOpen}\n          defaultOpen={defaultOpen}\n          disableHoverableContent={!interactive}\n        >\n          <TooltipTrigger ref={setTriggerRef} asChild>\n            {trigger}\n          </TooltipTrigger>\n          <TooltipContent\n            side={side}\n            align={align}\n            className={className}\n            onPointerDownOutside={\n              interactive ? e => e.preventDefault() : undefined\n            }\n            {...contentProps}\n          >\n            {content}\n          </TooltipContent>\n        </PrimitiveTooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n\nexport { Tooltip };\n"],"names":["_jsx","_Fragment","React","_jsxs","PrimitiveTooltip"],"mappings":";;;;AAAO,MAAM,QAAQ,GAAwD;AAC3E,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;AAEM,MAAM,SAAS,GAA+C;AACnE,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,YAAY,EAAE,OAAO;AACrB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,aAAa,EAAE,OAAO;AACtB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,IAAI,EAAE,QAAQ;CACf;;ACgCD,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,WAAW;AACX;AACA,GAAG,YAAY,EAChB,EACD,GAAG,KACD;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC;;AAGnD,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,IAA8B,KAAI;AACjC,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI;QACzB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC;AACnC,aAAA,IAAI,GAAG;AACT,YAAA,GAAwD,CAAC,OAAO;AAC/D,gBAAA,IAAI;AACV,IAAA,CAAC,EACD,CAAC,GAAG,CAAC,CACN;;IAGD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC;YAAE;AAC7B,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;AACzD,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;;IAGrB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAI;YACpD,IAAI,CAAC,KAAK,CAAC,cAAc;gBAAE,OAAO,CAAC,KAAK,CAAC;AAC3C,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC;AACpC,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;AAE5B,IAAA,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE;QACxB,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;IAEA,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK;IACxC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,QAAQ;;IAG7C,MAAM,OAAO,GAAGC,cAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAC5C,QAAQ,KAERF,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,QAAQ,EAAA,CAAQ,CACxB;AAED,IAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAAC,aAAa,EAAE,aAAa,EAAA,QAAA,EAC3CG,IAAA,CAACC,SAAgB,IACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,CAAC,WAAW,EAAA,QAAA,EAAA,CAErCJ,GAAA,CAAC,cAAc,EAAA,EAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACxC,OAAO,EAAA,CACO,EACjBA,GAAA,CAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAClB,WAAW,GAAG,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,GAAG,SAAS,EAAA,GAE/C,YAAY,EAAA,QAAA,EAEf,OAAO,GACO,CAAA,EAAA,CACA,EAAA,CACH;AAEtB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}