@techzyapp/ui-library 1.0.0

package/dist/DateTimePicker-DBtcWK0F.js

@@ -0,0 +1,245 @@
+import { jsxs as M, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Ae, useId as Ee, useState as h, useEffect as j, useRef as v, useCallback as ne } from "react";
+import { clsx as z } from "clsx";
+import { u as Le } from "./formContext-B7ln1Miy.js";
+import { F as $e } from "./FloatingPanel-BG9Uag__.js";
+import { B as je } from "./Button-DhEv0YFk.js";
+import { I as le } from "./Icon-CophpkHo.js";
+import { I as ze } from "./IconButton-CBusrDa9.js";
+import { T as Ue } from "./Tabs--DDM-zKe.js";
+import { T as ie } from "./Typography-Cta6Rg4L.js";
+import { C as Ke } from "./Calendar-Bh317SaV.js";
+import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-BZDftL4g.js";
+import { d as N, T as et } from "./TimeColumns-BCNmu4b_.js";
+import { a as tt } from "./ConfigProvider-2c94kUOk.js";
+function at(Z, c) {
+  return `DD/MM/YYYY ${Z ? c ? "hh:mm:ss A" : "hh:mm A" : c ? "HH:mm:ss" : "HH:mm"}`;
+}
+const Tt = Ae(
+  function({
+    label: c,
+    size: T = "md",
+    error: me,
+    helperText: ue,
+    required: fe = !1,
+    fullWidth: de = !0,
+    disabled: C = !1,
+    value: Y,
+    defaultValue: pe,
+    onChange: B,
+    format: he,
+    valueFormat: ve,
+    utc: P = !0,
+    hour12: G = !1,
+    minuteStep: Te = 1,
+    showSeconds: J = !0,
+    placeholder: Ce,
+    min: be,
+    max: ye,
+    disabledDate: H,
+    weekStartsOn: Ie = 1,
+    clearable: ke = !0,
+    name: m,
+    id: De,
+    className: xe,
+    style: Fe
+  }, u) {
+    const i = tt(), ge = Ee(), b = De ?? ge, Q = `${b}-helper`, Me = `${b}-label`, l = he ?? at(G, J), f = ve ?? (P ? "YYYY-MM-DDTHH:mm:ss[Z]" : "YYYY-MM-DDTHH:mm:ss"), y = Le(), I = !!(y && m), n = I ? y.field(m) : void 0, Ne = Y !== void 0 ? Y : I ? y.values[m] ?? "" : void 0, X = Y !== void 0 || I, [Ye, Be] = h(pe ?? ""), k = X ? Ne : Ye, S = (e) => P ? Ge(e) : e, a = S(U(k, f)), R = me ?? (n == null ? void 0 : n.error) ?? !1, O = ue ?? (n == null ? void 0 : n.helperText), V = S(U(be, f)), w = S(U(ye, f)), Pe = Ze(l), He = /s/.test(l) ? "second" : "minute", D = (e) => {
+      e !== k && (X || Be(e), I && y.setValue(m, e), B == null || B(e));
+    }, x = (e) => {
+      e && a && e.isSame(a, "second") || D(e ? (P ? Xe(e) : e).format(f) : "");
+    }, _ = (e) => !a || !e.isSame(a, He), [W, d] = h(
+      () => a ? a.format(l) : ""
+    );
+    j(() => {
+      d(a ? a.format(l) : "");
+    }, [k, l, f]);
+    const q = v(null), A = v(null), [p, ee] = h(!1), [Se, te] = h(() => a ?? K()), [E, L] = h("date"), $ = v(!1), Re = ne(
+      (e) => {
+        A.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
+      },
+      [u]
+    ), F = v(void 0);
+    F.current = n ? () => n.onBlur({}) : void 0;
+    const g = v(null), ae = ne((e) => {
+      var t, o;
+      ee(!1), (t = F.current) == null || t.call(F), e && ((o = A.current) == null || o.focus());
+    }, []);
+    j(() => {
+      p && (te(a ?? K()), L("date"));
+    }, [p]), j(() => {
+      var e, t;
+      E === "time" && $.current && ($.current = !1, (t = (e = g.current) == null ? void 0 : e.querySelector('[role="tab"][aria-selected="true"]')) == null || t.focus());
+    }, [E, g]);
+    const oe = (e) => V && e.isBefore(V, "day") || w && e.isAfter(w, "day") ? !0 : !!(H && H(_e(e))), Oe = (e) => {
+      const t = Je(e, Pe);
+      if (d(t), t === "") {
+        D("");
+        return;
+      }
+      const o = ce(t, l);
+      o && !oe(o) && _(o) && x(o);
+    }, Ve = (e) => {
+      var re, se;
+      const t = ce(W, l);
+      W === "" ? D("") : t && !oe(t) ? (_(t) && x(t), d(t.format(l))) : d(a ? a.format(l) : "");
+      const o = e.relatedTarget;
+      o && ((re = g.current) != null && re.contains(o) || (se = q.current) != null && se.contains(o)) || n == null || n.onBlur(e);
+    }, we = (e) => {
+      const t = Qe(e);
+      if (!t) return;
+      const o = a ?? K();
+      x(t.hour(o.hour()).minute(o.minute()).second(o.second())), $.current = !0, L("time");
+    }, We = (e) => x(e), qe = T === "sm" ? "sm" : "md";
+    return /* @__PURE__ */ M(
+      "div",
+      {
+        className: z(
+          s.field,
+          s[T],
+          de && s.fullWidth,
+          R && s.error,
+          C && s.disabled,
+          xe
+        ),
+        style: Fe,
+        children: [
+          c != null && /* @__PURE__ */ M("label", { htmlFor: b, className: s.label, children: [
+            /* @__PURE__ */ r(ie, { as: "span", variant: "bodySmall", color: "muted", children: c }),
+            fe && /* @__PURE__ */ r("span", { className: s.required, "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ M("div", { ref: q, className: z(s.control, p && s.open), children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: Re,
+                id: b,
+                name: m,
+                className: s.input,
+                value: W,
+                placeholder: Ce ?? l.toLowerCase(),
+                disabled: C,
+                autoComplete: "off",
+                "aria-invalid": R || void 0,
+                "aria-describedby": O != null ? Q : void 0,
+                onChange: (e) => Oe(e.target.value),
+                onBlur: Ve
+              }
+            ),
+            ke && k !== "" && !C && /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                className: s.clear,
+                "aria-label": i("dateTimePicker.clear"),
+                tabIndex: -1,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => {
+                  var e;
+                  D(""), d(""), (e = A.current) == null || e.focus();
+                },
+                children: /* @__PURE__ */ r(le, { name: "CloseCircle", size: "sm" })
+              }
+            ),
+            /* @__PURE__ */ r(
+              ze,
+              {
+                type: "button",
+                variant: "text",
+                color: "primary",
+                size: T,
+                disabled: C,
+                "aria-label": i("dateTimePicker.open"),
+                "aria-haspopup": "dialog",
+                "aria-expanded": p,
+                className: s.calendarButton,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => ee((e) => !e),
+                children: /* @__PURE__ */ r(le, { name: "Calendar3", size: qe })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ M(
+            $e,
+            {
+              ref: g,
+              open: p,
+              triggerRef: q,
+              onClose: ae,
+              role: "dialog",
+              ariaLabel: "Choose date and time",
+              trapFocus: !0,
+              className: z(s.popover, N.popover),
+              children: [
+                /* @__PURE__ */ r(
+                  Ue,
+                  {
+                    className: N.tabs,
+                    "aria-label": i("dateTimePicker.label"),
+                    fullWidth: !0,
+                    autoFocus: !0,
+                    queryKey: null,
+                    value: E,
+                    onChange: (e) => L(e),
+                    items: [
+                      {
+                        value: "date",
+                        label: i("dateTimePicker.dateTab"),
+                        icon: "Calendar3",
+                        content: /* @__PURE__ */ r(
+                          Ke,
+                          {
+                            value: a,
+                            month: Se,
+                            onMonthChange: te,
+                            onSelect: we,
+                            min: V,
+                            max: w,
+                            disabledDate: H,
+                            weekStartsOn: Ie,
+                            labelId: Me
+                          }
+                        )
+                      },
+                      {
+                        value: "time",
+                        label: i("dateTimePicker.timeTab"),
+                        icon: "Clock",
+                        content: /* @__PURE__ */ r("div", { className: N.timePane, children: /* @__PURE__ */ r(
+                          et,
+                          {
+                            value: a,
+                            onChange: We,
+                            hour12: G,
+                            minuteStep: Te,
+                            showSeconds: J
+                          }
+                        ) })
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r("div", { className: N.footer, children: /* @__PURE__ */ r(je, { size: "sm", variant: "filled", color: "primary", onClick: () => ae(!0), children: i("common.done") }) })
+              ]
+            }
+          ),
+          O != null && /* @__PURE__ */ r(
+            ie,
+            {
+              as: "span",
+              id: Q,
+              variant: "bodySmall",
+              color: R ? "error" : "muted",
+              className: s.helper,
+              children: O
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Tt as D
+};
+//# sourceMappingURL=DateTimePicker-DBtcWK0F.js.map

package/dist/DateTimePicker-DBtcWK0F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-DBtcWK0F.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/Divider-CzbhdCiD.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),b="_divider_1bmht_3",d="_horizontal_1bmht_8",h="_vertical_1bmht_15",v="_labelled_1bmht_24",m="_center_1bmht_40",u="_left_1bmht_45",f="_right_1bmht_52",x="_label_1bmht_24",e={divider:b,horizontal:d,vertical:h,labelled:v,center:m,left:u,right:f,label:x},z=o.forwardRef(function({orientation:t="horizontal",align:a="center",className:s,children:l,...c},n){const r=t==="horizontal"&&l!=null&&l!=="";return i.jsx("div",{ref:n,role:"separator","aria-orientation":t==="vertical"?"vertical":void 0,className:_.clsx(e.divider,e[t],r&&e.labelled,r&&e[a],s),...c,children:r?i.jsx("span",{className:e.label,children:l}):null})});exports.Divider=z;
+//# sourceMappingURL=Divider-CzbhdCiD.cjs.map

package/dist/Divider-CzbhdCiD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-CzbhdCiD.cjs","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport styles from './Divider.module.css'\n\nexport type DividerOrientation = 'horizontal' | 'vertical'\nexport type DividerAlign = 'left' | 'center' | 'right'\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Line direction. `horizontal` (default) spans its container; `vertical` is a thin upright rule. */\n  orientation?: DividerOrientation\n  /** Where the label sits along a horizontal divider. Defaults to `center`. (Ignored without a label.) */\n  align?: DividerAlign\n  /** Optional title/label rendered in the line (horizontal only). */\n  children?: ReactNode\n}\n\n/**\n * A separator line. On its own it's a plain rule; pass `children` for a labeled divider\n * (`line — title — line`) positioned by `align` (`left` / `center` / `right`). `orientation=\"vertical\"`\n * renders a thin upright rule (stretches inside a flex row). Token-only styling; `role=\"separator\"`.\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', align = 'center', className, children, ...props },\n  ref,\n) {\n  const hasLabel = orientation === 'horizontal' && children != null && children !== ''\n\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation === 'vertical' ? 'vertical' : undefined}\n      className={clsx(\n        styles.divider,\n        styles[orientation],\n        hasLabel && styles.labelled,\n        hasLabel && styles[align],\n        className,\n      )}\n      {...props}\n    >\n      {hasLabel ? <span className={styles.label}>{children}</span> : null}\n    </div>\n  )\n})\n"],"names":["Divider","forwardRef","orientation","align","className","children","props","ref","hasLabel","jsx","clsx","styles"],"mappings":"mVAqBaA,EAAUC,EAAAA,WAAyC,SAC9D,CAAE,YAAAC,EAAc,aAAc,MAAAC,EAAQ,SAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EACxEC,EACA,CACA,MAAMC,EAAWN,IAAgB,cAAgBG,GAAY,MAAQA,IAAa,GAElF,OACEI,EAAAA,IAAC,MAAA,CACC,IAAAF,EACA,KAAK,YACL,mBAAkBL,IAAgB,WAAa,WAAa,OAC5D,UAAWQ,EAAAA,KACTC,EAAO,QACPA,EAAOT,CAAW,EAClBM,GAAYG,EAAO,SACnBH,GAAYG,EAAOR,CAAK,EACxBC,CAAA,EAED,GAAGE,EAEH,WAAWG,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,MAAQ,SAAAN,EAAS,EAAU,IAAA,CAAA,CAGrE,CAAC"}

package/dist/Divider-LtH3dLgw.js

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { clsx as s } from "clsx";
+const b = "_divider_1bmht_3", d = "_horizontal_1bmht_8", h = "_vertical_1bmht_15", m = "_labelled_1bmht_24", v = "_center_1bmht_40", f = "_left_1bmht_45", p = "_right_1bmht_52", z = "_label_1bmht_24", t = {
+  divider: b,
+  horizontal: d,
+  vertical: h,
+  labelled: m,
+  center: v,
+  left: f,
+  right: p,
+  label: z
+}, N = n(function({ orientation: l = "horizontal", align: a = "center", className: i, children: e, ..._ }, c) {
+  const r = l === "horizontal" && e != null && e !== "";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: c,
+      role: "separator",
+      "aria-orientation": l === "vertical" ? "vertical" : void 0,
+      className: s(
+        t.divider,
+        t[l],
+        r && t.labelled,
+        r && t[a],
+        i
+      ),
+      ..._,
+      children: r ? /* @__PURE__ */ o("span", { className: t.label, children: e }) : null
+    }
+  );
+});
+export {
+  N as D
+};
+//# sourceMappingURL=Divider-LtH3dLgw.js.map

package/dist/Divider-LtH3dLgw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-LtH3dLgw.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport styles from './Divider.module.css'\n\nexport type DividerOrientation = 'horizontal' | 'vertical'\nexport type DividerAlign = 'left' | 'center' | 'right'\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Line direction. `horizontal` (default) spans its container; `vertical` is a thin upright rule. */\n  orientation?: DividerOrientation\n  /** Where the label sits along a horizontal divider. Defaults to `center`. (Ignored without a label.) */\n  align?: DividerAlign\n  /** Optional title/label rendered in the line (horizontal only). */\n  children?: ReactNode\n}\n\n/**\n * A separator line. On its own it's a plain rule; pass `children` for a labeled divider\n * (`line — title — line`) positioned by `align` (`left` / `center` / `right`). `orientation=\"vertical\"`\n * renders a thin upright rule (stretches inside a flex row). Token-only styling; `role=\"separator\"`.\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', align = 'center', className, children, ...props },\n  ref,\n) {\n  const hasLabel = orientation === 'horizontal' && children != null && children !== ''\n\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation === 'vertical' ? 'vertical' : undefined}\n      className={clsx(\n        styles.divider,\n        styles[orientation],\n        hasLabel && styles.labelled,\n        hasLabel && styles[align],\n        className,\n      )}\n      {...props}\n    >\n      {hasLabel ? <span className={styles.label}>{children}</span> : null}\n    </div>\n  )\n})\n"],"names":["Divider","forwardRef","orientation","align","className","children","props","ref","hasLabel","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;GAqBaA,IAAUC,EAAyC,SAC9D,EAAE,aAAAC,IAAc,cAAc,OAAAC,IAAQ,UAAU,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GACxEC,GACA;AACA,QAAMC,IAAWN,MAAgB,gBAAgBG,KAAY,QAAQA,MAAa;AAElF,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBL,MAAgB,aAAa,aAAa;AAAA,MAC5D,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOT,CAAW;AAAA,QAClBM,KAAYG,EAAO;AAAA,QACnBH,KAAYG,EAAOR,CAAK;AAAA,QACxBC;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,cAAW,gBAAAG,EAAC,QAAA,EAAK,WAAWE,EAAO,OAAQ,UAAAN,GAAS,IAAU;AAAA,IAAA;AAAA,EAAA;AAGrE,CAAC;"}

package/dist/Dropdown-DKAXue5_.js

@@ -0,0 +1,146 @@
+import { jsxs as et, Fragment as nt, jsx as q } from "react/jsx-runtime";
+import { useId as ot, useRef as z, useState as R, useCallback as M, useLayoutEffect as rt, useEffect as W, cloneElement as it } from "react";
+import { createPortal as st } from "react-dom";
+import { clsx as ct } from "clsx";
+import { L as at } from "./List-BHgFI9Ll.js";
+import { u as lt } from "./useLockBodyScroll-DwBILLPK.js";
+const ut = "_panel_ntp6g_4", dt = "_sm_ntp6g_21", mt = "_md_ntp6g_24", ft = "_lg_ntp6g_27", C = {
+  panel: ut,
+  sm: dt,
+  md: mt,
+  lg: ft
+}, pt = 8, N = '[role="menuitem"],[role="button"],a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"])';
+function j(f) {
+  return f ? Array.from(f.querySelectorAll(N)).filter(
+    (w) => w.getAttribute("aria-disabled") !== "true" && w.offsetParent !== null
+  ) : [];
+}
+function Et({
+  trigger: f,
+  children: w,
+  placement: A = "bottom-start",
+  size: H = "md",
+  minWidth: T = !0,
+  open: F,
+  defaultOpen: U = !1,
+  onOpenChange: h,
+  closeOnSelect: V = !0,
+  matchTriggerWidth: I = !1,
+  disabled: G = !1,
+  offset: p = 6,
+  className: K,
+  style: J
+}) {
+  const P = ot(), l = z(null), u = z(null), k = F !== void 0, [Q, X] = R(U), r = k ? F : Q, [Y, B] = R(!1), [o, Z] = R(null), L = M(
+    (n) => {
+      k || X(n), h == null || h(n);
+    },
+    [k, h]
+  ), b = M(() => L(!1), [L]);
+  lt(r);
+  const v = M(() => {
+    const n = l.current, e = u.current;
+    if (!n || !e) return;
+    const t = n.getBoundingClientRect(), a = e.offsetWidth, c = e.offsetHeight, i = window.innerWidth, y = window.innerHeight, s = pt, m = y - t.bottom - p - s, E = t.top - p - s;
+    let d = A.startsWith("bottom") ? "bottom" : "top";
+    d === "bottom" && c > m && E > m ? d = "top" : d === "top" && c > E && m > E && (d = "bottom");
+    const O = Math.max(0, d === "bottom" ? m : E), S = Math.min(c, O);
+    let _ = d === "bottom" ? t.bottom + p : t.top - p - S;
+    _ = Math.min(Math.max(_, s), Math.max(s, y - s - S));
+    let D = A.endsWith("end") ? t.right - a : t.left;
+    D = Math.min(Math.max(D, s), Math.max(s, i - s - a)), Z({ top: _, left: D, side: d, maxHeight: O, minWidth: I ? t.width : void 0 });
+  }, [A, p, I]);
+  rt(() => {
+    if (!r) {
+      B(!1);
+      return;
+    }
+    v();
+  }, [r, v]), W(() => {
+    if (!r) return;
+    const n = requestAnimationFrame(() => B(!0)), e = () => v();
+    window.addEventListener("resize", e), window.addEventListener("scroll", e, !0);
+    let t;
+    return typeof ResizeObserver < "u" && (t = new ResizeObserver(e), u.current && t.observe(u.current), l.current && t.observe(l.current)), () => {
+      cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), t == null || t.disconnect();
+    };
+  }, [r, v]), W(() => {
+    if (!r) return;
+    const n = (t) => {
+      var c, i;
+      const a = t.target;
+      (c = l.current) != null && c.contains(a) || (i = u.current) != null && i.contains(a) || b();
+    }, e = (t) => {
+      var a, c;
+      if (t.key === "Escape")
+        t.preventDefault(), b(), (a = l.current) == null || a.focus();
+      else if (t.key === "Tab")
+        b();
+      else if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+        t.preventDefault();
+        const i = j(u.current);
+        if (!i.length) return;
+        const y = i.indexOf(document.activeElement), s = t.key === "ArrowDown" ? 1 : -1, m = (y + s + i.length) % i.length;
+        (c = i[m]) == null || c.focus();
+      }
+    };
+    return document.addEventListener("pointerdown", n, !0), document.addEventListener("keydown", e), () => {
+      document.removeEventListener("pointerdown", n, !0), document.removeEventListener("keydown", e);
+    };
+  }, [r, b]), W(() => {
+    if (!r) return;
+    const n = requestAnimationFrame(() => {
+      var e;
+      return (e = j(u.current)[0]) == null ? void 0 : e.focus();
+    });
+    return () => cancelAnimationFrame(n);
+  }, [r]);
+  const g = f.props, x = g.ref, $ = it(f, {
+    ref: (n) => {
+      l.current = n, typeof x == "function" ? x(n) : x && (x.current = n);
+    },
+    onClick: (n) => {
+      var e;
+      (e = g.onClick) == null || e.call(g, n), G || L(!r);
+    },
+    "aria-haspopup": "menu",
+    "aria-expanded": r,
+    "aria-controls": r ? P : void 0
+  }), tt = (n) => {
+    var t;
+    if (!V) return;
+    const e = n.target.closest(N);
+    e && e.getAttribute("aria-disabled") !== "true" && (b(), (t = l.current) == null || t.focus());
+  };
+  return /* @__PURE__ */ et(nt, { children: [
+    $,
+    r && st(
+      /* @__PURE__ */ q(
+        "div",
+        {
+          ref: u,
+          id: P,
+          className: ct(C.panel, T && C[H], K),
+          "data-open": Y ? "true" : "false",
+          "data-side": (o == null ? void 0 : o.side) ?? "bottom",
+          style: {
+            position: "fixed",
+            top: (o == null ? void 0 : o.top) ?? 0,
+            left: (o == null ? void 0 : o.left) ?? 0,
+            maxHeight: o == null ? void 0 : o.maxHeight,
+            minWidth: o == null ? void 0 : o.minWidth,
+            visibility: o ? "visible" : "hidden",
+            ...J
+          },
+          onClick: tt,
+          children: /* @__PURE__ */ q(at, { role: "menu", size: H, padding: "xs", children: w })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+export {
+  Et as D
+};
+//# sourceMappingURL=Dropdown-DKAXue5_.js.map

package/dist/Dropdown-DKAXue5_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-DKAXue5_.js","sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { List, type ListItemSize } from '../List'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Dropdown.module.css'\n\nexport type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'\n\ninterface Position {\n  top: number\n  left: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n  minWidth?: number\n}\n\nexport interface DropdownProps {\n  /** The element that opens the menu (e.g. a `Button` / `IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Menu content — typically `ListItem`s (composed inside a `role=\"menu\"` `List`). */\n  children: ReactNode\n  /** Preferred placement. Flips to the opposite side automatically when it would overflow. Default `bottom-start`. */\n  placement?: DropdownPlacement\n  /** Menu size — sets the panel min-width (`sm` 150 · `md` 190 · `lg` 220) and the items' density. Default `md`. */\n  size?: ListItemSize\n  /**\n   * Apply the size-based min-width (`sm` 150 · `md` 190 · `lg` 220px). Defaults to `true`; set `false`\n   * to let the menu size to its content instead (the items' density still tracks `size`).\n   */\n  minWidth?: boolean\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Close the menu when an item inside is clicked. Defaults to `true`. */\n  closeOnSelect?: boolean\n  /** Make the menu at least as wide as the trigger (select-like). Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Gap between the trigger and the menu, in px. Defaults to `6`. */\n  offset?: number\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/** Distance the menu is kept from the viewport edges (px). */\nconst VIEWPORT_PADDING = 8\n/** Focusable menu items, used for arrow-key roving. */\nconst FOCUSABLE =\n  '[role=\"menuitem\"],[role=\"button\"],a[href],button:not([disabled]),[tabindex]:not([tabindex=\"-1\"])'\n\nfunction focusableItems(panel: HTMLElement | null): HTMLElement[] {\n  if (!panel) return []\n  return Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => el.getAttribute('aria-disabled') !== 'true' && el.offsetParent !== null,\n  )\n}\n\n/**\n * A floating menu anchored to a `trigger`. Opens on trigger click; closes on outside click, `Escape`,\n * or selecting an item. The panel is portaled to `document.body` and positioned with collision\n * handling — it **flips** to the opposite side when it would overflow, clamps within the viewport, and\n * re-positions on scroll/resize (a too-tall menu caps its height and scrolls). Arrow keys move between\n * items; `Escape` returns focus to the trigger. Compose `ListItem`s as `children`.\n */\nexport function Dropdown({\n  trigger,\n  children,\n  placement = 'bottom-start',\n  size = 'md',\n  minWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnSelect = true,\n  matchTriggerWidth = false,\n  disabled = false,\n  offset = 6,\n  className,\n  style,\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const panelRef = useRef<HTMLDivElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n  const [visible, setVisible] = useState(false)\n  const [pos, setPos] = useState<Position | null>(null)\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n  const close = useCallback(() => setOpen(false), [setOpen])\n\n  // lock page scroll while the menu is open (no scrollbar shift)\n  useLockBodyScroll(isOpen)\n\n  // ── positioning: flip when it would overflow, clamp inside the viewport ──\n  const update = useCallback(() => {\n    const triggerEl = triggerRef.current\n    const panel = panelRef.current\n    if (!triggerEl || !panel) return\n\n    const rect = triggerEl.getBoundingClientRect()\n    const panelW = panel.offsetWidth\n    const panelH = panel.offsetHeight\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n    const pad = VIEWPORT_PADDING\n\n    const spaceBelow = vh - rect.bottom - offset - pad\n    const spaceAbove = rect.top - offset - pad\n    let side: 'top' | 'bottom' = placement.startsWith('bottom') ? 'bottom' : 'top'\n    // flip only when the preferred side can't fit AND the opposite side has more room\n    if (side === 'bottom' && panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n    else if (side === 'top' && panelH > spaceAbove && spaceBelow > spaceAbove) side = 'bottom'\n\n    const available = side === 'bottom' ? spaceBelow : spaceAbove\n    const maxHeight = Math.max(0, available)\n    const usedH = Math.min(panelH, maxHeight)\n\n    let top = side === 'bottom' ? rect.bottom + offset : rect.top - offset - usedH\n    top = Math.min(Math.max(top, pad), Math.max(pad, vh - pad - usedH))\n\n    let left = placement.endsWith('end') ? rect.right - panelW : rect.left\n    left = Math.min(Math.max(left, pad), Math.max(pad, vw - pad - panelW))\n\n    setPos({ top, left, side, maxHeight, minWidth: matchTriggerWidth ? rect.width : undefined })\n  }, [placement, offset, matchTriggerWidth])\n\n  // position synchronously before paint whenever the menu is open\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      setVisible(false)\n      return\n    }\n    update()\n  }, [isOpen, update])\n\n  // enter transition + reposition listeners while open\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n\n    const onReposition = () => update()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (panelRef.current) ro.observe(panelRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [isOpen, update])\n\n  // outside click + keyboard (Escape, arrow roving)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (triggerRef.current?.contains(target) || panelRef.current?.contains(target)) return\n      close()\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        close()\n        triggerRef.current?.focus()\n      } else if (event.key === 'Tab') {\n        // Tab would move focus by portal DOM order (end of <body>), orphaning the open menu — close it\n        // and let focus continue naturally from the trigger (Select/MultiSelect do the same)\n        close()\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault()\n        const items = focusableItems(panelRef.current)\n        if (!items.length) return\n        const current = items.indexOf(document.activeElement as HTMLElement)\n        const delta = event.key === 'ArrowDown' ? 1 : -1\n        const next = (current + delta + items.length) % items.length\n        items[next]?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen, close])\n\n  // focus the first item once the menu is open and positioned\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => focusableItems(panelRef.current)[0]?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n  })\n\n  const handlePanelClick = (event: ReactMouseEvent) => {\n    if (!closeOnSelect) return\n    const item = (event.target as HTMLElement).closest(FOCUSABLE)\n    if (item && item.getAttribute('aria-disabled') !== 'true') {\n      close()\n      triggerRef.current?.focus()\n    }\n  }\n\n  return (\n    <>\n      {clonedTrigger}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={panelRef}\n            id={menuId}\n            className={clsx(styles.panel, minWidth && styles[size], className)}\n            data-open={visible ? 'true' : 'false'}\n            data-side={pos?.side ?? 'bottom'}\n            style={{\n              position: 'fixed',\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              maxHeight: pos?.maxHeight,\n              minWidth: pos?.minWidth,\n              visibility: pos ? 'visible' : 'hidden',\n              ...style,\n            }}\n            onClick={handlePanelClick}\n          >\n            <List role=\"menu\" size={size} padding=\"xs\">\n              {children}\n            </List>\n          </div>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["VIEWPORT_PADDING","FOCUSABLE","focusableItems","panel","el","Dropdown","trigger","children","placement","size","minWidth","open","defaultOpen","onOpenChange","closeOnSelect","matchTriggerWidth","disabled","offset","className","style","menuId","useId","triggerRef","useRef","panelRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","visible","setVisible","pos","setPos","setOpen","useCallback","next","close","useLockBodyScroll","update","triggerEl","rect","panelW","panelH","vw","vh","pad","spaceBelow","spaceAbove","side","maxHeight","usedH","top","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","event","target","_a","_b","onKeyDown","items","current","delta","triggerProps","originalRef","clonedTrigger","cloneElement","node","handlePanelClick","item","jsxs","Fragment","createPortal","jsx","clsx","styles","List"],"mappings":"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"}

package/dist/Dropdown-DygP50OB.cjs

@@ -0,0 +1,2 @@
+"use strict";const A=require("react/jsx-runtime"),o=require("react"),Z=require("react-dom"),$=require("clsx"),ee=require("./List-CNz2M3-q.cjs"),te=require("./useLockBodyScroll-CIXHZo-Q.cjs"),ne="_panel_ntp6g_4",re="_sm_ntp6g_21",oe="_md_ntp6g_24",se="_lg_ntp6g_27",B={panel:ne,sm:re,md:oe,lg:se},ie=8,j='[role="menuitem"],[role="button"],a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"])';function C(b){return b?Array.from(b.querySelectorAll(j)).filter(h=>h.getAttribute("aria-disabled")!=="true"&&h.offsetParent!==null):[]}function ce({trigger:b,children:h,placement:L="bottom-start",size:M="md",minWidth:O=!0,open:W,defaultOpen:z=!1,onOpenChange:v,closeOnSelect:N=!0,matchTriggerWidth:H=!1,disabled:T=!1,offset:p=6,className:U,style:V}){const S=o.useId(),u=o.useRef(null),d=o.useRef(null),_=W!==void 0,[G,K]=o.useState(z),s=_?W:G,[J,F]=o.useState(!1),[r,Q]=o.useState(null),D=o.useCallback(n=>{_||K(n),v==null||v(n)},[_,v]),w=o.useCallback(()=>D(!1),[D]);te.useLockBodyScroll(s);const g=o.useCallback(()=>{const n=u.current,t=d.current;if(!n||!t)return;const e=n.getBoundingClientRect(),l=t.offsetWidth,a=t.offsetHeight,i=window.innerWidth,E=window.innerHeight,c=ie,m=E-e.bottom-p-c,k=e.top-p-c;let f=L.startsWith("bottom")?"bottom":"top";f==="bottom"&&a>m&&k>m?f="top":f==="top"&&a>k&&m>k&&(f="bottom");const I=Math.max(0,f==="bottom"?m:k),P=Math.min(a,I);let R=f==="bottom"?e.bottom+p:e.top-p-P;R=Math.min(Math.max(R,c),Math.max(c,E-c-P));let q=L.endsWith("end")?e.right-l:e.left;q=Math.min(Math.max(q,c),Math.max(c,i-c-l)),Q({top:R,left:q,side:f,maxHeight:I,minWidth:H?e.width:void 0})},[L,p,H]);o.useLayoutEffect(()=>{if(!s){F(!1);return}g()},[s,g]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>F(!0)),t=()=>g();window.addEventListener("resize",t),window.addEventListener("scroll",t,!0);let e;return typeof ResizeObserver<"u"&&(e=new ResizeObserver(t),d.current&&e.observe(d.current),u.current&&e.observe(u.current)),()=>{cancelAnimationFrame(n),window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0),e==null||e.disconnect()}},[s,g]),o.useEffect(()=>{if(!s)return;const n=e=>{var a,i;const l=e.target;(a=u.current)!=null&&a.contains(l)||(i=d.current)!=null&&i.contains(l)||w()},t=e=>{var l,a;if(e.key==="Escape")e.preventDefault(),w(),(l=u.current)==null||l.focus();else if(e.key==="Tab")w();else if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const i=C(d.current);if(!i.length)return;const E=i.indexOf(document.activeElement),c=e.key==="ArrowDown"?1:-1,m=(E+c+i.length)%i.length;(a=i[m])==null||a.focus()}};return document.addEventListener("pointerdown",n,!0),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",n,!0),document.removeEventListener("keydown",t)}},[s,w]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>{var t;return(t=C(d.current)[0])==null?void 0:t.focus()});return()=>cancelAnimationFrame(n)},[s]);const x=b.props,y=x.ref,X=o.cloneElement(b,{ref:n=>{u.current=n,typeof y=="function"?y(n):y&&(y.current=n)},onClick:n=>{var t;(t=x.onClick)==null||t.call(x,n),T||D(!s)},"aria-haspopup":"menu","aria-expanded":s,"aria-controls":s?S:void 0}),Y=n=>{var e;if(!N)return;const t=n.target.closest(j);t&&t.getAttribute("aria-disabled")!=="true"&&(w(),(e=u.current)==null||e.focus())};return A.jsxs(A.Fragment,{children:[X,s&&Z.createPortal(A.jsx("div",{ref:d,id:S,className:$.clsx(B.panel,O&&B[M],U),"data-open":J?"true":"false","data-side":(r==null?void 0:r.side)??"bottom",style:{position:"fixed",top:(r==null?void 0:r.top)??0,left:(r==null?void 0:r.left)??0,maxHeight:r==null?void 0:r.maxHeight,minWidth:r==null?void 0:r.minWidth,visibility:r?"visible":"hidden",...V},onClick:Y,children:A.jsx(ee.List,{role:"menu",size:M,padding:"xs",children:h})}),document.body)]})}exports.Dropdown=ce;
+//# sourceMappingURL=Dropdown-DygP50OB.cjs.map

package/dist/Dropdown-DygP50OB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-DygP50OB.cjs","sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { List, type ListItemSize } from '../List'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Dropdown.module.css'\n\nexport type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'\n\ninterface Position {\n  top: number\n  left: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n  minWidth?: number\n}\n\nexport interface DropdownProps {\n  /** The element that opens the menu (e.g. a `Button` / `IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Menu content — typically `ListItem`s (composed inside a `role=\"menu\"` `List`). */\n  children: ReactNode\n  /** Preferred placement. Flips to the opposite side automatically when it would overflow. Default `bottom-start`. */\n  placement?: DropdownPlacement\n  /** Menu size — sets the panel min-width (`sm` 150 · `md` 190 · `lg` 220) and the items' density. Default `md`. */\n  size?: ListItemSize\n  /**\n   * Apply the size-based min-width (`sm` 150 · `md` 190 · `lg` 220px). Defaults to `true`; set `false`\n   * to let the menu size to its content instead (the items' density still tracks `size`).\n   */\n  minWidth?: boolean\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Close the menu when an item inside is clicked. Defaults to `true`. */\n  closeOnSelect?: boolean\n  /** Make the menu at least as wide as the trigger (select-like). Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Gap between the trigger and the menu, in px. Defaults to `6`. */\n  offset?: number\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/** Distance the menu is kept from the viewport edges (px). */\nconst VIEWPORT_PADDING = 8\n/** Focusable menu items, used for arrow-key roving. */\nconst FOCUSABLE =\n  '[role=\"menuitem\"],[role=\"button\"],a[href],button:not([disabled]),[tabindex]:not([tabindex=\"-1\"])'\n\nfunction focusableItems(panel: HTMLElement | null): HTMLElement[] {\n  if (!panel) return []\n  return Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => el.getAttribute('aria-disabled') !== 'true' && el.offsetParent !== null,\n  )\n}\n\n/**\n * A floating menu anchored to a `trigger`. Opens on trigger click; closes on outside click, `Escape`,\n * or selecting an item. The panel is portaled to `document.body` and positioned with collision\n * handling — it **flips** to the opposite side when it would overflow, clamps within the viewport, and\n * re-positions on scroll/resize (a too-tall menu caps its height and scrolls). Arrow keys move between\n * items; `Escape` returns focus to the trigger. Compose `ListItem`s as `children`.\n */\nexport function Dropdown({\n  trigger,\n  children,\n  placement = 'bottom-start',\n  size = 'md',\n  minWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnSelect = true,\n  matchTriggerWidth = false,\n  disabled = false,\n  offset = 6,\n  className,\n  style,\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const panelRef = useRef<HTMLDivElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n  const [visible, setVisible] = useState(false)\n  const [pos, setPos] = useState<Position | null>(null)\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n  const close = useCallback(() => setOpen(false), [setOpen])\n\n  // lock page scroll while the menu is open (no scrollbar shift)\n  useLockBodyScroll(isOpen)\n\n  // ── positioning: flip when it would overflow, clamp inside the viewport ──\n  const update = useCallback(() => {\n    const triggerEl = triggerRef.current\n    const panel = panelRef.current\n    if (!triggerEl || !panel) return\n\n    const rect = triggerEl.getBoundingClientRect()\n    const panelW = panel.offsetWidth\n    const panelH = panel.offsetHeight\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n    const pad = VIEWPORT_PADDING\n\n    const spaceBelow = vh - rect.bottom - offset - pad\n    const spaceAbove = rect.top - offset - pad\n    let side: 'top' | 'bottom' = placement.startsWith('bottom') ? 'bottom' : 'top'\n    // flip only when the preferred side can't fit AND the opposite side has more room\n    if (side === 'bottom' && panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n    else if (side === 'top' && panelH > spaceAbove && spaceBelow > spaceAbove) side = 'bottom'\n\n    const available = side === 'bottom' ? spaceBelow : spaceAbove\n    const maxHeight = Math.max(0, available)\n    const usedH = Math.min(panelH, maxHeight)\n\n    let top = side === 'bottom' ? rect.bottom + offset : rect.top - offset - usedH\n    top = Math.min(Math.max(top, pad), Math.max(pad, vh - pad - usedH))\n\n    let left = placement.endsWith('end') ? rect.right - panelW : rect.left\n    left = Math.min(Math.max(left, pad), Math.max(pad, vw - pad - panelW))\n\n    setPos({ top, left, side, maxHeight, minWidth: matchTriggerWidth ? rect.width : undefined })\n  }, [placement, offset, matchTriggerWidth])\n\n  // position synchronously before paint whenever the menu is open\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      setVisible(false)\n      return\n    }\n    update()\n  }, [isOpen, update])\n\n  // enter transition + reposition listeners while open\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n\n    const onReposition = () => update()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (panelRef.current) ro.observe(panelRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [isOpen, update])\n\n  // outside click + keyboard (Escape, arrow roving)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (triggerRef.current?.contains(target) || panelRef.current?.contains(target)) return\n      close()\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        close()\n        triggerRef.current?.focus()\n      } else if (event.key === 'Tab') {\n        // Tab would move focus by portal DOM order (end of <body>), orphaning the open menu — close it\n        // and let focus continue naturally from the trigger (Select/MultiSelect do the same)\n        close()\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault()\n        const items = focusableItems(panelRef.current)\n        if (!items.length) return\n        const current = items.indexOf(document.activeElement as HTMLElement)\n        const delta = event.key === 'ArrowDown' ? 1 : -1\n        const next = (current + delta + items.length) % items.length\n        items[next]?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen, close])\n\n  // focus the first item once the menu is open and positioned\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => focusableItems(panelRef.current)[0]?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n  })\n\n  const handlePanelClick = (event: ReactMouseEvent) => {\n    if (!closeOnSelect) return\n    const item = (event.target as HTMLElement).closest(FOCUSABLE)\n    if (item && item.getAttribute('aria-disabled') !== 'true') {\n      close()\n      triggerRef.current?.focus()\n    }\n  }\n\n  return (\n    <>\n      {clonedTrigger}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={panelRef}\n            id={menuId}\n            className={clsx(styles.panel, minWidth && styles[size], className)}\n            data-open={visible ? 'true' : 'false'}\n            data-side={pos?.side ?? 'bottom'}\n            style={{\n              position: 'fixed',\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              maxHeight: pos?.maxHeight,\n              minWidth: pos?.minWidth,\n              visibility: pos ? 'visible' : 'hidden',\n              ...style,\n            }}\n            onClick={handlePanelClick}\n          >\n            <List role=\"menu\" size={size} padding=\"xs\">\n              {children}\n            </List>\n          </div>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["VIEWPORT_PADDING","FOCUSABLE","focusableItems","panel","el","Dropdown","trigger","children","placement","size","minWidth","open","defaultOpen","onOpenChange","closeOnSelect","matchTriggerWidth","disabled","offset","className","style","menuId","useId","triggerRef","useRef","panelRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","visible","setVisible","pos","setPos","setOpen","useCallback","next","close","useLockBodyScroll","update","triggerEl","rect","panelW","panelH","vw","vh","pad","spaceBelow","spaceAbove","side","maxHeight","usedH","top","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","event","target","_a","_b","onKeyDown","items","current","delta","triggerProps","originalRef","clonedTrigger","cloneElement","node","handlePanelClick","item","jsxs","Fragment","createPortal","jsx","clsx","styles","List"],"mappings":"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"}

package/dist/EmptyState-CCCpZ-ZA.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),x=require("react"),y=require("clsx"),l=require("./Icon-CXTl_QAP.cjs"),z=require("./names-C2Yj1p3u.cjs"),N=require("./ConfigProvider-ByOFXVyP.cjs"),j="_emptyState_tu8zp_3",h="_sm_tu8zp_17",v="_md_tu8zp_23",f="_lg_tu8zp_29",q="_icon_tu8zp_37",E="_title_tu8zp_53",I="_description_tu8zp_59",g="_action_tu8zp_68",C="_pattern_tu8zp_75",e={emptyState:j,sm:h,md:v,lg:f,icon:q,title:E,description:I,action:g,pattern:C},O=new Set(z.ICON_NAMES),T=x.forwardRef(function({icon:n,title:o,description:s,action:c,size:a="md",pattern:_=!0,className:u,children:p,...d},m){const S=N.useT(),r=o??S("emptyState.title"),i=n===!1?null:n==null?t.jsx(l.Icon,{name:"FolderOpen"}):typeof n=="string"&&O.has(n)?t.jsx(l.Icon,{name:n}):n;return t.jsxs("div",{ref:m,className:y.clsx(e.emptyState,e[a],_&&e.pattern,u),...d,children:[i!=null&&t.jsx("div",{className:e.icon,"aria-hidden":!0,children:i}),r!=null&&t.jsx("div",{className:e.title,children:r}),s!=null&&t.jsx("div",{className:e.description,children:s}),c!=null&&t.jsx("div",{className:e.action,children:c}),p]})});exports.EmptyState=T;
+//# sourceMappingURL=EmptyState-CCCpZ-ZA.cjs.map

package/dist/EmptyState-CCCpZ-ZA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-CCCpZ-ZA.cjs","sources":["../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './EmptyState.module.css'\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Leading glyph shown in a soft circle — an `IconName`, any node, or `false` to hide it. Defaults to `FolderOpen`. */\n  icon?: IconName | ReactNode | false\n  /** Heading line. Defaults to `\"No Results Found\"`. */\n  title?: ReactNode\n  /** Muted description under the title (e.g. a hint on what to do next). */\n  description?: ReactNode\n  /** Action slot under the text — e.g. an \"Add Item\" or \"Clear Filters\" button. */\n  action?: ReactNode\n  /** Size — scales the icon, text, and vertical padding. Defaults to `md`. */\n  size?: EmptyStateSize\n  /**\n   * Polished \"hero\" look: a faded grid backdrop (fades out toward the edges) + an elevated icon\n   * (gradient + drop shadow). Defaults to `true`; pass `pattern={false}` for the flat, compact placeholder.\n   */\n  pattern?: boolean\n  /** Extra content rendered below the action. */\n  children?: ReactNode\n}\n\n/**\n * The empty-state placeholder — drop it in wherever a page, table, list, or gallery has nothing to\n * show (no records yet, no search matches). A centered, muted glyph in a soft circle + a `title` +\n * an optional `description` and `action` (e.g. a \"Add Item\" / \"Clear Filters\" button). Neutral by\n * design; pass a custom `icon` node for a tinted glyph. Token-only styling.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  { icon, title, description, action, size = 'md', pattern = true, className, children, ...props },\n  ref,\n) {\n  const t = useT()\n  const resolvedTitle = title ?? t('emptyState.title')\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name=\"FolderOpen\" />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.emptyState, styles[size], pattern && styles.pattern, className)}\n      {...props}\n    >\n      {renderedIcon != null && (\n        <div className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </div>\n      )}\n      {resolvedTitle != null && <div className={styles.title}>{resolvedTitle}</div>}\n      {description != null && <div className={styles.description}>{description}</div>}\n      {action != null && <div className={styles.action}>{action}</div>}\n      {children}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","EmptyState","forwardRef","icon","title","description","action","size","pattern","className","children","props","ref","t","useT","resolvedTitle","renderedIcon","jsx","Icon","jsxs","clsx","styles"],"mappings":"4cASMA,EAAgB,IAAI,IAAYC,YAAU,EA4BnCC,EAAaC,EAAAA,WAA4C,SACpE,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,OAAAC,EAAQ,KAAAC,EAAO,KAAM,QAAAC,EAAU,GAAM,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAgBX,GAASS,EAAE,kBAAkB,EAC7CG,EACJb,IAAS,GAAQ,KAAOA,GAAQ,KAC9Bc,MAACC,EAAAA,KAAA,CAAK,KAAK,YAAA,CAAa,EACtB,OAAOf,GAAS,UAAYJ,EAAc,IAAII,CAAI,EACpDc,MAACC,EAAAA,KAAA,CAAK,KAAMf,CAAA,CAAkB,EAE9BA,EAGJ,OACEgB,EAAAA,KAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAAA,KAAKC,EAAO,WAAYA,EAAOd,CAAI,EAAGC,GAAWa,EAAO,QAASZ,CAAS,EACpF,GAAGE,EAEH,SAAA,CAAAK,GAAgB,YACd,MAAA,CAAI,UAAWK,EAAO,KAAM,cAAW,GACrC,SAAAL,CAAA,CACH,EAEDD,GAAiB,MAAQE,EAAAA,IAAC,OAAI,UAAWI,EAAO,MAAQ,SAAAN,EAAc,EACtEV,GAAe,MAAQY,EAAAA,IAAC,OAAI,UAAWI,EAAO,YAAc,SAAAhB,EAAY,EACxEC,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAf,EAAO,EACzDI,CAAA,CAAA,CAAA,CAGP,CAAC"}