@brycks/core-front 0.3.1 → 0.3.2

package/dist/components/form/TimePicker/TimePicker.js

@@ -0,0 +1,328 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { forwardRef as ue, useState as m, useRef as C, useEffect as M, useCallback as y } from "react";
+import { createPortal as pe } from "react-dom";
+import { cx as fe } from "../../../utils/styles.js";
+import { durations as P, easings as R } from "../../../design-system/tokens/motion.js";
+import { componentPaddingX as A, componentHeights as H } from "../../../design-system/primitives/sizing.js";
+import { fontSizes as T } from "../../../design-system/tokens/typography.js";
+import { spacing as l } from "../../../design-system/tokens/spacing.js";
+const ge = {
+  sm: { height: H.sm, fontSize: T.base - 1, padding: A.sm },
+  md: { height: H.md, fontSize: T.base, padding: A.md },
+  lg: { height: H.lg, fontSize: T.md, padding: A.lg }
+};
+function ye() {
+  return /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ o("path", { d: "M8 4v4l2.5 2.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function he() {
+  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 F = (h, d) => {
+  if (!h) return "";
+  const { hours: c, minutes: i, period: n } = h;
+  return d === "12h" ? `${(c === 0 ? 12 : c > 12 ? c - 12 : c).toString().padStart(2, "0")}:${i.toString().padStart(2, "0")} ${n || "AM"}` : `${c.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}`;
+}, me = (h, d) => {
+  const c = h.trim().toUpperCase();
+  if (d === "12h") {
+    const i = c.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
+    if (!i) return null;
+    let n = parseInt(i[1], 10);
+    const a = parseInt(i[2], 10), k = i[3]?.toUpperCase() || "AM";
+    return n < 1 || n > 12 || a < 0 || a > 59 ? null : { hours: n, minutes: a, period: k };
+  } else {
+    const i = c.match(/^(\d{1,2}):(\d{2})$/);
+    if (!i) return null;
+    const n = parseInt(i[1], 10), a = parseInt(i[2], 10);
+    return n < 0 || n > 23 || a < 0 || a > 59 ? null : { hours: n, minutes: a };
+  }
+}, ke = ue(function({
+  value: d,
+  defaultValue: c = null,
+  onChange: i,
+  format: n = "12h",
+  size: a = "md",
+  minuteStep: k = 1,
+  minTime: be,
+  maxTime: ve,
+  placeholder: q,
+  disabled: u = !1,
+  isInvalid: W = !1,
+  clearable: j = !0,
+  "aria-label": K = "Select time",
+  className: N,
+  testId: U
+}, b) {
+  const [X, Y] = m(c), [G, v] = m(""), [s, w] = m(!1), [B, V] = m(!1), x = C(null), D = C(null), O = C(null), _ = C(null), t = d !== void 0 ? d : X, p = ge[a];
+  M(() => {
+    s || v(F(t, n));
+  }, [t, n, s]);
+  const g = y(
+    (e) => {
+      d === void 0 && Y(e), i?.(e);
+    },
+    [d, i]
+  ), J = y(
+    (e) => {
+      const r = e.target.value;
+      v(r);
+      const S = me(r, n);
+      S && g(S);
+    },
+    [n, g]
+  ), Q = y(() => {
+    V(!1), v(F(t, n));
+  }, [t, n]), Z = y(
+    (e) => {
+      e.stopPropagation(), g(null), v(""), D.current?.focus();
+    },
+    [g]
+  ), $ = y(
+    (e, r, S) => {
+      const de = n === "12h" ? { hours: e, minutes: r, period: S || t?.period || "AM" } : { hours: e, minutes: r };
+      g(de);
+    },
+    [n, t, g]
+  ), ee = y(
+    (e) => {
+      e.key === "ArrowDown" && !s ? (e.preventDefault(), w(!0)) : e.key === "Escape" && w(!1);
+    },
+    [s]
+  );
+  M(() => {
+    if (!s) return;
+    const e = (r) => {
+      x.current?.contains(r.target) || w(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [s]), M(() => {
+    !s || !t || setTimeout(() => {
+      const e = O.current?.querySelector(`[data-value="${t.hours}"]`), r = _.current?.querySelector(`[data-value="${t.minutes}"]`);
+      e?.scrollIntoView({ block: "center" }), r?.scrollIntoView({ block: "center" });
+    }, 0);
+  }, [s, t]);
+  const [I, re] = m({ top: 0, left: 0, width: 0 });
+  M(() => {
+    if (!s || !x.current) return;
+    const e = () => {
+      const r = x.current.getBoundingClientRect();
+      re({
+        top: r.bottom + window.scrollY + l[1],
+        left: r.left + window.scrollX,
+        width: Math.max(r.width, 280)
+      });
+    };
+    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [s]);
+  const te = n === "12h" ? Array.from({ length: 12 }, (e, r) => r + 1) : Array.from({ length: 24 }, (e, r) => r), ne = Array.from({ length: 60 / k }, (e, r) => r * k), oe = {
+    position: "relative",
+    display: "inline-flex",
+    width: "100%"
+  }, ie = {
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    height: p.height,
+    backgroundColor: u ? "var(--brycks-background-muted)" : "var(--brycks-background-default)",
+    border: `1px solid ${W ? "var(--brycks-error-default)" : B ? "var(--brycks-primary-default)" : "var(--brycks-border-default)"}`,
+    borderRadius: "var(--brycks-radius-md)",
+    transition: `all ${P.fast}ms ${R.easeOut}`,
+    cursor: u ? "not-allowed" : "text",
+    boxShadow: B ? "var(--brycks-focus-ring)" : void 0
+  }, se = {
+    position: "absolute",
+    left: p.padding,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "var(--brycks-foreground-muted)",
+    pointerEvents: "none"
+  }, ae = {
+    flex: 1,
+    height: "100%",
+    padding: `0 ${p.padding}px`,
+    paddingLeft: l[10],
+    paddingRight: j && t ? l[10] : p.padding,
+    fontSize: p.fontSize,
+    color: u ? "var(--brycks-foreground-disabled)" : "var(--brycks-foreground-default)",
+    backgroundColor: "transparent",
+    border: "none",
+    outline: "none",
+    cursor: u ? "not-allowed" : "text"
+  }, le = {
+    position: "absolute",
+    right: p.padding,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: l[5],
+    height: l[5],
+    color: "var(--brycks-foreground-muted)",
+    cursor: "pointer",
+    borderRadius: "var(--brycks-radius-sm)",
+    transition: `all ${P.fast}ms ${R.easeOut}`
+  }, ce = {
+    position: "absolute",
+    top: I.top,
+    left: I.left,
+    width: I.width,
+    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: l[2],
+    display: "flex",
+    gap: l[2]
+  }, E = {
+    flex: 1,
+    maxHeight: 200,
+    overflowY: "auto",
+    scrollbarWidth: "thin"
+  }, L = {
+    padding: `${l[1]}px ${l[2]}px`,
+    fontSize: T.xs,
+    fontWeight: 600,
+    color: "var(--brycks-foreground-muted)",
+    textTransform: "uppercase",
+    textAlign: "center",
+    position: "sticky",
+    top: 0,
+    backgroundColor: "var(--brycks-background-elevated)"
+  }, z = (e) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: `${l[2]}px ${l[3]}px`,
+    fontSize: p.fontSize,
+    fontWeight: e ? 600 : 400,
+    color: e ? "var(--brycks-primary-default)" : "var(--brycks-foreground-default)",
+    backgroundColor: e ? "var(--brycks-primary-50)" : "transparent",
+    borderRadius: "var(--brycks-radius-md)",
+    cursor: "pointer",
+    transition: `all ${P.fast}ms ${R.easeOut}`
+  });
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: x,
+      className: fe("brycks-timepicker", `brycks-timepicker--${a}`, N),
+      style: oe,
+      "data-testid": U,
+      children: [
+        /* @__PURE__ */ f("div", { style: ie, onClick: () => !u && w(!0), children: [
+          /* @__PURE__ */ o("span", { style: se, children: /* @__PURE__ */ o(ye, {}) }),
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: (e) => {
+                D.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
+              },
+              type: "text",
+              role: "combobox",
+              "aria-label": K,
+              "aria-expanded": s,
+              "aria-haspopup": "dialog",
+              "aria-invalid": W,
+              value: G,
+              placeholder: q || (n === "12h" ? "HH:MM AM/PM" : "HH:MM"),
+              disabled: u,
+              style: ae,
+              onChange: J,
+              onKeyDown: ee,
+              onFocus: () => V(!0),
+              onBlur: Q
+            }
+          ),
+          j && t && !u && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Clear time",
+              style: le,
+              onClick: Z,
+              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(he, {})
+            }
+          )
+        ] }),
+        s && pe(
+          /* @__PURE__ */ f("div", { role: "dialog", "aria-label": "Select time", style: ce, children: [
+            /* @__PURE__ */ f("div", { ref: O, style: E, children: [
+              /* @__PURE__ */ o("div", { style: L, children: "Hour" }),
+              te.map((e) => /* @__PURE__ */ o(
+                "div",
+                {
+                  "data-value": e,
+                  style: z(t?.hours === e),
+                  onClick: () => $(e, t?.minutes ?? 0, t?.period),
+                  onMouseEnter: (r) => {
+                    t?.hours !== e && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+                  },
+                  onMouseLeave: (r) => {
+                    t?.hours !== e && (r.currentTarget.style.backgroundColor = "transparent");
+                  },
+                  children: e.toString().padStart(2, "0")
+                },
+                e
+              ))
+            ] }),
+            /* @__PURE__ */ f("div", { ref: _, style: E, children: [
+              /* @__PURE__ */ o("div", { style: L, children: "Min" }),
+              ne.map((e) => /* @__PURE__ */ o(
+                "div",
+                {
+                  "data-value": e,
+                  style: z(t?.minutes === e),
+                  onClick: () => $(t?.hours ?? (n === "12h" ? 12 : 0), e, t?.period),
+                  onMouseEnter: (r) => {
+                    t?.minutes !== e && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+                  },
+                  onMouseLeave: (r) => {
+                    t?.minutes !== e && (r.currentTarget.style.backgroundColor = "transparent");
+                  },
+                  children: e.toString().padStart(2, "0")
+                },
+                e
+              ))
+            ] }),
+            n === "12h" && /* @__PURE__ */ f("div", { style: { ...E, flex: 0.6 }, children: [
+              /* @__PURE__ */ o("div", { style: L, children: "Period" }),
+              ["AM", "PM"].map((e) => /* @__PURE__ */ o(
+                "div",
+                {
+                  style: z(t?.period === e),
+                  onClick: () => $(t?.hours ?? 12, t?.minutes ?? 0, e),
+                  onMouseEnter: (r) => {
+                    t?.period !== e && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+                  },
+                  onMouseLeave: (r) => {
+                    t?.period !== e && (r.currentTarget.style.backgroundColor = "transparent");
+                  },
+                  children: e
+                },
+                e
+              ))
+            ] })
+          ] }),
+          document.body
+        )
+      ]
+    }
+  );
+});
+ke.displayName = "TimePicker";
+export {
+  ke as TimePicker
+};
+//# sourceMappingURL=TimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/form/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * A time selection component with hour, minute, and optional period (AM/PM).\n * Supports keyboard navigation and manual input.\n *\n * @module components/form/TimePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\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 { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\nexport type TimeFormat = '12h' | '24h'\n\nexport interface TimeValue {\n  /** Hours (0-23 for 24h, 1-12 for 12h) */\n  hours: number\n  /** Minutes (0-59) */\n  minutes: number\n  /** Period for 12h format */\n  period?: 'AM' | 'PM'\n}\n\nexport interface TimePickerProps {\n  /** Current time value */\n  value?: TimeValue | null\n  /** Default time value (uncontrolled) */\n  defaultValue?: TimeValue | null\n  /** Callback when time changes */\n  onChange?: (value: TimeValue | null) => void\n  /** Time format */\n  format?: TimeFormat\n  /** Component size */\n  size?: TimePickerSize\n  /** Minute step interval */\n  minuteStep?: number\n  /** Minimum selectable time */\n  minTime?: TimeValue\n  /** Maximum selectable time */\n  maxTime?: TimeValue\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  /** 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<TimePickerSize, { 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\nfunction ClockIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 4v4l2.5 2.5\" 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\nconst formatTimeValue = (value: TimeValue | null, format: TimeFormat): string => {\n  if (!value) return ''\n\n  const { hours, minutes, period } = value\n\n  if (format === '12h') {\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period || 'AM'}`\n  }\n\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`\n}\n\nconst parseTimeString = (str: string, format: TimeFormat): TimeValue | null => {\n  const cleanStr = str.trim().toUpperCase()\n\n  if (format === '12h') {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i)\n    if (!match) return null\n\n    let hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n    const period = (match[3]?.toUpperCase() as 'AM' | 'PM') || 'AM'\n\n    if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes, period }\n  } else {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})$/)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n\n    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes }\n  }\n}\n\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    format = '12h',\n    size = 'md',\n    minuteStep = 1,\n    minTime: _minTime,\n    maxTime: _maxTime,\n    placeholder,\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    'aria-label': ariaLabel = 'Select time',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<TimeValue | null>(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hoursRef = useRef<HTMLDivElement>(null)\n  const minutesRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Sync input value with controlled value\n  useEffect(() => {\n    if (!isOpen) {\n      setInputValue(formatTimeValue(value, format))\n    }\n  }, [value, format, isOpen])\n\n  const updateValue = useCallback(\n    (newValue: TimeValue | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newInputValue = e.target.value\n      setInputValue(newInputValue)\n\n      const parsed = parseTimeString(newInputValue, format)\n      if (parsed) {\n        updateValue(parsed)\n      }\n    },\n    [format, updateValue]\n  )\n\n  const handleInputBlur = useCallback(() => {\n    setIsFocused(false)\n    setInputValue(formatTimeValue(value, format))\n  }, [value, format])\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [updateValue]\n  )\n\n  const selectTime = useCallback(\n    (hours: number, minutes: number, period?: 'AM' | 'PM') => {\n      const newValue: TimeValue = format === '12h'\n        ? { hours, minutes, period: period || value?.period || 'AM' }\n        : { hours, minutes }\n      updateValue(newValue)\n    },\n    [format, value, updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' && !isOpen) {\n        e.preventDefault()\n        setIsOpen(true)\n      } else if (e.key === 'Escape') {\n        setIsOpen(false)\n      }\n    },\n    [isOpen]\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      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Scroll to selected time when opening\n  useEffect(() => {\n    if (!isOpen || !value) return\n\n    setTimeout(() => {\n      const hourEl = hoursRef.current?.querySelector(`[data-value=\"${value.hours}\"]`)\n      const minuteEl = minutesRef.current?.querySelector(`[data-value=\"${value.minutes}\"]`)\n      hourEl?.scrollIntoView({ block: 'center' })\n      minuteEl?.scrollIntoView({ block: 'center' })\n    }, 0)\n  }, [isOpen, value])\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: Math.max(rect.width, 280),\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  // Generate hours list\n  const hours = format === '12h'\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i)\n\n  // Generate minutes list\n  const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep)\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 iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    pointerEvents: 'none',\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingLeft: spacing[10],\n    paddingRight: clearable && value ? spacing[10] : config.padding,\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 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    width: dropdownPosition.width,\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[2],\n    display: 'flex',\n    gap: spacing[2],\n  }\n\n  const columnStyle: CSSProperties = {\n    flex: 1,\n    maxHeight: 200,\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  }\n\n  const columnHeaderStyle: CSSProperties = {\n    padding: `${spacing[1]}px ${spacing[2]}px`,\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    position: 'sticky',\n    top: 0,\n    backgroundColor: 'var(--brycks-background-elevated)',\n  }\n\n  const optionStyle = (isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    fontWeight: isSelected ? 600 : 400,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-50)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-timepicker', `brycks-timepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div style={inputWrapperStyle} onClick={() => !disabled && setIsOpen(true)}>\n        <span style={iconStyle}>\n          <ClockIcon />\n        </span>\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-label={ariaLabel}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={isInvalid}\n          value={inputValue}\n          placeholder={placeholder || (format === '12h' ? 'HH:MM AM/PM' : 'HH:MM')}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleInputBlur}\n        />\n        {clearable && value && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear time\"\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=\"Select time\" style={dropdownStyle}>\n            <div ref={hoursRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Hour</div>\n              {hours.map((hour) => (\n                <div\n                  key={hour}\n                  data-value={hour}\n                  style={optionStyle(value?.hours === hour)}\n                  onClick={() => selectTime(hour, value?.minutes ?? 0, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {hour.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            <div ref={minutesRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Min</div>\n              {minutes.map((minute) => (\n                <div\n                  key={minute}\n                  data-value={minute}\n                  style={optionStyle(value?.minutes === minute)}\n                  onClick={() => selectTime(value?.hours ?? (format === '12h' ? 12 : 0), minute, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {minute.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            {format === '12h' && (\n              <div style={{ ...columnStyle, flex: 0.6 }}>\n                <div style={columnHeaderStyle}>Period</div>\n                {(['AM', 'PM'] as const).map((period) => (\n                  <div\n                    key={period}\n                    style={optionStyle(value?.period === period)}\n                    onClick={() => selectTime(value?.hours ?? 12, value?.minutes ?? 0, period)}\n                    onMouseEnter={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'transparent'\n                      }\n                    }}\n                  >\n                    {period}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","ClockIcon","jsxs","jsx","ClearIcon","formatTimeValue","value","format","hours","minutes","period","parseTimeString","str","cleanStr","match","TimePicker","forwardRef","controlledValue","defaultValue","onChange","size","minuteStep","_minTime","_maxTime","placeholder","disabled","isInvalid","clearable","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","inputValue","setInputValue","isOpen","setIsOpen","isFocused","setIsFocused","containerRef","useRef","inputRef","hoursRef","minutesRef","config","useEffect","updateValue","useCallback","newValue","handleInputChange","newInputValue","parsed","handleInputBlur","handleClear","selectTime","handleKeyDown","handleClick","e","hourEl","minuteEl","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","_","i","containerStyle","inputWrapperStyle","durations","easings","iconStyle","inputStyle","clearButtonStyle","dropdownStyle","columnStyle","columnHeaderStyle","optionStyle","isSelected","cx","node","createPortal","hour","minute"],"mappings":"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"}

