shad-m 1.0.2 → 1.0.3

package/dist/common/interactive/date-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/date-field.tsx"],"names":["format"],"mappings":"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","file":"date-field.mjs","sourcesContent":["'use client';\n\nimport { Input } from '@/components/input';\nimport { CalendarOutlinedIcon } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { format, isValid, parse } from 'date-fns';\nimport { vi } from 'date-fns/locale';\nimport * as React from 'react';\n\nexport interface DateFieldProps {\n  /**\n   * The selected date value\n   * Can be a Date object or a string in 'dd/MM/yyyy' format\n   */\n  value?: Date | string | null;\n\n  /**\n   * Default date value\n   */\n  defaultValue?: Date | string;\n\n  /**\n   * Callback fired when the date value changes\n   */\n  onChange?: (date: Date | null) => void;\n\n  /**\n   * Callback fired when the input value changes (raw string)\n   */\n  onInputChange?: (value: string) => void;\n\n  /**\n   * Input placeholder\n   */\n  placeholder?: string;\n\n  /**\n   * Input label\n   */\n  label?: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the input is in error state\n   */\n  isError?: boolean;\n\n  /**\n   * Error message to display\n   */\n  errorText?: string;\n\n  /**\n   * Help text to display\n   */\n  helpText?: string;\n\n  /**\n   * Input size\n   */\n  size?: 'default' | 'lg';\n\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n\n  /**\n   * Input CSS classes\n   */\n  inputClassName?: string;\n\n  /**\n   * Minimum date allowed\n   */\n  minDate?: Date;\n\n  /**\n   * Maximum date allowed\n   */\n  maxDate?: Date;\n\n  /**\n   * Whether to show calendar icon\n   */\n  showCalendarIcon?: boolean;\n\n  /**\n   * Whether to show clear button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Custom date format (default: 'dd/MM/yyyy')\n   */\n  format?: string;\n\n  /**\n   * Whether to enable strict validation\n   */\n  strictValidation?: boolean;\n\n  /**\n   * Inline styles\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Callback when calendar icon is clicked\n   */\n  onCalendarIconClick?: () => void;\n\n  /**\n   * Callback when clear button is clicked\n   */\n  onClearValue?: () => void;\n\n  /**\n   * Callback when input is clicked\n   */\n  onInputClick?: () => void;\n}\n\n/**\n * Converts a date string in dd/MM/yyyy format to a Date object\n */\nconst parseStringToDate = (dateStr: string, format: string = 'dd/MM/yyyy'): Date | null => {\n  if (!dateStr) return null;\n  try {\n    const parsedDate = parse(dateStr, format, new Date());\n    return isValid(parsedDate) ? parsedDate : null;\n  } catch (error) {\n    return null;\n  }\n};\n\n/**\n * Gets a Date object from either a Date or a string\n */\nconst getDateValue = (\n  value: Date | string | null | undefined,\n  format: string = 'dd/MM/yyyy',\n): Date | null => {\n  if (!value) return null;\n  if (typeof value === 'string') return parseStringToDate(value, format);\n  return value instanceof Date ? value : null;\n};\n\n/**\n * Formats a date to string\n */\nconst formatDateToString = (date: Date | null, dateFormat: string = 'dd/MM/yyyy'): string => {\n  if (!date || !isValid(date)) return '';\n  try {\n    return format(date, dateFormat, { locale: vi });\n  } catch (error) {\n    return '';\n  }\n};\n\n/**\n * Smart date input formatter that handles partial input\n */\nconst formatDateInput = (input: string): string => {\n  // Remove all non-digit characters\n  const digitsOnly = input.replace(/\\D/g, '');\n\n  // Apply dd/MM/yyyy format progressively\n  if (digitsOnly.length <= 2) {\n    return digitsOnly;\n  } else if (digitsOnly.length <= 4) {\n    return `${digitsOnly.slice(0, 2)}/${digitsOnly.slice(2)}`;\n  } else if (digitsOnly.length <= 8) {\n    return `${digitsOnly.slice(0, 2)}/${digitsOnly.slice(2, 4)}/${digitsOnly.slice(4)}`;\n  } else {\n    // Limit to 8 digits (ddMMyyyy)\n    return `${digitsOnly.slice(0, 2)}/${digitsOnly.slice(2, 4)}/${digitsOnly.slice(4, 8)}`;\n  }\n};\n\n/**\n * Validate date input with strict rules\n */\nconst validateDateInput = (\n  input: string,\n  dateFormat: string = 'dd/MM/yyyy',\n  minDate?: Date,\n  maxDate?: Date,\n  strictValidation: boolean = false,\n): { isValid: boolean; error?: string } => {\n  if (!input) return { isValid: true };\n\n  // Check if input is complete (dd/MM/yyyy = 10 characters)\n  if (strictValidation && input.length !== 10) {\n    return { isValid: false, error: 'Vui lòng nhập đầy đủ ngày tháng (dd/MM/yyyy)' };\n  }\n\n  // For incomplete input, don't show error yet\n  if (input.length < 10) {\n    return { isValid: true };\n  }\n\n  // Parse components manually for strict validation\n  const parts = input.split('/');\n  if (parts.length !== 3) {\n    return { isValid: false, error: 'Định dạng ngày không hợp lệ' };\n  }\n\n  const day = parseInt(parts[0] || '0', 10);\n  const month = parseInt(parts[1] || '0', 10);\n  const year = parseInt(parts[2] || '0', 10);\n\n  // Validate ranges\n  if (isNaN(day) || day < 1 || day > 31) {\n    return { isValid: false, error: 'Ngày phải từ 01 đến 31' };\n  }\n\n  if (isNaN(month) || month < 1 || month > 12) {\n    return { isValid: false, error: 'Tháng phải từ 01 đến 12' };\n  }\n\n  if (isNaN(year) || year < 1900 || year > 2099) {\n    return { isValid: false, error: 'Năm phải từ 1900 đến 2099' };\n  }\n\n  // Check if date is valid (e.g., 31/02/2023 is invalid)\n  const date = new Date(year, month - 1, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return { isValid: false, error: 'Ngày không tồn tại' };\n  }\n\n  // Check min date\n  if (minDate && date < minDate) {\n    return {\n      isValid: false,\n      error: `Ngày không được nhỏ hơn ${formatDateToString(minDate, dateFormat)}`,\n    };\n  }\n\n  // Check max date\n  if (maxDate && date > maxDate) {\n    return {\n      isValid: false,\n      error: `Ngày không được lớn hơn ${formatDateToString(maxDate, dateFormat)}`,\n    };\n  }\n\n  return { isValid: true };\n};\n\nexport const DateField = React.forwardRef<HTMLInputElement, DateFieldProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInputChange,\n      placeholder = 'dd/MM/yyyy',\n      label,\n      disabled = false,\n      isError = false,\n      errorText,\n      helpText,\n      size = 'default',\n      className,\n      inputClassName,\n      minDate,\n      maxDate,\n      showCalendarIcon = true,\n      showClearButton = true,\n      format: dateFormat = 'dd/MM/yyyy',\n      strictValidation = false,\n      style,\n      onCalendarIconClick,\n      onClearValue,\n      onInputClick,\n\n      ...props\n    },\n    ref,\n  ) => {\n    // Convert initial value to date\n    const initialDate = getDateValue(value || defaultValue, dateFormat);\n    const initialInputValue = formatDateToString(initialDate, dateFormat);\n\n    // Internal state\n    const [inputValue, setInputValue] = React.useState(initialInputValue);\n    const [internalError, setInternalError] = React.useState<string>('');\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    // Update input value when external value changes\n    React.useEffect(() => {\n      const dateValue = getDateValue(value, dateFormat);\n      const formattedValue = formatDateToString(dateValue, dateFormat);\n      setInputValue(formattedValue);\n    }, [value, dateFormat]);\n\n    // Handle input change\n    const handleInputChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const rawValue = e.target.value;\n        const formattedValue = formatDateInput(rawValue);\n\n        setInputValue(formattedValue);\n        onInputChange?.(formattedValue);\n\n        // Validate and parse date\n        const validation = validateDateInput(\n          formattedValue,\n          dateFormat,\n          minDate,\n          maxDate,\n          strictValidation,\n        );\n\n        if (validation.isValid) {\n          setInternalError('');\n\n          // Only parse and set date if input is complete (10 characters)\n          if (formattedValue.length === 10) {\n            const parsedDate = parseStringToDate(formattedValue, dateFormat);\n            if (parsedDate) {\n              onChange?.(parsedDate);\n            } else {\n              // Only clear if the complete input is invalid\n              onChange?.(null);\n            }\n          }\n          // Don't clear date for incomplete input - let user continue typing\n        } else {\n          setInternalError(validation.error || '');\n          // Only call onChange with null for complete invalid dates\n          if (formattedValue.length === 10) {\n            onChange?.(null);\n          }\n        }\n      },\n      [onChange, onInputChange, dateFormat, minDate, maxDate, strictValidation],\n    );\n\n    // Handle input click - segmented selection based on cursor position\n    const handleInputClick = React.useCallback(\n      (e: React.MouseEvent<HTMLInputElement>) => {\n        const input = e.currentTarget;\n        if (!input || !inputValue) {\n          // Call external onClick handler if provided\n          onInputClick?.();\n          return;\n        }\n\n        // Get cursor position\n        const cursorPosition = input.selectionStart || 0;\n\n        // Determine which segment to select based on cursor position\n        // Format: dd/MM/yyyy (10 characters)\n        // Positions: 01/34/6789\n        let selectionStart = 0;\n        let selectionEnd = 0;\n\n        if (cursorPosition <= 2) {\n          // Day segment (positions 0-1)\n          selectionStart = 0;\n          selectionEnd = 2;\n        } else if (cursorPosition <= 5) {\n          // Month segment (positions 3-4)\n          selectionStart = 3;\n          selectionEnd = 5;\n        } else {\n          // Year segment (positions 6-9)\n          selectionStart = 6;\n          selectionEnd = 10;\n        }\n\n        // Select the segment\n        setTimeout(() => {\n          input.setSelectionRange(selectionStart, selectionEnd);\n        }, 0);\n\n        // Call external onClick handler if provided\n        onInputClick?.();\n      },\n      [inputValue, onInputClick],\n    );\n\n    // Handle focus with segmented selection\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true);\n\n        // Select first segment (day) when focusing\n        if (inputValue) {\n          const input = e.currentTarget;\n          // Use setTimeout to ensure selection happens after focus\n          setTimeout(() => {\n            input.setSelectionRange(0, 2); // Select day segment\n          }, 0);\n        }\n      },\n      [inputValue],\n    );\n\n    // Handle blur\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n\n      // On blur, validate more strictly\n      if (inputValue) {\n        const validation = validateDateInput(inputValue, dateFormat, minDate, maxDate, true);\n        if (!validation.isValid) {\n          setInternalError(validation.error || '');\n        }\n      }\n    }, [inputValue, dateFormat, minDate, maxDate]);\n\n    // Handle clear\n    const handleClear = React.useCallback(() => {\n      setInputValue('');\n      setInternalError('');\n      onChange?.(null);\n      onInputChange?.('');\n      onClearValue?.();\n    }, [onChange, onInputChange, onClearValue]);\n\n    // Handle key press\n    const handleKeyPress = React.useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n      // Allow only digits and forward slash\n      if (\n        !/[\\d/]/.test(e.key) &&\n        !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)\n      ) {\n        e.preventDefault();\n      }\n    }, []);\n\n    // Handle key down for segment navigation\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        const input = e.currentTarget;\n        const cursorPosition = input.selectionStart || 0;\n        const selectionLength = (input.selectionEnd || 0) - (input.selectionStart || 0);\n\n        // Check if we have a segment selected\n        const isSegmentSelected = selectionLength > 0;\n\n        if (e.key === 'ArrowLeft' && isSegmentSelected) {\n          e.preventDefault();\n          // Move to previous segment\n          if (cursorPosition <= 2) {\n            // At day segment, go to year segment (wrap around)\n            input.setSelectionRange(6, 10);\n          } else if (cursorPosition <= 5) {\n            // At month segment, go to day\n            input.setSelectionRange(0, 2);\n          } else {\n            // At year segment, go to month\n            input.setSelectionRange(3, 5);\n          }\n        } else if (e.key === 'ArrowRight' && isSegmentSelected) {\n          e.preventDefault();\n          // Move to next segment\n          if (cursorPosition <= 2) {\n            // At day segment, go to month\n            input.setSelectionRange(3, 5);\n          } else if (cursorPosition <= 5) {\n            // At month segment, go to year\n            input.setSelectionRange(6, 10);\n          } else {\n            // At year segment, go to day (wrap around)\n            input.setSelectionRange(0, 2);\n          }\n        } else {\n          // Call original key press handler for other keys\n          handleKeyPress(e);\n        }\n      },\n      [handleKeyPress],\n    );\n\n    // Determine error state and message\n    const hasError = isError || !!internalError;\n    const displayErrorText = errorText || internalError;\n\n    // Show help text with format hint when focused and no error\n    const displayHelpText =\n      isFocused && !hasError ? helpText || `Định dạng: ${dateFormat.toLowerCase()}` : helpText;\n\n    return (\n      <Input\n        ref={ref}\n        type=\"text\"\n        value={inputValue}\n        onChange={handleInputChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onClick={handleInputClick}\n        placeholder={placeholder}\n        label={label}\n        disabled={disabled}\n        isError={hasError}\n        errorText={displayErrorText}\n        helpText={displayHelpText}\n        size={size}\n        className={cn('w-full', className)}\n        inputClassName={cn('font-mono w-full min-w-0 flex-1', inputClassName)}\n        showRemoveIcon={showClearButton && !!inputValue && !disabled}\n        onClearValue={handleClear}\n        buttonIcon={\n          showCalendarIcon ? (\n            <div className=\"cursor-pointer\" data-calendar-icon>\n              <CalendarOutlinedIcon className=\"h-5 w-5\" />\n            </div>\n          ) : undefined\n        }\n        maxLength={10} // dd/MM/yyyy = 10 characters\n        style={{ width: '100%', ...style }}\n        {...props}\n      />\n    );\n  },\n);\n\nDateField.displayName = 'DateField';\n"]}

package/dist/common/interactive/date-input/date-input.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var input = require('@/components/input');
+var utils = require('@/lib/utils');
+var React = require('react');
+var useTypedDate = require('./use-typed-date');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const DateInput = React__default.default.forwardRef(
+  ({ value, onChange, format, minDate, maxDate, className, ...props }, ref) => {
+    const { inputProps, resetToFirstSegment, isFocused } = useTypedDate.useTypedDate({
+      value,
+      onChange,
+      format,
+      minDate,
+      maxDate
+    });
+    const inputRef = React__default.default.useRef(null);
+    const isPlaceholder = inputProps.value === "" || inputProps.value === "--/--/----";
+    const mergedRef = React__default.default.useCallback(
+      (node) => {
+        if (inputProps.ref && "current" in inputProps.ref && inputProps.ref.current !== node) {
+          inputProps.ref.current = node;
+        }
+        if (inputRef.current !== node) {
+          inputRef.current = node;
+        }
+      },
+      [inputProps.ref]
+    );
+    React__default.default.useImperativeHandle(
+      ref,
+      () => ({
+        focus: () => {
+          inputRef.current?.focus();
+        },
+        resetToFirstSegment
+      }),
+      [resetToFirstSegment]
+    );
+    const { ref: _, ...restInputProps } = inputProps;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      input.Input,
+      {
+        ref: mergedRef,
+        ...restInputProps,
+        ...props,
+        className: utils.cn(isPlaceholder && "text-muted-foreground", className),
+        style: {
+          ...isFocused && {
+            fontVariantLigatures: "none",
+            fontFeatureSettings: '"liga" 0, "clig" 0'
+          },
+          ...props.style
+        }
+      }
+    );
+  }
+);
+DateInput.displayName = "DateInput";
+
+exports.DateInput = DateInput;
+//# sourceMappingURL=date-input.js.map
+//# sourceMappingURL=date-input.js.map

