@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-UPWGSWXG.js

@@ -0,0 +1,78 @@
+// src/components/data-display/Chip/Chip.helpers.tsx
+import { Avatar } from "@mui/material";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;
+var DELETE_KEYS = /* @__PURE__ */ new Set(["Delete", "Backspace"]);
+var ACTIVATE_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
+var makeKeyDownHandler = ({ disabled, deletable, selectable, onClick, onDelete }) => (event) => {
+  if (disabled) return;
+  if (DELETE_KEYS.has(event.key) && deletable && onDelete) {
+    event.preventDefault();
+    onDelete();
+    return;
+  }
+  if (ACTIVATE_KEYS.has(event.key) && (onClick || selectable)) {
+    event.preventDefault();
+    onClick?.();
+  }
+};
+var avatarFor = (avatar, avatarSrc) => {
+  if (avatar && React.isValidElement(avatar)) {
+    return avatar;
+  }
+  if (avatarSrc) {
+    return /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, sx: { width: 24, height: 24 } });
+  }
+  return void 0;
+};
+var chipStyles = ({
+  variant,
+  selected,
+  clickable,
+  disabled
+}) => {
+  const lifts = clickable && !disabled;
+  return {
+    // Enhanced styling for outlined variant
+    ...variant === "outlined" && {
+      borderWidth: "1px",
+      borderStyle: "solid",
+      backgroundColor: "transparent"
+    },
+    ...selected && variant === "outlined" && {
+      backgroundColor: (theme) => theme.palette.action.selected
+    },
+    "&:hover": {
+      ...lifts && {
+        transform: "translateY(-1px)",
+        boxShadow: (theme) => theme.palette.mode === "dark" ? "0 4px 12px rgba(0, 0, 0, 0.3)" : "0 4px 12px rgba(0, 0, 0, 0.15)"
+      }
+    },
+    "&:active": {
+      ...lifts && {
+        transform: "translateY(0px)"
+      }
+    },
+    transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+  };
+};
+var chipRole = (selectable, onClick) => {
+  if (selectable) return "option";
+  return onClick ? "button" : void 0;
+};
+var isClickable = (disabled, onClick, selectable) => !disabled && (Boolean(onClick) || Boolean(selectable));
+var iconWithTestId = (icon, testId) => icon && React.isValidElement(icon) ? React.cloneElement(icon, {
+  "data-testid": testId
+}) : void 0;
+
+export {
+  makeTestId,
+  makeKeyDownHandler,
+  avatarFor,
+  chipStyles,
+  chipRole,
+  isClickable,
+  iconWithTestId
+};
+//# sourceMappingURL=chunk-UPWGSWXG.js.map