package/dist/components/form.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./form/Input/Input.cjs"),o=require("./form/TextField/TextField.cjs"),t=require("./form/Select/Select.cjs"),i=require("./form/Checkbox/Checkbox.cjs"),u=require("./form/Switch/Switch.cjs"),c=require("./form/Textarea/Textarea.cjs"),e=require("./form/Radio/Radio.cjs"),n=require("./form/Slider/Slider.cjs"),l=require("./form/DateInput/DateInput.cjs"),F=require("./form/FileInput/FileInput.cjs"),a=require("./form/FormField/FormField.cjs"),d=require("./form/FieldError/FieldError.cjs"),s=require("./form/Form/Form.cjs"),p=require("./form/FormLabel/FormLabel.cjs"),q=require("./form/FormGroup/FormGroup.cjs");exports.Input=r.Input;exports.TextField=o.TextField;exports.Select=t.Select;exports.Checkbox=i.Checkbox;exports.Switch=u.Switch;exports.Textarea=c.Textarea;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.Slider=n.Slider;exports.DateInput=l.DateInput;exports.FileInput=F.FileInput;exports.FormField=a.FormField;exports.FieldError=d.FieldError;exports.Form=s.Form;exports.FormLabel=p.FormLabel;exports.FormGroup=q.FormGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./form/Input/Input.cjs"),t=require("./form/TextField/TextField.cjs"),i=require("./form/Select/Select.cjs"),o=require("./form/Checkbox/Checkbox.cjs"),u=require("./form/Switch/Switch.cjs"),c=require("./form/Textarea/Textarea.cjs"),e=require("./form/Radio/Radio.cjs"),n=require("./form/Slider/Slider.cjs"),a=require("./form/DateInput/DateInput.cjs"),l=require("./form/FileInput/FileInput.cjs"),F=require("./form/FormField/FormField.cjs"),s=require("./form/FieldError/FieldError.cjs"),q=require("./form/Form/Form.cjs"),d=require("./form/FormLabel/FormLabel.cjs"),m=require("./form/FormGroup/FormGroup.cjs"),p=require("./form/Combobox/Combobox.cjs"),b=require("./form/Rating/Rating.cjs"),S=require("./form/TagInput/TagInput.cjs"),T=require("./form/MultiSelect/MultiSelect.cjs"),x=require("./form/TimePicker/TimePicker.cjs"),I=require("./form/DateRangePicker/DateRangePicker.cjs");exports.Input=r.Input;exports.TextField=t.TextField;exports.Select=i.Select;exports.Checkbox=o.Checkbox;exports.Switch=u.Switch;exports.Textarea=c.Textarea;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.Slider=n.Slider;exports.DateInput=a.DateInput;exports.FileInput=l.FileInput;exports.FormField=F.FormField;exports.FieldError=s.FieldError;exports.Form=q.Form;exports.FormLabel=d.FormLabel;exports.FormGroup=m.FormGroup;exports.Combobox=p.Combobox;exports.Rating=b.Rating;exports.TagInput=S.TagInput;exports.MultiSelect=T.MultiSelect;exports.TimePicker=x.TimePicker;exports.DateRangePicker=I.DateRangePicker;
 //# sourceMappingURL=form.cjs.map