package/dist/common/interactive/date-input/date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/date-input/date-input.tsx"],"names":["React","useTypedDate","jsx","Input","cn"],"mappings":";;;;;;;;;;;;AA4BO,MAAM,YAAYA,sBAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3E,IAAA,MAAM,EAAE,UAAA,EAAY,mBAAA,EAAqB,SAAA,KAAcC,yBAAA,CAAa;AAAA,MAClE,KAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,QAAA,GAAWD,sBAAA,CAAM,MAAA,CAAyB,IAAI,CAAA;AAGpD,IAAA,MAAM,aAAA,GAAgB,UAAA,CAAW,KAAA,KAAU,EAAA,IAAM,WAAW,KAAA,KAAU,YAAA;AAGtE,IAAA,MAAM,YAAYA,sBAAA,CAAM,WAAA;AAAA,MACtB,CAAC,IAAA,KAAkC;AAEjC,QAAA,IAAI,UAAA,CAAW,OAAO,SAAA,IAAa,UAAA,CAAW,OAAO,UAAA,CAAW,GAAA,CAAI,YAAY,IAAA,EAAM;AACpF,UAAC,UAAA,CAAW,IAAwD,OAAA,GAAU,IAAA;AAAA,QAChF;AAGA,QAAA,IAAI,QAAA,CAAS,YAAY,IAAA,EAAM;AAC7B,UAAC,SAA6D,OAAA,GAAU,IAAA;AAAA,QAC1E;AAAA,MACF,CAAA;AAAA,MACA,CAAC,WAAW,GAAG;AAAA,KACjB;AAEA,IAAAA,sBAAA,CAAM,mBAAA;AAAA,MACJ,GAAA;AAAA,MACA,OAAO;AAAA,QACL,OAAO,MAAM;AACX,UAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,QAC1B,CAAA;AAAA,QACA;AAAA,OACF,CAAA;AAAA,MACA,CAAC,mBAAmB;AAAA,KACtB;AAEA,IAAA,MAAM,EAAE,GAAA,EAAK,CAAA,EAAG,GAAG,gBAAe,GAAI,UAAA;AAEtC,IAAA,uBACEE,cAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACJ,GAAG,cAAA;AAAA,QACH,GAAG,KAAA;AAAA,QACJ,SAAA,EAAWC,QAAA,CAAG,aAAA,IAAiB,uBAAA,EAAyB,SAAS,CAAA;AAAA,QACjE,KAAA,EAAO;AAAA,UACL,GAAI,SAAA,IAAa;AAAA,YACf,oBAAA,EAAsB,MAAA;AAAA,YACtB,mBAAA,EAAqB;AAAA,WACvB;AAAA,UACA,GAAG,KAAA,CAAM;AAAA;AACX;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"date-input.js","sourcesContent":["import { Input } from '@/components/input';\nimport { cn } from '@/lib/utils';\nimport React from 'react';\nimport { TypedDateProps } from './types';\nimport { useTypedDate } from './use-typed-date';\n\ninterface DateInputProps\n  extends Omit<\n      React.ComponentProps<typeof Input>,\n      | 'value'\n      | 'onChange'\n      | 'onKeyDown'\n      | 'ref'\n      | 'type'\n      | 'onMouseUp'\n      | 'onBlur'\n      | 'onFocus'\n      | 'onPaste'\n      | 'minDate'\n      | 'maxDate'\n    >,\n    TypedDateProps {}\n\nexport interface DateInputRef {\n  focus: () => void;\n  resetToFirstSegment: () => void;\n}\n\nexport const DateInput = React.forwardRef<DateInputRef, DateInputProps>(\n  ({ value, onChange, format, minDate, maxDate, className, ...props }, ref) => {\n    const { inputProps, resetToFirstSegment, isFocused } = useTypedDate({\n      value,\n      onChange,\n      format,\n      minDate,\n      maxDate,\n    });\n\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Check if input is showing placeholder (empty and focused, or has dashes)\n    const isPlaceholder = inputProps.value === '' || inputProps.value === '--/--/----';\n\n    // Merge refs - the useTypedDate internal ref and our internal ref\n    const mergedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        // Set internal ref from useTypedDate\n        if (inputProps.ref && 'current' in inputProps.ref && inputProps.ref.current !== node) {\n          (inputProps.ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n\n        // Set our internal ref\n        if (inputRef.current !== node) {\n          (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n      },\n      [inputProps.ref],\n    );\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        focus: () => {\n          inputRef.current?.focus();\n        },\n        resetToFirstSegment,\n      }),\n      [resetToFirstSegment],\n    );\n\n    const { ref: _, ...restInputProps } = inputProps;\n\n    return (\n      <Input\n        ref={mergedRef}\n        {...restInputProps}\n        {...props}\n        className={cn(isPlaceholder && 'text-muted-foreground', className)}\n        style={{\n          ...(isFocused && {\n            fontVariantLigatures: 'none',\n            fontFeatureSettings: '\"liga\" 0, \"clig\" 0',\n          }),\n          ...props.style,\n        }}\n      />\n    );\n  },\n);\n\nDateInput.displayName = 'DateInput';\n"]}

