@alfadocs/ui-kit-debug 1.104.0 → 1.106.0

package/dist/_chunks/weekly-hours-editor-BsVsgeOc.js

@@ -0,0 +1,252 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Z, useId as J, useMemo as Q, useEffect as ss } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { useTranslation as es } from "react-i18next";
+import { f as rs } from "./intl-locale-FWh-Y5_3.js";
+import { B as b } from "./button-DohK_Ak_.js";
+import { F as os } from "./form-field-context-DtiROUJV.js";
+import { S as as } from "./switch-DO6uC4HJ.js";
+import { T as M } from "./time-picker-DDr5vhwQ.js";
+import { X as ts } from "./x-B5YnXwCz.js";
+import { P as ns } from "./plus-DzMQ_c6b.js";
+import { C as ls } from "./copy-vRpqqHtY.js";
+const O = { from: 540, to: 1080 }, S = [1, 2, 3, 4, 5, 6, 7], T = 1439;
+function V(t) {
+  const s = /* @__PURE__ */ new Map();
+  t.forEach((a, l) => {
+    a.from < a.to || s.set(l, "order");
+  });
+  const n = t.map((a, l) => ({ ...a, i: l })).filter(({ i: a }) => !s.has(a)).sort((a, l) => a.from - l.from);
+  for (let a = 1; a < n.length; a += 1) {
+    const l = n[a - 1], u = n[a];
+    u.from < l.to && (s.has(u.i) || s.set(u.i, "overlap"), s.has(l.i) || s.set(l.i, "overlap"));
+  }
+  return s;
+}
+function ds(t, s = S) {
+  return s.every((n) => V(t[n] ?? []).size === 0);
+}
+function is(t) {
+  const s = t[t.length - 1];
+  if (!s) return { ...O };
+  const n = Math.min(s.to + 60, T - 60), a = Math.min(n + 240, T);
+  return n >= s.to && a > n ? { from: n, to: a } : null;
+}
+function R(t) {
+  const s = Math.min(T, Math.max(0, Math.round(t)));
+  return { hours: Math.floor(s / 60), minutes: s % 60 };
+}
+const j = (t) => t.hours * 60 + t.minutes, cs = m(
+  "ds:@container ds:flex ds:w-full ds:min-w-0 ds:max-w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-[color:var(--foreground)]"
+), W = "ds:grid ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:grid-cols-[minmax(0,1fr)_auto] ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*3)_calc(var(--spacing-xl)*2)_minmax(0,1fr)_auto]", ms = m(
+  `${W} ds:hidden ds:@[640px]:grid type-meta ds:font-semibold ds:text-[color:var(--muted-foreground)]`
+), us = m(
+  `${W} ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-sm)]`
+), ps = m(
+  "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:@[640px]:contents"
+), fs = m("ds:min-w-0 ds:font-semibold ds:break-words"), gs = m(
+  "ds:col-span-full ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1"
+), hs = m(
+  "ds:grid ds:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] ds:items-center ds:gap-[var(--spacing-xs)]"
+), ys = m(
+  "ds:col-span-full ds:m-0 type-meta ds:text-[color:var(--destructive)]"
+), ws = Z(function({
+  value: s,
+  onChange: n,
+  maxRanges: a = 2,
+  minuteStep: l = 15,
+  weekdays: u = S,
+  hour12: D = !1,
+  disabled: p = !1,
+  onValidityChange: x,
+  locale: z,
+  className: B,
+  ...P
+}, U) {
+  const { t: o, i18n: L } = es("ui"), E = J(), $ = rs(
+    z ?? L.resolvedLanguage ?? L.language
+  ), Y = Q(
+    () => new Intl.DateTimeFormat($, { weekday: "long", timeZone: "UTC" }),
+    [$]
+  ), G = (e) => Y.format(new Date(Date.UTC(2024, 0, e))), A = ds(s, u);
+  ss(() => {
+    x == null || x(A);
+  }, [A, x]);
+  const v = (e, d) => n({ ...s, [e]: d }), q = (e) => e === 0 ? o("weeklyHoursEditor.slotFirst") : e === 1 ? o("weeklyHoursEditor.slotSecond") : o("weeklyHoursEditor.slotN", { n: e + 1 }), K = (e) => {
+    const d = (s[e] ?? []).map((h) => ({ ...h })), f = { ...s };
+    for (const h of u) f[h] = d.map((i) => ({ ...i }));
+    n(f);
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: U,
+      role: "group",
+      "data-component": "weekly-hours-editor",
+      className: [cs(), B].filter(Boolean).join(" "),
+      ...P,
+      children: [
+        /* @__PURE__ */ g("div", { "aria-hidden": "true", className: ms(), children: [
+          /* @__PURE__ */ r("span", { children: o("weeklyHoursEditor.columnDay") }),
+          /* @__PURE__ */ r("span", { children: o("weeklyHoursEditor.columnOpen") }),
+          /* @__PURE__ */ g("span", { className: "ds:grid ds:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ r("span", { children: o("weeklyHoursEditor.columnOpens") }),
+            /* @__PURE__ */ r("span", {}),
+            /* @__PURE__ */ r("span", { children: o("weeklyHoursEditor.columnCloses") }),
+            /* @__PURE__ */ r("span", { className: "ds:w-[var(--min-target-size)]" })
+          ] }),
+          /* @__PURE__ */ r("span", {})
+        ] }),
+        u.map((e) => {
+          const d = s[e] ?? [], f = d.length > 0, h = V(d), i = G(e), H = `${E}-${e}-error`, C = Array.from(new Set(h.values())), N = is(d);
+          return /* @__PURE__ */ g(
+            "div",
+            {
+              role: "group",
+              "aria-label": i,
+              "data-weekday": e,
+              className: us(),
+              children: [
+                /* @__PURE__ */ g("div", { className: ps(), children: [
+                  /* @__PURE__ */ r("span", { className: fs(), children: i }),
+                  /* @__PURE__ */ r(
+                    as,
+                    {
+                      label: o("weeklyHoursEditor.openSwitch", { day: i }),
+                      hideLabel: !0,
+                      className: "ds:justify-self-start",
+                      checked: f,
+                      disabled: p,
+                      onCheckedChange: (y) => v(e, y ? [{ ...O }] : [])
+                    }
+                  )
+                ] }),
+                f ? /* @__PURE__ */ r("div", { className: gs(), children: d.map((y, c) => {
+                  const F = h.has(c), _ = q(c), I = (w) => v(
+                    e,
+                    d.map((k, X) => X === c ? { ...k, ...w } : k)
+                  );
+                  return /* @__PURE__ */ r(
+                    os.Provider,
+                    {
+                      value: {
+                        id: `${E}-${e}-${c}`,
+                        helpId: `${E}-${e}-${c}-help`,
+                        errorId: H,
+                        describedBy: F ? H : "",
+                        invalid: F,
+                        required: !1,
+                        disabled: p
+                      },
+                      children: /* @__PURE__ */ g("div", { className: hs(), "data-range": c, children: [
+                        /* @__PURE__ */ r(
+                          M,
+                          {
+                            dropdown: !0,
+                            hour12: D,
+                            minuteStep: l,
+                            disabled: p,
+                            "aria-label": o("weeklyHoursEditor.fieldLabel", {
+                              day: i,
+                              slot: _,
+                              edge: o("weeklyHoursEditor.edgeOpens")
+                            }),
+                            value: R(y.from),
+                            onChange: (w) => I({ from: j(w) })
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:text-[color:var(--muted-foreground)]",
+                            children: "–"
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          M,
+                          {
+                            dropdown: !0,
+                            hour12: D,
+                            minuteStep: l,
+                            disabled: p,
+                            "aria-label": o("weeklyHoursEditor.fieldLabel", {
+                              day: i,
+                              slot: _,
+                              edge: o("weeklyHoursEditor.edgeCloses")
+                            }),
+                            value: R(y.to),
+                            onChange: (w) => I({ to: j(w) })
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          b,
+                          {
+                            intent: "ghost",
+                            hideLabel: !0,
+                            disabled: p,
+                            startIcon: /* @__PURE__ */ r(ts, { "aria-hidden": "true" }),
+                            onClick: () => v(
+                              e,
+                              d.filter((w, k) => k !== c)
+                            ),
+                            children: o("weeklyHoursEditor.removeRange", {
+                              slot: _,
+                              day: i
+                            })
+                          }
+                        )
+                      ] })
+                    },
+                    c
+                  );
+                }) }) : /* @__PURE__ */ r("span", { className: "ds:col-span-full ds:text-[color:var(--muted-foreground)] ds:@[640px]:col-span-1", children: o("weeklyHoursEditor.closed") }),
+                /* @__PURE__ */ g("div", { className: "ds:col-span-full ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1 ds:@[640px]:col-start-4 ds:@[640px]:row-start-1", children: [
+                  f && d.length < a ? /* @__PURE__ */ r(
+                    b,
+                    {
+                      intent: "ghost",
+                      size: "sm",
+                      disabled: p || N === null,
+                      startIcon: /* @__PURE__ */ r(ns, { "aria-hidden": "true" }),
+                      "aria-label": o("weeklyHoursEditor.addRangeFor", { day: i }),
+                      onClick: () => N && v(e, [...d, N]),
+                      children: o("weeklyHoursEditor.addRange")
+                    }
+                  ) : null,
+                  f ? /* @__PURE__ */ r(
+                    b,
+                    {
+                      intent: "ghost",
+                      size: "sm",
+                      disabled: p,
+                      startIcon: /* @__PURE__ */ r(ls, { "aria-hidden": "true" }),
+                      "aria-label": o("weeklyHoursEditor.copyToAllFor", {
+                        day: i
+                      }),
+                      onClick: () => K(e),
+                      children: o("weeklyHoursEditor.copyToAll")
+                    }
+                  ) : null
+                ] }),
+                C.length > 0 ? /* @__PURE__ */ r("p", { id: H, role: "alert", className: ys(), children: C.map(
+                  (y) => o(y === "order" ? "weeklyHoursEditor.errorOrder" : "weeklyHoursEditor.errorOverlap")
+                ).join(" ") }) : null
+              ]
+            },
+            e
+          );
+        })
+      ]
+    }
+  );
+});
+ws.displayName = "WeeklyHoursEditor";
+export {
+  O as W,
+  ws as a,
+  ds as i,
+  is as n,
+  V as v
+};
+//# sourceMappingURL=weekly-hours-editor-BsVsgeOc.js.map