package/dist/components/form.js

@@ -1,34 +1,46 @@
 import { Input as e } from "./form/Input/Input.js";
-import { TextField as p } from "./form/TextField/TextField.js";
+import { TextField as m } from "./form/TextField/TextField.js";
 import { Select as x } from "./form/Select/Select.js";
 import { Checkbox as i } from "./form/Checkbox/Checkbox.js";
 import { Switch as l } from "./form/Switch/Switch.js";
-import { Textarea as d } from "./form/Textarea/Textarea.js";
-import { Radio as c, RadioGroup as n } from "./form/Radio/Radio.js";
-import { Slider as S } from "./form/Slider/Slider.js";
-import { DateInput as h } from "./form/DateInput/DateInput.js";
-import { FileInput as R } from "./form/FileInput/FileInput.js";
-import { FormField as k } from "./form/FormField/FormField.js";
-import { FieldError as C } from "./form/FieldError/FieldError.js";
-import { Form as E } from "./form/Form/Form.js";
-import { FormLabel as g } from "./form/FormLabel/FormLabel.js";
-import { FormGroup as q } from "./form/FormGroup/FormGroup.js";
+import { Textarea as u } from "./form/Textarea/Textarea.js";
+import { Radio as d, RadioGroup as n } from "./form/Radio/Radio.js";
+import { Slider as I } from "./form/Slider/Slider.js";
+import { DateInput as S } from "./form/DateInput/DateInput.js";
+import { FileInput as g } from "./form/FileInput/FileInput.js";
+import { FormField as h } from "./form/FormField/FormField.js";
+import { FieldError as D } from "./form/FieldError/FieldError.js";
+import { Form as P } from "./form/Form/Form.js";
+import { FormLabel as E } from "./form/FormLabel/FormLabel.js";
+import { FormGroup as M } from "./form/FormGroup/FormGroup.js";
+import { Combobox as q } from "./form/Combobox/Combobox.js";
+import { Rating as v } from "./form/Rating/Rating.js";
+import { TagInput as z } from "./form/TagInput/TagInput.js";
+import { MultiSelect as B } from "./form/MultiSelect/MultiSelect.js";
+import { TimePicker as J } from "./form/TimePicker/TimePicker.js";
+import { DateRangePicker as N } from "./form/DateRangePicker/DateRangePicker.js";
 export {
   i as Checkbox,
-  h as DateInput,
-  C as FieldError,
-  R as FileInput,
-  E as Form,
-  k as FormField,
-  q as FormGroup,
-  g as FormLabel,
+  q as Combobox,
+  S as DateInput,
+  N as DateRangePicker,
+  D as FieldError,
+  g as FileInput,
+  P as Form,
+  h as FormField,
+  M as FormGroup,
+  E as FormLabel,
   e as Input,
-  c as Radio,
+  B as MultiSelect,
+  d as Radio,
   n as RadioGroup,
+  v as Rating,
   x as Select,
-  S as Slider,
+  I as Slider,
   l as Switch,
-  p as TextField,
-  d as Textarea
+  z as TagInput,
+  m as TextField,
+  u as Textarea,
+  J as TimePicker
 };
 //# sourceMappingURL=form.js.map

