@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/{Textarea-C0z50h0N.js.map → Textarea-B2Uhx-Yy.js.map}

@@ -1 +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\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\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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"}
+{"version":3,"file":"Textarea-B2Uhx-Yy.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\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\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":["PrimitiveTextarea"],"mappings":"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"}

package/dist/TimePicker-wPi2k6Z8.js

@@ -0,0 +1,264 @@
+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-BJnb9o5c.js';
+import { d as dateToTimeValue, t as to12Hour, p as padNumber, T as TimePickerPanel, a as parseTimeString } from './TimePickerPanel-DAhz3B2d.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);
+      const dateLikeValue = value;
+      if (typeof dateLikeValue.toDate === "function") {
+        return dateToTimeValue(dateLikeValue.toDate());
+      }
+      const timeValue = value;
+      return {
+        hours: timeValue.hours,
+        minutes: timeValue.minutes,
+        seconds: timeValue.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 parts2 = [padNumber(hour12), padNumber(time.minutes)];
+          if (showSeconds) parts2.push(padNumber(time.seconds ?? 0));
+          return `${parts2.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]);
+    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(" ") || void 0;
+    const triggerContent = /* @__PURE__ */ jsxs(Popover, { open, children: [
+      /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ 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 ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: timezone.toUpperCase() }) : /* @__PURE__ */ jsx(
+              Clock,
+              {
+                className: cn(
+                  "shrink-0 text-muted-foreground",
+                  sizeConfig.icon
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                disabled,
+                "aria-label": label || "Pick a time",
+                "aria-describedby": ariaDescribedBy,
+                "aria-invalid": !!error || void 0,
+                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-"))
+                )
+              }
+            ),
+            /* @__PURE__ */ 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: /* @__PURE__ */ jsx(X, { className: sizeConfig.icon })
+              }
+            )
+          ]
+        }
+      ) }),
+      open && /* @__PURE__ */ 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: /* @__PURE__ */ jsx(
+            TimePickerPanel,
+            {
+              value: internalTime ?? void 0,
+              onChange: handlePanelChange,
+              format,
+              showSeconds,
+              minuteStep,
+              secondStep,
+              disabled
+            }
+          )
+        }
+      )
+    ] });
+    if (!hasField) {
+      return /* @__PURE__ */ jsx("div", { ref, className, children: triggerContent });
+    }
+    return /* @__PURE__ */ jsxs(
+      Field,
+      {
+        ref,
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          label && /* @__PURE__ */ jsxs(
+            FieldLabel,
+            {
+              ...labelProps,
+              children: [
+                label,
+                required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(FieldContent, { children: [
+            triggerContent,
+            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+TimePicker.displayName = "TimePicker";
+
+export { TimePicker as T };
+//# sourceMappingURL=TimePicker-wPi2k6Z8.js.map

package/dist/TimePicker-wPi2k6Z8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-wPi2k6Z8.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      const dateLikeValue = value as { toDate?: () => Date };\n      if (typeof dateLikeValue.toDate === \"function\") {\n        return dateToTimeValue(dateLikeValue.toDate());\n      }\n\n      const timeValue = value as TimeValue;\n\n      return {\n        hours: timeValue.hours,\n        minutes: timeValue.minutes,\n        seconds: timeValue.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":["parts"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/TimePickerPanel-DAhz3B2d.js

@@ -0,0 +1,227 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect, forwardRef, useCallback, useState } from 'react';
+import { c as cn } from './utils-BJnb9o5c.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") {
+    const match2 = trimmed.match(
+      /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?\s*(AM|PM)$/i
+    );
+    if (!match2) return null;
+    const hour12 = parseInt(match2[1], 10);
+    const minutes2 = parseInt(match2[2], 10);
+    const seconds2 = match2[3] ? parseInt(match2[3], 10) : 0;
+    const period = match2[4].toUpperCase();
+    if (hour12 < 1 || hour12 > 12 || minutes2 > 59 || seconds2 > 59) return null;
+    return { hours: to24Hour(hour12, period), minutes: minutes2, seconds: seconds2 };
+  }
+  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 /* @__PURE__ */ jsx(
+    ScrollArea,
+    {
+      className: cn("w-16", className),
+      style: { height: COLUMN_HEIGHT },
+      children: /* @__PURE__ */ 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 /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: isSelected ? selectedRef : void 0,
+                variant: isSelected ? "default" : "ghost",
+                size: "sm",
+                role: "option",
+                "aria-selected": isSelected,
+                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 /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex", className),
+        role: "group",
+        "aria-label": "Time picker",
+        children: [
+          /* @__PURE__ */ jsx(
+            TimeColumn,
+            {
+              items: hours,
+              selected: format === "12" ? hour12 : internalTime.hours,
+              onSelect: handleHourSelect,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "border-inline-end border-border" }),
+          /* @__PURE__ */ jsx(
+            TimeColumn,
+            {
+              items: minutes,
+              selected: internalTime.minutes,
+              onSelect: handleMinuteSelect,
+              disabled
+            }
+          ),
+          showSeconds && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "border-inline-end border-border" }),
+            /* @__PURE__ */ jsx(
+              TimeColumn,
+              {
+                items: seconds,
+                selected: internalTime.seconds ?? 0,
+                onSelect: handleSecondSelect,
+                disabled
+              }
+            )
+          ] }),
+          format === "12" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "border-inline-end border-border" }),
+            /* @__PURE__ */ jsx(
+              TimeColumn,
+              {
+                items: [...PERIODS],
+                selected: period,
+                onSelect: handlePeriodSelect,
+                disabled,
+                padStart: 0
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+TimePickerPanel.displayName = "TimePickerPanel";
+
+export { TimePickerPanel as T, parseTimeString as a, dateToTimeValue as d, padNumber as p, to12Hour as t };
+//# sourceMappingURL=TimePickerPanel-DAhz3B2d.js.map