package/dist/chunk-UPWGSWXG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.helpers.tsx"],"sourcesContent":["import { Avatar } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material';\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport React from 'react';\n\nimport type { ChipProps } from './Chip.types';\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;\n\ninterface KeyHandlerArgs {\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  onClick?: () => void;\n  onDelete?: () => void;\n}\n\nconst DELETE_KEYS = new Set(['Delete', 'Backspace']);\nconst ACTIVATE_KEYS = new Set(['Enter', ' ']);\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in for\n * are wired by hand: Delete/Backspace removes it, Enter/Space activates it.\n */\nexport const makeKeyDownHandler =\n  ({ disabled, deletable, selectable, onClick, onDelete }: KeyHandlerArgs) =>\n  (event: KeyboardEvent): void => {\n    if (disabled) return;\n\n    if (DELETE_KEYS.has(event.key) && deletable && onDelete) {\n      event.preventDefault();\n      onDelete();\n      return;\n    }\n\n    if (ACTIVATE_KEYS.has(event.key) && (onClick || selectable)) {\n      event.preventDefault();\n      onClick?.();\n    }\n  };\n\nexport const avatarFor = (\n  avatar: ChipProps['avatar'],\n  avatarSrc?: string,\n): ReactElement | undefined => {\n  if (avatar && React.isValidElement(avatar)) {\n    return avatar;\n  }\n  if (avatarSrc) {\n    return <Avatar src={avatarSrc} sx={{ width: 24, height: 24 }} />;\n  }\n  return undefined;\n};\n\ninterface ChipStyleArgs {\n  variant: ChipProps['variant'];\n  selected?: boolean;\n  clickable?: boolean;\n  disabled?: boolean;\n}\n\n/**\n * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled\n * selected chip keeps MUI's solid `color.main` + contrast text (clear active\n * state); an outlined selected chip gets a subtle theme-driven `action.selected`\n * tint so it reads as active without muddying the fill.\n */\nexport const chipStyles = ({\n  variant,\n  selected,\n  clickable,\n  disabled,\n}: ChipStyleArgs): SxProps<Theme> => {\n  const lifts = clickable && !disabled;\n\n  return {\n    // Enhanced styling for outlined variant\n    ...(variant === 'outlined' && {\n      borderWidth: '1px',\n      borderStyle: 'solid',\n      backgroundColor: 'transparent',\n    }),\n    ...(selected &&\n      variant === 'outlined' && {\n        backgroundColor: (theme: Theme) => theme.palette.action.selected,\n      }),\n    '&:hover': {\n      ...(lifts && {\n        transform: 'translateY(-1px)',\n        boxShadow: (theme: Theme) =>\n          theme.palette.mode === 'dark'\n            ? '0 4px 12px rgba(0, 0, 0, 0.3)'\n            : '0 4px 12px rgba(0, 0, 0, 0.15)',\n      }),\n    },\n    '&:active': {\n      ...(lifts && {\n        transform: 'translateY(0px)',\n      }),\n    },\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n  };\n};\n\n/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */\nexport const chipRole = (\n  selectable?: boolean,\n  onClick?: () => void,\n): 'option' | 'button' | undefined => {\n  if (selectable) return 'option';\n  return onClick ? 'button' : undefined;\n};\n\nexport const isClickable = (\n  disabled?: boolean,\n  onClick?: () => void,\n  selectable?: boolean,\n): boolean => !disabled && (Boolean(onClick) || Boolean(selectable));\n\nexport const iconWithTestId = (\n  icon: ChipProps['icon'],\n  testId: string,\n): ReactElement | undefined =>\n  icon && React.isValidElement(icon)\n    ? React.cloneElement(icon as ReactElement, {\n        'data-testid': testId,\n      } as Record<string, unknown>)\n    : undefined;\n"],"mappings":";AAAA,SAAS,cAAc;AAGvB,OAAO,WAAW;AAiDP;AA7CJ,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,QAAQ,MAAM;AAU3D,IAAM,cAAc,oBAAI,IAAI,CAAC,UAAU,WAAW,CAAC;AACnD,IAAM,gBAAgB,oBAAI,IAAI,CAAC,SAAS,GAAG,CAAC;AAMrC,IAAM,qBACX,CAAC,EAAE,UAAU,WAAW,YAAY,SAAS,SAAS,MACtD,CAAC,UAA+B;AAC9B,MAAI,SAAU;AAEd,MAAI,YAAY,IAAI,MAAM,GAAG,KAAK,aAAa,UAAU;AACvD,UAAM,eAAe;AACrB,aAAS;AACT;AAAA,EACF;AAEA,MAAI,cAAc,IAAI,MAAM,GAAG,MAAM,WAAW,aAAa;AAC3D,UAAM,eAAe;AACrB,cAAU;AAAA,EACZ;AACF;AAEK,IAAM,YAAY,CACvB,QACA,cAC6B;AAC7B,MAAI,UAAU,MAAM,eAAe,MAAM,GAAG;AAC1C,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,WAAO,oBAAC,UAAO,KAAK,WAAW,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA,EAChE;AACA,SAAO;AACT;AAeO,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,QAAQ,aAAa,CAAC;AAE5B,SAAO;AAAA;AAAA,IAEL,GAAI,YAAY,cAAc;AAAA,MAC5B,aAAa;AAAA,MACb,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AAAA,IACA,GAAI,YACF,YAAY,cAAc;AAAA,MACxB,iBAAiB,CAAC,UAAiB,MAAM,QAAQ,OAAO;AAAA,IAC1D;AAAA,IACF,WAAW;AAAA,MACT,GAAI,SAAS;AAAA,QACX,WAAW;AAAA,QACX,WAAW,CAAC,UACV,MAAM,QAAQ,SAAS,SACnB,kCACA;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,GAAI,SAAS;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAGO,IAAM,WAAW,CACtB,YACA,YACoC;AACpC,MAAI,WAAY,QAAO;AACvB,SAAO,UAAU,WAAW;AAC9B;AAEO,IAAM,cAAc,CACzB,UACA,SACA,eACY,CAAC,aAAa,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAE3D,IAAM,iBAAiB,CAC5B,MACA,WAEA,QAAQ,MAAM,eAAe,IAAI,IAC7B,MAAM,aAAa,MAAsB;AAAA,EACvC,eAAe;AACjB,CAA4B,IAC5B;","names":[]}

package/dist/chunk-UQSGEEAI.js

@@ -0,0 +1,72 @@
+import {
+  activeQuickRangeId,
+  defaultMessages,
+  resolveDayRange,
+  resolveQuickRanges
+} from "./chunk-BNBBPGA4.js";
+import {
+  toDayString,
+  todayIn
+} from "./chunk-FRAVVI4A.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.hooks.ts
+import { useId, useMemo, useState } from "react";
+function useDateRangePicker({
+  value,
+  onChange,
+  timeZone,
+  now,
+  maxRangeDays,
+  weekStartsOn,
+  quickRanges,
+  messages
+}) {
+  const statusId = useId();
+  const [viewNonce, setViewNonce] = useState(0);
+  const copy = useMemo(() => ({ ...defaultMessages(), ...messages }), [messages]);
+  const today = useMemo(() => todayIn(timeZone, now ?? /* @__PURE__ */ new Date()), [timeZone, now]);
+  const options = useMemo(
+    () => resolveQuickRanges(quickRanges, { today, weekStartsOn }, maxRangeDays),
+    [quickRanges, today, weekStartsOn, maxRangeDays]
+  );
+  const status = useMemo(() => resolveDayRange(value, maxRangeDays), [value, maxRangeDays]);
+  const emit = (next, source, quickRangeId) => {
+    onChange(next, {
+      source,
+      ...quickRangeId ? { quickRangeId } : {},
+      // Judged here, once. A caller left to re-derive "is this usable" is a
+      // second opinion able to disagree with the message on screen.
+      status: resolveDayRange(next, maxRangeDays)
+    });
+  };
+  return {
+    copy,
+    options,
+    activeId: activeQuickRangeId(options, value),
+    status,
+    statusId,
+    viewNonce,
+    pickQuick: (option) => {
+      setViewNonce((nonce) => nonce + 1);
+      emit({ from: option.window.from, to: option.window.to }, "quick", option.id);
+    },
+    editBound: (which, bound) => {
+      setViewNonce((nonce) => nonce + 1);
+      emit({ ...value, [which]: bound }, which);
+    },
+    pickOnCalendar: (range) => {
+      emit(
+        {
+          from: range.start ? toDayString(range.start) : null,
+          to: range.end ? toDayString(range.end) : null
+        },
+        "calendar"
+      );
+    }
+  };
+}
+
+export {
+  useDateRangePicker
+};
+//# sourceMappingURL=chunk-UQSGEEAI.js.map

package/dist/chunk-UQSGEEAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.hooks.ts"],"sourcesContent":["/**\n * Everything the picker derives and every way its range can move, kept out of\n * the component so that file is a layout and this one is the behaviour — the\n * same split `Calendar.hooks.ts` uses next door.\n */\nimport { useId, useMemo, useState } from 'react';\n\nimport { toDayString, todayIn } from './DateRangePicker.dates';\nimport {\n  activeQuickRangeId,\n  defaultMessages,\n  resolveDayRange,\n  resolveQuickRanges,\n} from './DateRangePicker.range';\nimport type {\n  DateRangeChangeMeta,\n  DateRangeDraft,\n  DateRangePickerState,\n  UseDateRangePickerArgs,\n} from './DateRangePicker.types';\n\nexport function useDateRangePicker({\n  value,\n  onChange,\n  timeZone,\n  now,\n  maxRangeDays,\n  weekStartsOn,\n  quickRanges,\n  messages,\n}: UseDateRangePickerArgs): DateRangePickerState {\n  const statusId = useId();\n  // `Calendar` reads which month to open on from the range it is handed, and\n  // only when it MOUNTS. Bumping this key remounts it, which is how the other\n  // two views move it. It changes for a quick pick and for a typed date and\n  // NEVER for a click inside the grid — a calendar that jumped under the\n  // pointer picking in it would be unusable.\n  const [viewNonce, setViewNonce] = useState(0);\n\n  const copy = useMemo(() => ({ ...defaultMessages(), ...messages }), [messages]);\n  const today = useMemo(() => todayIn(timeZone, now ?? new Date()), [timeZone, now]);\n  const options = useMemo(\n    () => resolveQuickRanges(quickRanges, { today, weekStartsOn }, maxRangeDays),\n    [quickRanges, today, weekStartsOn, maxRangeDays],\n  );\n  const status = useMemo(() => resolveDayRange(value, maxRangeDays), [value, maxRangeDays]);\n\n  const emit = (\n    next: DateRangeDraft,\n    source: DateRangeChangeMeta['source'],\n    quickRangeId?: string,\n  ): void => {\n    onChange(next, {\n      source,\n      ...(quickRangeId ? { quickRangeId } : {}),\n      // Judged here, once. A caller left to re-derive \"is this usable\" is a\n      // second opinion able to disagree with the message on screen.\n      status: resolveDayRange(next, maxRangeDays),\n    });\n  };\n\n  return {\n    copy,\n    options,\n    activeId: activeQuickRangeId(options, value),\n    status,\n    statusId,\n    viewNonce,\n    pickQuick: (option) => {\n      setViewNonce((nonce) => nonce + 1);\n      emit({ from: option.window.from, to: option.window.to }, 'quick', option.id);\n    },\n    editBound: (which, bound) => {\n      setViewNonce((nonce) => nonce + 1);\n      emit({ ...value, [which]: bound }, which);\n    },\n    pickOnCalendar: (range) => {\n      emit(\n        {\n          from: range.start ? toDayString(range.start) : null,\n          to: range.end ? toDayString(range.end) : null,\n        },\n        'calendar',\n      );\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAKA,SAAS,OAAO,SAAS,gBAAgB;AAgBlC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,WAAW,MAAM;AAMvB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAE5C,QAAM,OAAO,QAAQ,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,SAAS,IAAI,CAAC,QAAQ,CAAC;AAC9E,QAAM,QAAQ,QAAQ,MAAM,QAAQ,UAAU,OAAO,oBAAI,KAAK,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC;AACjF,QAAM,UAAU;AAAA,IACd,MAAM,mBAAmB,aAAa,EAAE,OAAO,aAAa,GAAG,YAAY;AAAA,IAC3E,CAAC,aAAa,OAAO,cAAc,YAAY;AAAA,EACjD;AACA,QAAM,SAAS,QAAQ,MAAM,gBAAgB,OAAO,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC;AAExF,QAAM,OAAO,CACX,MACA,QACA,iBACS;AACT,aAAS,MAAM;AAAA,MACb;AAAA,MACA,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA;AAAA;AAAA,MAGvC,QAAQ,gBAAgB,MAAM,YAAY;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,mBAAmB,SAAS,KAAK;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,WAAW;AACrB,mBAAa,CAAC,UAAU,QAAQ,CAAC;AACjC,WAAK,EAAE,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO,OAAO,GAAG,GAAG,SAAS,OAAO,EAAE;AAAA,IAC7E;AAAA,IACA,WAAW,CAAC,OAAO,UAAU;AAC3B,mBAAa,CAAC,UAAU,QAAQ,CAAC;AACjC,WAAK,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,MAAM,GAAG,KAAK;AAAA,IAC1C;AAAA,IACA,gBAAgB,CAAC,UAAU;AACzB;AAAA,QACE;AAAA,UACE,MAAM,MAAM,QAAQ,YAAY,MAAM,KAAK,IAAI;AAAA,UAC/C,IAAI,MAAM,MAAM,YAAY,MAAM,GAAG,IAAI;AAAA,QAC3C;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-URB3VVMR.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-URB3VVMR.js.map

package/dist/chunk-URB3VVMR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-UUL44SUX.js

@@ -0,0 +1,54 @@
+// src/components/utility/InstallPrompt/InstallPrompt.earlyCapture.ts
+var PWA_INSTALL_STASH_KEY = "__pwaInstall";
+var PWA_INSTALL_AVAILABLE_EVENT = "pwa-install-available";
+var readPwaInstallStash = () => {
+  if (typeof window === "undefined") return null;
+  return window[PWA_INSTALL_STASH_KEY] ?? null;
+};
+var ensureStash = () => {
+  const host = window;
+  host[PWA_INSTALL_STASH_KEY] ?? (host[PWA_INSTALL_STASH_KEY] = { event: null, firedAt: null, installedAt: null });
+  return host[PWA_INSTALL_STASH_KEY];
+};
+var activeTeardown = null;
+var capturePwaInstallEvent = () => {
+  if (typeof window === "undefined") return () => void 0;
+  const stash = ensureStash();
+  if (stash.capturing === true) return () => void 0;
+  stash.capturing = true;
+  const onBeforeInstall = (event) => {
+    event.preventDefault();
+    stash.event = event;
+    stash.firedAt = Date.now();
+    window.dispatchEvent(new Event(PWA_INSTALL_AVAILABLE_EVENT));
+  };
+  const onInstalled = () => {
+    stash.installedAt = Date.now();
+    stash.event = null;
+  };
+  window.addEventListener("beforeinstallprompt", onBeforeInstall);
+  window.addEventListener("appinstalled", onInstalled);
+  const teardown = () => {
+    window.removeEventListener("beforeinstallprompt", onBeforeInstall);
+    window.removeEventListener("appinstalled", onInstalled);
+    stash.capturing = false;
+    if (activeTeardown === teardown) activeTeardown = null;
+  };
+  activeTeardown = teardown;
+  return teardown;
+};
+var resetPwaInstallStash = () => {
+  if (typeof window === "undefined") return;
+  activeTeardown?.();
+  activeTeardown = null;
+  delete window[PWA_INSTALL_STASH_KEY];
+};
+
+export {
+  PWA_INSTALL_STASH_KEY,
+  PWA_INSTALL_AVAILABLE_EVENT,
+  readPwaInstallStash,
+  capturePwaInstallEvent,
+  resetPwaInstallStash
+};
+//# sourceMappingURL=chunk-UUL44SUX.js.map

package/dist/chunk-UUL44SUX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InstallPrompt/InstallPrompt.earlyCapture.ts"],"sourcesContent":["import type { BeforeInstallPromptEvent, PwaInstallStash } from './InstallPrompt.types';\n\n/**\n * Holds `beforeinstallprompt` from before the app exists.\n *\n * `usePwaInstall` cannot attach its own listener early enough, and no React\n * hook can. Chromium fires the event once, during initial page load, the\n * moment it has a manifest and a registered worker — which in a real app is\n * before hydration, and often before the chunk containing the component has\n * even been downloaded. A listener registered in an effect is not late by\n * milliseconds; it can be late by entire navigations. Nothing calls\n * `preventDefault()` in time, the browser keeps the event, and the page can\n * never ask again.\n *\n * So the capture has to live outside React, and the host has to install it as\n * the very first thing the document does. Two supported ways, in order of\n * reliability:\n *\n * 1. An inline `<script>` in `<head>`, which beats a deferred module bundle:\n *\n *        <script>\n *          window.addEventListener('beforeinstallprompt', function (e) {\n *            e.preventDefault();\n *            var s = (window.__pwaInstall = window.__pwaInstall || {});\n *            s.event = e; s.firedAt = Date.now();\n *            window.dispatchEvent(new Event('pwa-install-available'));\n *          });\n *        </script>\n *\n * 2. `capturePwaInstallEvent()` as the first statement of the entry module,\n *    before `createRoot`. Simpler to wire and correct in most apps, but a\n *    module is still deferred, so a very early event can outrun it.\n *\n * Both write the same shape, so the hook does not care which was used.\n */\n\n/** Property on `window` holding the captured event. Shared with the inline snippet. */\nexport const PWA_INSTALL_STASH_KEY = '__pwaInstall';\n\n/** Fired after a capture, so an app already running can adopt the event. */\nexport const PWA_INSTALL_AVAILABLE_EVENT = 'pwa-install-available';\n\ntype StashHost = Window & { [PWA_INSTALL_STASH_KEY]?: PwaInstallStash };\n\n/** The stash, or `null` when no capture ever ran (SSR, or a host that skipped wiring). */\nexport const readPwaInstallStash = (): PwaInstallStash | null => {\n  if (typeof window === 'undefined') return null;\n  return (window as StashHost)[PWA_INSTALL_STASH_KEY] ?? null;\n};\n\nconst ensureStash = (): PwaInstallStash => {\n  const host = window as StashHost;\n  host[PWA_INSTALL_STASH_KEY] ??= { event: null, firedAt: null, installedAt: null };\n  return host[PWA_INSTALL_STASH_KEY];\n};\n\n/**\n * The teardown for the capture currently running, so `resetPwaInstallStash`\n * can unwind completely. Held here rather than on the stash because it must\n * survive the stash being deleted, and because it must never be serialised\n * into the diagnostic payload.\n */\nlet activeTeardown: (() => void) | null = null;\n\n/**\n * Starts capturing. Returns a teardown, and is safe to call twice — a second\n * call is a no-op rather than a duplicate listener, so a host that wires both\n * the inline snippet and this function does not double-handle the event.\n */\nexport const capturePwaInstallEvent = (): (() => void) => {\n  if (typeof window === 'undefined') return () => undefined;\n\n  const stash = ensureStash();\n  if (stash.capturing === true) return () => undefined;\n  stash.capturing = true;\n\n  const onBeforeInstall = (event: Event): void => {\n    // The line the whole component depends on. Without it the browser owns the\n    // event, shows at most its own mini-infobar, and discards the handle.\n    event.preventDefault();\n    stash.event = event as BeforeInstallPromptEvent;\n    stash.firedAt = Date.now();\n    window.dispatchEvent(new Event(PWA_INSTALL_AVAILABLE_EVENT));\n  };\n\n  const onInstalled = (): void => {\n    stash.installedAt = Date.now();\n    stash.event = null;\n  };\n\n  window.addEventListener('beforeinstallprompt', onBeforeInstall);\n  window.addEventListener('appinstalled', onInstalled);\n\n  const teardown = () => {\n    window.removeEventListener('beforeinstallprompt', onBeforeInstall);\n    window.removeEventListener('appinstalled', onInstalled);\n    stash.capturing = false;\n    if (activeTeardown === teardown) activeTeardown = null;\n  };\n\n  activeTeardown = teardown;\n  return teardown;\n};\n\n/**\n * Returns the page to its pre-capture state: listeners removed, stash gone.\n *\n * Exists for tests and stories, which need a clean page per case. It unwinds\n * the listeners as well as the data, because a leaked capture from a previous\n * case would go on suppressing events that the next case expects to observe.\n */\nexport const resetPwaInstallStash = (): void => {\n  if (typeof window === 'undefined') return;\n  activeTeardown?.();\n  activeTeardown = null;\n  delete (window as StashHost)[PWA_INSTALL_STASH_KEY];\n};\n"],"mappings":";AAqCO,IAAM,wBAAwB;AAG9B,IAAM,8BAA8B;AAKpC,IAAM,sBAAsB,MAA8B;AAC/D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAQ,OAAqB,qBAAqB,KAAK;AACzD;AAEA,IAAM,cAAc,MAAuB;AACzC,QAAM,OAAO;AACb,gEAAgC,EAAE,OAAO,MAAM,SAAS,MAAM,aAAa,KAAK;AAChF,SAAO,KAAK,qBAAqB;AACnC;AAQA,IAAI,iBAAsC;AAOnC,IAAM,yBAAyB,MAAoB;AACxD,MAAI,OAAO,WAAW,YAAa,QAAO,MAAM;AAEhD,QAAM,QAAQ,YAAY;AAC1B,MAAI,MAAM,cAAc,KAAM,QAAO,MAAM;AAC3C,QAAM,YAAY;AAElB,QAAM,kBAAkB,CAAC,UAAuB;AAG9C,UAAM,eAAe;AACrB,UAAM,QAAQ;AACd,UAAM,UAAU,KAAK,IAAI;AACzB,WAAO,cAAc,IAAI,MAAM,2BAA2B,CAAC;AAAA,EAC7D;AAEA,QAAM,cAAc,MAAY;AAC9B,UAAM,cAAc,KAAK,IAAI;AAC7B,UAAM,QAAQ;AAAA,EAChB;AAEA,SAAO,iBAAiB,uBAAuB,eAAe;AAC9D,SAAO,iBAAiB,gBAAgB,WAAW;AAEnD,QAAM,WAAW,MAAM;AACrB,WAAO,oBAAoB,uBAAuB,eAAe;AACjE,WAAO,oBAAoB,gBAAgB,WAAW;AACtD,UAAM,YAAY;AAClB,QAAI,mBAAmB,SAAU,kBAAiB;AAAA,EACpD;AAEA,mBAAiB;AACjB,SAAO;AACT;AASO,IAAM,uBAAuB,MAAY;AAC9C,MAAI,OAAO,WAAW,YAAa;AACnC,mBAAiB;AACjB,mBAAiB;AACjB,SAAQ,OAAqB,qBAAqB;AACpD;","names":[]}

package/dist/chunk-UUXNFPCP.js

@@ -0,0 +1,111 @@
+// src/components/data-display/Table/Table.hooks.ts
+import { useMediaQuery, useTheme } from "@mui/material";
+import { useCallback, useEffect, useMemo, useState } from "react";
+var useVirtualScrolling = (data, rowHeight, containerHeight, overscan = 5) => {
+  const [scrollTop, setScrollTop] = useState(0);
+  const visibleItems = useMemo(() => {
+    const visibleHeight = containerHeight;
+    const startIndex = Math.floor(scrollTop / rowHeight);
+    const endIndex = Math.min(
+      data.length,
+      Math.ceil((scrollTop + visibleHeight) / rowHeight)
+    );
+    const start = Math.max(0, startIndex - overscan);
+    const end = Math.min(data.length, endIndex + overscan);
+    return {
+      startIndex: start,
+      endIndex: end,
+      items: data.slice(start, end),
+      totalHeight: data.length * rowHeight,
+      offsetY: start * rowHeight
+    };
+  }, [data, rowHeight, containerHeight, scrollTop, overscan]);
+  const handleScroll = useCallback((e) => {
+    setScrollTop(e.currentTarget.scrollTop);
+  }, []);
+  return { visibleItems, handleScroll };
+};
+var useResponsive = (columns, columnPriorities) => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const isTablet = useMediaQuery(theme.breakpoints.down("lg"));
+  const [hiddenColumns, setHiddenColumns] = useState([]);
+  const [columnMenuAnchor, setColumnMenuAnchor] = useState(null);
+  useEffect(() => {
+    if (!columnPriorities) return;
+    let columnsToHide = [];
+    if (isMobile) {
+      columnsToHide = columnPriorities.map((priority, index) => ({ priority, index })).sort((a, b) => b.priority - a.priority).slice(0, Math.floor(columns.length / 2)).map((item) => item.index);
+    } else if (isTablet) {
+      columnsToHide = columnPriorities.map((priority, index) => ({ priority, index })).sort((a, b) => b.priority - a.priority).slice(0, Math.floor(columns.length / 3)).map((item) => item.index);
+    }
+    setHiddenColumns(columnsToHide);
+  }, [isMobile, isTablet, columnPriorities, columns.length]);
+  const visibleColumns = columns.filter((_, index) => !hiddenColumns.includes(index));
+  return {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns
+  };
+};
+var useTableSelection = ({
+  columns,
+  data,
+  responsive,
+  columnPriorities,
+  selectedRows,
+  rowKeyExtractor,
+  onSelectionChange
+}) => {
+  const {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns
+  } = useResponsive(
+    columns || [],
+    responsive ? columnPriorities : void 0
+  );
+  const handleSelectionChange = useCallback((rowKey, selected) => {
+    if (!onSelectionChange) return;
+    let newSelection;
+    if (selected) {
+      newSelection = [...selectedRows, rowKey];
+    } else {
+      newSelection = selectedRows.filter((key) => key !== rowKey);
+    }
+    onSelectionChange(newSelection);
+  }, [selectedRows, onSelectionChange]);
+  const handleSelectAll = useCallback((selected) => {
+    if (!onSelectionChange || !data) return;
+    if (selected) {
+      const allKeys = data.map(
+        (rowData, index) => rowKeyExtractor ? rowKeyExtractor(rowData, index) : rowData.id || index
+      );
+      onSelectionChange(allKeys);
+    } else {
+      onSelectionChange([]);
+    }
+  }, [data, onSelectionChange, rowKeyExtractor]);
+  return {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns,
+    handleSelectionChange,
+    handleSelectAll
+  };
+};
+
+export {
+  useVirtualScrolling,
+  useTableSelection
+};
+//# sourceMappingURL=chunk-UUXNFPCP.js.map

package/dist/chunk-UUXNFPCP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.hooks.ts"],"sourcesContent":["import { useMediaQuery, useTheme } from '@mui/material';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport type { ColumnConfig, TableProps } from './Table.types';\n\nexport const useVirtualScrolling = (\n  data: Record<string, unknown>[],\n  rowHeight: number,\n  containerHeight: number,\n  overscan: number = 5\n) => {\n  const [scrollTop, setScrollTop] = useState(0);\n  \n  const visibleItems = useMemo(() => {\n    const visibleHeight = containerHeight;\n    const startIndex = Math.floor(scrollTop / rowHeight);\n    const endIndex = Math.min(\n      data.length,\n      Math.ceil((scrollTop + visibleHeight) / rowHeight)\n    );\n    \n    const start = Math.max(0, startIndex - overscan);\n    const end = Math.min(data.length, endIndex + overscan);\n    \n    return {\n      startIndex: start,\n      endIndex: end,\n      items: data.slice(start, end),\n      totalHeight: data.length * rowHeight,\n      offsetY: start * rowHeight,\n    };\n  }, [data, rowHeight, containerHeight, scrollTop, overscan]);\n\n  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    setScrollTop(e.currentTarget.scrollTop);\n  }, []);\n\n  return { visibleItems, handleScroll };\n};\n\n// Responsive Hook\n\nconst useResponsive = (\n  columns: ColumnConfig[],\n  columnPriorities?: number[]\n) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n  const isTablet = useMediaQuery(theme.breakpoints.down('lg'));\n  \n  const [hiddenColumns, setHiddenColumns] = useState<number[]>([]);\n  const [columnMenuAnchor, setColumnMenuAnchor] = useState<null | HTMLElement>(null);\n\n  useEffect(() => {\n    if (!columnPriorities) return;\n    \n    let columnsToHide: number[] = [];\n    \n    if (isMobile) {\n      // Hide lowest priority columns on mobile\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 2))\n        .map(item => item.index);\n    } else if (isTablet) {\n      // Hide some columns on tablet\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 3))\n        .map(item => item.index);\n    }\n    \n    setHiddenColumns(columnsToHide);\n  }, [isMobile, isTablet, columnPriorities, columns.length]);\n\n  const visibleColumns = columns.filter((_, index) => !hiddenColumns.includes(index));\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  };\n};\n\n// Enhanced Table Header Component\n// Visible/hidden column split for responsive mode, plus row selection.\nexport const useTableSelection = ({\n  columns,\n  data,\n  responsive,\n  columnPriorities,\n  selectedRows,\n  rowKeyExtractor,\n  onSelectionChange,\n}: {\n  columns?: ColumnConfig[];\n  data: TableProps['data'];\n  responsive?: boolean;\n  columnPriorities?: number[];\n  selectedRows: (string | number)[];\n  rowKeyExtractor?: (row: Record<string, unknown>, index: number) => string | number;\n  onSelectionChange?: TableProps['onSelectionChange'];\n}) => {\n    \n  // Use responsive hook if responsive mode is enabled\n  const {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  } = useResponsive(\n    columns || [],\n    responsive ? columnPriorities : undefined\n  );\n\n  // Handle selection changes\n  const handleSelectionChange = useCallback((rowKey: string | number, selected: boolean) => {\n    if (!onSelectionChange) return;\n    \n    let newSelection: (string | number)[];\n    if (selected) {\n      newSelection = [...selectedRows, rowKey];\n    } else {\n      newSelection = selectedRows.filter(key => key !== rowKey);\n    }\n    onSelectionChange(newSelection);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSelectAll = useCallback((selected: boolean) => {\n    if (!onSelectionChange || !data) return;\n    \n    if (selected) {\n      const allKeys = data.map((rowData, index) => \n        rowKeyExtractor ? rowKeyExtractor(rowData, index) : (rowData.id as string | number) || index\n      );\n      onSelectionChange(allKeys);\n    } else {\n      onSelectionChange([]);\n    }\n  }, [data, onSelectionChange, rowKeyExtractor]);\n\n  // Loading state\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n    handleSelectionChange,\n    handleSelectAll,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-UWCH6KVJ.js

@@ -0,0 +1,107 @@
+import {
+  StepRow
+} from "./chunk-G6T64PRY.js";
+import {
+  resolveWorkflowStepProps,
+  withDerivedStatus
+} from "./chunk-IUP42CH6.js";
+
+// src/components/utility/WorkflowStep/WorkflowStep.tsx
+import { Box } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef, useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var StepContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["orientation", "variant"].includes(prop)
+})(({ theme, orientation, variant }) => ({
+  display: "flex",
+  flexDirection: orientation === "vertical" ? "column" : "row",
+  alignItems: orientation === "vertical" ? "flex-start" : "center",
+  gap: orientation === "vertical" ? theme.spacing(2) : theme.spacing(1),
+  width: "100%",
+  position: "relative",
+  // Variant-specific styles
+  ...variant === "minimal" && {
+    gap: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5)
+  }
+}));
+var WorkflowStep = forwardRef((rawProps, ref) => {
+  const {
+    steps,
+    currentStep,
+    variant,
+    orientation,
+    color,
+    size,
+    showProgress,
+    animated,
+    interactive,
+    showNumbers,
+    showIcons,
+    completedIcon,
+    errorIcon,
+    onStepClick,
+    disabled,
+    className,
+    style,
+    "data-testid": dataTestId,
+    ...other
+  } = resolveWorkflowStepProps(rawProps);
+  const handleStepClick = useCallback((stepIndex, step) => {
+    if (onStepClick && !disabled && !step.disabled) {
+      onStepClick(stepIndex, step);
+    }
+  }, [onStepClick, disabled]);
+  const stepsWithStatus = useMemo(
+    () => withDerivedStatus(steps, currentStep),
+    [steps, currentStep]
+  );
+  return /* @__PURE__ */ jsx(
+    StepContainer,
+    {
+      ref,
+      orientation,
+      variant,
+      className,
+      style,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": steps.length - 1,
+      "aria-valuenow": currentStep,
+      "aria-valuetext": `Step ${currentStep + 1} of ${steps.length}: ${steps[currentStep]?.title}`,
+      "data-testid": dataTestId,
+      ...other,
+      children: stepsWithStatus.map((step, index) => /* @__PURE__ */ jsx(
+        StepRow,
+        {
+          step,
+          index,
+          isLast: index === steps.length - 1,
+          orientation,
+          variant,
+          color,
+          size,
+          showNumbers,
+          showIcons,
+          showProgress,
+          completedIcon,
+          errorIcon,
+          interactive,
+          animated,
+          disabled,
+          onClick: handleStepClick,
+          dataTestId
+        },
+        index
+      ))
+    }
+  );
+});
+WorkflowStep.displayName = "WorkflowStep";
+var WorkflowStep_default = WorkflowStep;
+
+export {
+  WorkflowStep,
+  WorkflowStep_default
+};
+//# sourceMappingURL=chunk-UWCH6KVJ.js.map

