@brycks/core-front 0.3.4 → 0.3.6

package/dist/components/form/DateInput/DateInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.cjs","sources":["../../../../src/components/form/DateInput/DateInput.tsx"],"sourcesContent":["/**\n * DateInput Component\n *\n * A styled date input that uses the native date picker.\n * Consistent with other form inputs in the design system.\n */\n\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type DateInputSize = 'sm' | 'md' | 'lg'\nexport type DateInputVariant = 'outline' | 'filled' | 'flushed'\nexport type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week'\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  /** Input size */\n  size?: DateInputSize\n  /** Input variant */\n  variant?: DateInputVariant\n  /** Type of date input */\n  type?: DateInputType\n  /** Input label */\n  label?: ReactNode\n  /** Helper text below input */\n  helperText?: ReactNode\n  /** Error message */\n  error?: ReactNode\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Icon on the left side */\n  leftIcon?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateInputSize, { height: number; fontSize: number; padding: number; iconSize: number }> = {\n  sm: { height: 32, fontSize: 13, padding: 10, iconSize: 14 },\n  md: { height: 40, fontSize: 14, padding: 12, iconSize: 16 },\n  lg: { height: 48, fontSize: 16, padding: 14, iconSize: 18 },\n}\n\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(function DateInput(\n  {\n    size = 'md',\n    variant = 'outline',\n    type = 'date',\n    label,\n    helperText,\n    error,\n    isInvalid = false,\n    leftIcon,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [isFocused, setIsFocused] = useState(false)\n  const [isHovered, setIsHovered] = useState(false)\n  const config = sizeConfig[size]\n  const hasError = isInvalid || !!error\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    ...style,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.fontSize - 1,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const inputContainerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  }\n\n  const getInputStyle = (): CSSProperties => {\n    const baseStyle: CSSProperties = {\n      width: '100%',\n      height: config.height,\n      fontSize: config.fontSize,\n      fontFamily: 'inherit',\n      color: 'var(--brycks-foreground-default)',\n      backgroundColor: variant === 'filled' ? 'var(--brycks-background-muted)' : 'var(--brycks-background-input)',\n      paddingLeft: leftIcon ? config.padding + config.iconSize + 8 : config.padding,\n      paddingRight: config.padding,\n      transition: 'all 150ms ease-out',\n      outline: 'none',\n      opacity: disabled ? 0.5 : 1,\n      cursor: disabled ? 'not-allowed' : 'pointer',\n    }\n\n    if (variant === 'flushed') {\n      return {\n        ...baseStyle,\n        border: 'none',\n        borderBottom: `2px solid ${\n          hasError\n            ? 'var(--brycks-error-default)'\n            : isFocused\n            ? 'var(--brycks-primary-default)'\n            : 'var(--brycks-border-default)'\n        }`,\n        borderRadius: 0,\n        paddingLeft: leftIcon ? config.iconSize + 8 : 0,\n        paddingRight: 0,\n        backgroundColor: 'transparent',\n      }\n    }\n\n    return {\n      ...baseStyle,\n      border: `1px solid ${\n        hasError\n          ? 'var(--brycks-error-default)'\n          : isFocused\n          ? 'var(--brycks-primary-default)'\n          : isHovered\n          ? 'var(--brycks-border-strong)'\n          : 'var(--brycks-border-default)'\n      }`,\n      borderRadius: 'var(--brycks-radius-md)',\n      boxShadow: isFocused && !hasError\n        ? '0 0 0 3px var(--brycks-primary-100)'\n        : isFocused && hasError\n        ? '0 0 0 3px var(--brycks-error-100)'\n        : undefined,\n    }\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: variant === 'flushed' ? 0 : config.padding,\n    color: 'var(--brycks-foreground-muted)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    pointerEvents: 'none',\n  }\n\n  const helperStyle: CSSProperties = {\n    fontSize: config.fontSize - 2,\n    color: hasError ? 'var(--brycks-error-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  return (\n    <div\n      className={cx('brycks-date-input', `brycks-date-input--${size}`, `brycks-date-input--${variant}`, className)}\n      style={containerStyle}\n    >\n      {label && <label style={labelStyle}>{label}</label>}\n      <div\n        style={inputContainerStyle}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {leftIcon && <span style={iconStyle}>{leftIcon}</span>}\n        <input\n          ref={ref}\n          type={type}\n          disabled={disabled}\n          style={getInputStyle()}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          data-testid={testId}\n          {...props}\n        />\n      </div>\n      {(helperText || error) && (\n        <span style={helperStyle}>{error || helperText}</span>\n      )}\n    </div>\n  )\n})\n\nDateInput.displayName = 'DateInput'\n"],"names":["sizeConfig","DateInput","forwardRef","size","variant","type","label","helperText","error","isInvalid","leftIcon","disabled","className","style","testId","props","ref","isFocused","setIsFocused","useState","isHovered","setIsHovered","config","hasError","containerStyle","labelStyle","inputContainerStyle","getInputStyle","baseStyle","iconStyle","helperStyle","jsxs","cx","jsx"],"mappings":"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"}
+{"version":3,"file":"DateInput.cjs","sources":["../../../../src/components/form/DateInput/DateInput.tsx"],"sourcesContent":["/**\n * DateInput Component\n *\n * A styled date input that uses the native date picker.\n * Consistent with other form inputs in the design system.\n */\n\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type DateInputSize = 'sm' | 'md' | 'lg'\nexport type DateInputVariant = 'outline' | 'filled' | 'flushed'\nexport type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week'\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  /** Input size */\n  size?: DateInputSize\n  /** Input variant */\n  variant?: DateInputVariant\n  /** Type of date input */\n  type?: DateInputType\n  /** Input label */\n  label?: ReactNode\n  /** Helper text below input */\n  helperText?: ReactNode\n  /** Error message */\n  error?: ReactNode\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Icon on the left side */\n  leftIcon?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateInputSize, { height: number; fontSize: number; padding: number; iconSize: number }> = {\n  sm: { height: 32, fontSize: 13, padding: 10, iconSize: 14 },\n  md: { height: 40, fontSize: 14, padding: 12, iconSize: 16 },\n  lg: { height: 48, fontSize: 16, padding: 14, iconSize: 18 },\n}\n\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(function DateInput(\n  {\n    size = 'md',\n    variant = 'outline',\n    type = 'date',\n    label,\n    helperText,\n    error,\n    isInvalid = false,\n    leftIcon,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [isFocused, setIsFocused] = useState(false)\n  const [isHovered, setIsHovered] = useState(false)\n  const config = sizeConfig[size]\n  const hasError = isInvalid || !!error\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    ...style,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.fontSize - 1,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const inputContainerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  }\n\n  const getInputStyle = (): CSSProperties => {\n    const baseStyle: CSSProperties = {\n      width: '100%',\n      height: config.height,\n      fontSize: config.fontSize,\n      fontFamily: 'inherit',\n      color: 'var(--brycks-foreground-default)',\n      backgroundColor: variant === 'filled' ? 'var(--brycks-background-muted)' : 'var(--brycks-background-elevated)',\n      paddingLeft: leftIcon ? config.padding + config.iconSize + 8 : config.padding,\n      paddingRight: config.padding,\n      transition: 'all 150ms ease-out',\n      outline: 'none',\n      opacity: disabled ? 0.5 : 1,\n      cursor: disabled ? 'not-allowed' : 'pointer',\n    }\n\n    if (variant === 'flushed') {\n      return {\n        ...baseStyle,\n        border: 'none',\n        borderBottom: `2px solid ${\n          hasError\n            ? 'var(--brycks-error-default)'\n            : isFocused\n            ? 'var(--brycks-primary-default)'\n            : 'var(--brycks-border-default)'\n        }`,\n        borderRadius: 0,\n        paddingLeft: leftIcon ? config.iconSize + 8 : 0,\n        paddingRight: 0,\n        backgroundColor: 'transparent',\n      }\n    }\n\n    return {\n      ...baseStyle,\n      border: `1px solid ${\n        hasError\n          ? 'var(--brycks-error-default)'\n          : isFocused\n          ? 'var(--brycks-primary-default)'\n          : isHovered\n          ? 'var(--brycks-border-strong)'\n          : 'var(--brycks-border-default)'\n      }`,\n      borderRadius: 'var(--brycks-radius-md)',\n      boxShadow: isFocused && !hasError\n        ? 'var(--brycks-focus-ring)'\n        : isFocused && hasError\n        ? '0 0 0 3px var(--brycks-focus-ring-error)'\n        : undefined,\n    }\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: variant === 'flushed' ? 0 : config.padding,\n    color: 'var(--brycks-foreground-muted)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    pointerEvents: 'none',\n  }\n\n  const helperStyle: CSSProperties = {\n    fontSize: config.fontSize - 2,\n    color: hasError ? 'var(--brycks-error-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  return (\n    <div\n      className={cx('brycks-date-input', `brycks-date-input--${size}`, `brycks-date-input--${variant}`, className)}\n      style={containerStyle}\n    >\n      {label && <label style={labelStyle}>{label}</label>}\n      <div\n        style={inputContainerStyle}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {leftIcon && <span style={iconStyle}>{leftIcon}</span>}\n        <input\n          ref={ref}\n          type={type}\n          disabled={disabled}\n          style={getInputStyle()}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          data-testid={testId}\n          {...props}\n        />\n      </div>\n      {(helperText || error) && (\n        <span style={helperStyle}>{error || helperText}</span>\n      )}\n    </div>\n  )\n})\n\nDateInput.displayName = 'DateInput'\n"],"names":["sizeConfig","DateInput","forwardRef","size","variant","type","label","helperText","error","isInvalid","leftIcon","disabled","className","style","testId","props","ref","isFocused","setIsFocused","useState","isHovered","setIsHovered","config","hasError","containerStyle","labelStyle","inputContainerStyle","getInputStyle","baseStyle","iconStyle","helperStyle","jsxs","cx","jsx"],"mappings":"+KA4CMA,EAA6G,CACjH,GAAI,CAAE,OAAQ,GAAI,SAAU,GAAI,QAAS,GAAI,SAAU,EAAA,EACvD,GAAI,CAAE,OAAQ,GAAI,SAAU,GAAI,QAAS,GAAI,SAAU,EAAA,EACvD,GAAI,CAAE,OAAQ,GAAI,SAAU,GAAI,QAAS,GAAI,SAAU,EAAA,CACzD,EAEaC,EAAYC,EAAAA,WAA6C,SACpE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,KAAAC,EAAO,OACP,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAS,EAAK,EAC1CG,EAAStB,EAAWG,CAAI,EACxBoB,EAAWd,GAAa,CAAC,CAACD,EAE1BgB,EAAgC,CACpC,QAAS,OACT,cAAe,SACf,IAAK,EACL,GAAGX,CAAA,EAGCY,EAA4B,CAChC,SAAUH,EAAO,SAAW,EAC5B,WAAY,IACZ,MAAO,kCAAA,EAGHI,EAAqC,CACzC,SAAU,WACV,QAAS,OACT,WAAY,QAAA,EAGRC,EAAgB,IAAqB,CACzC,MAAMC,EAA2B,CAC/B,MAAO,OACP,OAAQN,EAAO,OACf,SAAUA,EAAO,SACjB,WAAY,UACZ,MAAO,mCACP,gBAAiBlB,IAAY,SAAW,iCAAmC,oCAC3E,YAAaM,EAAWY,EAAO,QAAUA,EAAO,SAAW,EAAIA,EAAO,QACtE,aAAcA,EAAO,QACrB,WAAY,qBACZ,QAAS,OACT,QAASX,EAAW,GAAM,EAC1B,OAAQA,EAAW,cAAgB,SAAA,EAGrC,OAAIP,IAAY,UACP,CACL,GAAGwB,EACH,OAAQ,OACR,aAAc,aACZL,EACI,8BACAN,EACA,gCACA,8BACN,GACA,aAAc,EACd,YAAaP,EAAWY,EAAO,SAAW,EAAI,EAC9C,aAAc,EACd,gBAAiB,aAAA,EAId,CACL,GAAGM,EACH,OAAQ,aACNL,EACI,8BACAN,EACA,gCACAG,EACA,8BACA,8BACN,GACA,aAAc,0BACd,UAAWH,GAAa,CAACM,EACrB,2BACAN,GAAaM,EACb,2CACA,MAAA,CAER,EAEMM,EAA2B,CAC/B,SAAU,WACV,KAAMzB,IAAY,UAAY,EAAIkB,EAAO,QACzC,MAAO,iCACP,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAOA,EAAO,SACd,OAAQA,EAAO,SACf,cAAe,MAAA,EAGXQ,EAA6B,CACjC,SAAUR,EAAO,SAAW,EAC5B,MAAOC,EAAW,8BAAgC,gCAAA,EAGpD,OACEQ,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,oBAAqB,sBAAsB7B,CAAI,GAAI,sBAAsBC,CAAO,GAAIQ,CAAS,EAC3G,MAAOY,EAEN,SAAA,CAAAlB,GAAS2B,EAAAA,IAAC,QAAA,CAAM,MAAOR,EAAa,SAAAnB,EAAM,EAC3CyB,EAAAA,KAAC,MAAA,CACC,MAAOL,EACP,aAAc,IAAML,EAAa,EAAI,EACrC,aAAc,IAAMA,EAAa,EAAK,EAErC,SAAA,CAAAX,GAAYuB,EAAAA,IAAC,OAAA,CAAK,MAAOJ,EAAY,SAAAnB,EAAS,EAC/CuB,EAAAA,IAAC,QAAA,CACC,IAAAjB,EACA,KAAAX,EACA,SAAAM,EACA,MAAOgB,EAAA,EACP,QAAS,IAAMT,EAAa,EAAI,EAChC,OAAQ,IAAMA,EAAa,EAAK,EAChC,cAAaJ,EACZ,GAAGC,CAAA,CAAA,CACN,CAAA,CAAA,GAEAR,GAAcC,IACdyB,EAAAA,IAAC,QAAK,MAAOH,EAAc,YAASvB,CAAA,CAAW,CAAA,CAAA,CAAA,CAIvD,CAAC,EAEDN,EAAU,YAAc"}

package/dist/components/form/DateInput/DateInput.js

@@ -40,7 +40,7 @@ const E = {
       fontSize: e.fontSize,
       fontFamily: "inherit",
       color: "var(--brycks-foreground-default)",
-      backgroundColor: t === "filled" ? "var(--brycks-background-muted)" : "var(--brycks-background-input)",
+      backgroundColor: t === "filled" ? "var(--brycks-background-muted)" : "var(--brycks-background-elevated)",
       paddingLeft: o ? e.padding + e.iconSize + 8 : e.padding,
       paddingRight: e.padding,
       transition: "all 150ms ease-out",
@@ -60,7 +60,7 @@ const E = {
       ...p,
       border: `1px solid ${r ? "var(--brycks-error-default)" : n ? "var(--brycks-primary-default)" : x ? "var(--brycks-border-strong)" : "var(--brycks-border-default)"}`,
       borderRadius: "var(--brycks-radius-md)",
-      boxShadow: n && !r ? "0 0 0 3px var(--brycks-primary-100)" : n && r ? "0 0 0 3px var(--brycks-error-100)" : void 0
+      boxShadow: n && !r ? "var(--brycks-focus-ring)" : n && r ? "0 0 0 3px var(--brycks-focus-ring-error)" : void 0
     };
   }, D = {
     position: "absolute",

package/dist/components/form/DateInput/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../../../src/components/form/DateInput/DateInput.tsx"],"sourcesContent":["/**\n * DateInput Component\n *\n * A styled date input that uses the native date picker.\n * Consistent with other form inputs in the design system.\n */\n\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type DateInputSize = 'sm' | 'md' | 'lg'\nexport type DateInputVariant = 'outline' | 'filled' | 'flushed'\nexport type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week'\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  /** Input size */\n  size?: DateInputSize\n  /** Input variant */\n  variant?: DateInputVariant\n  /** Type of date input */\n  type?: DateInputType\n  /** Input label */\n  label?: ReactNode\n  /** Helper text below input */\n  helperText?: ReactNode\n  /** Error message */\n  error?: ReactNode\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Icon on the left side */\n  leftIcon?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateInputSize, { height: number; fontSize: number; padding: number; iconSize: number }> = {\n  sm: { height: 32, fontSize: 13, padding: 10, iconSize: 14 },\n  md: { height: 40, fontSize: 14, padding: 12, iconSize: 16 },\n  lg: { height: 48, fontSize: 16, padding: 14, iconSize: 18 },\n}\n\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(function DateInput(\n  {\n    size = 'md',\n    variant = 'outline',\n    type = 'date',\n    label,\n    helperText,\n    error,\n    isInvalid = false,\n    leftIcon,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [isFocused, setIsFocused] = useState(false)\n  const [isHovered, setIsHovered] = useState(false)\n  const config = sizeConfig[size]\n  const hasError = isInvalid || !!error\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    ...style,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.fontSize - 1,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const inputContainerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  }\n\n  const getInputStyle = (): CSSProperties => {\n    const baseStyle: CSSProperties = {\n      width: '100%',\n      height: config.height,\n      fontSize: config.fontSize,\n      fontFamily: 'inherit',\n      color: 'var(--brycks-foreground-default)',\n      backgroundColor: variant === 'filled' ? 'var(--brycks-background-muted)' : 'var(--brycks-background-input)',\n      paddingLeft: leftIcon ? config.padding + config.iconSize + 8 : config.padding,\n      paddingRight: config.padding,\n      transition: 'all 150ms ease-out',\n      outline: 'none',\n      opacity: disabled ? 0.5 : 1,\n      cursor: disabled ? 'not-allowed' : 'pointer',\n    }\n\n    if (variant === 'flushed') {\n      return {\n        ...baseStyle,\n        border: 'none',\n        borderBottom: `2px solid ${\n          hasError\n            ? 'var(--brycks-error-default)'\n            : isFocused\n            ? 'var(--brycks-primary-default)'\n            : 'var(--brycks-border-default)'\n        }`,\n        borderRadius: 0,\n        paddingLeft: leftIcon ? config.iconSize + 8 : 0,\n        paddingRight: 0,\n        backgroundColor: 'transparent',\n      }\n    }\n\n    return {\n      ...baseStyle,\n      border: `1px solid ${\n        hasError\n          ? 'var(--brycks-error-default)'\n          : isFocused\n          ? 'var(--brycks-primary-default)'\n          : isHovered\n          ? 'var(--brycks-border-strong)'\n          : 'var(--brycks-border-default)'\n      }`,\n      borderRadius: 'var(--brycks-radius-md)',\n      boxShadow: isFocused && !hasError\n        ? '0 0 0 3px var(--brycks-primary-100)'\n        : isFocused && hasError\n        ? '0 0 0 3px var(--brycks-error-100)'\n        : undefined,\n    }\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: variant === 'flushed' ? 0 : config.padding,\n    color: 'var(--brycks-foreground-muted)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    pointerEvents: 'none',\n  }\n\n  const helperStyle: CSSProperties = {\n    fontSize: config.fontSize - 2,\n    color: hasError ? 'var(--brycks-error-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  return (\n    <div\n      className={cx('brycks-date-input', `brycks-date-input--${size}`, `brycks-date-input--${variant}`, className)}\n      style={containerStyle}\n    >\n      {label && <label style={labelStyle}>{label}</label>}\n      <div\n        style={inputContainerStyle}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {leftIcon && <span style={iconStyle}>{leftIcon}</span>}\n        <input\n          ref={ref}\n          type={type}\n          disabled={disabled}\n          style={getInputStyle()}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          data-testid={testId}\n          {...props}\n        />\n      </div>\n      {(helperText || error) && (\n        <span style={helperStyle}>{error || helperText}</span>\n      )}\n    </div>\n  )\n})\n\nDateInput.displayName = 'DateInput'\n"],"names":["sizeConfig","DateInput","forwardRef","size","variant","type","label","helperText","error","isInvalid","leftIcon","disabled","className","style","testId","props","ref","isFocused","setIsFocused","useState","isHovered","setIsHovered","config","hasError","containerStyle","labelStyle","inputContainerStyle","getInputStyle","baseStyle","iconStyle","helperStyle","jsxs","cx","jsx"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../../../../src/components/form/DateInput/DateInput.tsx"],"sourcesContent":["/**\n * DateInput Component\n *\n * A styled date input that uses the native date picker.\n * Consistent with other form inputs in the design system.\n */\n\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type DateInputSize = 'sm' | 'md' | 'lg'\nexport type DateInputVariant = 'outline' | 'filled' | 'flushed'\nexport type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week'\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  /** Input size */\n  size?: DateInputSize\n  /** Input variant */\n  variant?: DateInputVariant\n  /** Type of date input */\n  type?: DateInputType\n  /** Input label */\n  label?: ReactNode\n  /** Helper text below input */\n  helperText?: ReactNode\n  /** Error message */\n  error?: ReactNode\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Icon on the left side */\n  leftIcon?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateInputSize, { height: number; fontSize: number; padding: number; iconSize: number }> = {\n  sm: { height: 32, fontSize: 13, padding: 10, iconSize: 14 },\n  md: { height: 40, fontSize: 14, padding: 12, iconSize: 16 },\n  lg: { height: 48, fontSize: 16, padding: 14, iconSize: 18 },\n}\n\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(function DateInput(\n  {\n    size = 'md',\n    variant = 'outline',\n    type = 'date',\n    label,\n    helperText,\n    error,\n    isInvalid = false,\n    leftIcon,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [isFocused, setIsFocused] = useState(false)\n  const [isHovered, setIsHovered] = useState(false)\n  const config = sizeConfig[size]\n  const hasError = isInvalid || !!error\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    ...style,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.fontSize - 1,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const inputContainerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  }\n\n  const getInputStyle = (): CSSProperties => {\n    const baseStyle: CSSProperties = {\n      width: '100%',\n      height: config.height,\n      fontSize: config.fontSize,\n      fontFamily: 'inherit',\n      color: 'var(--brycks-foreground-default)',\n      backgroundColor: variant === 'filled' ? 'var(--brycks-background-muted)' : 'var(--brycks-background-elevated)',\n      paddingLeft: leftIcon ? config.padding + config.iconSize + 8 : config.padding,\n      paddingRight: config.padding,\n      transition: 'all 150ms ease-out',\n      outline: 'none',\n      opacity: disabled ? 0.5 : 1,\n      cursor: disabled ? 'not-allowed' : 'pointer',\n    }\n\n    if (variant === 'flushed') {\n      return {\n        ...baseStyle,\n        border: 'none',\n        borderBottom: `2px solid ${\n          hasError\n            ? 'var(--brycks-error-default)'\n            : isFocused\n            ? 'var(--brycks-primary-default)'\n            : 'var(--brycks-border-default)'\n        }`,\n        borderRadius: 0,\n        paddingLeft: leftIcon ? config.iconSize + 8 : 0,\n        paddingRight: 0,\n        backgroundColor: 'transparent',\n      }\n    }\n\n    return {\n      ...baseStyle,\n      border: `1px solid ${\n        hasError\n          ? 'var(--brycks-error-default)'\n          : isFocused\n          ? 'var(--brycks-primary-default)'\n          : isHovered\n          ? 'var(--brycks-border-strong)'\n          : 'var(--brycks-border-default)'\n      }`,\n      borderRadius: 'var(--brycks-radius-md)',\n      boxShadow: isFocused && !hasError\n        ? 'var(--brycks-focus-ring)'\n        : isFocused && hasError\n        ? '0 0 0 3px var(--brycks-focus-ring-error)'\n        : undefined,\n    }\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: variant === 'flushed' ? 0 : config.padding,\n    color: 'var(--brycks-foreground-muted)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    pointerEvents: 'none',\n  }\n\n  const helperStyle: CSSProperties = {\n    fontSize: config.fontSize - 2,\n    color: hasError ? 'var(--brycks-error-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  return (\n    <div\n      className={cx('brycks-date-input', `brycks-date-input--${size}`, `brycks-date-input--${variant}`, className)}\n      style={containerStyle}\n    >\n      {label && <label style={labelStyle}>{label}</label>}\n      <div\n        style={inputContainerStyle}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {leftIcon && <span style={iconStyle}>{leftIcon}</span>}\n        <input\n          ref={ref}\n          type={type}\n          disabled={disabled}\n          style={getInputStyle()}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          data-testid={testId}\n          {...props}\n        />\n      </div>\n      {(helperText || error) && (\n        <span style={helperStyle}>{error || helperText}</span>\n      )}\n    </div>\n  )\n})\n\nDateInput.displayName = 'DateInput'\n"],"names":["sizeConfig","DateInput","forwardRef","size","variant","type","label","helperText","error","isInvalid","leftIcon","disabled","className","style","testId","props","ref","isFocused","setIsFocused","useState","isHovered","setIsHovered","config","hasError","containerStyle","labelStyle","inputContainerStyle","getInputStyle","baseStyle","iconStyle","helperStyle","jsxs","cx","jsx"],"mappings":"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"}

package/dist/components/form/DateRangePicker/DateRangePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),De=require("react-dom"),Me=require("../../../utils/styles.cjs"),r=require("../../../design-system/tokens/spacing.cjs"),h=require("../../../design-system/primitives/sizing.cjs"),f=require("../../../design-system/tokens/typography.cjs"),d=require("../../../design-system/tokens/motion.cjs"),ze={sm:{height:h.componentHeights.sm,fontSize:f.fontSizes.base-1,padding:h.componentPaddingX.sm},md:{height:h.componentHeights.md,fontSize:f.fontSizes.base,padding:h.componentPaddingX.md},lg:{height:h.componentHeights.lg,fontSize:f.fontSizes.md,padding:h.componentPaddingX.lg}},$e=["Su","Mo","Tu","We","Th","Fr","Sa"],Re=["January","February","March","April","May","June","July","August","September","October","November","December"],Ie=n=>`${n.getMonth()+1}/${n.getDate()}/${n.getFullYear()}`;function Pe(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[t.jsx("rect",{x:"2",y:"3",width:"12",height:"11",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M2 6h12",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M5 1v3M11 1v3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function J({direction:n}){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:n==="left"?"M10 4l-4 4 4 4":"M6 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Te(){return t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:"M4 4l6 6M10 4l-6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const Ee=(n,s)=>new Date(n,s+1,0).getDate(),Le=(n,s)=>new Date(n,s,1).getDay(),R=(n,s)=>!n||!s?!1:n.getFullYear()===s.getFullYear()&&n.getMonth()===s.getMonth()&&n.getDate()===s.getDate(),We=(n,s,u)=>{if(!s||!u)return!1;const b=n.getTime();return b>s.getTime()&&b<u.getTime()},K=(n,s,u)=>!!(s&&n<s||u&&n>u),G=i.forwardRef(function({value:s,defaultValue:u={start:null,end:null},onChange:b,size:I="md",minDate:C,maxDate:j,placeholder:V="Select date range",disabled:m=!1,isInvalid:P=!1,clearable:T=!0,presets:D,dateFormat:M=Ie,"aria-label":Q="Select date range",className:U,testId:Z},x){const[_,ee]=i.useState(u),[y,k]=i.useState(!1),[E,L]=i.useState(!1),[te,W]=i.useState(()=>{const e=s?.start||u.start||new Date;return{year:e.getFullYear(),month:e.getMonth()}}),[S,p]=i.useState(!1),[B,O]=i.useState(null),w=i.useRef(null),o=s!==void 0?s:_,v=ze[I],g=i.useCallback(e=>{s===void 0&&ee(e),b?.(e)},[s,b]),re=i.useCallback(e=>{K(e,C,j)||(!S||!o.start?(g({start:e,end:null}),p(!0)):(e<o.start?g({start:e,end:o.start}):g({start:o.start,end:e}),p(!1),k(!1)))},[S,o.start,C,j,g]),ne=i.useCallback(e=>{const l=e.getValue();g(l),k(!1),p(!1)},[g]),se=i.useCallback(e=>{e.stopPropagation(),g({start:null,end:null}),p(!1)},[g]),oe=i.useCallback(e=>{e.key==="Escape"&&(k(!1),p(!1))},[]);i.useEffect(()=>{if(!y)return;const e=l=>{w.current?.contains(l.target)||(k(!1),p(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y]);const[F,ae]=i.useState({top:0,left:0});i.useEffect(()=>{if(!y||!w.current)return;const e=()=>{const l=w.current.getBoundingClientRect();ae({top:l.bottom+window.scrollY+r.spacing[1],left:l.left+window.scrollX})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[y]);const ie=i.useCallback(()=>{W(e=>e.month===0?{year:e.year-1,month:11}:{...e,month:e.month-1})},[]),le=i.useCallback(()=>{W(e=>e.month===11?{year:e.year+1,month:0}:{...e,month:e.month+1})},[]),H=(e=0)=>{let{year:l,month:c}=te;c+=e,c>11&&(c=0,l++);const z=Ee(l,c),xe=Le(l,c),$=[];for(let a=0;a<xe;a++)$.push(null);for(let a=1;a<=z;a++)$.push(new Date(l,c,a));const A=S&&B&&o.start&&!o.end?B:o.end;return t.jsxs("div",{style:{flex:1},children:[t.jsxs("div",{style:pe,children:[e===0&&t.jsx("button",{type:"button","aria-label":"Previous month",style:N,onClick:ie,children:t.jsx(J,{direction:"left"})}),t.jsxs("span",{style:{fontWeight:600},children:[Re[c]," ",l]}),e===1&&t.jsx("button",{type:"button","aria-label":"Next month",style:N,onClick:le,children:t.jsx(J,{direction:"right"})})]}),t.jsx("div",{style:he,children:$e.map(a=>t.jsx("div",{style:be,children:a},a))}),t.jsx("div",{style:me,children:$.map((a,Se)=>{if(!a)return t.jsx("div",{style:Y(!1,!1,!1,!1)},`empty-${Se}`);const we=R(a,o.start),Ce=R(a,A),je=We(a,o.start,A),X=K(a,C,j);return t.jsx("button",{type:"button",disabled:X,style:Y(we||Ce,je,X,R(a,new Date)),onClick:()=>re(a),onMouseEnter:()=>S&&O(a),onMouseLeave:()=>O(null),children:a.getDate()},a.toISOString())})})]})},q=o.start&&o.end?`${M(o.start)} - ${M(o.end)}`:o.start?`${M(o.start)} - ...`:"",ce={position:"relative",display:"inline-flex",width:"100%"},de={position:"relative",display:"flex",alignItems:"center",width:"100%",height:v.height,backgroundColor:m?"var(--brycks-background-muted)":"var(--brycks-background-default)",border:`1px solid ${P?"var(--brycks-error-default)":E?"var(--brycks-primary-default)":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-md)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`,cursor:m?"not-allowed":"pointer",boxShadow:E?"var(--brycks-focus-ring)":void 0,padding:`0 ${v.padding}px`,paddingRight:T&&(o.start||o.end)?r.spacing[10]:v.padding},ue={display:"flex",alignItems:"center",justifyContent:"center",marginRight:r.spacing[2],color:"var(--brycks-foreground-muted)"},ge={flex:1,fontSize:v.fontSize,color:q?"var(--brycks-foreground-default)":"var(--brycks-foreground-muted)"},fe={position:"absolute",right:v.padding,display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[5],height:r.spacing[5],color:"var(--brycks-foreground-muted)",cursor:"pointer",borderRadius:"var(--brycks-radius-sm)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`},ye={position:"absolute",top:F.top,left:F.left,backgroundColor:"var(--brycks-background-elevated)",border:"1px solid var(--brycks-border-default)",borderRadius:"var(--brycks-radius-lg)",boxShadow:"var(--brycks-shadow-lg)",zIndex:"var(--brycks-z-dropdown)",padding:r.spacing[3],display:"flex",gap:r.spacing[4]},pe={display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:r.spacing[2],minHeight:r.spacing[8],fontSize:f.fontSizes.base},N={display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[7],height:r.spacing[7],backgroundColor:"transparent",border:"none",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",color:"var(--brycks-foreground-default)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`},he={display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:r.spacing[.5],marginBottom:r.spacing[1]},be={display:"flex",alignItems:"center",justifyContent:"center",height:r.spacing[7],fontSize:f.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)"},me={display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:r.spacing[.5]},Y=(e,l,c,z)=>({display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[8],height:r.spacing[8],fontSize:f.fontSizes.sm,fontWeight:e?600:400,color:c?"var(--brycks-foreground-disabled)":e?"white":"var(--brycks-foreground-default)",backgroundColor:e?"var(--brycks-primary-default)":l?"var(--brycks-primary-50)":"transparent",border:z&&!e?"1px solid var(--brycks-border-strong)":"none",borderRadius:"var(--brycks-radius-md)",cursor:c?"not-allowed":"pointer",opacity:c?.5:1,transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`}),ke={display:"flex",flexDirection:"column",gap:r.spacing[1],borderLeft:"1px solid var(--brycks-border-default)",paddingLeft:r.spacing[3],minWidth:140},ve={display:"flex",alignItems:"center",padding:`${r.spacing[2]}px ${r.spacing[3]}px`,fontSize:f.fontSizes.sm,color:"var(--brycks-foreground-default)",backgroundColor:"transparent",border:"none",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",textAlign:"left",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`};return t.jsxs("div",{ref:e=>{w.current=e,typeof x=="function"?x(e):x&&(x.current=e)},className:Me.cx("brycks-daterangepicker",`brycks-daterangepicker--${I}`,U),style:ce,"data-testid":Z,onKeyDown:oe,children:[t.jsxs("div",{role:"button",tabIndex:m?-1:0,"aria-label":Q,"aria-expanded":y,"aria-haspopup":"dialog","aria-invalid":P,style:de,onClick:()=>!m&&k(!0),onFocus:()=>L(!0),onBlur:()=>L(!1),children:[t.jsx("span",{style:ue,children:t.jsx(Pe,{})}),t.jsx("span",{style:ge,children:q||V}),T&&(o.start||o.end)&&!m&&t.jsx("button",{type:"button","aria-label":"Clear date range",style:fe,onClick:se,onMouseEnter:e=>{e.currentTarget.style.backgroundColor="var(--brycks-background-muted)",e.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="var(--brycks-foreground-muted)"},children:t.jsx(Te,{})})]}),y&&De.createPortal(t.jsxs("div",{role:"dialog","aria-label":"Date range picker",style:ye,children:[H(0),H(1),D&&D.length>0&&t.jsxs("div",{style:ke,children:[t.jsx("div",{style:{fontSize:f.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)",marginBottom:r.spacing[1]},children:"Presets"}),D.map((e,l)=>t.jsx("button",{type:"button",style:ve,onClick:()=>ne(e),onMouseEnter:c=>{c.currentTarget.style.backgroundColor="var(--brycks-background-muted)"},onMouseLeave:c=>{c.currentTarget.style.backgroundColor="transparent"},children:e.label},l))]})]}),document.body)]})});G.displayName="DateRangePicker";exports.DateRangePicker=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),De=require("react-dom"),Me=require("../../../utils/styles.cjs"),r=require("../../../design-system/tokens/spacing.cjs"),h=require("../../../design-system/primitives/sizing.cjs"),f=require("../../../design-system/tokens/typography.cjs"),d=require("../../../design-system/tokens/motion.cjs"),ze={sm:{height:h.componentHeights.sm,fontSize:f.fontSizes.base-1,padding:h.componentPaddingX.sm},md:{height:h.componentHeights.md,fontSize:f.fontSizes.base,padding:h.componentPaddingX.md},lg:{height:h.componentHeights.lg,fontSize:f.fontSizes.md,padding:h.componentPaddingX.lg}},$e=["Su","Mo","Tu","We","Th","Fr","Sa"],Re=["January","February","March","April","May","June","July","August","September","October","November","December"],Ie=n=>`${n.getMonth()+1}/${n.getDate()}/${n.getFullYear()}`;function Pe(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[t.jsx("rect",{x:"2",y:"3",width:"12",height:"11",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M2 6h12",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M5 1v3M11 1v3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function J({direction:n}){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:n==="left"?"M10 4l-4 4 4 4":"M6 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Te(){return t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:"M4 4l6 6M10 4l-6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const Ee=(n,s)=>new Date(n,s+1,0).getDate(),Le=(n,s)=>new Date(n,s,1).getDay(),R=(n,s)=>!n||!s?!1:n.getFullYear()===s.getFullYear()&&n.getMonth()===s.getMonth()&&n.getDate()===s.getDate(),We=(n,s,u)=>{if(!s||!u)return!1;const b=n.getTime();return b>s.getTime()&&b<u.getTime()},K=(n,s,u)=>!!(s&&n<s||u&&n>u),G=i.forwardRef(function({value:s,defaultValue:u={start:null,end:null},onChange:b,size:I="md",minDate:C,maxDate:j,placeholder:V="Select date range",disabled:m=!1,isInvalid:P=!1,clearable:T=!0,presets:D,dateFormat:M=Ie,"aria-label":Q="Select date range",className:U,testId:Z},x){const[_,ee]=i.useState(u),[y,k]=i.useState(!1),[E,L]=i.useState(!1),[te,W]=i.useState(()=>{const e=s?.start||u.start||new Date;return{year:e.getFullYear(),month:e.getMonth()}}),[S,p]=i.useState(!1),[B,O]=i.useState(null),w=i.useRef(null),o=s!==void 0?s:_,v=ze[I],g=i.useCallback(e=>{s===void 0&&ee(e),b?.(e)},[s,b]),re=i.useCallback(e=>{K(e,C,j)||(!S||!o.start?(g({start:e,end:null}),p(!0)):(e<o.start?g({start:e,end:o.start}):g({start:o.start,end:e}),p(!1),k(!1)))},[S,o.start,C,j,g]),ne=i.useCallback(e=>{const l=e.getValue();g(l),k(!1),p(!1)},[g]),se=i.useCallback(e=>{e.stopPropagation(),g({start:null,end:null}),p(!1)},[g]),oe=i.useCallback(e=>{e.key==="Escape"&&(k(!1),p(!1))},[]);i.useEffect(()=>{if(!y)return;const e=l=>{w.current?.contains(l.target)||(k(!1),p(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y]);const[F,ae]=i.useState({top:0,left:0});i.useEffect(()=>{if(!y||!w.current)return;const e=()=>{const l=w.current.getBoundingClientRect();ae({top:l.bottom+window.scrollY+r.spacing[1],left:l.left+window.scrollX})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[y]);const ie=i.useCallback(()=>{W(e=>e.month===0?{year:e.year-1,month:11}:{...e,month:e.month-1})},[]),le=i.useCallback(()=>{W(e=>e.month===11?{year:e.year+1,month:0}:{...e,month:e.month+1})},[]),H=(e=0)=>{let{year:l,month:c}=te;c+=e,c>11&&(c=0,l++);const z=Ee(l,c),xe=Le(l,c),$=[];for(let a=0;a<xe;a++)$.push(null);for(let a=1;a<=z;a++)$.push(new Date(l,c,a));const A=S&&B&&o.start&&!o.end?B:o.end;return t.jsxs("div",{style:{flex:1},children:[t.jsxs("div",{style:pe,children:[e===0&&t.jsx("button",{type:"button","aria-label":"Previous month",style:N,onClick:ie,children:t.jsx(J,{direction:"left"})}),t.jsxs("span",{style:{fontWeight:600},children:[Re[c]," ",l]}),e===1&&t.jsx("button",{type:"button","aria-label":"Next month",style:N,onClick:le,children:t.jsx(J,{direction:"right"})})]}),t.jsx("div",{style:he,children:$e.map(a=>t.jsx("div",{style:be,children:a},a))}),t.jsx("div",{style:me,children:$.map((a,Se)=>{if(!a)return t.jsx("div",{style:Y(!1,!1,!1,!1)},`empty-${Se}`);const we=R(a,o.start),Ce=R(a,A),je=We(a,o.start,A),X=K(a,C,j);return t.jsx("button",{type:"button",disabled:X,style:Y(we||Ce,je,X,R(a,new Date)),onClick:()=>re(a),onMouseEnter:()=>S&&O(a),onMouseLeave:()=>O(null),children:a.getDate()},a.toISOString())})})]})},q=o.start&&o.end?`${M(o.start)} - ${M(o.end)}`:o.start?`${M(o.start)} - ...`:"",ce={position:"relative",display:"inline-flex",width:"100%"},de={position:"relative",display:"flex",alignItems:"center",width:"100%",height:v.height,backgroundColor:m?"var(--brycks-background-muted)":"var(--brycks-background-default)",border:`1px solid ${P?"var(--brycks-error-default)":E?"var(--brycks-primary-default)":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-md)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`,cursor:m?"not-allowed":"pointer",boxShadow:E?"var(--brycks-focus-ring)":void 0,padding:`0 ${v.padding}px`,paddingRight:T&&(o.start||o.end)?r.spacing[10]:v.padding},ue={display:"flex",alignItems:"center",justifyContent:"center",marginRight:r.spacing[2],color:"var(--brycks-foreground-muted)"},ge={flex:1,fontSize:v.fontSize,color:q?"var(--brycks-foreground-default)":"var(--brycks-foreground-muted)"},fe={position:"absolute",right:v.padding,display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[5],height:r.spacing[5],color:"var(--brycks-foreground-muted)",cursor:"pointer",borderRadius:"var(--brycks-radius-sm)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`},ye={position:"absolute",top:F.top,left:F.left,backgroundColor:"var(--brycks-background-elevated)",border:"1px solid var(--brycks-border-default)",borderRadius:"var(--brycks-radius-lg)",boxShadow:"var(--brycks-shadow-lg)",zIndex:"var(--brycks-z-dropdown)",padding:r.spacing[3],display:"flex",gap:r.spacing[4]},pe={display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:r.spacing[2],minHeight:r.spacing[8],fontSize:f.fontSizes.base},N={display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[7],height:r.spacing[7],backgroundColor:"transparent",border:"none",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",color:"var(--brycks-foreground-default)",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`},he={display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:r.spacing[.5],marginBottom:r.spacing[1]},be={display:"flex",alignItems:"center",justifyContent:"center",height:r.spacing[7],fontSize:f.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)"},me={display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:r.spacing[.5]},Y=(e,l,c,z)=>({display:"flex",alignItems:"center",justifyContent:"center",width:r.spacing[8],height:r.spacing[8],fontSize:f.fontSizes.sm,fontWeight:e?600:400,color:c?"var(--brycks-foreground-disabled)":e?"var(--brycks-primary-foreground)":"var(--brycks-foreground-default)",backgroundColor:e?"var(--brycks-primary-default)":l?"var(--brycks-primary-muted)":"transparent",border:z&&!e?"1px solid var(--brycks-border-strong)":"none",borderRadius:"var(--brycks-radius-md)",cursor:c?"not-allowed":"pointer",opacity:c?.5:1,transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`}),ke={display:"flex",flexDirection:"column",gap:r.spacing[1],borderLeft:"1px solid var(--brycks-border-default)",paddingLeft:r.spacing[3],minWidth:140},ve={display:"flex",alignItems:"center",padding:`${r.spacing[2]}px ${r.spacing[3]}px`,fontSize:f.fontSizes.sm,color:"var(--brycks-foreground-default)",backgroundColor:"transparent",border:"none",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",textAlign:"left",transition:`all ${d.durations.fast}ms ${d.easings.easeOut}`};return t.jsxs("div",{ref:e=>{w.current=e,typeof x=="function"?x(e):x&&(x.current=e)},className:Me.cx("brycks-daterangepicker",`brycks-daterangepicker--${I}`,U),style:ce,"data-testid":Z,onKeyDown:oe,children:[t.jsxs("div",{role:"button",tabIndex:m?-1:0,"aria-label":Q,"aria-expanded":y,"aria-haspopup":"dialog","aria-invalid":P,style:de,onClick:()=>!m&&k(!0),onFocus:()=>L(!0),onBlur:()=>L(!1),children:[t.jsx("span",{style:ue,children:t.jsx(Pe,{})}),t.jsx("span",{style:ge,children:q||V}),T&&(o.start||o.end)&&!m&&t.jsx("button",{type:"button","aria-label":"Clear date range",style:fe,onClick:se,onMouseEnter:e=>{e.currentTarget.style.backgroundColor="var(--brycks-background-muted)",e.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="var(--brycks-foreground-muted)"},children:t.jsx(Te,{})})]}),y&&De.createPortal(t.jsxs("div",{role:"dialog","aria-label":"Date range picker",style:ye,children:[H(0),H(1),D&&D.length>0&&t.jsxs("div",{style:ke,children:[t.jsx("div",{style:{fontSize:f.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)",marginBottom:r.spacing[1]},children:"Presets"}),D.map((e,l)=>t.jsx("button",{type:"button",style:ve,onClick:()=>ne(e),onMouseEnter:c=>{c.currentTarget.style.backgroundColor="var(--brycks-background-muted)"},onMouseLeave:c=>{c.currentTarget.style.backgroundColor="transparent"},children:e.label},l))]})]}),document.body)]})});G.displayName="DateRangePicker";exports.DateRangePicker=G;
 //# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/form/DateRangePicker/DateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../src/components/form/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["/**\n * DateRangePicker Component\n *\n * A date range selection component with calendar UI.\n * Supports preset ranges and custom date selection.\n *\n * @module components/form/DateRangePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type DateRangePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateRange {\n  start: Date | null\n  end: Date | null\n}\n\nexport interface DateRangePreset {\n  label: string\n  getValue: () => DateRange\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value?: DateRange\n  /** Default date range value (uncontrolled) */\n  defaultValue?: DateRange\n  /** Callback when date range changes */\n  onChange?: (value: DateRange) => void\n  /** Component size */\n  size?: DateRangePickerSize\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Preset date ranges */\n  presets?: DateRangePreset[]\n  /** Date format display */\n  dateFormat?: (date: Date) => string\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateRangePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n\nconst defaultDateFormat = (date: Date): string => {\n  return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`\n}\n\nfunction CalendarIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M2 6h12\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M5 1v3M11 1v3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronIcon({ direction }: { direction: 'left' | 'right' }) {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d={direction === 'left' ? 'M10 4l-4 4 4 4' : 'M6 4l4 4-4 4'}\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst getDaysInMonth = (year: number, month: number): number => {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nconst getFirstDayOfMonth = (year: number, month: number): number => {\n  return new Date(year, month, 1).getDay()\n}\n\nconst isSameDay = (date1: Date | null, date2: Date | null): boolean => {\n  if (!date1 || !date2) return false\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  )\n}\n\nconst isInRange = (date: Date, start: Date | null, end: Date | null): boolean => {\n  if (!start || !end) return false\n  const time = date.getTime()\n  return time > start.getTime() && time < end.getTime()\n}\n\nconst isDateDisabled = (date: Date, minDate?: Date, maxDate?: Date): boolean => {\n  if (minDate && date < minDate) return true\n  if (maxDate && date > maxDate) return true\n  return false\n}\n\nexport const DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(\n  {\n    value: controlledValue,\n    defaultValue = { start: null, end: null },\n    onChange,\n    size = 'md',\n    minDate,\n    maxDate,\n    placeholder = 'Select date range',\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    presets,\n    dateFormat = defaultDateFormat,\n    'aria-label': ariaLabel = 'Select date range',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<DateRange>(defaultValue)\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n  const [viewDate, setViewDate] = useState(() => {\n    const initial = controlledValue?.start || defaultValue.start || new Date()\n    return { year: initial.getFullYear(), month: initial.getMonth() }\n  })\n  const [selectingEnd, setSelectingEnd] = useState(false)\n  const [hoverDate, setHoverDate] = useState<Date | null>(null)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  const updateValue = useCallback(\n    (newValue: DateRange) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleDateClick = useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, minDate, maxDate)) return\n\n      if (!selectingEnd || !value.start) {\n        // Start new selection\n        updateValue({ start: date, end: null })\n        setSelectingEnd(true)\n      } else {\n        // Complete selection\n        if (date < value.start) {\n          updateValue({ start: date, end: value.start })\n        } else {\n          updateValue({ start: value.start, end: date })\n        }\n        setSelectingEnd(false)\n        setIsOpen(false)\n      }\n    },\n    [selectingEnd, value.start, minDate, maxDate, updateValue]\n  )\n\n  const handlePresetClick = useCallback(\n    (preset: DateRangePreset) => {\n      const newValue = preset.getValue()\n      updateValue(newValue)\n      setIsOpen(false)\n      setSelectingEnd(false)\n    },\n    [updateValue]\n  )\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue({ start: null, end: null })\n      setSelectingEnd(false)\n    },\n    [updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        setIsOpen(false)\n        setSelectingEnd(false)\n      }\n    },\n    []\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n        setSelectingEnd(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  const goToPrevMonth = useCallback(() => {\n    setViewDate((prev) => {\n      if (prev.month === 0) {\n        return { year: prev.year - 1, month: 11 }\n      }\n      return { ...prev, month: prev.month - 1 }\n    })\n  }, [])\n\n  const goToNextMonth = useCallback(() => {\n    setViewDate((prev) => {\n      if (prev.month === 11) {\n        return { year: prev.year + 1, month: 0 }\n      }\n      return { ...prev, month: prev.month + 1 }\n    })\n  }, [])\n\n  // Generate calendar days\n  const renderCalendar = (monthOffset: number = 0) => {\n    let { year, month } = viewDate\n    month += monthOffset\n    if (month > 11) {\n      month = 0\n      year++\n    }\n\n    const daysInMonth = getDaysInMonth(year, month)\n    const firstDay = getFirstDayOfMonth(year, month)\n    const days: (Date | null)[] = []\n\n    // Empty cells for days before the first day\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null)\n    }\n\n    // Days of the month\n    for (let i = 1; i <= daysInMonth; i++) {\n      days.push(new Date(year, month, i))\n    }\n\n    const effectiveEnd = selectingEnd && hoverDate && value.start && !value.end ? hoverDate : value.end\n\n    return (\n      <div style={{ flex: 1 }}>\n        <div style={calendarHeaderStyle}>\n          {monthOffset === 0 && (\n            <button\n              type=\"button\"\n              aria-label=\"Previous month\"\n              style={navButtonStyle}\n              onClick={goToPrevMonth}\n            >\n              <ChevronIcon direction=\"left\" />\n            </button>\n          )}\n          <span style={{ fontWeight: 600 }}>\n            {MONTHS[month]} {year}\n          </span>\n          {monthOffset === 1 && (\n            <button\n              type=\"button\"\n              aria-label=\"Next month\"\n              style={navButtonStyle}\n              onClick={goToNextMonth}\n            >\n              <ChevronIcon direction=\"right\" />\n            </button>\n          )}\n        </div>\n        <div style={daysHeaderStyle}>\n          {DAYS.map((day) => (\n            <div key={day} style={dayHeaderStyle}>\n              {day}\n            </div>\n          ))}\n        </div>\n        <div style={daysGridStyle}>\n          {days.map((date, index) => {\n            if (!date) {\n              return <div key={`empty-${index}`} style={dayStyle(false, false, false, false)} />\n            }\n\n            const isStart = isSameDay(date, value.start)\n            const isEnd = isSameDay(date, effectiveEnd)\n            const isRange = isInRange(date, value.start, effectiveEnd)\n            const isDisabled = isDateDisabled(date, minDate, maxDate)\n\n            return (\n              <button\n                key={date.toISOString()}\n                type=\"button\"\n                disabled={isDisabled}\n                style={dayStyle(isStart || isEnd, isRange, isDisabled, isSameDay(date, new Date()))}\n                onClick={() => handleDateClick(date)}\n                onMouseEnter={() => selectingEnd && setHoverDate(date)}\n                onMouseLeave={() => setHoverDate(null)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayValue = value.start && value.end\n    ? `${dateFormat(value.start)} - ${dateFormat(value.end)}`\n    : value.start\n    ? `${dateFormat(value.start)} - ...`\n    : ''\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n    padding: `0 ${config.padding}px`,\n    paddingRight: clearable && (value.start || value.end) ? spacing[10] : config.padding,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: spacing[2],\n    color: 'var(--brycks-foreground-muted)',\n  }\n\n  const textStyle: CSSProperties = {\n    flex: 1,\n    fontSize: config.fontSize,\n    color: displayValue ? 'var(--brycks-foreground-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[3],\n    display: 'flex',\n    gap: spacing[4],\n  }\n\n  const calendarHeaderStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: spacing[2],\n    minHeight: spacing[8],\n    fontSize: fontSizes.base,\n  }\n\n  const navButtonStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[7],\n    height: spacing[7],\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    color: 'var(--brycks-foreground-default)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const daysHeaderStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(7, 1fr)',\n    gap: spacing[0.5],\n    marginBottom: spacing[1],\n  }\n\n  const dayHeaderStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: spacing[7],\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n  }\n\n  const daysGridStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(7, 1fr)',\n    gap: spacing[0.5],\n  }\n\n  const dayStyle = (isSelected: boolean, isRange: boolean, isDisabled: boolean, isToday: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[8],\n    height: spacing[8],\n    fontSize: fontSizes.sm,\n    fontWeight: isSelected ? 600 : 400,\n    color: isDisabled\n      ? 'var(--brycks-foreground-disabled)'\n      : isSelected\n      ? 'white'\n      : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected\n      ? 'var(--brycks-primary-default)'\n      : isRange\n      ? 'var(--brycks-primary-50)'\n      : 'transparent',\n    border: isToday && !isSelected ? '1px solid var(--brycks-border-strong)' : 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    opacity: isDisabled ? 0.5 : 1,\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  const presetsStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: spacing[1],\n    borderLeft: '1px solid var(--brycks-border-default)',\n    paddingLeft: spacing[3],\n    minWidth: 140,\n  }\n\n  const presetButtonStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: fontSizes.sm,\n    color: 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={cx('brycks-daterangepicker', `brycks-daterangepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label={ariaLabel}\n        aria-expanded={isOpen}\n        aria-haspopup=\"dialog\"\n        aria-invalid={isInvalid}\n        style={inputWrapperStyle}\n        onClick={() => !disabled && setIsOpen(true)}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => setIsFocused(false)}\n      >\n        <span style={iconStyle}>\n          <CalendarIcon />\n        </span>\n        <span style={textStyle}>{displayValue || placeholder}</span>\n        {clearable && (value.start || value.end) && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear date range\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Date range picker\" style={dropdownStyle}>\n            {renderCalendar(0)}\n            {renderCalendar(1)}\n            {presets && presets.length > 0 && (\n              <div style={presetsStyle}>\n                <div style={{ fontSize: fontSizes.xs, fontWeight: 600, color: 'var(--brycks-foreground-muted)', marginBottom: spacing[1] }}>\n                  Presets\n                </div>\n                {presets.map((preset, index) => (\n                  <button\n                    key={index}\n                    type=\"button\"\n                    style={presetButtonStyle}\n                    onClick={() => handlePresetClick(preset)}\n                    onMouseEnter={(e) => {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }}\n                    onMouseLeave={(e) => {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }}\n                  >\n                    {preset.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nDateRangePicker.displayName = 'DateRangePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","DAYS","MONTHS","defaultDateFormat","date","CalendarIcon","jsxs","jsx","ChevronIcon","direction","ClearIcon","getDaysInMonth","year","month","getFirstDayOfMonth","isSameDay","date1","date2","isInRange","start","end","time","isDateDisabled","minDate","maxDate","DateRangePicker","forwardRef","controlledValue","defaultValue","onChange","size","placeholder","disabled","isInvalid","clearable","presets","dateFormat","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","isOpen","setIsOpen","isFocused","setIsFocused","viewDate","setViewDate","initial","selectingEnd","setSelectingEnd","hoverDate","setHoverDate","containerRef","useRef","value","config","updateValue","useCallback","newValue","handleDateClick","handlePresetClick","preset","handleClear","handleKeyDown","useEffect","handleClick","e","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","goToPrevMonth","prev","goToNextMonth","renderCalendar","monthOffset","daysInMonth","firstDay","days","i","effectiveEnd","calendarHeaderStyle","navButtonStyle","daysHeaderStyle","day","dayHeaderStyle","daysGridStyle","index","dayStyle","isStart","isEnd","isRange","isDisabled","displayValue","containerStyle","inputWrapperStyle","durations","easings","iconStyle","textStyle","clearButtonStyle","dropdownStyle","isSelected","isToday","presetsStyle","presetButtonStyle","node","cx","createPortal"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../src/components/form/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["/**\n * DateRangePicker Component\n *\n * A date range selection component with calendar UI.\n * Supports preset ranges and custom date selection.\n *\n * @module components/form/DateRangePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type DateRangePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateRange {\n  start: Date | null\n  end: Date | null\n}\n\nexport interface DateRangePreset {\n  label: string\n  getValue: () => DateRange\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value?: DateRange\n  /** Default date range value (uncontrolled) */\n  defaultValue?: DateRange\n  /** Callback when date range changes */\n  onChange?: (value: DateRange) => void\n  /** Component size */\n  size?: DateRangePickerSize\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Preset date ranges */\n  presets?: DateRangePreset[]\n  /** Date format display */\n  dateFormat?: (date: Date) => string\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<DateRangePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n\nconst defaultDateFormat = (date: Date): string => {\n  return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`\n}\n\nfunction CalendarIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M2 6h12\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M5 1v3M11 1v3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronIcon({ direction }: { direction: 'left' | 'right' }) {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d={direction === 'left' ? 'M10 4l-4 4 4 4' : 'M6 4l4 4-4 4'}\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst getDaysInMonth = (year: number, month: number): number => {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nconst getFirstDayOfMonth = (year: number, month: number): number => {\n  return new Date(year, month, 1).getDay()\n}\n\nconst isSameDay = (date1: Date | null, date2: Date | null): boolean => {\n  if (!date1 || !date2) return false\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  )\n}\n\nconst isInRange = (date: Date, start: Date | null, end: Date | null): boolean => {\n  if (!start || !end) return false\n  const time = date.getTime()\n  return time > start.getTime() && time < end.getTime()\n}\n\nconst isDateDisabled = (date: Date, minDate?: Date, maxDate?: Date): boolean => {\n  if (minDate && date < minDate) return true\n  if (maxDate && date > maxDate) return true\n  return false\n}\n\nexport const DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(\n  {\n    value: controlledValue,\n    defaultValue = { start: null, end: null },\n    onChange,\n    size = 'md',\n    minDate,\n    maxDate,\n    placeholder = 'Select date range',\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    presets,\n    dateFormat = defaultDateFormat,\n    'aria-label': ariaLabel = 'Select date range',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<DateRange>(defaultValue)\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n  const [viewDate, setViewDate] = useState(() => {\n    const initial = controlledValue?.start || defaultValue.start || new Date()\n    return { year: initial.getFullYear(), month: initial.getMonth() }\n  })\n  const [selectingEnd, setSelectingEnd] = useState(false)\n  const [hoverDate, setHoverDate] = useState<Date | null>(null)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  const updateValue = useCallback(\n    (newValue: DateRange) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleDateClick = useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, minDate, maxDate)) return\n\n      if (!selectingEnd || !value.start) {\n        // Start new selection\n        updateValue({ start: date, end: null })\n        setSelectingEnd(true)\n      } else {\n        // Complete selection\n        if (date < value.start) {\n          updateValue({ start: date, end: value.start })\n        } else {\n          updateValue({ start: value.start, end: date })\n        }\n        setSelectingEnd(false)\n        setIsOpen(false)\n      }\n    },\n    [selectingEnd, value.start, minDate, maxDate, updateValue]\n  )\n\n  const handlePresetClick = useCallback(\n    (preset: DateRangePreset) => {\n      const newValue = preset.getValue()\n      updateValue(newValue)\n      setIsOpen(false)\n      setSelectingEnd(false)\n    },\n    [updateValue]\n  )\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue({ start: null, end: null })\n      setSelectingEnd(false)\n    },\n    [updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        setIsOpen(false)\n        setSelectingEnd(false)\n      }\n    },\n    []\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n        setSelectingEnd(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  const goToPrevMonth = useCallback(() => {\n    setViewDate((prev) => {\n      if (prev.month === 0) {\n        return { year: prev.year - 1, month: 11 }\n      }\n      return { ...prev, month: prev.month - 1 }\n    })\n  }, [])\n\n  const goToNextMonth = useCallback(() => {\n    setViewDate((prev) => {\n      if (prev.month === 11) {\n        return { year: prev.year + 1, month: 0 }\n      }\n      return { ...prev, month: prev.month + 1 }\n    })\n  }, [])\n\n  // Generate calendar days\n  const renderCalendar = (monthOffset: number = 0) => {\n    let { year, month } = viewDate\n    month += monthOffset\n    if (month > 11) {\n      month = 0\n      year++\n    }\n\n    const daysInMonth = getDaysInMonth(year, month)\n    const firstDay = getFirstDayOfMonth(year, month)\n    const days: (Date | null)[] = []\n\n    // Empty cells for days before the first day\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null)\n    }\n\n    // Days of the month\n    for (let i = 1; i <= daysInMonth; i++) {\n      days.push(new Date(year, month, i))\n    }\n\n    const effectiveEnd = selectingEnd && hoverDate && value.start && !value.end ? hoverDate : value.end\n\n    return (\n      <div style={{ flex: 1 }}>\n        <div style={calendarHeaderStyle}>\n          {monthOffset === 0 && (\n            <button\n              type=\"button\"\n              aria-label=\"Previous month\"\n              style={navButtonStyle}\n              onClick={goToPrevMonth}\n            >\n              <ChevronIcon direction=\"left\" />\n            </button>\n          )}\n          <span style={{ fontWeight: 600 }}>\n            {MONTHS[month]} {year}\n          </span>\n          {monthOffset === 1 && (\n            <button\n              type=\"button\"\n              aria-label=\"Next month\"\n              style={navButtonStyle}\n              onClick={goToNextMonth}\n            >\n              <ChevronIcon direction=\"right\" />\n            </button>\n          )}\n        </div>\n        <div style={daysHeaderStyle}>\n          {DAYS.map((day) => (\n            <div key={day} style={dayHeaderStyle}>\n              {day}\n            </div>\n          ))}\n        </div>\n        <div style={daysGridStyle}>\n          {days.map((date, index) => {\n            if (!date) {\n              return <div key={`empty-${index}`} style={dayStyle(false, false, false, false)} />\n            }\n\n            const isStart = isSameDay(date, value.start)\n            const isEnd = isSameDay(date, effectiveEnd)\n            const isRange = isInRange(date, value.start, effectiveEnd)\n            const isDisabled = isDateDisabled(date, minDate, maxDate)\n\n            return (\n              <button\n                key={date.toISOString()}\n                type=\"button\"\n                disabled={isDisabled}\n                style={dayStyle(isStart || isEnd, isRange, isDisabled, isSameDay(date, new Date()))}\n                onClick={() => handleDateClick(date)}\n                onMouseEnter={() => selectingEnd && setHoverDate(date)}\n                onMouseLeave={() => setHoverDate(null)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayValue = value.start && value.end\n    ? `${dateFormat(value.start)} - ${dateFormat(value.end)}`\n    : value.start\n    ? `${dateFormat(value.start)} - ...`\n    : ''\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n    padding: `0 ${config.padding}px`,\n    paddingRight: clearable && (value.start || value.end) ? spacing[10] : config.padding,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: spacing[2],\n    color: 'var(--brycks-foreground-muted)',\n  }\n\n  const textStyle: CSSProperties = {\n    flex: 1,\n    fontSize: config.fontSize,\n    color: displayValue ? 'var(--brycks-foreground-default)' : 'var(--brycks-foreground-muted)',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[3],\n    display: 'flex',\n    gap: spacing[4],\n  }\n\n  const calendarHeaderStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: spacing[2],\n    minHeight: spacing[8],\n    fontSize: fontSizes.base,\n  }\n\n  const navButtonStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[7],\n    height: spacing[7],\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    color: 'var(--brycks-foreground-default)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const daysHeaderStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(7, 1fr)',\n    gap: spacing[0.5],\n    marginBottom: spacing[1],\n  }\n\n  const dayHeaderStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: spacing[7],\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n  }\n\n  const daysGridStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(7, 1fr)',\n    gap: spacing[0.5],\n  }\n\n  const dayStyle = (isSelected: boolean, isRange: boolean, isDisabled: boolean, isToday: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[8],\n    height: spacing[8],\n    fontSize: fontSizes.sm,\n    fontWeight: isSelected ? 600 : 400,\n    color: isDisabled\n      ? 'var(--brycks-foreground-disabled)'\n      : isSelected\n      ? 'var(--brycks-primary-foreground)'\n      : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected\n      ? 'var(--brycks-primary-default)'\n      : isRange\n      ? 'var(--brycks-primary-muted)'\n      : 'transparent',\n    border: isToday && !isSelected ? '1px solid var(--brycks-border-strong)' : 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    opacity: isDisabled ? 0.5 : 1,\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  const presetsStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: spacing[1],\n    borderLeft: '1px solid var(--brycks-border-default)',\n    paddingLeft: spacing[3],\n    minWidth: 140,\n  }\n\n  const presetButtonStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: fontSizes.sm,\n    color: 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={cx('brycks-daterangepicker', `brycks-daterangepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label={ariaLabel}\n        aria-expanded={isOpen}\n        aria-haspopup=\"dialog\"\n        aria-invalid={isInvalid}\n        style={inputWrapperStyle}\n        onClick={() => !disabled && setIsOpen(true)}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => setIsFocused(false)}\n      >\n        <span style={iconStyle}>\n          <CalendarIcon />\n        </span>\n        <span style={textStyle}>{displayValue || placeholder}</span>\n        {clearable && (value.start || value.end) && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear date range\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Date range picker\" style={dropdownStyle}>\n            {renderCalendar(0)}\n            {renderCalendar(1)}\n            {presets && presets.length > 0 && (\n              <div style={presetsStyle}>\n                <div style={{ fontSize: fontSizes.xs, fontWeight: 600, color: 'var(--brycks-foreground-muted)', marginBottom: spacing[1] }}>\n                  Presets\n                </div>\n                {presets.map((preset, index) => (\n                  <button\n                    key={index}\n                    type=\"button\"\n                    style={presetButtonStyle}\n                    onClick={() => handlePresetClick(preset)}\n                    onMouseEnter={(e) => {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }}\n                    onMouseLeave={(e) => {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }}\n                  >\n                    {preset.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nDateRangePicker.displayName = 'DateRangePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","DAYS","MONTHS","defaultDateFormat","date","CalendarIcon","jsxs","jsx","ChevronIcon","direction","ClearIcon","getDaysInMonth","year","month","getFirstDayOfMonth","isSameDay","date1","date2","isInRange","start","end","time","isDateDisabled","minDate","maxDate","DateRangePicker","forwardRef","controlledValue","defaultValue","onChange","size","placeholder","disabled","isInvalid","clearable","presets","dateFormat","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","isOpen","setIsOpen","isFocused","setIsFocused","viewDate","setViewDate","initial","selectingEnd","setSelectingEnd","hoverDate","setHoverDate","containerRef","useRef","value","config","updateValue","useCallback","newValue","handleDateClick","handlePresetClick","preset","handleClear","handleKeyDown","useEffect","handleClick","e","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","goToPrevMonth","prev","goToNextMonth","renderCalendar","monthOffset","daysInMonth","firstDay","days","i","effectiveEnd","calendarHeaderStyle","navButtonStyle","daysHeaderStyle","day","dayHeaderStyle","daysGridStyle","index","dayStyle","isStart","isEnd","isRange","isDisabled","displayValue","containerStyle","inputWrapperStyle","durations","easings","iconStyle","textStyle","clearButtonStyle","dropdownStyle","isSelected","isToday","presetsStyle","presetButtonStyle","node","cx","createPortal"],"mappings":"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"}

package/dist/components/form/DateRangePicker/DateRangePicker.js

@@ -35,17 +35,17 @@ function Oe() {
 }
 const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n, o, 1).getDay(), P = (n, o) => !n || !o ? !1 : n.getFullYear() === o.getFullYear() && n.getMonth() === o.getMonth() && n.getDate() === o.getDate(), Ye = (n, o, d) => {
   if (!o || !d) return !1;
-  const b = n.getTime();
-  return b > o.getTime() && b < d.getTime();
+  const m = n.getTime();
+  return m > o.getTime() && m < d.getTime();
 }, Z = (n, o, d) => !!(o && n < o || d && n > d), Ae = Te(function({
   value: o,
   defaultValue: d = { start: null, end: null },
-  onChange: b,
+  onChange: m,
   size: W = "md",
   minDate: M,
   maxDate: $,
   placeholder: _ = "Select date range",
-  disabled: m = !1,
+  disabled: b = !1,
   isInvalid: B = !1,
   clearable: j = !0,
   presets: I,
@@ -54,46 +54,46 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
   className: te,
   testId: re
 }, x) {
-  const [ne, oe] = f(d), [h, k] = f(!1), [F, O] = f(!1), [se, H] = f(() => {
+  const [ne, oe] = f(d), [p, k] = f(!1), [F, O] = f(!1), [se, H] = f(() => {
     const e = o?.start || d.start || /* @__PURE__ */ new Date();
     return { year: e.getFullYear(), month: e.getMonth() };
-  }), [S, p] = f(!1), [N, Y] = f(null), D = ze(null), s = o !== void 0 ? o : ne, v = Pe[W], c = y(
+  }), [S, h] = f(!1), [N, Y] = f(null), D = ze(null), s = o !== void 0 ? o : ne, v = Pe[W], c = y(
     (e) => {
-      o === void 0 && oe(e), b?.(e);
+      o === void 0 && oe(e), m?.(e);
     },
-    [o, b]
+    [o, m]
   ), ae = y(
     (e) => {
-      Z(e, M, $) || (!S || !s.start ? (c({ start: e, end: null }), p(!0)) : (e < s.start ? c({ start: e, end: s.start }) : c({ start: s.start, end: e }), p(!1), k(!1)));
+      Z(e, M, $) || (!S || !s.start ? (c({ start: e, end: null }), h(!0)) : (e < s.start ? c({ start: e, end: s.start }) : c({ start: s.start, end: e }), h(!1), k(!1)));
     },
     [S, s.start, M, $, c]
   ), ie = y(
     (e) => {
       const i = e.getValue();
-      c(i), k(!1), p(!1);
+      c(i), k(!1), h(!1);
     },
     [c]
   ), le = y(
     (e) => {
-      e.stopPropagation(), c({ start: null, end: null }), p(!1);
+      e.stopPropagation(), c({ start: null, end: null }), h(!1);
     },
     [c]
   ), de = y(
     (e) => {
-      e.key === "Escape" && (k(!1), p(!1));
+      e.key === "Escape" && (k(!1), h(!1));
     },
     []
   );
   Q(() => {
-    if (!h) return;
+    if (!p) return;
     const e = (i) => {
-      D.current?.contains(i.target) || (k(!1), p(!1));
+      D.current?.contains(i.target) || (k(!1), h(!1));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [h]);
+  }, [p]);
   const [A, ce] = f({ top: 0, left: 0 });
   Q(() => {
-    if (!h || !D.current) return;
+    if (!p || !D.current) return;
     const e = () => {
       const i = D.current.getBoundingClientRect();
       ce({
@@ -104,7 +104,7 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [h]);
+  }, [p]);
   const ue = y(() => {
     H((e) => e.month === 0 ? { year: e.year - 1, month: 11 } : { ...e, month: e.month - 1 });
   }, []), ge = y(() => {
@@ -176,25 +176,25 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
     alignItems: "center",
     width: "100%",
     height: v.height,
-    backgroundColor: m ? "var(--brycks-background-muted)" : "var(--brycks-background-default)",
+    backgroundColor: b ? "var(--brycks-background-muted)" : "var(--brycks-background-default)",
     border: `1px solid ${B ? "var(--brycks-error-default)" : F ? "var(--brycks-primary-default)" : "var(--brycks-border-default)"}`,
     borderRadius: "var(--brycks-radius-md)",
     transition: `all ${w.fast}ms ${C.easeOut}`,
-    cursor: m ? "not-allowed" : "pointer",
+    cursor: b ? "not-allowed" : "pointer",
     boxShadow: F ? "var(--brycks-focus-ring)" : void 0,
     padding: `0 ${v.padding}px`,
     paddingRight: j && (s.start || s.end) ? r[10] : v.padding
-  }, he = {
+  }, pe = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     marginRight: r[2],
     color: "var(--brycks-foreground-muted)"
-  }, pe = {
+  }, he = {
     flex: 1,
     fontSize: v.fontSize,
     color: K ? "var(--brycks-foreground-default)" : "var(--brycks-foreground-muted)"
-  }, be = {
+  }, me = {
     position: "absolute",
     right: v.padding,
     display: "flex",
@@ -206,7 +206,7 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
     cursor: "pointer",
     borderRadius: "var(--brycks-radius-sm)",
     transition: `all ${w.fast}ms ${C.easeOut}`
-  }, me = {
+  }, be = {
     position: "absolute",
     top: A.top,
     left: A.left,
@@ -262,8 +262,8 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
     height: r[8],
     fontSize: g.sm,
     fontWeight: e ? 600 : 400,
-    color: l ? "var(--brycks-foreground-disabled)" : e ? "white" : "var(--brycks-foreground-default)",
-    backgroundColor: e ? "var(--brycks-primary-default)" : i ? "var(--brycks-primary-50)" : "transparent",
+    color: l ? "var(--brycks-foreground-disabled)" : e ? "var(--brycks-primary-foreground)" : "var(--brycks-foreground-default)",
+    backgroundColor: e ? "var(--brycks-primary-default)" : i ? "var(--brycks-primary-muted)" : "transparent",
     border: T && !e ? "1px solid var(--brycks-border-strong)" : "none",
     borderRadius: "var(--brycks-radius-md)",
     cursor: l ? "not-allowed" : "pointer",
@@ -304,24 +304,24 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
           "div",
           {
             role: "button",
-            tabIndex: m ? -1 : 0,
+            tabIndex: b ? -1 : 0,
             "aria-label": ee,
-            "aria-expanded": h,
+            "aria-expanded": p,
             "aria-haspopup": "dialog",
             "aria-invalid": B,
             style: ye,
-            onClick: () => !m && k(!0),
+            onClick: () => !b && k(!0),
             onFocus: () => O(!0),
             onBlur: () => O(!1),
             children: [
-              /* @__PURE__ */ t("span", { style: he, children: /* @__PURE__ */ t(Fe, {}) }),
-              /* @__PURE__ */ t("span", { style: pe, children: K || _ }),
-              j && (s.start || s.end) && !m && /* @__PURE__ */ t(
+              /* @__PURE__ */ t("span", { style: pe, children: /* @__PURE__ */ t(Fe, {}) }),
+              /* @__PURE__ */ t("span", { style: he, children: K || _ }),
+              j && (s.start || s.end) && !b && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   "aria-label": "Clear date range",
-                  style: be,
+                  style: me,
                   onClick: le,
                   onMouseEnter: (e) => {
                     e.currentTarget.style.backgroundColor = "var(--brycks-background-muted)", e.currentTarget.style.color = "var(--brycks-foreground-default)";
@@ -335,8 +335,8 @@ const He = (n, o) => new Date(n, o + 1, 0).getDate(), Ne = (n, o) => new Date(n,
             ]
           }
         ),
-        h && Ee(
-          /* @__PURE__ */ u("div", { role: "dialog", "aria-label": "Date range picker", style: me, children: [
+        p && Ee(
+          /* @__PURE__ */ u("div", { role: "dialog", "aria-label": "Date range picker", style: be, children: [
             J(0),
             J(1),
             I && I.length > 0 && /* @__PURE__ */ u("div", { style: xe, children: [