@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-CBJ2Z4GO.js

@@ -0,0 +1,101 @@
+import {
+  MODAL_STACK_BASE_Z_INDEX,
+  MODAL_STACK_Z_INDEX_STEP
+} from "./chunk-MQLM43E4.js";
+
+// src/components/feedback/StackedModal/modal-stack.tsx
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var BASE_Z_INDEX = MODAL_STACK_BASE_Z_INDEX;
+var Z_INDEX_STEP = MODAL_STACK_Z_INDEX_STEP;
+var noop = () => {
+};
+var ModalStackContext = createContext({
+  stack: [],
+  pushModal: noop,
+  popModal: noop,
+  clearStack: noop,
+  currentDepth: 0,
+  isModalInStack: () => false,
+  getModalRole: () => null
+});
+var useModalStack = () => {
+  const context = useContext(ModalStackContext);
+  if (!context) {
+    throw new Error("useModalStack must be used within a ModalStackProvider");
+  }
+  return context;
+};
+var roleAt = (index, depth) => {
+  if (index === depth - 1) return "primary";
+  if (index === depth - 2) return "secondary";
+  return "background";
+};
+var withRoles = (stack) => stack.map((modal, index) => ({ ...modal, role: roleAt(index, stack.length) }));
+var useBodyScrollLock = (locked) => {
+  const originalOverflow = useRef("");
+  useEffect(() => {
+    const restore = () => {
+      if (!originalOverflow.current) return;
+      document.body.style.overflow = originalOverflow.current;
+      originalOverflow.current = "";
+    };
+    if (locked) {
+      if (!originalOverflow.current) {
+        originalOverflow.current = document.body.style.overflow || "";
+      }
+      document.body.style.overflow = "hidden";
+    } else {
+      restore();
+    }
+    return restore;
+  }, [locked]);
+};
+var ModalStackProvider = ({ children }) => {
+  const [stack, setStack] = useState([]);
+  useBodyScrollLock(stack.length > 0);
+  const pushModal = useCallback((modalId) => {
+    setStack((prev) => {
+      if (prev.some((m) => m.id === modalId)) return prev;
+      const entry = {
+        id: modalId,
+        zIndex: BASE_Z_INDEX + prev.length * Z_INDEX_STEP,
+        role: "primary"
+      };
+      return withRoles([...prev, entry]);
+    });
+  }, []);
+  const popModal = useCallback((modalId) => {
+    setStack(
+      (prev) => withRoles(modalId ? prev.filter((m) => m.id !== modalId) : prev.slice(0, -1))
+    );
+  }, []);
+  const clearStack = useCallback(() => setStack([]), []);
+  const isModalInStack = useCallback(
+    (modalId) => stack.some((m) => m.id === modalId),
+    [stack]
+  );
+  const getModalRole = useCallback(
+    (modalId) => stack.find((m) => m.id === modalId)?.role ?? null,
+    [stack]
+  );
+  const value = useMemo(
+    () => ({
+      stack,
+      pushModal,
+      popModal,
+      clearStack,
+      currentDepth: stack.length,
+      isModalInStack,
+      getModalRole
+    }),
+    [stack, pushModal, popModal, clearStack, isModalInStack, getModalRole]
+  );
+  return /* @__PURE__ */ jsx(ModalStackContext.Provider, { value, children });
+};
+
+export {
+  useModalStack,
+  ModalStackProvider
+};
+//# sourceMappingURL=chunk-CBJ2Z4GO.js.map

package/dist/chunk-CBJ2Z4GO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/modal-stack.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { MODAL_STACK_BASE_Z_INDEX, MODAL_STACK_Z_INDEX_STEP } from '../../../tokens/layers';\nimport type { ModalInfo, ModalPanelRole, ModalStackContextValue } from './StackedModal.types';\n\n/**\n * MUI Dialog default z-index; each panel in the stack sits 10 above the last.\n *\n * Imported rather than declared here: anything that portals out of a panel has\n * to clear this ladder, so the numbers are shared with the token that tells it\n * how — see `tokens/layers`.\n */\nconst BASE_Z_INDEX = MODAL_STACK_BASE_Z_INDEX;\nconst Z_INDEX_STEP = MODAL_STACK_Z_INDEX_STEP;\n\nconst noop = (): void => {\n  /** do nothing */\n};\n\nconst ModalStackContext = createContext<ModalStackContextValue>({\n  stack: [],\n  pushModal: noop,\n  popModal: noop,\n  clearStack: noop,\n  currentDepth: 0,\n  isModalInStack: () => false,\n  getModalRole: () => null,\n});\n\nexport const useModalStack = (): ModalStackContextValue => {\n  const context = useContext(ModalStackContext);\n  if (!context) {\n    throw new Error('useModalStack must be used within a ModalStackProvider');\n  }\n  return context;\n};\n\n/** Top of the stack drives the view; the one behind it recedes; the rest are hidden. */\nconst roleAt = (index: number, depth: number): ModalPanelRole => {\n  if (index === depth - 1) return 'primary';\n  if (index === depth - 2) return 'secondary';\n  return 'background';\n};\n\n/** Re-derive every role from stack position — the one place roles are assigned. */\nconst withRoles = (stack: ModalInfo[]): ModalInfo[] =>\n  stack.map((modal, index) => ({ ...modal, role: roleAt(index, stack.length) }));\n\n/**\n * Locks body scroll while any modal is open, restoring whatever the page had\n * before. Owned by the provider rather than each modal, so nested panels can't\n * fight over the same style.\n */\nconst useBodyScrollLock = (locked: boolean): void => {\n  const originalOverflow = useRef<string>('');\n\n  useEffect(() => {\n    const restore = (): void => {\n      if (!originalOverflow.current) return;\n      document.body.style.overflow = originalOverflow.current;\n      originalOverflow.current = '';\n    };\n\n    if (locked) {\n      if (!originalOverflow.current) {\n        originalOverflow.current = document.body.style.overflow || '';\n      }\n      document.body.style.overflow = 'hidden';\n    } else {\n      restore();\n    }\n\n    return restore;\n  }, [locked]);\n};\n\nexport const ModalStackProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [stack, setStack] = useState<ModalInfo[]>([]);\n\n  useBodyScrollLock(stack.length > 0);\n\n  const pushModal = useCallback((modalId: string) => {\n    setStack((prev) => {\n      if (prev.some((m) => m.id === modalId)) return prev;\n      const entry: ModalInfo = {\n        id: modalId,\n        zIndex: BASE_Z_INDEX + prev.length * Z_INDEX_STEP,\n        role: 'primary',\n      };\n      return withRoles([...prev, entry]);\n    });\n  }, []);\n\n  const popModal = useCallback((modalId?: string) => {\n    setStack((prev) =>\n      withRoles(modalId ? prev.filter((m) => m.id !== modalId) : prev.slice(0, -1)),\n    );\n  }, []);\n\n  const clearStack = useCallback(() => setStack([]), []);\n\n  const isModalInStack = useCallback(\n    (modalId: string) => stack.some((m) => m.id === modalId),\n    [stack],\n  );\n\n  const getModalRole = useCallback(\n    (modalId: string) => stack.find((m) => m.id === modalId)?.role ?? null,\n    [stack],\n  );\n\n  const value = useMemo(\n    () => ({\n      stack,\n      pushModal,\n      popModal,\n      clearStack,\n      currentDepth: stack.length,\n      isModalInStack,\n      getModalRole,\n    }),\n    [stack, pushModal, popModal, clearStack, isModalInStack, getModalRole],\n  );\n\n  return <ModalStackContext.Provider value={value}>{children}</ModalStackContext.Provider>;\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-CBOB5AV6.js