package/dist/_chunks/weekly-hours-editor-BsVsgeOc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weekly-hours-editor-BsVsgeOc.js","sources":["../../src/components/weekly-hours-editor/weekly-hours-editor.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Copy, Plus, X } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { formatLocale } from '../_shared/intl-locale';\nimport type { TimeValue } from '../_shared/time';\nimport { Button } from '../button';\nimport { FormFieldContext } from '../form-field/form-field-context';\nimport { Switch } from '../switch';\nimport { TimePicker } from '../time-picker';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\n/** One open period, in minutes from midnight (9:00 is 540). */\nexport interface HoursRange {\n  from: number;\n  to: number;\n}\n\n/**\n * Hours by weekday. Keys are ISO weekdays 1 to 7 with 1 = Monday and 7 = Sunday. A day\n * with no ranges, or no key, is closed.\n */\nexport type WeeklyHours = Partial<Record<number, readonly HoursRange[]>>;\n\nexport type HoursIssue = 'order' | 'overlap';\n\nexport interface WeeklyHoursEditorProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'children'\n> {\n  value: WeeklyHours;\n  onChange: (next: WeeklyHours) => void;\n  /** Most ranges per day. Default 2 (a lunch break). */\n  maxRanges?: number;\n  /** Minutes between choices in the time lists. Default 15. */\n  minuteStep?: 1 | 5 | 10 | 15 | 30;\n  /** Weekdays to edit (1 Monday to 7 Sunday), in this order. Default all seven. */\n  weekdays?: readonly number[];\n  /** 12-hour clocks. Default: the language decides. */\n  hour12?: boolean;\n  disabled?: boolean;\n  /** Called whenever the value turns valid or invalid. */\n  onValidityChange?: (valid: boolean) => void;\n  /** Overrides the active language for weekday names. */\n  locale?: string;\n  /** Accessible name for the editor. */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Pure helpers                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WEEKLY_HOURS_DEFAULT_RANGE: HoursRange = { from: 540, to: 1080 };\nconst ALL_DAYS = [1, 2, 3, 4, 5, 6, 7] as const;\nconst DAY_END = 1439;\n\n/** The problem with one day's ranges, per range index. */\nexport function validateDay(\n  ranges: readonly HoursRange[],\n): Map<number, HoursIssue> {\n  const issues = new Map<number, HoursIssue>();\n  ranges.forEach((r, i) => {\n    if (!(r.from < r.to)) issues.set(i, 'order');\n  });\n  const sorted = ranges\n    .map((r, i) => ({ ...r, i }))\n    .filter(({ i }) => !issues.has(i))\n    .sort((a, b) => a.from - b.from);\n  for (let k = 1; k < sorted.length; k += 1) {\n    const prev = sorted[k - 1]!;\n    const cur = sorted[k]!;\n    if (cur.from < prev.to) {\n      if (!issues.has(cur.i)) issues.set(cur.i, 'overlap');\n      if (!issues.has(prev.i)) issues.set(prev.i, 'overlap');\n    }\n  }\n  return issues;\n}\n\nexport function isWeeklyHoursValid(\n  value: WeeklyHours,\n  weekdays: readonly number[] = ALL_DAYS,\n): boolean {\n  return weekdays.every((d) => validateDay(value[d] ?? []).size === 0);\n}\n\n/** The range \"+ slot\" adds: after the last one, or the default for an empty day. */\nexport function nextRange(ranges: readonly HoursRange[]): HoursRange | null {\n  const last = ranges[ranges.length - 1];\n  if (!last) return { ...WEEKLY_HOURS_DEFAULT_RANGE };\n  const from = Math.min(last.to + 60, DAY_END - 60);\n  const to = Math.min(from + 240, DAY_END);\n  return from >= last.to && to > from ? { from, to } : null;\n}\n\nexport function toTimeValue(minutes: number): TimeValue {\n  const m = Math.min(DAY_END, Math.max(0, Math.round(minutes)));\n  return { hours: Math.floor(m / 60), minutes: m % 60 };\n}\n\nexport const fromTimeValue = (t: TimeValue) => t.hours * 60 + t.minutes;\n\n/* ------------------------------------------------------------------ */\n/* Class tables                                                         */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  'ds:@container ds:flex ds:w-full ds:min-w-0 ds:max-w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-[color:var(--foreground)]',\n);\n\n// Narrow: the day and switch share a line, the ranges sit under them.\n// From 640px: day, switch and ranges share one line. Thresholds are px\n// because rem in a container query follows the host root font size.\nconst GRID =\n  'ds:grid ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:grid-cols-[minmax(0,1fr)_auto] ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*3)_calc(var(--spacing-xl)*2)_minmax(0,1fr)_auto]';\n\nconst headerVariants = cva(\n  `${GRID} ds:hidden ds:@[640px]:grid type-meta ds:font-semibold ds:text-[color:var(--muted-foreground)]`,\n);\n\nconst rowVariants = cva(\n  `${GRID} ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-sm)]`,\n);\n\nconst dayCellVariants = cva(\n  'ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:@[640px]:contents',\n);\n\nconst dayNameVariants = cva('ds:min-w-0 ds:font-semibold ds:break-words');\n\nconst rangesVariants = cva(\n  'ds:col-span-full ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1',\n);\n\nconst rangeVariants = cva(\n  'ds:grid ds:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] ds:items-center ds:gap-[var(--spacing-xs)]',\n);\n\nconst errorVariants = cva(\n  'ds:col-span-full ds:m-0 type-meta ds:text-[color:var(--destructive)]',\n);\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const WeeklyHoursEditor = forwardRef<\n  HTMLDivElement,\n  WeeklyHoursEditorProps\n>(function WeeklyHoursEditor(\n  {\n    value,\n    onChange,\n    maxRanges = 2,\n    minuteStep = 15,\n    weekdays = ALL_DAYS,\n    hour12 = false,\n    disabled = false,\n    onValidityChange,\n    locale: localeProp,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation('ui');\n  const baseId = useId();\n  const locale = formatLocale(\n    localeProp ?? i18n.resolvedLanguage ?? i18n.language,\n  );\n  const dayFmt = useMemo(\n    () => new Intl.DateTimeFormat(locale, { weekday: 'long', timeZone: 'UTC' }),\n    [locale],\n  );\n  // 2024-01-01 is a Monday, so ISO weekday 1 is day 1 of that month.\n  const dayName = (d: number) => dayFmt.format(new Date(Date.UTC(2024, 0, d)));\n\n  const valid = isWeeklyHoursValid(value, weekdays);\n  useEffect(() => {\n    onValidityChange?.(valid);\n  }, [valid, onValidityChange]);\n\n  const setDay = (d: number, ranges: readonly HoursRange[]) =>\n    onChange({ ...value, [d]: ranges });\n\n  const slotName = (index: number) =>\n    index === 0\n      ? t('weeklyHoursEditor.slotFirst')\n      : index === 1\n        ? t('weeklyHoursEditor.slotSecond')\n        : t('weeklyHoursEditor.slotN', { n: index + 1 });\n\n  const copyToAll = (from: number) => {\n    const source = (value[from] ?? []).map((r) => ({ ...r }));\n    const next: WeeklyHours = { ...value };\n    for (const d of weekdays) next[d] = source.map((r) => ({ ...r }));\n    onChange(next);\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-component=\"weekly-hours-editor\"\n      className={[rootVariants(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <div aria-hidden=\"true\" className={headerVariants()}>\n        <span>{t('weeklyHoursEditor.columnDay')}</span>\n        <span>{t('weeklyHoursEditor.columnOpen')}</span>\n        <span className=\"ds:grid ds:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] ds:gap-[var(--spacing-xs)]\">\n          <span>{t('weeklyHoursEditor.columnOpens')}</span>\n          <span />\n          <span>{t('weeklyHoursEditor.columnCloses')}</span>\n          <span className=\"ds:w-[var(--min-target-size)]\" />\n        </span>\n        <span />\n      </div>\n\n      {weekdays.map((d) => {\n        const ranges = value[d] ?? [];\n        const open = ranges.length > 0;\n        const issues = validateDay(ranges);\n        const name = dayName(d);\n        const errorId = `${baseId}-${d}-error`;\n        const issueList = Array.from(new Set(issues.values()));\n        const next = nextRange(ranges);\n        return (\n          <div\n            key={d}\n            role=\"group\"\n            aria-label={name}\n            data-weekday={d}\n            className={rowVariants()}\n          >\n            <div className={dayCellVariants()}>\n              <span className={dayNameVariants()}>{name}</span>\n              <Switch\n                label={t('weeklyHoursEditor.openSwitch', { day: name })}\n                hideLabel\n                className=\"ds:justify-self-start\"\n                checked={open}\n                disabled={disabled}\n                onCheckedChange={(on) =>\n                  setDay(d, on ? [{ ...WEEKLY_HOURS_DEFAULT_RANGE }] : [])\n                }\n              />\n            </div>\n\n            {open ? (\n              <div className={rangesVariants()}>\n                {ranges.map((range, i) => {\n                  const bad = issues.has(i);\n                  const slot = slotName(i);\n                  const update = (patch: Partial<HoursRange>) =>\n                    setDay(\n                      d,\n                      ranges.map((r, k) => (k === i ? { ...r, ...patch } : r)),\n                    );\n                  return (\n                    <FormFieldContext.Provider\n                      key={i}\n                      value={{\n                        id: `${baseId}-${d}-${i}`,\n                        helpId: `${baseId}-${d}-${i}-help`,\n                        errorId,\n                        describedBy: bad ? errorId : '',\n                        invalid: bad,\n                        required: false,\n                        disabled,\n                      }}\n                    >\n                      <div className={rangeVariants()} data-range={i}>\n                        <TimePicker\n                          dropdown\n                          hour12={hour12}\n                          minuteStep={minuteStep}\n                          disabled={disabled}\n                          aria-label={t('weeklyHoursEditor.fieldLabel', {\n                            day: name,\n                            slot,\n                            edge: t('weeklyHoursEditor.edgeOpens'),\n                          })}\n                          value={toTimeValue(range.from)}\n                          onChange={(v) => update({ from: fromTimeValue(v) })}\n                        />\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"ds:text-[color:var(--muted-foreground)]\"\n                        >\n                          –\n                        </span>\n                        <TimePicker\n                          dropdown\n                          hour12={hour12}\n                          minuteStep={minuteStep}\n                          disabled={disabled}\n                          aria-label={t('weeklyHoursEditor.fieldLabel', {\n                            day: name,\n                            slot,\n                            edge: t('weeklyHoursEditor.edgeCloses'),\n                          })}\n                          value={toTimeValue(range.to)}\n                          onChange={(v) => update({ to: fromTimeValue(v) })}\n                        />\n                        <Button\n                          intent=\"ghost\"\n                          hideLabel\n                          disabled={disabled}\n                          startIcon={<X aria-hidden=\"true\" />}\n                          onClick={() =>\n                            setDay(\n                              d,\n                              ranges.filter((_, k) => k !== i),\n                            )\n                          }\n                        >\n                          {t('weeklyHoursEditor.removeRange', {\n                            slot,\n                            day: name,\n                          })}\n                        </Button>\n                      </div>\n                    </FormFieldContext.Provider>\n                  );\n                })}\n              </div>\n            ) : (\n              <span className=\"ds:col-span-full ds:text-[color:var(--muted-foreground)] ds:@[640px]:col-span-1\">\n                {t('weeklyHoursEditor.closed')}\n              </span>\n            )}\n\n            <div className=\"ds:col-span-full ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1 ds:@[640px]:col-start-4 ds:@[640px]:row-start-1\">\n              {open && ranges.length < maxRanges ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  disabled={disabled || next === null}\n                  startIcon={<Plus aria-hidden=\"true\" />}\n                  aria-label={t('weeklyHoursEditor.addRangeFor', { day: name })}\n                  onClick={() => next && setDay(d, [...ranges, next])}\n                >\n                  {t('weeklyHoursEditor.addRange')}\n                </Button>\n              ) : null}\n              {open ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  disabled={disabled}\n                  startIcon={<Copy aria-hidden=\"true\" />}\n                  aria-label={t('weeklyHoursEditor.copyToAllFor', {\n                    day: name,\n                  })}\n                  onClick={() => copyToAll(d)}\n                >\n                  {t('weeklyHoursEditor.copyToAll')}\n                </Button>\n              ) : null}\n            </div>\n\n            {issueList.length > 0 ? (\n              <p id={errorId} role=\"alert\" className={errorVariants()}>\n                {issueList\n                  .map((issue) =>\n                    issue === 'order'\n                      ? t('weeklyHoursEditor.errorOrder')\n                      : t('weeklyHoursEditor.errorOverlap'),\n                  )\n                  .join(' ')}\n              </p>\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\nWeeklyHoursEditor.displayName = 'WeeklyHoursEditor';\n"],"names":["WEEKLY_HOURS_DEFAULT_RANGE","ALL_DAYS","DAY_END","validateDay","ranges","issues","r","i","sorted","b","k","prev","cur","isWeeklyHoursValid","value","weekdays","d","nextRange","last","from","to","toTimeValue","minutes","m","fromTimeValue","rootVariants","cva","GRID","headerVariants","rowVariants","dayCellVariants","dayNameVariants","rangesVariants","rangeVariants","errorVariants","WeeklyHoursEditor","forwardRef","onChange","maxRanges","minuteStep","hour12","disabled","onValidityChange","localeProp","className","rest","ref","t","i18n","useTranslation","baseId","useId","locale","formatLocale","dayFmt","useMemo","dayName","valid","useEffect","setDay","slotName","index","copyToAll","source","next","jsxs","jsx","open","name","errorId","issueList","Switch","on","range","bad","slot","update","patch","FormFieldContext","TimePicker","v","Button","X","_","Plus","Copy","issue"],"mappings":"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"}

package/dist/_chunks/{workflow-map-B1jf6QaB.js → workflow-map-DWk-rZse.js}

@@ -13,7 +13,7 @@ import { T as ae } from "./trash-2-uumy3fy1.js";
 import { C as Ne } from "./circle-dashed-CUj6o2cA.js";
 import { C as Ce } from "./circle-j7oZoouK.js";
 import { u as _e } from "./registry-DvAUVLHh.js";
-import { A as V } from "./alert-9kEwDza3.js";
+import { A as V } from "./alert-C4WKViaS.js";
 import { B as Se } from "./button-DohK_Ak_.js";
 import { D as N } from "./dropdown-menu-CqxBthww.js";
 import { E } from "./empty-state-DwJ5YNzz.js";
@@ -1321,4 +1321,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-B1jf6QaB.js.map
+//# sourceMappingURL=workflow-map-DWk-rZse.js.map