@brycks/core-front 0.3.1 → 0.3.2

package/dist/components/form/Combobox/Combobox.js

@@ -0,0 +1,338 @@
+import { jsxs as m, jsx as o, Fragment as ye } from "react/jsx-runtime";
+import { forwardRef as he, useState as v, useRef as D, useMemo as V, useEffect as $, useCallback as I } from "react";
+import { createPortal as ve } from "react-dom";
+import { cx as ge } from "../../../utils/styles.js";
+import { durations as k, easings as w } from "../../../design-system/tokens/motion.js";
+import { iconSizes as j, componentPaddingX as L, componentHeights as B, componentGap as ke } from "../../../design-system/primitives/sizing.js";
+import { fontSizes as E } from "../../../design-system/tokens/typography.js";
+import { spacing as c } from "../../../design-system/tokens/spacing.js";
+const we = {
+  sm: { height: B.sm, fontSize: E.base - 1, padding: L.sm, iconSize: j.sm },
+  md: { height: B.md, fontSize: E.base, padding: L.md, iconSize: j.md },
+  lg: { height: B.lg, fontSize: E.md, padding: L.lg, iconSize: j.lg }
+}, xe = (x, f) => {
+  const d = f.toLowerCase();
+  return x.label.toLowerCase().includes(d) || x.value.toLowerCase().includes(d) || (x.description?.toLowerCase().includes(d) ?? !1);
+};
+function Se() {
+  return /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function Ce() {
+  return /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M4 4l6 6M10 4l-6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+const ze = he(function({
+  options: f,
+  value: d,
+  defaultValue: X = null,
+  onChange: P,
+  onInputChange: W,
+  placeholder: G = "Select or search...",
+  size: F = "md",
+  disabled: b = !1,
+  isInvalid: T = !1,
+  required: U = !1,
+  clearable: J = !0,
+  "aria-label": A,
+  "aria-labelledby": Q,
+  filterFn: Y = xe,
+  emptyText: Z = "No options found",
+  creatable: R = !1,
+  onCreate: M,
+  className: _,
+  testId: ee
+}, S) {
+  const [re, te] = v(X), [a, y] = v(""), [r, p] = v(!1), [n, s] = v(-1), [N, q] = v(!1), C = D(null), z = D(null), H = D(null), i = d !== void 0 ? d : re, h = we[F], l = V(
+    () => f.find((e) => e.value === i),
+    [f, i]
+  ), u = V(() => a ? f.filter((e) => Y(e, a)) : f, [f, a, Y]);
+  $(() => {
+    !r && l ? y(l.label) : !r && !i && y("");
+  }, [r, l, i]);
+  const g = I(
+    (e) => {
+      d === void 0 && te(e), P?.(e), p(!1), s(-1), z.current?.focus();
+    },
+    [d, P]
+  ), oe = I(
+    (e) => {
+      const t = e.target.value;
+      y(t), W?.(t), r || p(!0), s(0);
+    },
+    [r, W]
+  ), ne = I(
+    (e) => {
+      e.stopPropagation(), g(null), y(""), z.current?.focus();
+    },
+    [g]
+  ), ae = I(
+    (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), r ? s((t) => Math.min(t + 1, u.length - 1)) : (p(!0), s(0));
+          break;
+        case "ArrowUp":
+          e.preventDefault(), r && s((t) => Math.max(t - 1, 0));
+          break;
+        case "Enter":
+          e.preventDefault(), r && n >= 0 && u[n] ? u[n].disabled || g(u[n].value) : R && a && u.length === 0 && M?.(a);
+          break;
+        case "Escape":
+          e.preventDefault(), p(!1), s(-1), l && y(l.label);
+          break;
+        case "Tab":
+          r && (p(!1), s(-1));
+          break;
+      }
+    },
+    [r, n, u, g, R, a, M, l]
+  );
+  $(() => {
+    if (!r) return;
+    const e = (t) => {
+      C.current?.contains(t.target) || (p(!1), s(-1), l && y(l.label));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [r, l]), $(() => {
+    if (!r || n < 0) return;
+    H.current?.children[n]?.scrollIntoView({ block: "nearest" });
+  }, [r, n]);
+  const [O, se] = v({ top: 0, left: 0, width: 0 });
+  $(() => {
+    if (!r || !C.current) return;
+    const e = () => {
+      const t = C.current.getBoundingClientRect();
+      se({
+        top: t.bottom + window.scrollY + c[1],
+        left: t.left + window.scrollX,
+        width: t.width
+      });
+    };
+    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [r]);
+  const ie = {
+    position: "relative",
+    display: "inline-flex",
+    width: "100%"
+  }, le = {
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    height: h.height,
+    backgroundColor: b ? "var(--brycks-background-muted)" : "var(--brycks-background-default)",
+    border: `1px solid ${T ? "var(--brycks-error-default)" : N ? "var(--brycks-primary-default)" : "var(--brycks-border-default)"}`,
+    borderRadius: "var(--brycks-radius-md)",
+    transition: `all ${k.fast}ms ${w.easeOut}`,
+    cursor: b ? "not-allowed" : "text",
+    boxShadow: N ? "var(--brycks-focus-ring)" : void 0
+  }, ce = {
+    flex: 1,
+    height: "100%",
+    padding: `0 ${h.padding}px`,
+    paddingRight: c[10],
+    fontSize: h.fontSize,
+    color: b ? "var(--brycks-foreground-disabled)" : "var(--brycks-foreground-default)",
+    backgroundColor: "transparent",
+    border: "none",
+    outline: "none",
+    cursor: b ? "not-allowed" : "text"
+  }, de = {
+    position: "absolute",
+    right: h.padding,
+    display: "flex",
+    alignItems: "center",
+    gap: c[1],
+    pointerEvents: "none"
+  }, ue = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: c[5],
+    height: c[5],
+    color: "var(--brycks-foreground-muted)",
+    cursor: "pointer",
+    borderRadius: "var(--brycks-radius-sm)",
+    transition: `all ${k.fast}ms ${w.easeOut}`,
+    pointerEvents: "auto"
+  }, fe = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "var(--brycks-foreground-muted)",
+    transform: r ? "rotate(180deg)" : "rotate(0)",
+    transition: `transform ${k.fast}ms ${w.easeOut}`
+  }, be = {
+    position: "absolute",
+    top: O.top,
+    left: O.left,
+    width: O.width,
+    maxHeight: 300,
+    overflowY: "auto",
+    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: c[1],
+    animation: `brycks-dropdown-in ${k.quick}ms ${w.easeOut}`
+  }, K = (e, t, me) => ({
+    display: "flex",
+    alignItems: "center",
+    gap: ke.md,
+    padding: `${c[2]}px ${L.sm}px`,
+    fontSize: h.fontSize,
+    color: t ? "var(--brycks-foreground-disabled)" : "var(--brycks-foreground-default)",
+    backgroundColor: e ? "var(--brycks-background-muted)" : me ? "var(--brycks-primary-50)" : "transparent",
+    borderRadius: "var(--brycks-radius-md)",
+    cursor: t ? "not-allowed" : "pointer",
+    transition: `background-color ${k.fast}ms ${w.easeOut}`
+  }), pe = {
+    padding: `${c[4]}px ${c[3]}px`,
+    fontSize: h.fontSize,
+    color: "var(--brycks-foreground-muted)",
+    textAlign: "center"
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: C,
+      className: ge("brycks-combobox", `brycks-combobox--${F}`, _),
+      style: ie,
+      "data-testid": ee,
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            style: le,
+            onClick: () => !b && z.current?.focus(),
+            children: [
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  ref: (e) => {
+                    z.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+                  },
+                  type: "text",
+                  role: "combobox",
+                  "aria-expanded": r,
+                  "aria-haspopup": "listbox",
+                  "aria-autocomplete": "list",
+                  "aria-controls": r ? "combobox-listbox" : void 0,
+                  "aria-activedescendant": r && n >= 0 ? `combobox-option-${n}` : void 0,
+                  "aria-invalid": T,
+                  "aria-required": U,
+                  "aria-label": A,
+                  "aria-labelledby": Q,
+                  value: a,
+                  placeholder: G,
+                  disabled: b,
+                  style: ce,
+                  onChange: oe,
+                  onKeyDown: ae,
+                  onFocus: () => {
+                    q(!0), p(!0);
+                  },
+                  onBlur: () => q(!1)
+                }
+              ),
+              /* @__PURE__ */ m("div", { style: de, children: [
+                J && i && !b && /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Clear selection",
+                    style: ue,
+                    onClick: ne,
+                    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: /* @__PURE__ */ o(Ce, {})
+                  }
+                ),
+                /* @__PURE__ */ o("span", { style: fe, children: /* @__PURE__ */ o(Se, {}) })
+              ] })
+            ]
+          }
+        ),
+        r && ve(
+          /* @__PURE__ */ m(ye, { children: [
+            /* @__PURE__ */ o("style", { children: `
+                @keyframes brycks-dropdown-in {
+                  from { opacity: 0; transform: translateY(-4px); }
+                  to { opacity: 1; transform: translateY(0); }
+                }
+              ` }),
+            /* @__PURE__ */ o(
+              "ul",
+              {
+                ref: H,
+                id: "combobox-listbox",
+                role: "listbox",
+                "aria-label": A || "Options",
+                style: be,
+                children: u.length > 0 ? u.map((e, t) => /* @__PURE__ */ m(
+                  "li",
+                  {
+                    id: `combobox-option-${t}`,
+                    role: "option",
+                    "aria-selected": e.value === i,
+                    "aria-disabled": e.disabled,
+                    style: K(t === n, !!e.disabled, e.value === i),
+                    onClick: () => !e.disabled && g(e.value),
+                    onMouseEnter: () => s(t),
+                    children: [
+                      e.icon && /* @__PURE__ */ o("span", { style: { flexShrink: 0 }, children: e.icon }),
+                      /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
+                        /* @__PURE__ */ o("div", { style: { fontWeight: e.value === i ? 500 : 400 }, children: e.label }),
+                        e.description && /* @__PURE__ */ o("div", { style: { fontSize: E.sm, color: "var(--brycks-foreground-muted)" }, children: e.description })
+                      ] }),
+                      e.value === i && /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ o(
+                        "path",
+                        {
+                          d: "M3 8l3 3 7-7",
+                          stroke: "var(--brycks-primary-default)",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round"
+                        }
+                      ) })
+                    ]
+                  },
+                  e.value
+                )) : /* @__PURE__ */ o("li", { style: pe, children: R && a ? /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    style: {
+                      ...K(!0, !1, !1),
+                      width: "100%",
+                      border: "none",
+                      cursor: "pointer"
+                    },
+                    onClick: () => M?.(a),
+                    children: [
+                      'Create "',
+                      a,
+                      '"'
+                    ]
+                  }
+                ) : Z })
+              }
+            )
+          ] }),
+          document.body
+        )
+      ]
+    }
+  );
+});
+ze.displayName = "Combobox";
+export {
+  ze as Combobox
+};
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/form/Combobox/Combobox.tsx"],"sourcesContent":["/**\n * Combobox Component\n *\n * A searchable select/autocomplete component with keyboard navigation.\n * Combines the functionality of Input with dropdown selection.\n *\n * @module components/form/Combobox\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport {\n  componentHeights,\n  componentPaddingX,\n  componentGap,\n  iconSizes,\n} from '../../../design-system/primitives'\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg'\n\nexport interface ComboboxOption {\n  /** Unique identifier for the option */\n  value: string\n  /** Display label */\n  label: string\n  /** Optional description */\n  description?: string\n  /** Optional icon */\n  icon?: ReactNode\n  /** Whether the option is disabled */\n  disabled?: boolean\n}\n\nexport interface ComboboxProps {\n  /** Available options */\n  options: ComboboxOption[]\n  /** Currently selected value (controlled) */\n  value?: string | null\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string | null\n  /** Callback when selection changes */\n  onChange?: (value: string | null) => void\n  /** Callback when input value changes */\n  onInputChange?: (value: string) => void\n  /** Placeholder text */\n  placeholder?: string\n  /** Component size */\n  size?: ComboboxSize\n  /** Whether the combobox is disabled */\n  disabled?: boolean\n  /** Whether the combobox is invalid */\n  isInvalid?: boolean\n  /** Whether the combobox is required */\n  required?: boolean\n  /** Whether to allow clearing the selection */\n  clearable?: boolean\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** ID of element that labels this combobox */\n  'aria-labelledby'?: string\n  /** Custom filter function */\n  filterFn?: (option: ComboboxOption, inputValue: string) => boolean\n  /** Text to show when no options match */\n  emptyText?: string\n  /** Whether to allow creating new options */\n  creatable?: boolean\n  /** Callback when creating new option */\n  onCreate?: (inputValue: string) => void\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<ComboboxSize, { height: number; fontSize: number; padding: number; iconSize: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm, iconSize: iconSizes.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md, iconSize: iconSizes.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg, iconSize: iconSizes.lg },\n}\n\nconst defaultFilterFn = (option: ComboboxOption, inputValue: string): boolean => {\n  const search = inputValue.toLowerCase()\n  return (\n    option.label.toLowerCase().includes(search) ||\n    option.value.toLowerCase().includes(search) ||\n    (option.description?.toLowerCase().includes(search) ?? false)\n  )\n}\n\nfunction ChevronDownIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 6l4 4 4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\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\nexport const Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    onInputChange,\n    placeholder = 'Select or search...',\n    size = 'md',\n    disabled = false,\n    isInvalid = false,\n    required = false,\n    clearable = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    filterFn = defaultFilterFn,\n    emptyText = 'No options found',\n    creatable = false,\n    onCreate,\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [activeIndex, setActiveIndex] = useState(-1)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Get selected option\n  const selectedOption = useMemo(\n    () => options.find((opt) => opt.value === value),\n    [options, value]\n  )\n\n  // Filter options based on input\n  const filteredOptions = useMemo(() => {\n    if (!inputValue) return options\n    return options.filter((opt) => filterFn(opt, inputValue))\n  }, [options, inputValue, filterFn])\n\n  // Sync input with selected value\n  useEffect(() => {\n    if (!isOpen && selectedOption) {\n      setInputValue(selectedOption.label)\n    } else if (!isOpen && !value) {\n      setInputValue('')\n    }\n  }, [isOpen, selectedOption, value])\n\n  const handleSelect = useCallback(\n    (optionValue: string | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(optionValue)\n      }\n      onChange?.(optionValue)\n      setIsOpen(false)\n      setActiveIndex(-1)\n      inputRef.current?.focus()\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n      setInputValue(newValue)\n      onInputChange?.(newValue)\n      if (!isOpen) setIsOpen(true)\n      setActiveIndex(0)\n    },\n    [isOpen, onInputChange]\n  )\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      handleSelect(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [handleSelect]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault()\n          if (!isOpen) {\n            setIsOpen(true)\n            setActiveIndex(0)\n          } else {\n            setActiveIndex((prev) => Math.min(prev + 1, filteredOptions.length - 1))\n          }\n          break\n        case 'ArrowUp':\n          e.preventDefault()\n          if (isOpen) {\n            setActiveIndex((prev) => Math.max(prev - 1, 0))\n          }\n          break\n        case 'Enter':\n          e.preventDefault()\n          if (isOpen && activeIndex >= 0 && filteredOptions[activeIndex]) {\n            if (!filteredOptions[activeIndex].disabled) {\n              handleSelect(filteredOptions[activeIndex].value)\n            }\n          } else if (creatable && inputValue && filteredOptions.length === 0) {\n            onCreate?.(inputValue)\n          }\n          break\n        case 'Escape':\n          e.preventDefault()\n          setIsOpen(false)\n          setActiveIndex(-1)\n          if (selectedOption) {\n            setInputValue(selectedOption.label)\n          }\n          break\n        case 'Tab':\n          if (isOpen) {\n            setIsOpen(false)\n            setActiveIndex(-1)\n          }\n          break\n      }\n    },\n    [isOpen, activeIndex, filteredOptions, handleSelect, creatable, inputValue, onCreate, selectedOption]\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        setActiveIndex(-1)\n        if (selectedOption) {\n          setInputValue(selectedOption.label)\n        }\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen, selectedOption])\n\n  // Scroll active option into view\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return\n    const list = listRef.current\n    const activeItem = list?.children[activeIndex] as HTMLElement | undefined\n    activeItem?.scrollIntoView({ block: 'nearest' })\n  }, [isOpen, activeIndex])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 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        width: rect.width,\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 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' : 'text',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingRight: spacing[10],\n    fontSize: config.fontSize,\n    color: disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    outline: 'none',\n    cursor: disabled ? 'not-allowed' : 'text',\n  }\n\n  const iconsStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    gap: spacing[1],\n    pointerEvents: 'none',\n  }\n\n  const clearButtonStyle: CSSProperties = {\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    pointerEvents: 'auto',\n  }\n\n  const chevronStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    transform: isOpen ? 'rotate(180deg)' : 'rotate(0)',\n    transition: `transform ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    width: dropdownPosition.width,\n    maxHeight: 300,\n    overflowY: 'auto',\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[1],\n    animation: `brycks-dropdown-in ${durations.quick}ms ${easings.easeOut}`,\n  }\n\n  const optionStyle = (isActive: boolean, isDisabled: boolean, isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: componentGap.md,\n    padding: `${spacing[2]}px ${componentPaddingX.sm}px`,\n    fontSize: config.fontSize,\n    color: isDisabled\n      ? 'var(--brycks-foreground-disabled)'\n      : 'var(--brycks-foreground-default)',\n    backgroundColor: isActive\n      ? 'var(--brycks-background-muted)'\n      : isSelected\n      ? 'var(--brycks-primary-50)'\n      : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    transition: `background-color ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  const emptyStyle: CSSProperties = {\n    padding: `${spacing[4]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    color: 'var(--brycks-foreground-muted)',\n    textAlign: 'center',\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-combobox', `brycks-combobox--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div\n        style={inputWrapperStyle}\n        onClick={() => !disabled && inputRef.current?.focus()}\n      >\n        <input\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) ref.current = node\n          }}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-controls={isOpen ? 'combobox-listbox' : undefined}\n          aria-activedescendant={isOpen && activeIndex >= 0 ? `combobox-option-${activeIndex}` : undefined}\n          aria-invalid={isInvalid}\n          aria-required={required}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          value={inputValue}\n          placeholder={placeholder}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => {\n            setIsFocused(true)\n            setIsOpen(true)\n          }}\n          onBlur={() => setIsFocused(false)}\n        />\n        <div style={iconsStyle}>\n          {clearable && value && !disabled && (\n            <button\n              type=\"button\"\n              aria-label=\"Clear selection\"\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          <span style={chevronStyle}>\n            <ChevronDownIcon />\n          </span>\n        </div>\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <>\n            <style>\n              {`\n                @keyframes brycks-dropdown-in {\n                  from { opacity: 0; transform: translateY(-4px); }\n                  to { opacity: 1; transform: translateY(0); }\n                }\n              `}\n            </style>\n            <ul\n              ref={listRef}\n              id=\"combobox-listbox\"\n              role=\"listbox\"\n              aria-label={ariaLabel || 'Options'}\n              style={dropdownStyle}\n            >\n              {filteredOptions.length > 0 ? (\n                filteredOptions.map((option, index) => (\n                  <li\n                    key={option.value}\n                    id={`combobox-option-${index}`}\n                    role=\"option\"\n                    aria-selected={option.value === value}\n                    aria-disabled={option.disabled}\n                    style={optionStyle(index === activeIndex, !!option.disabled, option.value === value)}\n                    onClick={() => !option.disabled && handleSelect(option.value)}\n                    onMouseEnter={() => setActiveIndex(index)}\n                  >\n                    {option.icon && <span style={{ flexShrink: 0 }}>{option.icon}</span>}\n                    <div style={{ flex: 1, minWidth: 0 }}>\n                      <div style={{ fontWeight: option.value === value ? 500 : 400 }}>{option.label}</div>\n                      {option.description && (\n                        <div style={{ fontSize: fontSizes.sm, color: 'var(--brycks-foreground-muted)' }}>\n                          {option.description}\n                        </div>\n                      )}\n                    </div>\n                    {option.value === value && (\n                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" style={{ flexShrink: 0 }}>\n                        <path\n                          d=\"M3 8l3 3 7-7\"\n                          stroke=\"var(--brycks-primary-default)\"\n                          strokeWidth=\"2\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                        />\n                      </svg>\n                    )}\n                  </li>\n                ))\n              ) : (\n                <li style={emptyStyle}>\n                  {creatable && inputValue ? (\n                    <button\n                      type=\"button\"\n                      style={{\n                        ...optionStyle(true, false, false),\n                        width: '100%',\n                        border: 'none',\n                        cursor: 'pointer',\n                      }}\n                      onClick={() => onCreate?.(inputValue)}\n                    >\n                      Create \"{inputValue}\"\n                    </button>\n                  ) : (\n                    emptyText\n                  )}\n                </li>\n              )}\n            </ul>\n          </>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nCombobox.displayName = 'Combobox'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","iconSizes","defaultFilterFn","option","inputValue","search","ChevronDownIcon","jsx","ClearIcon","Combobox","forwardRef","options","controlledValue","defaultValue","onChange","onInputChange","placeholder","size","disabled","isInvalid","required","clearable","ariaLabel","ariaLabelledby","filterFn","emptyText","creatable","onCreate","className","testId","ref","internalValue","setInternalValue","useState","setInputValue","isOpen","setIsOpen","activeIndex","setActiveIndex","isFocused","setIsFocused","containerRef","useRef","inputRef","listRef","value","config","selectedOption","useMemo","opt","filteredOptions","useEffect","handleSelect","useCallback","optionValue","handleInputChange","newValue","handleClear","handleKeyDown","prev","handleClick","e","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","containerStyle","inputWrapperStyle","durations","easings","inputStyle","iconsStyle","clearButtonStyle","chevronStyle","dropdownStyle","optionStyle","isActive","isDisabled","isSelected","componentGap","emptyStyle","jsxs","cx","node","createPortal","Fragment","index"],"mappings":"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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=DateRangePicker.cjs.map

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

@@ -0,0 +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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"}