@@ -0,0 +1,73 @@
+// src/components/data-display/DataViews/data-views-range-presets.ts
+function isoDay(date) {
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${date.getFullYear()}-${month}-${day}`;
+}
+function shiftDays(date, days) {
+  const next = new Date(date);
+  next.setDate(next.getDate() + days);
+  return next;
+}
+function dayRangePresets(copy) {
+  return [
+    {
+      id: "hoje",
+      range: () => {
+        const today = isoDay(/* @__PURE__ */ new Date());
+        return { min: today, max: today };
+      }
+    },
+    {
+      id: "ontem",
+      range: () => {
+        const yesterday = isoDay(shiftDays(/* @__PURE__ */ new Date(), -1));
+        return { min: yesterday, max: yesterday };
+      }
+    },
+    {
+      id: "semana",
+      range: () => {
+        const now = /* @__PURE__ */ new Date();
+        const sunday = shiftDays(now, -now.getDay());
+        return { min: isoDay(sunday), max: isoDay(shiftDays(sunday, 6)) };
+      }
+    },
+    {
+      id: "mes",
+      range: () => {
+        const now = /* @__PURE__ */ new Date();
+        const year = now.getFullYear();
+        const month = now.getMonth();
+        return { min: isoDay(new Date(year, month, 1)), max: isoDay(new Date(year, month + 1, 0)) };
+      }
+    },
+    {
+      id: "ano",
+      range: () => {
+        const year = (/* @__PURE__ */ new Date()).getFullYear();
+        return { min: `${year}-01-01`, max: `${year}-12-31` };
+      }
+    }
+  ].map((preset) => ({ ...preset, label: copy.filters.rangePresets[preset.id] ?? preset.id }));
+}
+function presetsFor(field, copy) {
+  if (field.presets) return field.presets;
+  return field.kind === "day" ? dayRangePresets(copy) : [];
+}
+function resolvePreset(preset) {
+  return typeof preset.range === "function" ? preset.range() : preset.range;
+}
+function isPresetActive(preset, value) {
+  const resolved = resolvePreset(preset);
+  const same = (a, b) => String(a ?? "") === String(b ?? "");
+  return same(resolved.min, value.min) && same(resolved.max, value.max);
+}
+
+export {
+  dayRangePresets,
+  presetsFor,
+  resolvePreset,
+  isPresetActive
+};
+//# sourceMappingURL=chunk-CBOB5AV6.js.map

package/dist/chunk-CBOB5AV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-presets.ts"],"sourcesContent":["import type { DataViewsCopy } from \"./data-views-copy\";\nimport type { RangeFieldConfig, RangePreset, RangeValue } from \"./data-views-types\";\n\n/**\n * THE CALENDAR WINDOWS BEHIND A DATE FILTER'S ONE-CLICK PRESETS.\n *\n * Pure and component-free, for the same reason `data-views-range-values` is:\n * the pill's popover, the slide-in panel and the \"Mais\" overflow all offer the\n * same presets, and none of them should have to import a component to know what\n * \"Esta semana\" resolves to.\n *\n * Every window is computed in the LOCAL calendar and emitted as `AAAA-MM-DD`.\n * Going through `toISOString()` would answer in UTC, which for every Brazilian\n * timezone is a day ahead after 21:00 — \"Hoje\" would quietly become tomorrow\n * every evening.\n */\n\n/** `AAAA-MM-DD` for a date, read in the local calendar (never UTC). */\nfunction isoDay(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\n/** The same date shifted by whole days, without mutating the original. */\nfunction shiftDays(date: Date, days: number): Date {\n  const next = new Date(date);\n  next.setDate(next.getDate() + days);\n  return next;\n}\n\n/**\n * The five windows every date filter wants, resolved when CLICKED.\n *\n * Each is a whole calendar unit rather than a unit-to-date: \"Este mês\" is the\n * whole month, not the 1st through today. It is what the words say, it matches\n * the label a merchant reads back on the pill, and it changes nothing for a\n * dataset with no future rows — while a page that does have them (scheduled\n * orders) would otherwise hide them under a preset that claims to show the\n * month.\n *\n * The week starts on SUNDAY, following the Brazilian calendar these grids are\n * read against rather than ISO-8601's Monday.\n */\nexport function dayRangePresets(copy: DataViewsCopy): RangePreset[] {\n  return [\n  {\n    id: \"hoje\",\n    range: () => {\n      const today = isoDay(new Date());\n      return { min: today, max: today };\n    },\n  },\n  {\n    id: \"ontem\",\n    range: () => {\n      const yesterday = isoDay(shiftDays(new Date(), -1));\n      return { min: yesterday, max: yesterday };\n    },\n  },\n  {\n    id: \"semana\",\n    range: () => {\n      const now = new Date();\n      const sunday = shiftDays(now, -now.getDay());\n      return { min: isoDay(sunday), max: isoDay(shiftDays(sunday, 6)) };\n    },\n  },\n  {\n    id: \"mes\",\n    range: () => {\n      const now = new Date();\n      const year = now.getFullYear();\n      const month = now.getMonth();\n      // Day 0 of the NEXT month is the last day of this one — the only spelling\n      // that needs no month-length table and no leap-year branch.\n      return { min: isoDay(new Date(year, month, 1)), max: isoDay(new Date(year, month + 1, 0)) };\n    },\n  },\n  {\n    id: \"ano\",\n    range: () => {\n      const year = new Date().getFullYear();\n      return { min: `${year}-01-01`, max: `${year}-12-31` };\n    },\n  },\n  ].map((preset) => ({ ...preset, label: copy.filters.rangePresets[preset.id] ?? preset.id }));\n}\n\n/**\n * The presets a field offers: its own, or the calendar defaults for a day field\n * that declared none. An explicit `[]` means none — a host suppressing them is\n * saying something, and must not be overridden by the fallback.\n */\nexport function presetsFor<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  copy: DataViewsCopy,\n): RangePreset[] {\n  if (field.presets) return field.presets;\n  return field.kind === \"day\" ? dayRangePresets(copy) : [];\n}\n\n/** A preset's window, evaluating it if it is time-dependent. */\nexport function resolvePreset(preset: RangePreset): RangeValue {\n  return typeof preset.range === \"function\" ? preset.range() : preset.range;\n}\n\n/**\n * Is this preset the window currently applied?\n *\n * Bounds compare as STRINGS because a `number` field's stored bound may have\n * arrived from an input as `100` while the preset declares `100` — same window,\n * and `undefined` vs a missing key must read as equal too.\n */\nexport function isPresetActive(preset: RangePreset, value: RangeValue): boolean {\n  const resolved = resolvePreset(preset);\n  const same = (a: number | string | undefined, b: number | string | undefined): boolean =>\n    String(a ?? \"\") === String(b ?? \"\");\n  return same(resolved.min, value.min) && same(resolved.max, value.max);\n}\n"],"mappings":";AAkBA,SAAS,OAAO,MAAoB;AAClC,QAAM,QAAQ,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AACzD,QAAM,MAAM,OAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAClD,SAAO,GAAG,KAAK,YAAY,CAAC,IAAI,KAAK,IAAI,GAAG;AAC9C;AAGA,SAAS,UAAU,MAAY,MAAoB;AACjD,QAAM,OAAO,IAAI,KAAK,IAAI;AAC1B,OAAK,QAAQ,KAAK,QAAQ,IAAI,IAAI;AAClC,SAAO;AACT;AAeO,SAAS,gBAAgB,MAAoC;AAClE,SAAO;AAAA,IACP;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM;AACX,cAAM,QAAQ,OAAO,oBAAI,KAAK,CAAC;AAC/B,eAAO,EAAE,KAAK,OAAO,KAAK,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM;AACX,cAAM,YAAY,OAAO,UAAU,oBAAI,KAAK,GAAG,EAAE,CAAC;AAClD,eAAO,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,MAC1C;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM;AACX,cAAM,MAAM,oBAAI,KAAK;AACrB,cAAM,SAAS,UAAU,KAAK,CAAC,IAAI,OAAO,CAAC;AAC3C,eAAO,EAAE,KAAK,OAAO,MAAM,GAAG,KAAK,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE;AAAA,MAClE;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM;AACX,cAAM,MAAM,oBAAI,KAAK;AACrB,cAAM,OAAO,IAAI,YAAY;AAC7B,cAAM,QAAQ,IAAI,SAAS;AAG3B,eAAO,EAAE,KAAK,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE;AAAA,MAC5F;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM;AACX,cAAM,QAAO,oBAAI,KAAK,GAAE,YAAY;AACpC,eAAO,EAAE,KAAK,GAAG,IAAI,UAAU,KAAK,GAAG,IAAI,SAAS;AAAA,MACtD;AAAA,IACF;AAAA,EACA,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ,aAAa,OAAO,EAAE,KAAK,OAAO,GAAG,EAAE;AAC7F;AAOO,SAAS,WACd,OACA,MACe;AACf,MAAI,MAAM,QAAS,QAAO,MAAM;AAChC,SAAO,MAAM,SAAS,QAAQ,gBAAgB,IAAI,IAAI,CAAC;AACzD;AAGO,SAAS,cAAc,QAAiC;AAC7D,SAAO,OAAO,OAAO,UAAU,aAAa,OAAO,MAAM,IAAI,OAAO;AACtE;AASO,SAAS,eAAe,QAAqB,OAA4B;AAC9E,QAAM,WAAW,cAAc,MAAM;AACrC,QAAM,OAAO,CAAC,GAAgC,MAC5C,OAAO,KAAK,EAAE,MAAM,OAAO,KAAK,EAAE;AACpC,SAAO,KAAK,SAAS,KAAK,MAAM,GAAG,KAAK,KAAK,SAAS,KAAK,MAAM,GAAG;AACtE;","names":[]}

package/dist/chunk-CDWUT3GB.js

@@ -0,0 +1,58 @@
+import {
+  transitionDuration,
+  transitionEasing
+} from "./chunk-YC4DEUYW.js";
+
+// src/components/utility/Transition/Transition.tsx
+import {
+  Collapse,
+  Fade,
+  Grow,
+  Slide,
+  useTheme,
+  Zoom
+} from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var Transition = ({
+  children,
+  variant = "fade",
+  direction = "up",
+  duration,
+  delay = 0,
+  easing,
+  in: inProp,
+  ...props
+}) => {
+  const theme = useTheme();
+  const transitionProps = {
+    in: inProp,
+    timeout: transitionDuration(theme, variant, duration),
+    easing: transitionEasing(theme, variant, easing),
+    unmountOnExit: true,
+    style: {
+      transitionDelay: `${delay}ms`
+    },
+    ...props
+  };
+  const content = /* @__PURE__ */ jsx("div", { "data-testid": "transition-element", children: /* @__PURE__ */ jsx("div", { "data-testid": "transition-content", children }) });
+  switch (variant) {
+    case "fade":
+      return /* @__PURE__ */ jsx(Fade, { ...transitionProps, "data-testid": "transition-wrapper", children: content });
+    case "slide":
+      return /* @__PURE__ */ jsx(Slide, { direction, ...transitionProps, "data-testid": "transition-wrapper", children: content });
+    case "scale":
+    case "grow":
+      return /* @__PURE__ */ jsx(Grow, { ...transitionProps, "data-testid": "transition-wrapper", children: content });
+    case "collapse":
+      return /* @__PURE__ */ jsx(Collapse, { ...transitionProps, "data-testid": "transition-wrapper", children: content });
+    case "zoom":
+      return /* @__PURE__ */ jsx(Zoom, { ...transitionProps, "data-testid": "transition-wrapper", children: content });
+    default:
+      return /* @__PURE__ */ jsx(Fade, { ...transitionProps, "data-testid": "transition-wrapper", children: content });
+  }
+};
+
+export {
+  Transition
+};
+//# sourceMappingURL=chunk-CDWUT3GB.js.map

package/dist/chunk-CDWUT3GB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/Transition/Transition.tsx"],"sourcesContent":["import {\n  Collapse,\n  Fade,\n  Grow,\n  Slide,\n  useTheme,\n  Zoom,\n} from '@mui/material';\nimport React from 'react';\n\nimport { transitionDuration, transitionEasing } from './Transition.helpers';\nimport type { CustomTransitionProps } from './Transition.types';\n\nexport const Transition: React.FC<CustomTransitionProps> = ({\n  children,\n  variant = 'fade',\n  direction = 'up',\n  duration,\n  delay = 0,\n  easing,\n  in: inProp,\n  ...props\n}) => {\n  const theme = useTheme();\n\n  const transitionProps = {\n    in: inProp,\n    timeout: transitionDuration(theme, variant, duration),\n    easing: transitionEasing(theme, variant, easing),\n    unmountOnExit: true,\n    style: {\n      transitionDelay: `${delay}ms`,\n    },\n    ...props,\n  };\n\n  // Every variant wraps the same three-deep structure; only the MUI transition\n  // component differs.\n  const content = (\n    <div data-testid=\"transition-element\">\n      <div data-testid=\"transition-content\">{children}</div>\n    </div>\n  );\n\n  switch (variant) {\n    case 'fade':\n      return (\n        <Fade {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Fade>\n      );\n\n    case 'slide':\n      return (\n        <Slide direction={direction} {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Slide>\n      );\n\n    case 'scale':\n    case 'grow':\n      return (\n        <Grow {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Grow>\n      );\n\n    case 'collapse':\n      return (\n        <Collapse {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Collapse>\n      );\n\n    case 'zoom':\n      return (\n        <Zoom {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Zoom>\n      );\n\n    default:\n      return (\n        <Fade {...transitionProps} data-testid=\"transition-wrapper\">\n          {content}\n        </Fade>\n      );\n  }\n};"],"mappings":";;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiCD;AA3BC,IAAM,aAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,kBAAkB;AAAA,IACtB,IAAI;AAAA,IACJ,SAAS,mBAAmB,OAAO,SAAS,QAAQ;AAAA,IACpD,QAAQ,iBAAiB,OAAO,SAAS,MAAM;AAAA,IAC/C,eAAe;AAAA,IACf,OAAO;AAAA,MACL,iBAAiB,GAAG,KAAK;AAAA,IAC3B;AAAA,IACA,GAAG;AAAA,EACL;AAIA,QAAM,UACJ,oBAAC,SAAI,eAAY,sBACf,8BAAC,SAAI,eAAY,sBAAsB,UAAS,GAClD;AAGF,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aACE,oBAAC,QAAM,GAAG,iBAAiB,eAAY,sBACpC,mBACH;AAAA,IAGJ,KAAK;AACH,aACE,oBAAC,SAAM,WAAuB,GAAG,iBAAiB,eAAY,sBAC3D,mBACH;AAAA,IAGJ,KAAK;AAAA,IACL,KAAK;AACH,aACE,oBAAC,QAAM,GAAG,iBAAiB,eAAY,sBACpC,mBACH;AAAA,IAGJ,KAAK;AACH,aACE,oBAAC,YAAU,GAAG,iBAAiB,eAAY,sBACxC,mBACH;AAAA,IAGJ,KAAK;AACH,aACE,oBAAC,QAAM,GAAG,iBAAiB,eAAY,sBACpC,mBACH;AAAA,IAGJ;AACE,aACE,oBAAC,QAAM,GAAG,iBAAiB,eAAY,sBACpC,mBACH;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-CMMPGAMJ.js

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

package/dist/chunk-CMMPGAMJ.js.map

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

package/dist/chunk-CMTFAYDY.js

@@ -0,0 +1,90 @@
+// src/components/form/CodeEditor/CodeEditor.monaco.ts
+var customLightTheme = {
+  base: "vs",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "D73A49" },
+    { token: "string", foreground: "032F62" },
+    { token: "number", foreground: "005CC5" }
+  ],
+  colors: {
+    "editor.background": "#FFFFFF",
+    "editor.foreground": "#24292E",
+    "editor.lineHighlightBackground": "#F6F8FA",
+    "editorLineNumber.foreground": "#959DA5",
+    "editorIndentGuide.background": "#D1D5DA",
+    "editor.selectionBackground": "#C8E1FF"
+  }
+};
+var customDarkTheme = {
+  base: "vs-dark",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "F97583" },
+    { token: "string", foreground: "9ECBFF" },
+    { token: "number", foreground: "79B8FF" }
+  ],
+  colors: {
+    "editor.background": "#0D1117",
+    "editor.foreground": "#C9D1D9",
+    "editor.lineHighlightBackground": "#161B22",
+    "editorLineNumber.foreground": "#8B949E",
+    "editorIndentGuide.background": "#21262D",
+    "editor.selectionBackground": "#3392FF44"
+  }
+};
+var AUTO_FORMAT_DELAY_MS = 100;
+var registerEditorThemes = (monaco) => {
+  monaco.editor.defineTheme("custom-light", customLightTheme);
+  monaco.editor.defineTheme("custom-dark", customDarkTheme);
+};
+var configureTypeScriptDefaults = (monaco) => {
+  try {
+    const tsLanguage = monaco.languages.getLanguages().find((language) => language.id === "typescript");
+    if (!tsLanguage) return;
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ES2020,
+      allowNonTsExtensions: true,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      module: monaco.languages.typescript.ModuleKind.CommonJS,
+      noEmit: true,
+      esModuleInterop: true,
+      jsx: monaco.languages.typescript.JsxEmit.React,
+      reactNamespace: "React",
+      allowJs: true,
+      typeRoots: ["node_modules/@types"]
+    });
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      noSuggestionDiagnostics: true
+    });
+  } catch {
+  }
+};
+var scheduleAutoFormat = (mountedEditor, enabled) => {
+  if (!enabled) return;
+  window.setTimeout(() => {
+    mountedEditor.getAction("editor.action.formatDocument")?.run();
+  }, AUTO_FORMAT_DELAY_MS);
+};
+var registerSaveShortcut = (mountedEditor, monaco, onSave) => {
+  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+    onSave?.(mountedEditor.getValue());
+  });
+};
+var resolveEditorTheme = (themeProp, paletteMode) => {
+  const wantsDark = themeProp === "auto" ? paletteMode === "dark" : themeProp === "dark";
+  return wantsDark ? "custom-dark" : "custom-light";
+};
+
+export {
+  registerEditorThemes,
+  configureTypeScriptDefaults,
+  scheduleAutoFormat,
+  registerSaveShortcut,
+  resolveEditorTheme
+};
+//# sourceMappingURL=chunk-CMTFAYDY.js.map

package/dist/chunk-CMTFAYDY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.monaco.ts"],"sourcesContent":["import type { Monaco } from '@monaco-editor/react';\nimport type { editor } from 'monaco-editor';\n\nconst customLightTheme = {\n  base: 'vs' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'D73A49' },\n    { token: 'string', foreground: '032F62' },\n    { token: 'number', foreground: '005CC5' },\n  ],\n  colors: {\n    'editor.background': '#FFFFFF',\n    'editor.foreground': '#24292E',\n    'editor.lineHighlightBackground': '#F6F8FA',\n    'editorLineNumber.foreground': '#959DA5',\n    'editorIndentGuide.background': '#D1D5DA',\n    'editor.selectionBackground': '#C8E1FF',\n  },\n};\n\nconst customDarkTheme = {\n  base: 'vs-dark' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'F97583' },\n    { token: 'string', foreground: '9ECBFF' },\n    { token: 'number', foreground: '79B8FF' },\n  ],\n  colors: {\n    'editor.background': '#0D1117',\n    'editor.foreground': '#C9D1D9',\n    'editor.lineHighlightBackground': '#161B22',\n    'editorLineNumber.foreground': '#8B949E',\n    'editorIndentGuide.background': '#21262D',\n    'editor.selectionBackground': '#3392FF44',\n  },\n};\n\n// Main component\nconst AUTO_FORMAT_DELAY_MS = 100;\n\nexport const registerEditorThemes = (monaco: Monaco) => {\n  monaco.editor.defineTheme('custom-light', customLightTheme);\n  monaco.editor.defineTheme('custom-dark', customDarkTheme);\n};\n\n// Best-effort: a Monaco build without the TypeScript worker (as in jsdom) throws\n// here, and the editor is still usable without it.\nexport const configureTypeScriptDefaults = (monaco: Monaco) => {\n  try {\n    const tsLanguage = monaco.languages\n      .getLanguages()\n      .find((language) => language.id === 'typescript');\n\n    if (!tsLanguage) return;\n\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ES2020,\n      allowNonTsExtensions: true,\n      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n      module: monaco.languages.typescript.ModuleKind.CommonJS,\n      noEmit: true,\n      esModuleInterop: true,\n      jsx: monaco.languages.typescript.JsxEmit.React,\n      reactNamespace: 'React',\n      allowJs: true,\n      typeRoots: ['node_modules/@types'],\n    });\n\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false,\n      noSyntaxValidation: false,\n      noSuggestionDiagnostics: true,\n    });\n  } catch {\n    // Silently handle any TypeScript configuration errors in test environments\n  }\n};\n\nexport const scheduleAutoFormat = (mountedEditor: editor.IStandaloneCodeEditor, enabled: boolean) => {\n  if (!enabled) return;\n\n  window.setTimeout(() => {\n    mountedEditor.getAction('editor.action.formatDocument')?.run();\n  }, AUTO_FORMAT_DELAY_MS);\n};\n\nexport const registerSaveShortcut = (\n  mountedEditor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  onSave?: (value: string) => void,\n) => {\n  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {\n    onSave?.(mountedEditor.getValue());\n  });\n};\n\n// 'auto' follows the MUI palette; otherwise the caller's choice wins.\nexport const resolveEditorTheme = (themeProp: string, paletteMode: string) => {\n  const wantsDark = themeProp === 'auto' ? paletteMode === 'dark' : themeProp === 'dark';\n\n  return wantsDark ? 'custom-dark' : 'custom-light';\n};\n\n// Monaco's options object. Only the first five entries vary with our props; the\n// rest are fixed editor preferences.\n"],"mappings":";AAGA,IAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kCAAkC;AAAA,IAClC,+BAA+B;AAAA,IAC/B,gCAAgC;AAAA,IAChC,8BAA8B;AAAA,EAChC;AACF;AAEA,IAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kCAAkC;AAAA,IAClC,+BAA+B;AAAA,IAC/B,gCAAgC;AAAA,IAChC,8BAA8B;AAAA,EAChC;AACF;AAGA,IAAM,uBAAuB;AAEtB,IAAM,uBAAuB,CAAC,WAAmB;AACtD,SAAO,OAAO,YAAY,gBAAgB,gBAAgB;AAC1D,SAAO,OAAO,YAAY,eAAe,eAAe;AAC1D;AAIO,IAAM,8BAA8B,CAAC,WAAmB;AAC7D,MAAI;AACF,UAAM,aAAa,OAAO,UACvB,aAAa,EACb,KAAK,CAAC,aAAa,SAAS,OAAO,YAAY;AAElD,QAAI,CAAC,WAAY;AAEjB,WAAO,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,QAAQ,OAAO,UAAU,WAAW,aAAa;AAAA,MACjD,sBAAsB;AAAA,MACtB,kBAAkB,OAAO,UAAU,WAAW,qBAAqB;AAAA,MACnE,QAAQ,OAAO,UAAU,WAAW,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,KAAK,OAAO,UAAU,WAAW,QAAQ;AAAA,MACzC,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,WAAW,CAAC,qBAAqB;AAAA,IACnC,CAAC;AAED,WAAO,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA,MACtB,oBAAoB;AAAA,MACpB,yBAAyB;AAAA,IAC3B,CAAC;AAAA,EACH,QAAQ;AAAA,EAER;AACF;AAEO,IAAM,qBAAqB,CAAC,eAA6C,YAAqB;AACnG,MAAI,CAAC,QAAS;AAEd,SAAO,WAAW,MAAM;AACtB,kBAAc,UAAU,8BAA8B,GAAG,IAAI;AAAA,EAC/D,GAAG,oBAAoB;AACzB;AAEO,IAAM,uBAAuB,CAClC,eACA,QACA,WACG;AACH,gBAAc,WAAW,OAAO,OAAO,UAAU,OAAO,QAAQ,MAAM,MAAM;AAC1E,aAAS,cAAc,SAAS,CAAC;AAAA,EACnC,CAAC;AACH;AAGO,IAAM,qBAAqB,CAAC,WAAmB,gBAAwB;AAC5E,QAAM,YAAY,cAAc,SAAS,gBAAgB,SAAS,cAAc;AAEhF,SAAO,YAAY,gBAAgB;AACrC;","names":[]}

package/dist/chunk-CN46HGXE.js

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

package/dist/chunk-CN46HGXE.js.map

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

package/dist/chunk-CRN4KKNI.js

@@ -0,0 +1,124 @@
+// src/components/data-display/Sheet/Sheet.drag.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var clientYOf = (e) => "touches" in e ? e.touches[0]?.clientY ?? 0 : e.clientY;
+var useDragListeners = (isDragging, onMove, onEnd) => {
+  useEffect(() => {
+    if (!isDragging) return;
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onEnd);
+    document.addEventListener("touchmove", onMove, { passive: false });
+    document.addEventListener("touchend", onEnd);
+    return () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onEnd);
+      document.removeEventListener("touchmove", onMove);
+      document.removeEventListener("touchend", onEnd);
+    };
+  }, [isDragging, onMove, onEnd]);
+};
+var useVelocityTracker = () => {
+  const velocityRef = useRef(0);
+  const lastYRef = useRef(0);
+  const lastTimeRef = useRef(0);
+  const begin = useCallback((clientY) => {
+    lastYRef.current = clientY;
+    lastTimeRef.current = globalThis.performance.now();
+    velocityRef.current = 0;
+  }, []);
+  const track = useCallback((clientY) => {
+    const now = globalThis.performance.now();
+    const deltaTime = now - lastTimeRef.current;
+    if (deltaTime > 0) {
+      velocityRef.current = (clientY - lastYRef.current) / deltaTime;
+    }
+    lastYRef.current = clientY;
+    lastTimeRef.current = now;
+  }, []);
+  const read = useCallback(() => velocityRef.current || 0, []);
+  return { begin, track, read };
+};
+var useDragMath = (input, dragStartY) => {
+  const { isBottomSheet, minSnapPoint, maxSnapPoint, dragResistance } = input;
+  const snapDeltaFor = useCallback(
+    (clientY) => (isBottomSheet ? dragStartY - clientY : clientY - dragStartY) / window.innerHeight,
+    [isBottomSheet, dragStartY]
+  );
+  const withResistance = useCallback(
+    (snapPoint) => {
+      if (snapPoint < minSnapPoint) {
+        return minSnapPoint - (minSnapPoint - snapPoint) * dragResistance;
+      }
+      if (snapPoint > maxSnapPoint) {
+        return maxSnapPoint + (snapPoint - maxSnapPoint) * dragResistance;
+      }
+      return snapPoint;
+    },
+    [minSnapPoint, maxSnapPoint, dragResistance]
+  );
+  return { snapDeltaFor, withResistance };
+};
+var useDragInFlight = (input, geometry, { isDragging, dragStartY, stopDragging, velocity }) => {
+  const { isVerticalSheet, isBottomSheet, onDragEnd } = input;
+  const { sheetRef, currentSnapPoint, updateSheetHeight, settleAt } = geometry;
+  const { snapDeltaFor, withResistance } = useDragMath(input, dragStartY);
+  const handleDragMove = useCallback(
+    (e) => {
+      if (!isDragging || !sheetRef.current || !isVerticalSheet) return;
+      e.preventDefault();
+      const clientY = clientYOf(e);
+      velocity.track(clientY);
+      updateSheetHeight(withResistance(currentSnapPoint + snapDeltaFor(clientY)));
+    },
+    [isDragging, sheetRef, isVerticalSheet, currentSnapPoint, snapDeltaFor, withResistance, updateSheetHeight, velocity]
+  );
+  const handleDragEnd = useCallback(
+    (e) => {
+      if (!isDragging || !isVerticalSheet) return;
+      e.preventDefault();
+      stopDragging();
+      const position = currentSnapPoint + snapDeltaFor(clientYOf(e));
+      const finalVelocity = isBottomSheet ? -velocity.read() : velocity.read();
+      const target = settleAt(position, finalVelocity);
+      if (target !== void 0) {
+        onDragEnd?.(target);
+      }
+    },
+    [isDragging, isVerticalSheet, isBottomSheet, currentSnapPoint, snapDeltaFor, settleAt, stopDragging, velocity, onDragEnd]
+  );
+  return { handleDragMove, handleDragEnd };
+};
+var useDragGestures = (input, geometry) => {
+  const { isDraggableVariant, isVerticalSheet, onDragStart } = input;
+  const { isAnimating, cancelAnimation } = geometry;
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragStartY, setDragStartY] = useState(0);
+  const velocity = useVelocityTracker();
+  const handleDragStart = useCallback(
+    (e) => {
+      if (!isDraggableVariant || !isVerticalSheet || isAnimating) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const clientY = clientYOf(e);
+      setIsDragging(true);
+      setDragStartY(clientY);
+      velocity.begin(clientY);
+      cancelAnimation();
+      onDragStart?.();
+    },
+    [isDraggableVariant, isVerticalSheet, isAnimating, velocity, cancelAnimation, onDragStart]
+  );
+  const stopDragging = useCallback(() => setIsDragging(false), []);
+  const { handleDragMove, handleDragEnd } = useDragInFlight(input, geometry, {
+    isDragging,
+    dragStartY,
+    stopDragging,
+    velocity
+  });
+  useDragListeners(isDragging, handleDragMove, handleDragEnd);
+  return { isDragging, handleDragStart };
+};
+
+export {
+  useDragGestures
+};
+//# sourceMappingURL=chunk-CRN4KKNI.js.map

package/dist/chunk-CRN4KKNI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.drag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SheetDragInput, SnapGeometry } from './Sheet.hooks';\n\ntype AnyPointerEvent =\n  | React.MouseEvent\n  | React.TouchEvent\n  | globalThis.MouseEvent\n  | globalThis.TouchEvent;\n\n/** Reads the pointer's y from either a mouse or a touch event. */\nconst clientYOf = (e: AnyPointerEvent) =>\n  'touches' in e ? (e.touches[0]?.clientY ?? 0) : e.clientY;\n\n/**\n * A drag continues wherever the pointer goes, so the move and end listeners\n * belong on the document rather than the panel.\n */\nconst useDragListeners = (\n  isDragging: boolean,\n  onMove: (e: globalThis.MouseEvent | globalThis.TouchEvent) => void,\n  onEnd: (e: globalThis.MouseEvent | globalThis.TouchEvent) => void,\n) => {\n  useEffect(() => {\n    if (!isDragging) return;\n\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onEnd);\n    document.addEventListener('touchmove', onMove, { passive: false });\n    document.addEventListener('touchend', onEnd);\n\n    return () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onEnd);\n      document.removeEventListener('touchmove', onMove);\n      document.removeEventListener('touchend', onEnd);\n    };\n  }, [isDragging, onMove, onEnd]);\n};\n\n/**\n * Pointer velocity across a drag, in snap-point units per millisecond. Kept in\n * refs rather than state: it is read once at drag end and must not re-render\n * the panel on every pointer move.\n */\nconst useVelocityTracker = () => {\n  const velocityRef = useRef(0);\n  const lastYRef = useRef(0);\n  const lastTimeRef = useRef(0);\n\n  const begin = useCallback((clientY: number) => {\n    lastYRef.current = clientY;\n    lastTimeRef.current = globalThis.performance.now();\n    velocityRef.current = 0;\n  }, []);\n\n  const track = useCallback((clientY: number) => {\n    const now = globalThis.performance.now();\n    const deltaTime = now - lastTimeRef.current;\n    if (deltaTime > 0) {\n      velocityRef.current = (clientY - lastYRef.current) / deltaTime;\n    }\n    lastYRef.current = clientY;\n    lastTimeRef.current = now;\n  }, []);\n\n  const read = useCallback(() => velocityRef.current || 0, []);\n\n  return { begin, track, read };\n};\n\n/**\n * The two conversions between pointer travel and snap points: how far a pointer\n * at `clientY` has moved the sheet, and what happens past the end stops.\n */\nconst useDragMath = (input: SheetDragInput, dragStartY: number) => {\n  const { isBottomSheet, minSnapPoint, maxSnapPoint, dragResistance } = input;\n\n  /** Snap-point delta for a pointer at `clientY`, sign-corrected for the anchor. */\n  const snapDeltaFor = useCallback(\n    (clientY: number) =>\n      (isBottomSheet ? dragStartY - clientY : clientY - dragStartY) / window.innerHeight,\n    [isBottomSheet, dragStartY],\n  );\n\n  /**\n   * Past either end the sheet still moves, but only by a fraction of the drag,\n   * so the boundary is felt rather than hit.\n   */\n  const withResistance = useCallback(\n    (snapPoint: number) => {\n      if (snapPoint < minSnapPoint) {\n        return minSnapPoint - (minSnapPoint - snapPoint) * dragResistance;\n      }\n      if (snapPoint > maxSnapPoint) {\n        return maxSnapPoint + (snapPoint - maxSnapPoint) * dragResistance;\n      }\n      return snapPoint;\n    },\n    [minSnapPoint, maxSnapPoint, dragResistance],\n  );\n\n  return { snapDeltaFor, withResistance };\n};\n\ninterface InFlightInput {\n  isDragging: boolean;\n  dragStartY: number;\n  stopDragging: () => void;\n  velocity: ReturnType<typeof useVelocityTracker>;\n}\n\n/**\n * The two handlers that run while a drag is live: one per pointer move, and one\n * at release that hands the resting position to the geometry.\n */\nconst useDragInFlight = (\n  input: SheetDragInput,\n  geometry: SnapGeometry,\n  { isDragging, dragStartY, stopDragging, velocity }: InFlightInput,\n) => {\n  const { isVerticalSheet, isBottomSheet, onDragEnd } = input;\n  const { sheetRef, currentSnapPoint, updateSheetHeight, settleAt } = geometry;\n  const { snapDeltaFor, withResistance } = useDragMath(input, dragStartY);\n\n  const handleDragMove = useCallback(\n    (e: globalThis.MouseEvent | globalThis.TouchEvent) => {\n      if (!isDragging || !sheetRef.current || !isVerticalSheet) return;\n\n      e.preventDefault();\n      const clientY = clientYOf(e);\n      velocity.track(clientY);\n      updateSheetHeight(withResistance(currentSnapPoint + snapDeltaFor(clientY)));\n    },\n    [isDragging, sheetRef, isVerticalSheet, currentSnapPoint, snapDeltaFor, withResistance, updateSheetHeight, velocity],\n  );\n\n  const handleDragEnd = useCallback(\n    (e: globalThis.MouseEvent | globalThis.TouchEvent) => {\n      if (!isDragging || !isVerticalSheet) return;\n\n      e.preventDefault();\n      stopDragging();\n\n      const position = currentSnapPoint + snapDeltaFor(clientYOf(e));\n      // A bottom sheet grows as the pointer moves up, so its velocity reads\n      // negative for the direction the panel is actually travelling.\n      const finalVelocity = isBottomSheet ? -velocity.read() : velocity.read();\n\n      const target = settleAt(position, finalVelocity);\n      if (target !== undefined) {\n        onDragEnd?.(target);\n      }\n    },\n    [isDragging, isVerticalSheet, isBottomSheet, currentSnapPoint, snapDeltaFor, settleAt, stopDragging, velocity, onDragEnd],\n  );\n\n  return { handleDragMove, handleDragEnd };\n};\n\n/**\n * The pointer half of the draggable variant: tracks one drag from press to\n * release, converts its travel into a snap-point delta, and hands the result to\n * the geometry to settle.\n */\nexport const useDragGestures = (input: SheetDragInput, geometry: SnapGeometry) => {\n  const { isDraggableVariant, isVerticalSheet, onDragStart } = input;\n  const { isAnimating, cancelAnimation } = geometry;\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStartY, setDragStartY] = useState(0);\n  const velocity = useVelocityTracker();\n\n  const handleDragStart = useCallback(\n    (e: React.MouseEvent | React.TouchEvent) => {\n      if (!isDraggableVariant || !isVerticalSheet || isAnimating) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      const clientY = clientYOf(e);\n      setIsDragging(true);\n      setDragStartY(clientY);\n      velocity.begin(clientY);\n\n      cancelAnimation();\n      onDragStart?.();\n    },\n    [isDraggableVariant, isVerticalSheet, isAnimating, velocity, cancelAnimation, onDragStart],\n  );\n\n  const stopDragging = useCallback(() => setIsDragging(false), []);\n  const { handleDragMove, handleDragEnd } = useDragInFlight(input, geometry, {\n    isDragging,\n    dragStartY,\n    stopDragging,\n    velocity,\n  });\n\n  useDragListeners(isDragging, handleDragMove, handleDragEnd);\n\n  return { isDragging, handleDragStart };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-CSFE7AUR.js

@@ -0,0 +1,68 @@
+// src/components/data-display/Badge/Badge.animations.ts
+import { keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  70% {
+    transform: scale(1.2);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+var bounceAnimation = keyframes`
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0) scale(1);
+  }
+  40% {
+    transform: translateY(-8px) scale(1.05);
+  }
+  60% {
+    transform: translateY(-4px) scale(1.02);
+  }
+`;
+var shimmerAnimation = keyframes`
+  0% {
+    background-position: -1000px 0;
+  }
+  100% {
+    background-position: 1000px 0;
+  }
+`;
+var fadeInScaleAnimation = keyframes`
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+`;
+var glowPulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px 2px rgba(var(--glow-color), 0.4);
+  }
+  50% {
+    box-shadow: 0 0 20px 4px rgba(var(--glow-color), 0.8);
+  }
+  100% {
+    box-shadow: 0 0 5px 2px rgba(var(--glow-color), 0.4);
+  }
+`;
+
+export {
+  pulseAnimation,
+  bounceAnimation,
+  shimmerAnimation,
+  fadeInScaleAnimation,
+  glowPulseAnimation
+};
+//# sourceMappingURL=chunk-CSFE7AUR.js.map