package/dist/chunk-UWCH6KVJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { resolveWorkflowStepProps, withDerivedStatus } from './WorkflowStep.helpers';\nimport { StepRow } from './WorkflowStepRow';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\n// Styled Components\nconst StepContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, variant }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  gap: orientation === 'vertical' ? theme.spacing(2) : theme.spacing(1),\n  width: '100%',\n  position: 'relative',\n  \n  // Variant-specific styles\n  ...(variant === 'minimal' && {\n    gap: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  }),\n}));\n\n/**\n * WorkflowStep component for displaying multi-step workflows with visual progression\n */\nexport const WorkflowStep = forwardRef<HTMLDivElement, WorkflowStepProps>((rawProps, ref) => {\n  const {\n    steps,\n    currentStep,\n    variant,\n    orientation,\n    color,\n    size,\n    showProgress,\n    animated,\n    interactive,\n    showNumbers,\n    showIcons,\n    completedIcon,\n    errorIcon,\n    onStepClick,\n    disabled,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...other\n  } = resolveWorkflowStepProps(rawProps);\n  const handleStepClick = useCallback((stepIndex: number, step: WorkflowStepItem) => {\n    if (onStepClick && !disabled && !step.disabled) {\n      onStepClick(stepIndex, step);\n    }\n  }, [onStepClick, disabled]);\n\n  const stepsWithStatus = useMemo(\n    () => withDerivedStatus(steps, currentStep),\n    [steps, currentStep],\n  );\n\n  return (\n    <StepContainer\n      ref={ref}\n      orientation={orientation}\n      variant={variant}\n      className={className}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={steps.length - 1}\n      aria-valuenow={currentStep}\n      aria-valuetext={`Step ${currentStep + 1} of ${steps.length}: ${steps[currentStep]?.title}`}\n      data-testid={dataTestId}\n      {...other}\n    >\n      {stepsWithStatus.map((step, index) => (\n        <StepRow\n          key={index}\n          step={step}\n          index={index}\n          isLast={index === steps.length - 1}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          size={size}\n          showNumbers={showNumbers}\n          showIcons={showIcons}\n          showProgress={showProgress}\n          completedIcon={completedIcon}\n          errorIcon={errorIcon}\n          interactive={interactive}\n          animated={animated}\n          disabled={disabled}\n          onClick={handleStepClick}\n          dataTestId={dataTestId}\n        />\n      ))}\n    </StepContainer>\n  );\n});\n\nWorkflowStep.displayName = 'WorkflowStep';\n\nexport default WorkflowStep;"],"mappings":";;;;;;;;;AAAA,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAgB,YAAY,aAAa,eAAe;AA8EhD;AAvER,IAAM,gBAAgB,OAAO,KAAK;AAAA,EAChC,mBAAmB,CAAC,SAAS,CAAC,CAAC,eAAe,SAAS,EAAE,SAAS,IAAc;AAClF,CAAC,EAGE,CAAC,EAAE,OAAO,aAAa,QAAQ,OAAO;AAAA,EACvC,SAAS;AAAA,EACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,EACvD,YAAY,gBAAgB,aAAa,eAAe;AAAA,EACxD,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA;AAAA,EAGV,GAAI,YAAY,aAAa;AAAA,IAC3B,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,GAAG;AAAA,EACxE;AACF,EAAE;AAKK,IAAM,eAAe,WAA8C,CAAC,UAAU,QAAQ;AAC3F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,yBAAyB,QAAQ;AACrC,QAAM,kBAAkB,YAAY,CAAC,WAAmB,SAA2B;AACjF,QAAI,eAAe,CAAC,YAAY,CAAC,KAAK,UAAU;AAC9C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,kBAAkB;AAAA,IACtB,MAAM,kBAAkB,OAAO,WAAW;AAAA,IAC1C,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe,MAAM,SAAS;AAAA,MAC9B,iBAAe;AAAA,MACf,kBAAgB,QAAQ,cAAc,CAAC,OAAO,MAAM,MAAM,KAAK,MAAM,WAAW,GAAG,KAAK;AAAA,MACxF,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA;AAAA,QAjBK;AAAA,MAkBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}

