@alfadocs/ui-kit-debug 0.1.8

package/dist/_chunks/date-range-picker-BcNDJI7m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-BcNDJI7m.js","sources":["../../node_modules/date-fns/subDays.js","../../node_modules/date-fns/subWeeks.js","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link subDays} function options.\n */\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of days to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the days subtracted\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport function subDays(date, amount, options) {\n  return addDays(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subDays;\n","import { addWeeks } from \"./addWeeks.js\";\n\n/**\n * The {@link subWeeks} function options.\n */\n\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the weeks subtracted\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport function subWeeks(date, amount, options) {\n  return addWeeks(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subWeeks;\n","import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport {\n  DayPicker,\n  type DateRange,\n} from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n  startOfMonth,\n  endOfMonth,\n  subDays,\n  subWeeks,\n} from 'date-fns';\nimport { Calendar } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  getDateFnsLocale,\n  buildDisabledMatcher,\n  CalendarChevron,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport '../../tokens/themes/bridges/react-day-picker.css';\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DateRangePreset {\n  label: string;\n  range: () => { from: Date; to: Date };\n}\n\nexport interface DateRangeValue {\n  from?: Date;\n  to?: Date;\n}\n\nexport interface DateRangePickerProps\n  extends Pick<VariantProps<typeof triggerVariants>, 'size'> {\n  /** Current range — controlled. */\n  value?: DateRangeValue;\n  /** Default range — uncontrolled. */\n  defaultValue?: DateRangeValue;\n  /** Called when the range changes. */\n  onChange?: (range: DateRangeValue) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Custom presets. Replaces defaults unless mergePresets is true. */\n  presets?: DateRangePreset[];\n  /** Merge custom presets with defaults instead of replacing. */\n  mergePresets?: boolean;\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      presets: presetsProp,\n      mergePresets = false,\n      size = 'md',\n      disabled,\n      placeholder,\n      className,\n      id,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = getDateFnsLocale(i18n.language);\n    const placeholderText =\n      placeholder ?? t('ui.inputs.dateRangePicker.placeholder', 'Select date range');\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<DateRangeValue>(\n      value ?? defaultValue ?? {},\n    );\n    const currentValue: DateRangeValue = isControlled ? value : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(\n      currentValue.from ?? new Date(),\n    );\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n\n    const emit = useCallback(\n      (range: DateRangeValue) => {\n        if (!isControlled) setInternalValue(range);\n        onChange?.(range);\n      },\n      [isControlled, onChange],\n    );\n\n    const disabledMatcher = buildDisabledMatcher(minDate, maxDate);\n\n    // Default presets\n    const defaultPresets: DateRangePreset[] = [\n      {\n        label: t('ui.inputs.dateRangePicker.presets.today', 'Today'),\n        range: () => {\n          const today = new Date();\n          return { from: today, to: today };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.yesterday', 'Yesterday'),\n        range: () => {\n          const yesterday = subDays(new Date(), 1);\n          return { from: yesterday, to: yesterday };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.last7', 'Last 7 days'),\n        range: () => ({\n          from: subDays(new Date(), 6),\n          to: new Date(),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.thisWeek', 'This week'),\n        range: () => ({\n          from: startOfWeek(new Date(), { locale }),\n          to: endOfWeek(new Date(), { locale }),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.lastWeek', 'Last week'),\n        range: () => {\n          const lastWeekDay = subWeeks(new Date(), 1);\n          return {\n            from: startOfWeek(lastWeekDay, { locale }),\n            to: endOfWeek(lastWeekDay, { locale }),\n          };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.thisMonth', 'This month'),\n        range: () => ({\n          from: startOfMonth(new Date()),\n          to: endOfMonth(new Date()),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.last30', 'Last 30 days'),\n        range: () => ({\n          from: subDays(new Date(), 29),\n          to: new Date(),\n        }),\n      },\n    ];\n\n    const effectivePresets = presetsProp\n      ? mergePresets\n        ? [...defaultPresets, ...presetsProp]\n        : presetsProp\n      : defaultPresets;\n\n    const handleRangeSelect = (range: DateRange | undefined) => {\n      if (range) {\n        emit({ from: range.from, to: range.to });\n      } else {\n        emit({});\n      }\n    };\n\n    const handlePresetClick = (preset: DateRangePreset) => {\n      const range = preset.range();\n      emit(range);\n      setMonth(range.from);\n      setOpen(false);\n    };\n\n    // Format display text\n    const displayText = (() => {\n      if (currentValue.from && currentValue.to) {\n        const fromStr = fnsFormat(currentValue.from, 'MMM d, yyyy', { locale });\n        const toStr = fnsFormat(currentValue.to, 'MMM d, yyyy', { locale });\n        return `${fromStr} – ${toStr}`;\n      }\n      if (currentValue.from) {\n        return fnsFormat(currentValue.from, 'MMM d, yyyy', { locale });\n      }\n      return '';\n    })();\n\n    // Range summary for screen readers\n    const rangeSummary = (() => {\n      if (currentValue.from && currentValue.to) {\n        const days = differenceInCalendarDays(currentValue.to, currentValue.from) + 1;\n        return t('ui.inputs.dateRangePicker.days', '{{count}} days', { count: days });\n      }\n      return '';\n    })();\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div ref={ref} className={className} data-component=\"date-range-picker\">\n          <Popover.Trigger asChild disabled={effectiveDisabled}>\n            <button\n              ref={triggerRef}\n              id={effectiveId}\n              type=\"button\"\n              disabled={effectiveDisabled}\n              aria-describedby={ctx.describedBy || undefined}\n              aria-invalid={ctx.invalid || undefined}\n              // `aria-required` is not valid on `<button>` per ARIA 1.2 — the\n              // FormField label's visible asterisk + `aria-describedby` link\n              // communicate the required state instead.\n              aria-haspopup=\"dialog\"\n              aria-expanded={open}\n              className={triggerVariants({ size, tone: effectiveTone })}\n            >\n              <span className={displayText ? 'ds:text-foreground' : 'ds:text-muted-foreground'}>\n                {displayText || placeholderText}\n              </span>\n              <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n                <Calendar />\n              </span>\n            </button>\n          </Popover.Trigger>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              className={popoverContentVariants()}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {effectivePresets.length > 0 ? (\n                  <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]\">\n                    {effectivePresets.map((preset) => (\n                      <button\n                        key={preset.label}\n                        type=\"button\"\n                        onClick={() => handlePresetClick(preset)}\n                        className={presetButtonVariants()}\n                      >\n                        {preset.label}\n                      </button>\n                    ))}\n                  </div>\n                ) : null}\n\n                {/* Dual calendar */}\n                <div>\n                  <DayPicker\n                    mode=\"range\"\n                    selected={\n                      currentValue.from\n                        ? { from: currentValue.from, to: currentValue.to }\n                        : undefined\n                    }\n                    onSelect={handleRangeSelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    numberOfMonths={2}\n                    disabled={disabledMatcher}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    pagedNavigation\n                    components={{ Chevron: CalendarChevron }}\n                  />\n\n                  {/* Range summary live region */}\n                  {rangeSummary ? (\n                    <div\n                      role=\"status\"\n                      aria-live=\"polite\"\n                      className=\"type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center\"\n                    >\n                      {rangeSummary}\n                    </div>\n                  ) : null}\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDateRangePicker.displayName = 'DateRangePicker';\n"],"names":["subDays","date","amount","options","addDays","subWeeks","addWeeks","DateRangePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","presetsProp","mergePresets","size","disabled","placeholder","className","id","ref","t","i18n","useTranslation","ctx","useFormField","effectiveId","effectiveDisabled","effectiveTone","locale","getDateFnsLocale","placeholderText","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","month","setMonth","triggerRef","useRef","emit","useCallback","range","disabledMatcher","buildDisabledMatcher","defaultPresets","today","yesterday","startOfWeek","endOfWeek","lastWeekDay","startOfMonth","endOfMonth","effectivePresets","handleRangeSelect","handlePresetClick","preset","displayText","fromStr","fnsFormat","toStr","rangeSummary","days","differenceInCalendarDays","jsx","Popover","jsxs","triggerVariants","calendarIconVariants","Calendar","popoverContentVariants","presetButtonVariants","DayPicker","CalendarChevron"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/date-time-picker-CmGiTU__.js

@@ -0,0 +1,202 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as ie, useState as f, useRef as oe, useCallback as F } from "react";
+import { c as de } from "./index-D2ZczOXr.js";
+import { useTranslation as le } from "react-i18next";
+import * as v from "@radix-ui/react-popover";
+import { u as ce } from "./form-field-context-94LwgYTQ.js";
+import { T as ue } from "./time-picker-D-EueWUG.js";
+import { g as fe, b as me, i as pe, j as ge, C as he, d as ve, t as be, D as ye, f as Te, h as we } from "./react-day-picker-C04L_28V.js";
+import { f as De } from "./isSameMonth-5wNF2f4I.js";
+import { t as j } from "./isSameDay-ecuM8PBB.js";
+function H(s, r, t) {
+  const n = j(s, t == null ? void 0 : t.in);
+  return n.setHours(r), n;
+}
+function I(s, r, t) {
+  const n = j(s, t == null ? void 0 : t.in);
+  return n.setMinutes(r), n;
+}
+function xe(s, r) {
+  var t;
+  try {
+    const n = { timeZoneName: "short" };
+    return r && r !== "local" && (n.timeZone = r === "utc" ? "UTC" : r), ((t = new Intl.DateTimeFormat(s, n).formatToParts(/* @__PURE__ */ new Date()).find((o) => o.type === "timeZoneName")) == null ? void 0 : t.value) ?? "";
+  } catch {
+    return "";
+  }
+}
+function Ce(s) {
+  if (!s || s === "local") return !1;
+  try {
+    const r = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    return s === "utc" ? r !== "UTC" : r !== s;
+  } catch {
+    return !1;
+  }
+}
+const ke = de(
+  [
+    "ds:w-full ds:rounded-[var(--radius-sm)]",
+    "ds:bg-primary ds:text-primary-foreground",
+    "ds:hover:bg-primary-hover ds:cursor-pointer",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ne = ie(
+  ({
+    value: s,
+    defaultValue: r,
+    onChange: t,
+    timezone: n,
+    showTimezone: b,
+    minDate: o,
+    maxDate: m,
+    hour12: B,
+    minuteStep: S = 1,
+    size: p = "md",
+    disabled: Z,
+    placeholder: A,
+    className: z,
+    id: E
+  }, U) => {
+    const { t: l, i18n: x } = le(), c = ce(), _ = E ?? c.id, C = c.disabled || Z, W = c.invalid ? "error" : "default", k = fe(x.language), q = A ?? l("ui.inputs.dateTimePicker.placeholder", "Select date and time"), G = l("ui.inputs.dateTimePicker.apply", "Apply"), J = l(
+      "ui.inputs.dateTimePicker.outOfRange",
+      "Date/time is out of allowed range"
+    ), N = (b !== void 0 ? b : Ce(n)) ? xe(x.language, n) : "", y = s !== void 0, [K, Q] = f(
+      s ?? r
+    ), d = y ? s : K, [i, T] = f(d), [M, P] = f(!1), [X, L] = f(d ?? /* @__PURE__ */ new Date()), [R, g] = f(!1), V = oe(null), Y = F(
+      (e) => {
+        y || Q(e), t == null || t(e);
+      },
+      [y, t]
+    ), $ = me(o, m), w = F(
+      (e) => !(o && pe(e, o) || m && ge(e, m)),
+      [o, m]
+    ), ee = (e) => {
+      e && (T(d ?? /* @__PURE__ */ new Date()), L(d ?? /* @__PURE__ */ new Date()), g(!1)), P(e);
+    }, te = (e) => {
+      if (!e) return;
+      const D = i ?? /* @__PURE__ */ new Date(), u = I(H(e, D.getHours()), D.getMinutes());
+      T(u), g(!w(u));
+    }, se = (e) => {
+      const u = I(H(i ?? /* @__PURE__ */ new Date(), e.hours), e.minutes);
+      T(u), g(!w(u));
+    }, re = () => {
+      var e;
+      if (i) {
+        if (!w(i)) {
+          g(!0);
+          return;
+        }
+        Y(i), P(!1), (e = V.current) == null || e.focus();
+      }
+    }, O = d ? De(d, "MMM d, yyyy HH:mm", { locale: k }) : "", ae = l("ui.inputs.datePicker.gridLabel", "Calendar"), ne = l("ui.inputs.timePicker.groupLabel", "Time");
+    return /* @__PURE__ */ a(v.Root, { open: M, onOpenChange: ee, children: /* @__PURE__ */ h("div", { ref: U, className: z, "data-component": "date-time-picker", children: [
+      /* @__PURE__ */ a(v.Trigger, { asChild: !0, disabled: C, children: /* @__PURE__ */ h(
+        "button",
+        {
+          ref: V,
+          id: _,
+          type: "button",
+          disabled: C,
+          "aria-describedby": c.describedBy || void 0,
+          "aria-invalid": c.invalid || void 0,
+          "aria-haspopup": "dialog",
+          "aria-expanded": M,
+          className: be({ size: p, tone: W }),
+          children: [
+            /* @__PURE__ */ a("span", { className: O ? "ds:text-foreground" : "ds:text-muted-foreground", children: O || q }),
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: ve({ size: p }), children: /* @__PURE__ */ a(he, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ a(v.Portal, { children: /* @__PURE__ */ a(
+        v.Content,
+        {
+          sideOffset: 4,
+          align: "start",
+          className: we(),
+          children: /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ a("div", { role: "region", "aria-label": ae, children: /* @__PURE__ */ a(
+              ye,
+              {
+                mode: "single",
+                selected: i,
+                onSelect: te,
+                month: X,
+                onMonthChange: L,
+                disabled: $,
+                locale: k,
+                showOutsideDays: !0,
+                fixedWeeks: !0,
+                components: { Chevron: Te }
+              }
+            ) }),
+            /* @__PURE__ */ h(
+              "div",
+              {
+                role: "region",
+                "aria-label": ne,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]",
+                children: [
+                  /* @__PURE__ */ a(
+                    ue,
+                    {
+                      value: i ? { hours: i.getHours(), minutes: i.getMinutes() } : { hours: 0, minutes: 0 },
+                      onChange: se,
+                      hour12: B,
+                      minuteStep: S,
+                      size: p
+                    }
+                  ),
+                  N ? /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: "type-meta ds:text-muted-foreground",
+                      children: N
+                    }
+                  ) : null,
+                  R ? /* @__PURE__ */ a(
+                    "span",
+                    {
+                      role: "alert",
+                      className: "type-meta ds:text-destructive",
+                      children: J
+                    }
+                  ) : null,
+                  /* @__PURE__ */ a(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: re,
+                      disabled: !i || R,
+                      className: ke({ size: p }),
+                      children: G
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      ) })
+    ] }) });
+  }
+);
+Ne.displayName = "DateTimePicker";
+export {
+  Ne as D
+};
+//# sourceMappingURL=date-time-picker-CmGiTU__.js.map

package/dist/_chunks/date-time-picker-CmGiTU__.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-CmGiTU__.js","sources":["../../node_modules/date-fns/setHours.js","../../node_modules/date-fns/setMinutes.js","../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link setHours} function options.\n */\n\n/**\n * @name setHours\n * @category Hour Helpers\n * @summary Set the hours to the given date.\n *\n * @description\n * Set the hours to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param hours - The hours of the new date\n * @param options - An object with options\n *\n * @returns The new date with the hours set\n *\n * @example\n * // Set 4 hours to 1 September 2014 11:30:00:\n * const result = setHours(new Date(2014, 8, 1, 11, 30), 4)\n * //=> Mon Sep 01 2014 04:30:00\n */\nexport function setHours(date, hours, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(hours);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default setHours;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link setMinutes} function options.\n */\n\n/**\n * @name setMinutes\n * @category Minute Helpers\n * @summary Set the minutes to the given date.\n *\n * @description\n * Set the minutes to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows using extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, returned from the context function, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param minutes - The minutes of the new date\n * @param options - An object with options\n *\n * @returns The new date with the minutes set\n *\n * @example\n * // Set 45 minutes to 1 September 2014 11:30:40:\n * const result = setMinutes(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:45:40\n */\nexport function setMinutes(date, minutes, options) {\n  const date_ = toDate(date, options?.in);\n  date_.setMinutes(minutes);\n  return date_;\n}\n\n// Fallback for modularized imports:\nexport default setMinutes;\n","import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport { DayPicker } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  isBefore,\n  isAfter,\n  setHours,\n  setMinutes,\n} from 'date-fns';\nimport { Calendar } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  getDateFnsLocale,\n  buildDisabledMatcher,\n  CalendarChevron,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n} from '../_shared';\nimport { TimePicker } from '../time-picker/time-picker';\nimport type { TimeValue } from '../_shared/time';\nimport '../../tokens/themes/bridges/react-day-picker.css';\n\n/* -------------------------------------------------------------------------- */\n/*  Helpers                                                                    */\n/* -------------------------------------------------------------------------- */\n\n/** Get timezone short name. */\nfunction getTimezoneLabel(locale: string, timezone?: string): string {\n  try {\n    const opts: Intl.DateTimeFormatOptions = { timeZoneName: 'short' };\n    if (timezone && timezone !== 'local') {\n      opts.timeZone = timezone === 'utc' ? 'UTC' : timezone;\n    }\n    const parts = new Intl.DateTimeFormat(locale, opts).formatToParts(new Date());\n    return parts.find((p) => p.type === 'timeZoneName')?.value ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/** Check if a timezone differs from the browser's. */\nfunction tzDiffersFromBrowser(timezone?: string): boolean {\n  if (!timezone || timezone === 'local') return false;\n  try {\n    const browserTz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    if (timezone === 'utc') return browserTz !== 'UTC';\n    return browserTz !== timezone;\n  } catch {\n    return false;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*  CVA variants                                                               */\n/* -------------------------------------------------------------------------- */\n\nconst applyButtonVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:bg-primary ds:text-primary-foreground',\n    'ds:hover:bg-primary-hover ds:cursor-pointer',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DateTimePickerProps\n  extends Pick<VariantProps<typeof triggerVariants>, 'size'> {\n  /** Current datetime — controlled. */\n  value?: Date;\n  /** Default datetime — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the datetime changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Timezone — IANA string, 'local', or 'utc'. */\n  timezone?: string;\n  /** Show timezone annotation. Defaults to true when tz differs from browser. */\n  showTimezone?: boolean;\n  /** Minimum datetime. */\n  minDate?: Date;\n  /** Maximum datetime. */\n  maxDate?: Date;\n  /** Force 12h/24h mode. */\n  hour12?: boolean;\n  /** Minute step for TimePicker. */\n  minuteStep?: 1 | 5 | 10 | 15 | 30;\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DateTimePicker = forwardRef<HTMLDivElement, DateTimePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      timezone,\n      showTimezone: showTimezoneProp,\n      minDate,\n      maxDate,\n      hour12,\n      minuteStep = 1,\n      size = 'md',\n      disabled,\n      placeholder,\n      className,\n      id,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = getDateFnsLocale(i18n.language);\n    const placeholderText =\n      placeholder ?? t('ui.inputs.dateTimePicker.placeholder', 'Select date and time');\n    const applyLabel = t('ui.inputs.dateTimePicker.apply', 'Apply');\n    const outOfRangeLabel = t(\n      'ui.inputs.dateTimePicker.outOfRange',\n      'Date/time is out of allowed range',\n    );\n\n    const showTimezone =\n      showTimezoneProp !== undefined ? showTimezoneProp : tzDiffersFromBrowser(timezone);\n    const timezoneLabel = showTimezone\n      ? getTimezoneLabel(i18n.language, timezone)\n      : '';\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<Date | undefined>(\n      value ?? defaultValue,\n    );\n    const currentValue = isControlled ? value : internalValue;\n\n    // Draft state while popover is open\n    const [draftDate, setDraftDate] = useState<Date | undefined>(currentValue);\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n    const [rangeError, setRangeError] = useState(false);\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        if (!isControlled) setInternalValue(date);\n        onChange?.(date);\n      },\n      [isControlled, onChange],\n    );\n\n    const disabledMatcher = buildDisabledMatcher(minDate, maxDate);\n\n    /** Check if a full datetime is within range. */\n    const isInRange = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return false;\n        if (maxDate && isAfter(date, maxDate)) return false;\n        return true;\n      },\n      [minDate, maxDate],\n    );\n\n    // Sync draft when popover opens\n    const handleOpenChange = (nextOpen: boolean) => {\n      if (nextOpen) {\n        setDraftDate(currentValue ?? new Date());\n        setMonth(currentValue ?? new Date());\n        setRangeError(false);\n      }\n      setOpen(nextOpen);\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (!date) return;\n      const prev = draftDate ?? new Date();\n      const merged = setMinutes(setHours(date, prev.getHours()), prev.getMinutes());\n      setDraftDate(merged);\n      setRangeError(!isInRange(merged));\n    };\n\n    const handleTimeChange = (time: TimeValue) => {\n      const prev = draftDate ?? new Date();\n      const merged = setMinutes(setHours(prev, time.hours), time.minutes);\n      setDraftDate(merged);\n      setRangeError(!isInRange(merged));\n    };\n\n    const handleApply = () => {\n      if (!draftDate) return;\n      if (!isInRange(draftDate)) {\n        setRangeError(true);\n        return;\n      }\n      emit(draftDate);\n      setOpen(false);\n      triggerRef.current?.focus();\n    };\n\n    // Format display text\n    const displayText = currentValue\n      ? fnsFormat(currentValue, 'MMM d, yyyy HH:mm', { locale })\n      : '';\n\n    const calendarLabel = t('ui.inputs.datePicker.gridLabel', 'Calendar');\n    const timeLabel = t('ui.inputs.timePicker.groupLabel', 'Time');\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <div ref={ref} className={className} data-component=\"date-time-picker\">\n          <Popover.Trigger asChild disabled={effectiveDisabled}>\n            <button\n              ref={triggerRef}\n              id={effectiveId}\n              type=\"button\"\n              disabled={effectiveDisabled}\n              aria-describedby={ctx.describedBy || undefined}\n              aria-invalid={ctx.invalid || undefined}\n              // `aria-required` is not valid on `<button>` per ARIA 1.2 — the\n              // FormField label's visible asterisk + `aria-describedby` link\n              // communicate the required state instead.\n              aria-haspopup=\"dialog\"\n              aria-expanded={open}\n              className={triggerVariants({ size, tone: effectiveTone })}\n            >\n              <span className={displayText ? 'ds:text-foreground' : 'ds:text-muted-foreground'}>\n                {displayText || placeholderText}\n              </span>\n              <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n                <Calendar />\n              </span>\n            </button>\n          </Popover.Trigger>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              className={popoverContentVariants()}\n            >\n              <div className=\"ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]\">\n                {/* Calendar region */}\n                <div role=\"region\" aria-label={calendarLabel}>\n                  <DayPicker\n                    mode=\"single\"\n                    selected={draftDate}\n                    onSelect={handleDaySelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    disabled={disabledMatcher}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    components={{ Chevron: CalendarChevron }}\n                  />\n                </div>\n\n                {/* Time + Apply region */}\n                <div\n                  role=\"region\"\n                  aria-label={timeLabel}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]\"\n                >\n                  <TimePicker\n                    value={\n                      draftDate\n                        ? { hours: draftDate.getHours(), minutes: draftDate.getMinutes() }\n                        : { hours: 0, minutes: 0 }\n                    }\n                    onChange={handleTimeChange}\n                    hour12={hour12}\n                    minuteStep={minuteStep}\n                    size={size}\n                  />\n\n                  {/* Timezone annotation */}\n                  {timezoneLabel ? (\n                    <span\n                      className=\"type-meta ds:text-muted-foreground\"\n                    >\n                      {timezoneLabel}\n                    </span>\n                  ) : null}\n\n                  {/* Range error */}\n                  {rangeError ? (\n                    <span\n                      role=\"alert\"\n                      className=\"type-meta ds:text-destructive\"\n                    >\n                      {outOfRangeLabel}\n                    </span>\n                  ) : null}\n\n                  {/* Apply button */}\n                  <button\n                    type=\"button\"\n                    onClick={handleApply}\n                    disabled={!draftDate || rangeError}\n                    className={applyButtonVariants({ size })}\n                  >\n                    {applyLabel}\n                  </button>\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDateTimePicker.displayName = 'DateTimePicker';\n"],"names":["setHours","date","hours","options","_date","toDate","setMinutes","minutes","date_","getTimezoneLabel","locale","timezone","opts","_a","p","tzDiffersFromBrowser","browserTz","applyButtonVariants","cva","DateTimePicker","forwardRef","value","defaultValue","onChange","showTimezoneProp","minDate","maxDate","hour12","minuteStep","size","disabled","placeholder","className","id","ref","t","i18n","useTranslation","ctx","useFormField","effectiveId","effectiveDisabled","effectiveTone","getDateFnsLocale","placeholderText","applyLabel","outOfRangeLabel","timezoneLabel","isControlled","internalValue","setInternalValue","useState","currentValue","draftDate","setDraftDate","open","setOpen","month","setMonth","rangeError","setRangeError","triggerRef","useRef","emit","useCallback","disabledMatcher","buildDisabledMatcher","isInRange","isBefore","isAfter","handleOpenChange","nextOpen","handleDaySelect","prev","merged","handleTimeChange","time","handleApply","displayText","fnsFormat","calendarLabel","timeLabel","jsx","Popover","jsxs","triggerVariants","calendarIconVariants","Calendar","popoverContentVariants","DayPicker","CalendarChevron","TimePicker"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/description-list-DvJbp6Yg.js

@@ -0,0 +1,188 @@
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as n, useContext as V, useState as u, useCallback as k, createContext as R } from "react";
+import { c as d } from "./index-D2ZczOXr.js";
+import { useTranslation as _ } from "react-i18next";
+import { I as T } from "./icon-button-Wnnde5lc.js";
+import { C as P } from "./check-DPdL_Sm7.js";
+import { C as j } from "./copy-B00HK7tj.js";
+const f = R({
+  layout: "inline",
+  density: "default",
+  divider: "none"
+}), A = d("ds:flex ds:flex-col", {
+  variants: {
+    layout: {
+      inline: "",
+      stacked: "",
+      responsive: ""
+    },
+    density: {
+      default: "ds:gap-[var(--spacing-md)]",
+      compact: "ds:gap-[var(--spacing-sm)]"
+    },
+    divider: {
+      none: "",
+      between: "",
+      bordered: ""
+    }
+  },
+  defaultVariants: {
+    layout: "inline",
+    density: "default",
+    divider: "none"
+  }
+}), I = d("", {
+  variants: {
+    layout: {
+      inline: "ds:grid ds:gap-[var(--spacing-md)]",
+      stacked: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      responsive: "ds:grid ds:gap-[var(--spacing-md)] ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
+    },
+    divider: {
+      none: "",
+      between: "ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]",
+      bordered: "ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]"
+    },
+    copyable: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      layout: "inline",
+      copyable: !1,
+      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]"
+    },
+    {
+      layout: "inline",
+      copyable: !0,
+      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]"
+    },
+    {
+      layout: "responsive",
+      copyable: !1,
+      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]"
+    },
+    {
+      layout: "responsive",
+      copyable: !0,
+      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]"
+    }
+  ],
+  defaultVariants: {
+    layout: "inline",
+    divider: "none",
+    copyable: !1
+  }
+}), v = n(
+  ({
+    layout: e = "inline",
+    density: s = "default",
+    divider: a = "none",
+    className: t,
+    children: l,
+    ...c
+  }, m) => /* @__PURE__ */ i(f.Provider, { value: { layout: e, density: s, divider: a }, children: /* @__PURE__ */ i(
+    "dl",
+    {
+      ref: m,
+      className: A({ layout: e, density: s, divider: a, className: t }),
+      "data-component": "description-list",
+      ...c,
+      children: l
+    }
+  ) })
+);
+v.displayName = "DescriptionList";
+const y = n(
+  ({
+    copyable: e = !1,
+    copyText: s,
+    copyLabel: a,
+    className: t,
+    children: l,
+    ...c
+  }, m) => {
+    const { layout: g, divider: w } = V(f), { t: r } = _(), [D, p] = u(!1), [L, o] = u(""), N = k(async () => {
+      if (s)
+        try {
+          await navigator.clipboard.writeText(s), p(!0), o(r("ui.keyValuePair.copied")), setTimeout(() => {
+            p(!1), o("");
+          }, 2e3);
+        } catch {
+          o(r("ui.keyValuePair.notAvailable")), setTimeout(() => o(""), 3e3);
+        }
+    }, [s, r]), h = r("ui.keyValuePair.copy", { label: a ?? s ?? "" });
+    return /* @__PURE__ */ C(
+      "div",
+      {
+        ref: m,
+        className: I({ layout: g, divider: w, copyable: e, className: t }),
+        ...c,
+        children: [
+          l,
+          e && /* @__PURE__ */ i(
+            T,
+            {
+              icon: D ? /* @__PURE__ */ i(P, {}) : /* @__PURE__ */ i(j, {}),
+              size: "sm",
+              "aria-label": h,
+              onClick: N,
+              intent: "ghost",
+              className: "ds:self-start"
+            }
+          ),
+          e && /* @__PURE__ */ i("span", { role: "status", className: "ds:sr-only", children: L })
+        ]
+      }
+    );
+  }
+);
+y.displayName = "DescriptionList.Row";
+const z = d(
+  "type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:anywhere] ds:[word-break:normal]"
+), B = d(
+  "type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:anywhere] ds:[word-break:normal]",
+  {
+    variants: {
+      numeric: {
+        true: "ds:text-end",
+        false: "ds:text-start"
+      }
+    },
+    defaultVariants: {
+      numeric: !1
+    }
+  }
+), x = n(
+  ({ className: e, ...s }, a) => /* @__PURE__ */ i(
+    "dt",
+    {
+      ref: a,
+      className: z({ className: e }),
+      ...s
+    }
+  )
+);
+x.displayName = "DescriptionList.Term";
+const b = n(
+  ({ numeric: e = !1, className: s, ...a }, t) => /* @__PURE__ */ i(
+    "dd",
+    {
+      ref: t,
+      className: B({ numeric: e, className: s }),
+      ...a
+    }
+  )
+);
+b.displayName = "DescriptionList.Detail";
+const J = Object.assign(v, {
+  Row: y,
+  Term: x,
+  Detail: b
+});
+export {
+  J as D
+};
+//# sourceMappingURL=description-list-DvJbp6Yg.js.map

package/dist/_chunks/description-list-DvJbp6Yg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-DvJbp6Yg.js","sources":["../../src/components/description-list/description-list.tsx"],"sourcesContent":["import { createContext, forwardRef, useCallback, useContext, useState } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface DescriptionListContextShape {\n  layout: 'inline' | 'stacked' | 'responsive';\n  density: 'default' | 'compact';\n  divider: 'none' | 'between' | 'bordered';\n}\n\nconst DescriptionListContext = createContext<DescriptionListContextShape>({\n  layout: 'inline',\n  density: 'default',\n  divider: 'none',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root <dl>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    density: {\n      default: 'ds:gap-[var(--spacing-md)]',\n      compact: 'ds:gap-[var(--spacing-sm)]',\n    },\n    divider: {\n      none: '',\n      between: '',\n      bordered: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'inline',\n    density: 'default',\n    divider: 'none',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — row <div>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListRowVariants = cva('', {\n  variants: {\n    layout: {\n      inline: 'ds:grid ds:gap-[var(--spacing-md)]',\n      stacked: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n      responsive:\n        'ds:grid ds:gap-[var(--spacing-md)] ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    divider: {\n      none: '',\n      between:\n        'ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]',\n    },\n    copyable: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'inline',\n      copyable: false,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]',\n    },\n    {\n      layout: 'inline',\n      copyable: true,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]',\n    },\n    {\n      layout: 'responsive',\n      copyable: false,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]',\n    },\n    {\n      layout: 'responsive',\n      copyable: true,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]',\n    },\n  ],\n  defaultVariants: {\n    layout: 'inline',\n    divider: 'none',\n    copyable: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {\n  layout?: 'inline' | 'stacked' | 'responsive';\n  density?: 'default' | 'compact';\n  divider?: 'none' | 'between' | 'bordered';\n}\n\nexport interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */\n  copyable?: boolean;\n  /** Text written to the clipboard when copyable=true */\n  copyText?: string;\n  /** Label used in the copy button's aria-label: \"Copy {copyLabel}\". Falls back to copyText. */\n  copyLabel?: string;\n}\n\nexport interface DescriptionListTermProps extends React.HTMLAttributes<HTMLElement> {}\n\nexport interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {\n  /** Right-aligns numeric values via text-end */\n  numeric?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root — <dl>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRoot = forwardRef<HTMLDListElement, DescriptionListProps>(\n  (\n    {\n      layout = 'inline',\n      density = 'default',\n      divider = 'none',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <DescriptionListContext.Provider value={{ layout, density, divider }}>\n      <dl\n        ref={ref}\n        className={descriptionListVariants({ layout, density, divider, className })}\n        data-component=\"description-list\"\n        {...props}\n      >\n        {children}\n      </dl>\n    </DescriptionListContext.Provider>\n  ),\n);\nDescriptionListRoot.displayName = 'DescriptionList';\n\n/* ------------------------------------------------------------------ */\n/* Row — <div> that groups a <dt> with its <dd>(s)                     */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRow = forwardRef<HTMLDivElement, DescriptionListRowProps>(\n  (\n    {\n      copyable = false,\n      copyText,\n      copyLabel,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { layout, divider } = useContext(DescriptionListContext);\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const handleCopy = useCallback(async () => {\n      if (!copyText) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'DescriptionList.Row: copyable=true but no copyText provided. Copy is a no-op.',\n          );\n        }\n        return;\n      }\n      try {\n        await navigator.clipboard.writeText(copyText);\n        setCopied(true);\n        setAnnouncement(t('ui.keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('ui.keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [copyText, t]);\n\n    const ariaLabel = t('ui.keyValuePair.copy', { label: copyLabel ?? copyText ?? '' });\n\n    return (\n      <div\n        ref={ref}\n        className={descriptionListRowVariants({ layout, divider, copyable, className })}\n        {...props}\n      >\n        {children}\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={ariaLabel}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className=\"ds:self-start\"\n          />\n        )}\n        {copyable && (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {announcement}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nDescriptionListRow.displayName = 'DescriptionList.Row';\n\n/* ------------------------------------------------------------------ */\n/* CVA — term <dt>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListTermVariants = cva(\n  'type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:anywhere] ds:[word-break:normal]',\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — detail <dd>                                                    */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListDetailVariants = cva(\n  'type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:anywhere] ds:[word-break:normal]',\n  {\n    variants: {\n      numeric: {\n        true: 'ds:text-end',\n        false: 'ds:text-start',\n      },\n    },\n    defaultVariants: {\n      numeric: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Term — <dt>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListTerm = forwardRef<HTMLElement, DescriptionListTermProps>(\n  ({ className, ...props }, ref) => (\n    <dt\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListTermVariants({ className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListTerm.displayName = 'DescriptionList.Term';\n\n/* ------------------------------------------------------------------ */\n/* Detail — <dd>                                                        */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListDetail = forwardRef<HTMLElement, DescriptionListDetailProps>(\n  ({ numeric = false, className, ...props }, ref) => (\n    <dd\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListDetailVariants({ numeric, className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListDetail.displayName = 'DescriptionList.Detail';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n  Row: DescriptionListRow,\n  Term: DescriptionListTerm,\n  Detail: DescriptionListDetail,\n});\n"],"names":["DescriptionListContext","createContext","descriptionListVariants","cva","descriptionListRowVariants","DescriptionListRoot","forwardRef","layout","density","divider","className","children","props","ref","jsx","DescriptionListRow","copyable","copyText","copyLabel","useContext","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","handleCopy","useCallback","ariaLabel","jsxs","IconButton","Check","Copy","descriptionListTermVariants","descriptionListDetailVariants","DescriptionListTerm","DescriptionListDetail","numeric","DescriptionList"],"mappings":"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"}