package/dist/chunk-CSSCGM27.js

@@ -0,0 +1,25 @@
+// src/components/form/CodeEditor/CodeEditor.helpers.ts
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
+var CODE_EDITOR_DEFAULTS = {
+  height: "400px",
+  theme: "auto",
+  readOnly: false,
+  lineNumbers: true,
+  minimap: false,
+  fontSize: 14,
+  wordWrap: false,
+  showToolbar: true,
+  autoFormat: false
+};
+var resolveCodeEditorProps = (props) => ({
+  ...CODE_EDITOR_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+
+export {
+  makeTestId,
+  resolveCodeEditorProps
+};
+//# sourceMappingURL=chunk-CSSCGM27.js.map

package/dist/chunk-CSSCGM27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.helpers.ts"],"sourcesContent":["import type { CodeEditorProps } from './CodeEditor.types';\n\n// Every element repeated the same conditional test id; this is that ternary once.\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;\n\ntype CodeEditorDefaultedKeys =\n  | 'height'\n  | 'theme'\n  | 'readOnly'\n  | 'lineNumbers'\n  | 'minimap'\n  | 'fontSize'\n  | 'wordWrap'\n  | 'showToolbar'\n  | 'autoFormat';\n\ntype ResolvedCodeEditorProps = CodeEditorProps &\n  Required<Pick<CodeEditorProps, CodeEditorDefaultedKeys>>;\n\nconst CODE_EDITOR_DEFAULTS: Pick<CodeEditorProps, CodeEditorDefaultedKeys> = {\n  height: '400px',\n  theme: 'auto',\n  readOnly: false,\n  lineNumbers: true,\n  minimap: false,\n  fontSize: 14,\n  wordWrap: false,\n  showToolbar: true,\n  autoFormat: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put nine\n// branches into the component's own complexity budget.\nexport const resolveCodeEditorProps = (props: CodeEditorProps): ResolvedCodeEditorProps =>\n  ({\n    ...CODE_EDITOR_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<CodeEditorProps>),\n  }) as ResolvedCodeEditorProps;\n"],"mappings":";AAGO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,eAAe,MAAM;AAgBlE,IAAM,uBAAuE;AAAA,EAC3E,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AACd;AAMO,IAAM,yBAAyB,CAAC,WACpC;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;","names":[]}

package/dist/chunk-CUMSPE6B.js

@@ -0,0 +1,16 @@
+// src/components/layout/Dashboard/DashboardContext.tsx
+import { createContext, useContext } from "react";
+var DashboardContext = createContext(null);
+function useDashboardContext() {
+  const context = useContext(DashboardContext);
+  if (!context) {
+    throw new Error("Dashboard sub-components must be used within a <Dashboard>");
+  }
+  return context;
+}
+
+export {
+  DashboardContext,
+  useDashboardContext
+};
+//# sourceMappingURL=chunk-CUMSPE6B.js.map