package/dist/chunk-UZOG6HNN.js

@@ -0,0 +1,52 @@
+import {
+  insertImage,
+  toggleList,
+  wrapSelection,
+  wrapSelectionWithLink
+} from "./chunk-33LAPBYB.js";
+
+// src/components/form/RichTextEditor/RichTextEditor.format.ts
+var WRAP_TAGS = {
+  bold: "strong",
+  italic: "em",
+  underline: "u",
+  strikethrough: "s"
+};
+var LIST_TAGS = {
+  insertOrderedList: "ol",
+  insertUnorderedList: "ul"
+};
+var BLOCK_TAGS = /* @__PURE__ */ new Set(["pre", "blockquote"]);
+var applyFormatToRange = ({
+  formatType,
+  value,
+  range,
+  editor
+}) => {
+  const wrapTag = WRAP_TAGS[formatType];
+  if (wrapTag) {
+    wrapSelection(range, wrapTag);
+    return;
+  }
+  const listTag = LIST_TAGS[formatType];
+  if (listTag) {
+    toggleList(range, listTag, editor);
+    return;
+  }
+  if (formatType === "createLink" && value) {
+    wrapSelectionWithLink(range, value);
+    return;
+  }
+  if (formatType === "insertImage" && value) {
+    insertImage(range, value);
+    return;
+  }
+  if (formatType === "formatBlock" && value && BLOCK_TAGS.has(value)) {
+    wrapSelection(range, value);
+  }
+};
+
+export {
+  applyFormatToRange
+};
+//# sourceMappingURL=chunk-UZOG6HNN.js.map