package/dist/common/interactive/date-input/date-input.mjs

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import { Input } from '@/components/input';
+import { cn } from '@/lib/utils';
+import React from 'react';
+import { useTypedDate } from './use-typed-date';
+
+const DateInput = React.forwardRef(
+  ({ value, onChange, format, minDate, maxDate, className, ...props }, ref) => {
+    const { inputProps, resetToFirstSegment, isFocused } = useTypedDate({
+      value,
+      onChange,
+      format,
+      minDate,
+      maxDate
+    });
+    const inputRef = React.useRef(null);
+    const isPlaceholder = inputProps.value === "" || inputProps.value === "--/--/----";
+    const mergedRef = React.useCallback(
+      (node) => {
+        if (inputProps.ref && "current" in inputProps.ref && inputProps.ref.current !== node) {
+          inputProps.ref.current = node;
+        }
+        if (inputRef.current !== node) {
+          inputRef.current = node;
+        }
+      },
+      [inputProps.ref]
+    );
+    React.useImperativeHandle(
+      ref,
+      () => ({
+        focus: () => {
+          inputRef.current?.focus();
+        },
+        resetToFirstSegment
+      }),
+      [resetToFirstSegment]
+    );
+    const { ref: _, ...restInputProps } = inputProps;
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref: mergedRef,
+        ...restInputProps,
+        ...props,
+        className: cn(isPlaceholder && "text-muted-foreground", className),
+        style: {
+          ...isFocused && {
+            fontVariantLigatures: "none",
+            fontFeatureSettings: '"liga" 0, "clig" 0'
+          },
+          ...props.style
+        }
+      }
+    );
+  }
+);
+DateInput.displayName = "DateInput";
+
+export { DateInput };
+//# sourceMappingURL=date-input.mjs.map
+//# sourceMappingURL=date-input.mjs.map