package/dist/components/form.js.map

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

package/dist/components/layout/Card/Card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),b=require("../../../utils/styles.cjs"),C={none:0,sm:12,md:16,lg:24,xl:32},p=y.forwardRef(function({variant:r="elevated",padding:s="md",interactive:a=!1,selected:e=!1,className:t,style:d,children:l,testId:f,...u},x){const v={...(()=>{const o={borderRadius:"var(--brycks-radius-lg)",transition:"transform 150ms ease-out, box-shadow 150ms ease-out, border-color 150ms ease-out"};switch(r){case"elevated":return{...o,backgroundColor:"var(--brycks-background-elevated)",boxShadow:e?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)":"var(--brycks-shadow-md)",border:"1px solid var(--brycks-border-subtle)"};case"outline":return{...o,backgroundColor:"var(--brycks-background-default)",border:e?"2px solid var(--brycks-primary-default)":"1px solid var(--brycks-border-default)"};case"filled":return{...o,backgroundColor:"var(--brycks-background-muted)",border:e?"2px solid var(--brycks-primary-default)":"1px solid transparent"};case"ghost":return{...o,backgroundColor:"transparent",border:e?"2px solid var(--brycks-primary-default)":"1px solid transparent"}}})(),padding:C[s],display:"flex",flexDirection:"column",cursor:a?"pointer":void 0,...d};return n.jsx("div",{ref:x,className:b.cx("brycks-card",`brycks-card--${r}`,a&&"brycks-card--interactive",e&&"brycks-card--selected",t),style:v,"data-testid":f,onMouseEnter:a?o=>{const c=o.currentTarget;r==="elevated"?(c.style.boxShadow=e?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-lg)":"var(--brycks-shadow-lg)",c.style.transform="translateY(-2px)"):r!=="ghost"&&(c.style.borderColor="var(--brycks-border-strong)")}:void 0,onMouseLeave:a?o=>{const c=o.currentTarget;r==="elevated"?(c.style.boxShadow=e?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)":"var(--brycks-shadow-md)",c.style.transform="translateY(0)"):r!=="ghost"&&(c.style.borderColor=e?"var(--brycks-primary-default)":"var(--brycks-border-default)")}:void 0,...u,children:l})});p.displayName="Card";const m=y.forwardRef(function({divider:r=!1,className:s,style:a,children:e,...t},d){const l={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,paddingBottom:r?16:0,marginBottom:r?16:12,borderBottom:r?"1px solid var(--brycks-border-muted)":void 0,...a};return n.jsx("div",{ref:d,className:b.cx("brycks-card-header",s),style:l,...t,children:e})});m.displayName="CardHeader";const g=y.forwardRef(function({className:r,style:s,children:a,...e},t){const d={flex:1,...s};return n.jsx("div",{ref:t,className:b.cx("brycks-card-body",r),style:d,...e,children:a})});g.displayName="CardBody";const k=y.forwardRef(function({divider:r=!1,align:s="right",className:a,style:e,children:t,...d},l){const u={display:"flex",alignItems:"center",justifyContent:{left:"flex-start",center:"center",right:"flex-end",between:"space-between"}[s],gap:12,paddingTop:r?16:0,marginTop:r?16:12,borderTop:r?"1px solid var(--brycks-border-muted)":void 0,...e};return n.jsx("div",{ref:l,className:b.cx("brycks-card-footer",a),style:u,...d,children:t})});k.displayName="CardFooter";exports.Card=p;exports.CardBody=g;exports.CardFooter=k;exports.CardHeader=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),b=require("../../../utils/styles.cjs"),m=require("../../../design-system/primitives/sizing.cjs"),c=require("../../../design-system/tokens/motion.cjs"),o=require("../../../design-system/tokens/spacing.cjs"),j={none:0,sm:o.spacing[3],md:o.spacing[4],lg:o.spacing[6],xl:o.spacing[8]},k=l.forwardRef(function({variant:r="elevated",padding:t="md",interactive:s=!1,selected:a=!1,className:d,style:n,children:i,testId:f,...g},h){const w={...(()=>{const e={borderRadius:"var(--brycks-radius-lg)",transition:`transform ${c.durations.quick}ms ${c.easings.easeOut}, box-shadow ${c.durations.quick}ms ${c.easings.easeOut}, border-color ${c.durations.quick}ms ${c.easings.easeOut}`};switch(r){case"elevated":return{...e,backgroundColor:"var(--brycks-background-elevated)",boxShadow:a?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)":"var(--brycks-shadow-md)",border:"1px solid var(--brycks-border-subtle)"};case"outline":return{...e,backgroundColor:"var(--brycks-background-default)",border:a?"2px solid var(--brycks-primary-default)":"1px solid var(--brycks-border-default)"};case"filled":return{...e,backgroundColor:"var(--brycks-background-muted)",border:a?"2px solid var(--brycks-primary-default)":"1px solid transparent"};case"ghost":return{...e,backgroundColor:"transparent",border:a?"2px solid var(--brycks-primary-default)":"1px solid transparent"}}})(),padding:j[t],display:"flex",flexDirection:"column",cursor:s?"pointer":void 0,...n},S=l.useCallback(y=>{const e=y.currentTarget;r==="elevated"?(e.style.boxShadow=a?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-lg)":"var(--brycks-shadow-lg)",e.style.transform="translateY(-2px)"):r!=="ghost"&&(e.style.borderColor="var(--brycks-border-strong)")},[r,a]),q=l.useCallback(y=>{const e=y.currentTarget;r==="elevated"?(e.style.boxShadow=a?"0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)":"var(--brycks-shadow-md)",e.style.transform="translateY(0)"):r!=="ghost"&&(e.style.borderColor=a?"var(--brycks-primary-default)":"var(--brycks-border-default)")},[r,a]);return u.jsx("div",{ref:h,className:b.cx("brycks-card",`brycks-card--${r}`,s&&"brycks-card--interactive",a&&"brycks-card--selected",d),style:w,"data-testid":f,onMouseEnter:s?S:void 0,onMouseLeave:s?q:void 0,...g,children:i})});k.displayName="Card";const x=l.forwardRef(function({divider:r=!1,className:t,style:s,children:a,...d},n){const i={display:"flex",alignItems:"center",justifyContent:"space-between",gap:m.componentGap.xl,paddingBottom:r?o.spacing[4]:0,marginBottom:r?o.spacing[4]:o.spacing[3],borderBottom:r?"1px solid var(--brycks-border-muted)":void 0,...s};return u.jsx("div",{ref:n,className:b.cx("brycks-card-header",t),style:i,...d,children:a})});x.displayName="CardHeader";const v=l.forwardRef(function({className:r,style:t,children:s,...a},d){const n={flex:1,...t};return u.jsx("div",{ref:d,className:b.cx("brycks-card-body",r),style:n,...a,children:s})});v.displayName="CardBody";const C=l.forwardRef(function({divider:r=!1,align:t="right",className:s,style:a,children:d,...n},i){const g={display:"flex",alignItems:"center",justifyContent:{left:"flex-start",center:"center",right:"flex-end",between:"space-between"}[t],gap:m.componentGap.xl,paddingTop:r?o.spacing[4]:0,marginTop:r?o.spacing[4]:o.spacing[3],borderTop:r?"1px solid var(--brycks-border-muted)":void 0,...a};return u.jsx("div",{ref:i,className:b.cx("brycks-card-footer",s),style:g,...n,children:d})});C.displayName="CardFooter";exports.Card=k;exports.CardBody=v;exports.CardFooter=C;exports.CardHeader=x;
 //# sourceMappingURL=Card.cjs.map

package/dist/components/layout/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/layout/Card/Card.tsx"],"sourcesContent":["/**\n * Card Component\n *\n * A flexible card container with optional header, footer, and body sections.\n * Supports different variants and padding sizes.\n */\n\nimport { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type CardVariant = 'elevated' | 'outline' | 'filled' | 'ghost'\nexport type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Card variant */\n  variant?: CardVariant\n  /** Card padding */\n  padding?: CardPadding\n  /** Whether the card is interactive (adds hover effect) */\n  interactive?: boolean\n  /** Whether the card is selected */\n  selected?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether to show a divider below the header */\n  divider?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether to show a divider above the footer */\n  divider?: boolean\n  /** Footer alignment */\n  align?: 'left' | 'center' | 'right' | 'between'\n  /** Custom class name */\n  className?: string\n}\n\nconst paddingMap: Record<CardPadding, number> = {\n  none: 0,\n  sm: 12,\n  md: 16,\n  lg: 24,\n  xl: 32,\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant = 'elevated',\n    padding = 'md',\n    interactive = false,\n    selected = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const getVariantStyles = (): CSSProperties => {\n    const base: CSSProperties = {\n      borderRadius: 'var(--brycks-radius-lg)',\n      transition: 'transform 150ms ease-out, box-shadow 150ms ease-out, border-color 150ms ease-out',\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-elevated)',\n          boxShadow: selected\n            ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)'\n            : 'var(--brycks-shadow-md)',\n          border: '1px solid var(--brycks-border-subtle)',\n        }\n      case 'outline':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-default)',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid var(--brycks-border-default)',\n        }\n      case 'filled':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-muted)',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid transparent',\n        }\n      case 'ghost':\n        return {\n          ...base,\n          backgroundColor: 'transparent',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid transparent',\n        }\n    }\n  }\n\n  const cardStyle: CSSProperties = {\n    ...getVariantStyles(),\n    padding: paddingMap[padding],\n    display: 'flex',\n    flexDirection: 'column',\n    cursor: interactive ? 'pointer' : undefined,\n    ...style,\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-card',\n        `brycks-card--${variant}`,\n        interactive && 'brycks-card--interactive',\n        selected && 'brycks-card--selected',\n        className\n      )}\n      style={cardStyle}\n      data-testid={testId}\n      onMouseEnter={\n        interactive\n          ? (e) => {\n              const target = e.currentTarget\n              if (variant === 'elevated') {\n                target.style.boxShadow = selected\n                  ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-lg)'\n                  : 'var(--brycks-shadow-lg)'\n                target.style.transform = 'translateY(-2px)'\n              } else if (variant !== 'ghost') {\n                target.style.borderColor = 'var(--brycks-border-strong)'\n              }\n            }\n          : undefined\n      }\n      onMouseLeave={\n        interactive\n          ? (e) => {\n              const target = e.currentTarget\n              if (variant === 'elevated') {\n                target.style.boxShadow = selected\n                  ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)'\n                  : 'var(--brycks-shadow-md)'\n                target.style.transform = 'translateY(0)'\n              } else if (variant !== 'ghost') {\n                target.style.borderColor = selected\n                  ? 'var(--brycks-primary-default)'\n                  : 'var(--brycks-border-default)'\n              }\n            }\n          : undefined\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\n\nCard.displayName = 'Card'\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(\n  { divider = false, className, style, children, ...props },\n  ref\n) {\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 12,\n    paddingBottom: divider ? 16 : 0,\n    marginBottom: divider ? 16 : 12,\n    borderBottom: divider ? '1px solid var(--brycks-border-muted)' : undefined,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-header', className)} style={headerStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardHeader.displayName = 'CardHeader'\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(function CardBody(\n  { className, style, children, ...props },\n  ref\n) {\n  const bodyStyle: CSSProperties = {\n    flex: 1,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-body', className)} style={bodyStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardBody.displayName = 'CardBody'\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(function CardFooter(\n  { divider = false, align = 'right', className, style, children, ...props },\n  ref\n) {\n  const alignMap: Record<string, CSSProperties['justifyContent']> = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n    between: 'space-between',\n  }\n\n  const footerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: alignMap[align],\n    gap: 12,\n    paddingTop: divider ? 16 : 0,\n    marginTop: divider ? 16 : 12,\n    borderTop: divider ? '1px solid var(--brycks-border-muted)' : undefined,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-footer', className)} style={footerStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardFooter.displayName = 'CardFooter'\n"],"names":["paddingMap","Card","forwardRef","variant","padding","interactive","selected","className","style","children","testId","props","ref","cardStyle","base","jsx","cx","e","target","CardHeader","divider","headerStyle","CardBody","bodyStyle","CardFooter","align","footerStyle"],"mappings":"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"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/layout/Card/Card.tsx"],"sourcesContent":["/**\n * Card Component\n *\n * A flexible card container with optional header, footer, and body sections.\n * Supports different variants and padding sizes.\n */\n\nimport { forwardRef, useCallback, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, durations, easings } from '../../../design-system'\nimport { componentGap } from '../../../design-system/primitives'\n\nexport type CardVariant = 'elevated' | 'outline' | 'filled' | 'ghost'\nexport type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Card variant */\n  variant?: CardVariant\n  /** Card padding */\n  padding?: CardPadding\n  /** Whether the card is interactive (adds hover effect) */\n  interactive?: boolean\n  /** Whether the card is selected */\n  selected?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether to show a divider below the header */\n  divider?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether to show a divider above the footer */\n  divider?: boolean\n  /** Footer alignment */\n  align?: 'left' | 'center' | 'right' | 'between'\n  /** Custom class name */\n  className?: string\n}\n\nconst paddingMap: Record<CardPadding, number> = {\n  none: 0,\n  sm: spacing[3],\n  md: spacing[4],\n  lg: spacing[6],\n  xl: spacing[8],\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant = 'elevated',\n    padding = 'md',\n    interactive = false,\n    selected = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const getVariantStyles = (): CSSProperties => {\n    const transitionValue = `transform ${durations.quick}ms ${easings.easeOut}, box-shadow ${durations.quick}ms ${easings.easeOut}, border-color ${durations.quick}ms ${easings.easeOut}`\n    const base: CSSProperties = {\n      borderRadius: 'var(--brycks-radius-lg)',\n      transition: transitionValue,\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-elevated)',\n          boxShadow: selected\n            ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)'\n            : 'var(--brycks-shadow-md)',\n          border: '1px solid var(--brycks-border-subtle)',\n        }\n      case 'outline':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-default)',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid var(--brycks-border-default)',\n        }\n      case 'filled':\n        return {\n          ...base,\n          backgroundColor: 'var(--brycks-background-muted)',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid transparent',\n        }\n      case 'ghost':\n        return {\n          ...base,\n          backgroundColor: 'transparent',\n          border: selected\n            ? '2px solid var(--brycks-primary-default)'\n            : '1px solid transparent',\n        }\n    }\n  }\n\n  const cardStyle: CSSProperties = {\n    ...getVariantStyles(),\n    padding: paddingMap[padding],\n    display: 'flex',\n    flexDirection: 'column',\n    cursor: interactive ? 'pointer' : undefined,\n    ...style,\n  }\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    const target = e.currentTarget\n    if (variant === 'elevated') {\n      target.style.boxShadow = selected\n        ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-lg)'\n        : 'var(--brycks-shadow-lg)'\n      target.style.transform = 'translateY(-2px)'\n    } else if (variant !== 'ghost') {\n      target.style.borderColor = 'var(--brycks-border-strong)'\n    }\n  }, [variant, selected])\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    const target = e.currentTarget\n    if (variant === 'elevated') {\n      target.style.boxShadow = selected\n        ? '0 0 0 2px var(--brycks-primary-default), var(--brycks-shadow-md)'\n        : 'var(--brycks-shadow-md)'\n      target.style.transform = 'translateY(0)'\n    } else if (variant !== 'ghost') {\n      target.style.borderColor = selected\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }\n  }, [variant, selected])\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-card',\n        `brycks-card--${variant}`,\n        interactive && 'brycks-card--interactive',\n        selected && 'brycks-card--selected',\n        className\n      )}\n      style={cardStyle}\n      data-testid={testId}\n      onMouseEnter={\n        interactive\n          ? handleMouseEnter\n          : undefined\n      }\n      onMouseLeave={\n        interactive\n          ? handleMouseLeave\n          : undefined\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\n\nCard.displayName = 'Card'\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(\n  { divider = false, className, style, children, ...props },\n  ref\n) {\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: componentGap.xl,\n    paddingBottom: divider ? spacing[4] : 0,\n    marginBottom: divider ? spacing[4] : spacing[3],\n    borderBottom: divider ? '1px solid var(--brycks-border-muted)' : undefined,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-header', className)} style={headerStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardHeader.displayName = 'CardHeader'\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(function CardBody(\n  { className, style, children, ...props },\n  ref\n) {\n  const bodyStyle: CSSProperties = {\n    flex: 1,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-body', className)} style={bodyStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardBody.displayName = 'CardBody'\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(function CardFooter(\n  { divider = false, align = 'right', className, style, children, ...props },\n  ref\n) {\n  const alignMap: Record<string, CSSProperties['justifyContent']> = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n    between: 'space-between',\n  }\n\n  const footerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: alignMap[align],\n    gap: componentGap.xl,\n    paddingTop: divider ? spacing[4] : 0,\n    marginTop: divider ? spacing[4] : spacing[3],\n    borderTop: divider ? '1px solid var(--brycks-border-muted)' : undefined,\n    ...style,\n  }\n\n  return (\n    <div ref={ref} className={cx('brycks-card-footer', className)} style={footerStyle} {...props}>\n      {children}\n    </div>\n  )\n})\n\nCardFooter.displayName = 'CardFooter'\n"],"names":["paddingMap","spacing","Card","forwardRef","variant","padding","interactive","selected","className","style","children","testId","props","ref","cardStyle","base","durations","easings","handleMouseEnter","useCallback","e","target","handleMouseLeave","jsx","cx","CardHeader","divider","headerStyle","componentGap","CardBody","bodyStyle","CardFooter","align","footerStyle"],"mappings":"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"}