package/dist/chunk-UZOG6HNN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.format.ts"],"sourcesContent":["import {\n  insertImage,\n  toggleList,\n  wrapSelection,\n  wrapSelectionWithLink,\n} from './RichTextEditor.dom';\n\nconst WRAP_TAGS: Record<string, string> = {\n  bold: 'strong',\n  italic: 'em',\n  underline: 'u',\n  strikethrough: 's',\n};\n\nconst LIST_TAGS: Record<string, 'ol' | 'ul'> = {\n  insertOrderedList: 'ol',\n  insertUnorderedList: 'ul',\n};\n\n// formatBlock is the only format whose value names the tag, and only these two\n// are accepted.\nconst BLOCK_TAGS = new Set(['pre', 'blockquote']);\n\nexport const applyFormatToRange = ({\n  formatType,\n  value,\n  range,\n  editor,\n}: {\n  formatType: string;\n  value?: string;\n  range: globalThis.Range;\n  editor: HTMLElement | null;\n}) => {\n  const wrapTag = WRAP_TAGS[formatType];\n  if (wrapTag) {\n    wrapSelection(range, wrapTag);\n    return;\n  }\n\n  const listTag = LIST_TAGS[formatType];\n  if (listTag) {\n    toggleList(range, listTag, editor);\n    return;\n  }\n\n  if (formatType === 'createLink' && value) {\n    wrapSelectionWithLink(range, value);\n    return;\n  }\n\n  if (formatType === 'insertImage' && value) {\n    insertImage(range, value);\n    return;\n  }\n\n  if (formatType === 'formatBlock' && value && BLOCK_TAGS.has(value)) {\n    wrapSelection(range, value);\n  }\n};\n\n"],"mappings":";;;;;;;;AAOA,IAAM,YAAoC;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AACjB;AAEA,IAAM,YAAyC;AAAA,EAC7C,mBAAmB;AAAA,EACnB,qBAAqB;AACvB;AAIA,IAAM,aAAa,oBAAI,IAAI,CAAC,OAAO,YAAY,CAAC;AAEzC,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,UAAU,UAAU,UAAU;AACpC,MAAI,SAAS;AACX,kBAAc,OAAO,OAAO;AAC5B;AAAA,EACF;AAEA,QAAM,UAAU,UAAU,UAAU;AACpC,MAAI,SAAS;AACX,eAAW,OAAO,SAAS,MAAM;AACjC;AAAA,EACF;AAEA,MAAI,eAAe,gBAAgB,OAAO;AACxC,0BAAsB,OAAO,KAAK;AAClC;AAAA,EACF;AAEA,MAAI,eAAe,iBAAiB,OAAO;AACzC,gBAAY,OAAO,KAAK;AACxB;AAAA,EACF;AAEA,MAAI,eAAe,iBAAiB,SAAS,WAAW,IAAI,KAAK,GAAG;AAClE,kBAAc,OAAO,KAAK;AAAA,EAC5B;AACF;","names":[]}