package/dist/common/interactive/date-input/date-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/date-input/date-input.tsx"],"names":[],"mappings":";;;;;;AA4BO,MAAM,YAAY,KAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3E,IAAA,MAAM,EAAE,UAAA,EAAY,mBAAA,EAAqB,SAAA,KAAc,YAAA,CAAa;AAAA,MAClE,KAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,MAAA,CAAyB,IAAI,CAAA;AAGpD,IAAA,MAAM,aAAA,GAAgB,UAAA,CAAW,KAAA,KAAU,EAAA,IAAM,WAAW,KAAA,KAAU,YAAA;AAGtE,IAAA,MAAM,YAAY,KAAA,CAAM,WAAA;AAAA,MACtB,CAAC,IAAA,KAAkC;AAEjC,QAAA,IAAI,UAAA,CAAW,OAAO,SAAA,IAAa,UAAA,CAAW,OAAO,UAAA,CAAW,GAAA,CAAI,YAAY,IAAA,EAAM;AACpF,UAAC,UAAA,CAAW,IAAwD,OAAA,GAAU,IAAA;AAAA,QAChF;AAGA,QAAA,IAAI,QAAA,CAAS,YAAY,IAAA,EAAM;AAC7B,UAAC,SAA6D,OAAA,GAAU,IAAA;AAAA,QAC1E;AAAA,MACF,CAAA;AAAA,MACA,CAAC,WAAW,GAAG;AAAA,KACjB;AAEA,IAAA,KAAA,CAAM,mBAAA;AAAA,MACJ,GAAA;AAAA,MACA,OAAO;AAAA,QACL,OAAO,MAAM;AACX,UAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,QAC1B,CAAA;AAAA,QACA;AAAA,OACF,CAAA;AAAA,MACA,CAAC,mBAAmB;AAAA,KACtB;AAEA,IAAA,MAAM,EAAE,GAAA,EAAK,CAAA,EAAG,GAAG,gBAAe,GAAI,UAAA;AAEtC,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACJ,GAAG,cAAA;AAAA,QACH,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,EAAA,CAAG,aAAA,IAAiB,uBAAA,EAAyB,SAAS,CAAA;AAAA,QACjE,KAAA,EAAO;AAAA,UACL,GAAI,SAAA,IAAa;AAAA,YACf,oBAAA,EAAsB,MAAA;AAAA,YACtB,mBAAA,EAAqB;AAAA,WACvB;AAAA,UACA,GAAG,KAAA,CAAM;AAAA;AACX;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"date-input.mjs","sourcesContent":["import { Input } from '@/components/input';\nimport { cn } from '@/lib/utils';\nimport React from 'react';\nimport { TypedDateProps } from './types';\nimport { useTypedDate } from './use-typed-date';\n\ninterface DateInputProps\n  extends Omit<\n      React.ComponentProps<typeof Input>,\n      | 'value'\n      | 'onChange'\n      | 'onKeyDown'\n      | 'ref'\n      | 'type'\n      | 'onMouseUp'\n      | 'onBlur'\n      | 'onFocus'\n      | 'onPaste'\n      | 'minDate'\n      | 'maxDate'\n    >,\n    TypedDateProps {}\n\nexport interface DateInputRef {\n  focus: () => void;\n  resetToFirstSegment: () => void;\n}\n\nexport const DateInput = React.forwardRef<DateInputRef, DateInputProps>(\n  ({ value, onChange, format, minDate, maxDate, className, ...props }, ref) => {\n    const { inputProps, resetToFirstSegment, isFocused } = useTypedDate({\n      value,\n      onChange,\n      format,\n      minDate,\n      maxDate,\n    });\n\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Check if input is showing placeholder (empty and focused, or has dashes)\n    const isPlaceholder = inputProps.value === '' || inputProps.value === '--/--/----';\n\n    // Merge refs - the useTypedDate internal ref and our internal ref\n    const mergedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        // Set internal ref from useTypedDate\n        if (inputProps.ref && 'current' in inputProps.ref && inputProps.ref.current !== node) {\n          (inputProps.ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n\n        // Set our internal ref\n        if (inputRef.current !== node) {\n          (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n      },\n      [inputProps.ref],\n    );\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        focus: () => {\n          inputRef.current?.focus();\n        },\n        resetToFirstSegment,\n      }),\n      [resetToFirstSegment],\n    );\n\n    const { ref: _, ...restInputProps } = inputProps;\n\n    return (\n      <Input\n        ref={mergedRef}\n        {...restInputProps}\n        {...props}\n        className={cn(isPlaceholder && 'text-muted-foreground', className)}\n        style={{\n          ...(isFocused && {\n            fontVariantLigatures: 'none',\n            fontFeatureSettings: '\"liga\" 0, \"clig\" 0',\n          }),\n          ...props.style,\n        }}\n      />\n    );\n  },\n);\n\nDateInput.displayName = 'DateInput';\n"]}

package/dist/common/interactive/date-input/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var dateInput = require('./date-input');
+var useTypedDate = require('./use-typed-date');
+
+
+
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function () { return dateInput.DateInput; }
+});
+Object.defineProperty(exports, "useTypedDate", {
+  enumerable: true,
+  get: function () { return useTypedDate.useTypedDate; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/common/interactive/date-input/index.js.map

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

package/dist/common/interactive/date-input/index.mjs

@@ -0,0 +1,4 @@
+export { DateInput } from './date-input';
+export { useTypedDate } from './use-typed-date';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/common/interactive/date-input/index.mjs.map

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

package/dist/common/interactive/date-input/types.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/common/interactive/date-input/types.js.map

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

package/dist/common/interactive/date-input/types.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.mjs.map
+//# sourceMappingURL=types.mjs.map

package/dist/common/interactive/date-input/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.mjs"}