@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-BR7RM3WR.js

@@ -1,79 +0,0 @@
-import {
-  avatarFor,
-  chipStyles,
-  iconWithTestId,
-  makeKeyDownHandler
-} from "./chunk-5NFPO3YY.js";
-import {
-  chipMuiSize
-} from "./chunk-KU6VHNRV.js";
-import {
-  chipRole,
-  isClickable,
-  makeTestId
-} from "./chunk-BF4FYOAR.js";
-
-// src/components/data-display/Chip/Chip.tsx
-import CancelIcon from "@mui/icons-material/Cancel";
-import MuiChip from "@mui/material/Chip/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "default" : color;
-};
-var Chip = forwardRef(({
-  label,
-  variant = "filled",
-  size = "md",
-  color = "primary",
-  avatarSrc,
-  avatar,
-  icon,
-  selected,
-  selectable,
-  deletable,
-  disabled,
-  onClick,
-  onDelete,
-  className,
-  dataTestId,
-  // React Native's spelling of the same id; it names the component on both
-  // sides and must not reach the DOM as an attribute.
-  testID,
-  ...props
-}, ref) => {
-  const chipId = testID ?? dataTestId;
-  const testId = makeTestId(chipId);
-  const clickable = isClickable(disabled, onClick, selectable);
-  return /* @__PURE__ */ jsx(
-    MuiChip,
-    {
-      ref,
-      label: /* @__PURE__ */ jsx("span", { "data-testid": testId("label"), children: label }),
-      variant,
-      size: chipMuiSize(size),
-      color: muiColorFor(color),
-      avatar: avatarFor(avatar, avatarSrc),
-      icon: iconWithTestId(icon, testId("icon")),
-      onDelete: deletable ? onDelete : void 0,
-      deleteIcon: deletable ? /* @__PURE__ */ jsx(CancelIcon, { "data-testid": testId("delete") }) : void 0,
-      disabled,
-      clickable,
-      onClick: clickable ? onClick : void 0,
-      onKeyDown: makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete }),
-      className,
-      role: chipRole(selectable, onClick),
-      "aria-selected": selectable ? selected : void 0,
-      "data-testid": chipId || "chip",
-      sx: chipStyles({ variant, selected, clickable, disabled }),
-      ...props
-    }
-  );
-});
-Chip.displayName = "Chip";
-
-export {
-  Chip
-};
-//# sourceMappingURL=chunk-BR7RM3WR.js.map

package/dist/chunk-BXAL7OIS.js

@@ -1,347 +0,0 @@
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  absoluteInk,
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/CategorySelect/CategorySelect.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var METRICS = {
-  panelWidth: 340,
-  panelRadius: 14,
-  listMaxHeight: 290,
-  sheetListMaxHeight: 340,
-  rowHeight: 36,
-  sheetRowHeight: 42,
-  rowRadius: 8,
-  boxSize: 18,
-  chevronButton: 22,
-  /** Extra left padding per level of nesting. */
-  rowIndentStep: 14,
-  footerButton: 32,
-  sheetFooterButton: 38,
-  /** Below this width the panel becomes a bottom sheet. */
-  sheetBreakpoint: 480
-};
-var accent = (theme) => ({
-  main: theme.palette.primary.main,
-  ink: theme.palette.primary.dark,
-  soft: alpha(theme.palette.primary.main, 0.08),
-  edge: alpha(theme.palette.primary.main, 0.28),
-  ring: alpha(theme.palette.primary.main, 0.15)
-});
-var triggerSx = (theme, selected, open) => {
-  const brand = accent(theme);
-  return {
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    height: fieldHeight(theme),
-    padding: "0 10px 0 12px",
-    borderRadius: fieldRadiusPx(theme),
-    border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,
-    background: selected ? brand.soft : theme.palette.background.paper,
-    color: selected ? brand.ink : theme.palette.text.primary,
-    font: "inherit",
-    fontSize: rem(theme, 13),
-    cursor: "pointer",
-    maxWidth: "100%",
-    transition: "border-color .12s, box-shadow .12s",
-    boxShadow: open ? `0 0 0 3px ${brand.ring}` : "none",
-    "&:hover": { borderColor: open || selected ? brand.edge : theme.palette.text.disabled },
-    "&:focus-visible": {
-      outline: "none",
-      borderColor: brand.main,
-      boxShadow: `0 0 0 3px ${alpha(brand.main, 0.18)}`
-    },
-    "&:disabled": { opacity: 0.5, cursor: "default" }
-  };
-};
-var triggerCountSx = (theme) => ({
-  fontWeight: 600,
-  fontSize: rem(theme, 11),
-  lineHeight: 1,
-  background: theme.palette.primary.main,
-  color: theme.palette.primary.contrastText,
-  borderRadius: "999px",
-  padding: "3px 6px",
-  minWidth: 18,
-  textAlign: "center"
-});
-var triggerClearSx = (theme) => ({
-  width: 20,
-  height: 20,
-  flex: "0 0 auto",
-  border: 0,
-  background: "transparent",
-  borderRadius: "5px",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  color: "inherit",
-  opacity: 0.6,
-  padding: 0,
-  "&:hover": { background: alpha(absoluteInk(theme).black, 0.08), opacity: 1 }
-});
-var triggerChevronSx = (open) => ({
-  width: 14,
-  height: 14,
-  flex: "0 0 auto",
-  opacity: 0.55,
-  transition: "transform .15s",
-  transform: open ? "rotate(180deg)" : "none"
-});
-var panelSx = (theme) => ({
-  width: METRICS.panelWidth,
-  maxWidth: "100%",
-  background: theme.palette.background.paper,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: `${METRICS.panelRadius}px`,
-  boxShadow: `0 1px 2px ${alpha(uiInk(theme).panelShadowInk, 0.05)}, 0 18px 40px -12px ${alpha(uiInk(theme).panelShadowInk, 0.28)}`,
-  display: "flex",
-  flexDirection: "column",
-  overflow: "hidden"
-});
-var sheetSx = (theme) => ({
-  width: "100%",
-  maxWidth: "none",
-  borderRadius: "18px 18px 0 0",
-  borderBottom: 0,
-  position: "relative",
-  paddingTop: "4px",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 7,
-    left: "50%",
-    transform: "translateX(-50%)",
-    width: 36,
-    height: 4,
-    borderRadius: "2px",
-    background: theme.palette.divider
-  }
-});
-var panelHeadSx = (theme, sheet) => ({
-  padding: sheet ? "18px 10px 8px" : "10px 10px 8px",
-  borderBottom: `1px solid ${theme.palette.divider}`
-});
-var pinnedSx = (theme) => ({
-  padding: "9px 10px",
-  borderBottom: `1px solid ${theme.palette.divider}`,
-  background: alpha(theme.palette.primary.main, 0.03)
-});
-var pinnedLabelSx = (theme) => ({
-  fontWeight: 600,
-  fontSize: rem(theme, 10),
-  lineHeight: 1,
-  letterSpacing: ".08em",
-  textTransform: "uppercase",
-  color: theme.palette.text.secondary,
-  marginBottom: "7px"
-});
-var chipWrapSx = {
-  display: "flex",
-  flexWrap: "wrap",
-  gap: "5px",
-  maxHeight: 74,
-  overflow: "auto"
-};
-var chipSx = (theme) => {
-  const brand = accent(theme);
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "5px",
-    fontSize: rem(theme, 12),
-    background: brand.soft,
-    color: brand.ink,
-    border: `1px solid ${brand.edge}`,
-    borderRadius: "7px",
-    padding: "3px 4px 3px 8px",
-    "& button": {
-      border: 0,
-      background: "transparent",
-      color: "inherit",
-      cursor: "pointer",
-      padding: 0,
-      width: 16,
-      height: 16,
-      borderRadius: "4px",
-      display: "grid",
-      placeItems: "center",
-      opacity: 0.65,
-      fontSize: rem(theme, 13),
-      lineHeight: 1,
-      "&:hover": { background: alpha(theme.palette.primary.main, 0.16), opacity: 1 }
-    }
-  };
-};
-var listSx = (sheet) => ({
-  overflow: "auto",
-  maxHeight: sheet ? METRICS.sheetListMaxHeight : METRICS.listMaxHeight,
-  padding: "6px 6px 8px",
-  scrollPadding: "8px 0",
-  overscrollBehavior: "contain"
-});
-var rowSx = (theme, active, sheet) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: "8px",
-  padding: "0 8px",
-  height: sheet ? METRICS.sheetRowHeight : METRICS.rowHeight,
-  borderRadius: `${METRICS.rowRadius}px`,
-  cursor: "pointer",
-  userSelect: "none",
-  position: "relative",
-  width: "100%",
-  border: 0,
-  textAlign: "left",
-  font: "inherit",
-  background: active ? alpha(theme.palette.primary.main, 0.08) : "transparent",
-  boxShadow: active ? `inset 0 0 0 1px ${alpha(theme.palette.primary.main, 0.3)}` : "none",
-  "&:hover": {
-    background: active ? alpha(theme.palette.primary.main, 0.08) : theme.palette.action.hover
-  },
-  "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: 1 }
-});
-var rowIndent = (depth) => depth === 0 ? {} : { paddingLeft: `${depth * METRICS.rowIndentStep}px` };
-var rowNameSx = (theme, isCategory) => ({
-  flex: 1,
-  minWidth: 0,
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  fontSize: rem(theme, 13.5),
-  fontWeight: isCategory ? 600 : 450,
-  color: isCategory ? theme.palette.text.primary : theme.palette.text.secondary
-});
-var rowMetaSx = (theme, selected) => ({
-  font: `500 ${rem(theme, 11)}/1 ui-monospace, SFMono-Regular, Menlo, monospace`,
-  color: selected ? theme.palette.primary.main : theme.palette.text.secondary,
-  fontWeight: selected ? 600 : 500,
-  flex: "0 0 auto"
-});
-var markSx = (theme) => ({
-  background: uiInk(theme).highlightMark,
-  color: "inherit",
-  borderRadius: "2px",
-  padding: "0 1px"
-});
-var chevronButtonSx = (theme, open) => ({
-  width: METRICS.chevronButton,
-  height: METRICS.chevronButton,
-  flex: "0 0 auto",
-  border: 0,
-  background: "transparent",
-  borderRadius: "6px",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  color: theme.palette.text.secondary,
-  padding: 0,
-  "&:hover": { background: theme.palette.action.hover, color: theme.palette.text.primary },
-  "& svg": { width: 12, height: 12, transition: "transform .15s", transform: open ? "rotate(90deg)" : "none" }
-});
-var checkboxSx = (theme, state) => ({
-  width: METRICS.boxSize,
-  height: METRICS.boxSize,
-  flex: "0 0 auto",
-  border: `1.5px solid ${state === "off" ? theme.palette.divider : theme.palette.primary.main}`,
-  borderRadius: "5px",
-  background: state === "off" ? theme.palette.background.paper : theme.palette.primary.main,
-  display: "grid",
-  placeItems: "center",
-  transition: "background .1s, border-color .1s",
-  "& svg": { width: 12, height: 12, color: theme.palette.primary.contrastText }
-});
-var checkboxBarSx = (theme) => ({
-  width: 9,
-  height: 2,
-  background: theme.palette.primary.contrastText,
-  borderRadius: "1px"
-});
-var radioSx = (theme, on) => ({
-  width: METRICS.boxSize,
-  height: METRICS.boxSize,
-  flex: "0 0 auto",
-  borderRadius: "50%",
-  background: theme.palette.background.paper,
-  border: on ? `5.5px solid ${theme.palette.primary.main}` : `1.5px solid ${theme.palette.divider}`,
-  boxSizing: "border-box"
-});
-var sectionHeadSx = (theme) => ({
-  fontWeight: 600,
-  fontSize: rem(theme, 10),
-  lineHeight: 1,
-  letterSpacing: ".08em",
-  textTransform: "uppercase",
-  color: theme.palette.text.secondary,
-  padding: "9px 8px 6px"
-});
-var footerSx = (theme) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "8px",
-  padding: "9px 10px",
-  borderTop: `1px solid ${theme.palette.divider}`,
-  background: theme.palette.action.hover
-});
-var emptySx = (theme) => ({
-  padding: "26px 18px",
-  textAlign: "center",
-  color: theme.palette.text.secondary,
-  "& strong": {
-    display: "block",
-    color: theme.palette.text.primary,
-    fontSize: rem(theme, 13.5),
-    marginBottom: "4px"
-  },
-  "& p": { margin: "0 0 12px", fontSize: rem(theme, 12.5), lineHeight: 1.5 }
-});
-var skeletonSx = {
-  height: METRICS.rowHeight,
-  margin: "4px 6px",
-  borderRadius: `${METRICS.rowRadius}px`
-};
-
-export {
-  METRICS,
-  triggerSx,
-  triggerCountSx,
-  triggerClearSx,
-  triggerChevronSx,
-  panelSx,
-  sheetSx,
-  panelHeadSx,
-  pinnedSx,
-  pinnedLabelSx,
-  chipWrapSx,
-  chipSx,
-  listSx,
-  rowSx,
-  rowIndent,
-  rowNameSx,
-  rowMetaSx,
-  markSx,
-  chevronButtonSx,
-  checkboxSx,
-  checkboxBarSx,
-  radioSx,
-  sectionHeadSx,
-  footerSx,
-  emptySx,
-  skeletonSx
-};
-//# sourceMappingURL=chunk-BXAL7OIS.js.map

package/dist/chunk-BXAL7OIS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategorySelect.styles.ts"],"sourcesContent":["import { alpha, type CSSObject, type Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, uiInk } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\n/**\n * The prototype's METRICS, verbatim.\n *\n * Every number here is lifted from the approved design and is intentionally\n * absolute rather than derived from `theme.spacing`: the design is specified on\n * a half-pixel type scale (13.5px rows, 1.5px checkbox borders) that an 8px\n * spacing grid cannot express without rounding the look away.\n *\n * The trigger's CORNER and HEIGHT are the other exception: it is a field, so it\n * takes the theme's field radius and field height (`tokens/field-radius`,\n * `tokens/field-height`) and lines up with the inputs and filter pills beside it.\n *\n * COLOURS are the deliberate exception — they come from the theme, because a\n * tenant can white-label the palette (a hard-coded indigo would survive the\n * rebrand and the rest of the screen would not) and because the library ships a\n * dark mode. On the default light indigo theme the tokens below resolve to the\n * prototype's own values.\n */\nexport const METRICS = {\n  panelWidth: 340,\n  panelRadius: 14,\n  listMaxHeight: 290,\n  sheetListMaxHeight: 340,\n  rowHeight: 36,\n  sheetRowHeight: 42,\n  rowRadius: 8,\n  boxSize: 18,\n  chevronButton: 22,\n  /** Extra left padding per level of nesting. */\n  rowIndentStep: 14,\n  footerButton: 32,\n  sheetFooterButton: 38,\n  /** Below this width the panel becomes a bottom sheet. */\n  sheetBreakpoint: 480,\n} as const;\n\n/** Accent family, derived so a white-labelled palette carries through. */\nconst accent = (theme: Theme) => ({\n  main: theme.palette.primary.main,\n  ink: theme.palette.primary.dark,\n  soft: alpha(theme.palette.primary.main, 0.08),\n  edge: alpha(theme.palette.primary.main, 0.28),\n  ring: alpha(theme.palette.primary.main, 0.15),\n});\n\n/** The closed control. `selected` swaps it to the accent-tinted \"has filter\" skin. */\nexport const triggerSx = (theme: Theme, selected: boolean, open: boolean): CSSObject => {\n  const brand = accent(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    height: fieldHeight(theme),\n    padding: '0 10px 0 12px',\n    borderRadius: fieldRadiusPx(theme),\n    border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,\n    background: selected ? brand.soft : theme.palette.background.paper,\n    color: selected ? brand.ink : theme.palette.text.primary,\n    font: 'inherit',\n    fontSize: rem(theme, 13),\n    cursor: 'pointer',\n    maxWidth: '100%',\n    transition: 'border-color .12s, box-shadow .12s',\n    boxShadow: open ? `0 0 0 3px ${brand.ring}` : 'none',\n    '&:hover': { borderColor: open || selected ? brand.edge : theme.palette.text.disabled },\n    '&:focus-visible': {\n      outline: 'none',\n      borderColor: brand.main,\n      boxShadow: `0 0 0 3px ${alpha(brand.main, 0.18)}`,\n    },\n    '&:disabled': { opacity: 0.5, cursor: 'default' },\n  };\n};\n\n/** The count pill inside the trigger. */\nexport const triggerCountSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 11),\n  lineHeight: 1,\n  background: theme.palette.primary.main,\n  color: theme.palette.primary.contrastText,\n  borderRadius: '999px',\n  padding: '3px 6px',\n  minWidth: 18,\n  textAlign: 'center',\n});\n\n/** The trigger's inline clear (×) and the chevron. */\nexport const triggerClearSx = (theme: Theme): CSSObject => ({\n  width: 20,\n  height: 20,\n  flex: '0 0 auto',\n  border: 0,\n  background: 'transparent',\n  borderRadius: '5px',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  color: 'inherit',\n  opacity: 0.6,\n  padding: 0,\n  '&:hover': { background: alpha(absoluteInk(theme).black, 0.08), opacity: 1 },\n});\n\nexport const triggerChevronSx = (open: boolean): CSSObject => ({\n  width: 14,\n  height: 14,\n  flex: '0 0 auto',\n  opacity: 0.55,\n  transition: 'transform .15s',\n  transform: open ? 'rotate(180deg)' : 'none',\n});\n\n/** The floating panel. */\nexport const panelSx = (theme: Theme): CSSObject => ({\n  width: METRICS.panelWidth,\n  maxWidth: '100%',\n  background: theme.palette.background.paper,\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: `${METRICS.panelRadius}px`,\n  boxShadow: `0 1px 2px ${alpha(uiInk(theme).panelShadowInk, 0.05)}, 0 18px 40px -12px ${alpha(uiInk(theme).panelShadowInk, 0.28)}`,\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden',\n});\n\n/** Bottom-sheet skin, applied under {@link METRICS.sheetBreakpoint}. */\nexport const sheetSx = (theme: Theme): CSSObject => ({\n  width: '100%',\n  maxWidth: 'none',\n  borderRadius: '18px 18px 0 0',\n  borderBottom: 0,\n  position: 'relative',\n  paddingTop: '4px',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 7,\n    left: '50%',\n    transform: 'translateX(-50%)',\n    width: 36,\n    height: 4,\n    borderRadius: '2px',\n    background: theme.palette.divider,\n  },\n});\n\nexport const panelHeadSx = (theme: Theme, sheet: boolean): CSSObject => ({\n  padding: sheet ? '18px 10px 8px' : '10px 10px 8px',\n  borderBottom: `1px solid ${theme.palette.divider}`,\n});\n\nexport const pinnedSx = (theme: Theme): CSSObject => ({\n  padding: '9px 10px',\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  background: alpha(theme.palette.primary.main, 0.03),\n});\n\nexport const pinnedLabelSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 10),\n  lineHeight: 1,\n  letterSpacing: '.08em',\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  marginBottom: '7px',\n});\n\nexport const chipWrapSx: CSSObject = {\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: '5px',\n  maxHeight: 74,\n  overflow: 'auto',\n};\n\n/** A selected-category chip, in the pinned tray and the applied bar alike. */\nexport const chipSx = (theme: Theme): CSSObject => {\n  const brand = accent(theme);\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '5px',\n    fontSize: rem(theme, 12),\n    background: brand.soft,\n    color: brand.ink,\n    border: `1px solid ${brand.edge}`,\n    borderRadius: '7px',\n    padding: '3px 4px 3px 8px',\n    '& button': {\n      border: 0,\n      background: 'transparent',\n      color: 'inherit',\n      cursor: 'pointer',\n      padding: 0,\n      width: 16,\n      height: 16,\n      borderRadius: '4px',\n      display: 'grid',\n      placeItems: 'center',\n      opacity: 0.65,\n      fontSize: rem(theme, 13),\n      lineHeight: 1,\n      '&:hover': { background: alpha(theme.palette.primary.main, 0.16), opacity: 1 },\n    },\n  };\n};\n\nexport const listSx = (sheet: boolean): CSSObject => ({\n  overflow: 'auto',\n  maxHeight: sheet ? METRICS.sheetListMaxHeight : METRICS.listMaxHeight,\n  padding: '6px 6px 8px',\n  scrollPadding: '8px 0',\n  overscrollBehavior: 'contain',\n});\n\n/** A row. `active` is the KEYBOARD cursor — deliberately distinct from hover. */\nexport const rowSx = (theme: Theme, active: boolean, sheet: boolean): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '8px',\n  padding: '0 8px',\n  height: sheet ? METRICS.sheetRowHeight : METRICS.rowHeight,\n  borderRadius: `${METRICS.rowRadius}px`,\n  cursor: 'pointer',\n  userSelect: 'none',\n  position: 'relative',\n  width: '100%',\n  border: 0,\n  textAlign: 'left',\n  font: 'inherit',\n  background: active ? alpha(theme.palette.primary.main, 0.08) : 'transparent',\n  boxShadow: active ? `inset 0 0 0 1px ${alpha(theme.palette.primary.main, 0.3)}` : 'none',\n  '&:hover': {\n    background: active\n      ? alpha(theme.palette.primary.main, 0.08)\n      : theme.palette.action.hover,\n  },\n  '&:focus-visible': { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: 1 },\n});\n\n/**\n * How far a row sits in from the panel edge, by depth.\n *\n * One step per level, on top of {@link rowSx}'s own 8px gutter — depth 0 keeps\n * that gutter, and every level below it adds `METRICS.rowIndentStep`. Absolute\n * like the rest of this file: the step is the design's own 14px, not a spacing\n * multiple that would round it.\n */\nexport const rowIndent = (depth: number): CSSObject =>\n  depth === 0 ? {} : { paddingLeft: `${depth * METRICS.rowIndentStep}px` };\n\nexport const rowNameSx = (theme: Theme, isCategory: boolean): CSSObject => ({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  fontSize: rem(theme, 13.5),\n  fontWeight: isCategory ? 600 : 450,\n  color: isCategory ? theme.palette.text.primary : theme.palette.text.secondary,\n});\n\nexport const rowMetaSx = (theme: Theme, selected: boolean): CSSObject => ({\n  font: `500 ${rem(theme, 11)}/1 ui-monospace, SFMono-Regular, Menlo, monospace`,\n  color: selected ? theme.palette.primary.main : theme.palette.text.secondary,\n  fontWeight: selected ? 600 : 500,\n  flex: '0 0 auto',\n});\n\n/** The query hit inside a row label. */\nexport const markSx = (theme: Theme): CSSObject => ({\n  background: uiInk(theme).highlightMark,\n  color: 'inherit',\n  borderRadius: '2px',\n  padding: '0 1px',\n});\n\nexport const chevronButtonSx = (theme: Theme, open: boolean): CSSObject => ({\n  width: METRICS.chevronButton,\n  height: METRICS.chevronButton,\n  flex: '0 0 auto',\n  border: 0,\n  background: 'transparent',\n  borderRadius: '6px',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  color: theme.palette.text.secondary,\n  padding: 0,\n  '&:hover': { background: theme.palette.action.hover, color: theme.palette.text.primary },\n  '& svg': { width: 12, height: 12, transition: 'transform .15s', transform: open ? 'rotate(90deg)' : 'none' },\n});\n\n/** The tri-state checkbox: unchecked, checked, or the partial bar. */\nexport const checkboxSx = (theme: Theme, state: 'off' | 'partial' | 'on'): CSSObject => ({\n  width: METRICS.boxSize,\n  height: METRICS.boxSize,\n  flex: '0 0 auto',\n  border: `1.5px solid ${state === 'off' ? theme.palette.divider : theme.palette.primary.main}`,\n  borderRadius: '5px',\n  background: state === 'off' ? theme.palette.background.paper : theme.palette.primary.main,\n  display: 'grid',\n  placeItems: 'center',\n  transition: 'background .1s, border-color .1s',\n  '& svg': { width: 12, height: 12, color: theme.palette.primary.contrastText },\n});\n\n/** The partial bar drawn inside a half-selected checkbox. */\nexport const checkboxBarSx = (theme: Theme): CSSObject => ({\n  width: 9,\n  height: 2,\n  background: theme.palette.primary.contrastText,\n  borderRadius: '1px',\n});\n\nexport const radioSx = (theme: Theme, on: boolean): CSSObject => ({\n  width: METRICS.boxSize,\n  height: METRICS.boxSize,\n  flex: '0 0 auto',\n  borderRadius: '50%',\n  background: theme.palette.background.paper,\n  border: on\n    ? `5.5px solid ${theme.palette.primary.main}`\n    : `1.5px solid ${theme.palette.divider}`,\n  boxSizing: 'border-box',\n});\n\nexport const sectionHeadSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 10),\n  lineHeight: 1,\n  letterSpacing: '.08em',\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  padding: '9px 8px 6px',\n});\n\nexport const footerSx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '8px',\n  padding: '9px 10px',\n  borderTop: `1px solid ${theme.palette.divider}`,\n  background: theme.palette.action.hover,\n});\n\nexport const emptySx = (theme: Theme): CSSObject => ({\n  padding: '26px 18px',\n  textAlign: 'center',\n  color: theme.palette.text.secondary,\n  '& strong': {\n    display: 'block',\n    color: theme.palette.text.primary,\n    fontSize: rem(theme, 13.5),\n    marginBottom: '4px',\n  },\n  '& p': { margin: '0 0 12px', fontSize: rem(theme, 12.5), lineHeight: 1.5 },\n});\n\n/** Skeleton row used while the catalogue loads. */\nexport const skeletonSx: CSSObject = {\n  height: METRICS.rowHeight,\n  margin: '4px 6px',\n  borderRadius: `${METRICS.rowRadius}px`,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-C6FRVGMC.js

@@ -1,176 +0,0 @@
-import {
-  DEFAULT_AUTOPLAY_INTERVAL_MS,
-  MAX_ZOOM,
-  MIN_SWIPE_DISTANCE,
-  MIN_ZOOM,
-  WHEEL_ZOOM_FACTOR,
-  ZOOM_STEP
-} from "./chunk-TFZI36UD.js";
-
-// src/components/data-display/Lightbox/Lightbox.hooks.ts
-import { useCallback, useEffect, useRef, useState } from "react";
-var clampZoom = (zoom) => Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, zoom));
-var isImageItem = (item) => Boolean(item && (item.type === "image" || !item.type));
-var usePreloader = () => {
-  const [preloadedImages, setPreloadedImages] = useState(/* @__PURE__ */ new Set());
-  return useCallback(
-    (src) => {
-      if (preloadedImages.has(src)) return;
-      const img = new window.Image();
-      img.onload = () => setPreloadedImages((prev) => /* @__PURE__ */ new Set([...prev, src]));
-      img.src = src;
-    },
-    [preloadedImages]
-  );
-};
-var useZoomState = () => {
-  const [zoomLevel, setZoomLevel] = useState(1);
-  const [panOffset, setPanOffset] = useState({ x: 0, y: 0 });
-  const resetZoom = useCallback(() => {
-    setZoomLevel(1);
-    setPanOffset({ x: 0, y: 0 });
-  }, []);
-  const zoomIn = useCallback(() => setZoomLevel((prev) => Math.min(MAX_ZOOM, prev * ZOOM_STEP)), []);
-  const zoomOut = useCallback(
-    () => setZoomLevel((prev) => Math.max(MIN_ZOOM, prev / ZOOM_STEP)),
-    []
-  );
-  return { zoomLevel, panOffset, setZoomLevel, resetZoom, zoomIn, zoomOut };
-};
-var useWheelZoom = ({
-  enabled,
-  setZoomLevel
-}) => useCallback(
-  (event) => {
-    if (!enabled) return;
-    event.preventDefault();
-    setZoomLevel((prev) => clampZoom(prev + event.deltaY * -WHEEL_ZOOM_FACTOR));
-  },
-  [enabled, setZoomLevel]
-);
-var useNavigation = ({
-  items,
-  loop,
-  startIndex,
-  resetZoom,
-  preloadImage
-}) => {
-  const [currentIndex, setCurrentIndex] = useState(
-    Math.max(0, Math.min(startIndex, items.length - 1))
-  );
-  const goToIndex = useCallback(
-    (index) => {
-      if (items.length === 0) return;
-      const newIndex = loop ? (index % items.length + items.length) % items.length : Math.max(0, Math.min(index, items.length - 1));
-      setCurrentIndex(newIndex);
-      resetZoom();
-      [items[newIndex - 1], items[newIndex + 1]].filter(isImageItem).forEach((item) => preloadImage(item.src));
-    },
-    [items, loop, resetZoom, preloadImage]
-  );
-  const next = useCallback(() => {
-    if (currentIndex < items.length - 1 || loop) goToIndex(currentIndex + 1);
-  }, [currentIndex, items.length, loop, goToIndex]);
-  const prev = useCallback(() => {
-    if (currentIndex > 0 || loop) goToIndex(currentIndex - 1);
-  }, [currentIndex, loop, goToIndex]);
-  return { currentIndex, goToIndex, next, prev };
-};
-var useAutoplay = ({
-  isOpen,
-  autoplay,
-  itemCount,
-  currentIndex,
-  next
-}) => {
-  const [isAutoPlaying, setIsAutoPlaying] = useState(false);
-  const timerRef = useRef(void 0);
-  useEffect(() => {
-    if (!isAutoPlaying || !autoplay || itemCount <= 1) return;
-    const interval = typeof autoplay === "object" ? autoplay.interval || DEFAULT_AUTOPLAY_INTERVAL_MS : DEFAULT_AUTOPLAY_INTERVAL_MS;
-    timerRef.current = window.setTimeout(next, interval);
-    return () => window.clearTimeout(timerRef.current);
-  }, [isAutoPlaying, autoplay, currentIndex, next, itemCount]);
-  useEffect(() => {
-    setIsAutoPlaying(Boolean(isOpen && autoplay && itemCount > 1));
-  }, [isOpen, autoplay, itemCount]);
-  const stopAutoplay = useCallback(() => {
-    setIsAutoPlaying(false);
-    window.clearTimeout(timerRef.current);
-  }, []);
-  return { isAutoPlaying, setIsAutoPlaying, stopAutoplay };
-};
-var useLightboxKeyboard = ({
-  isOpen,
-  showControls,
-  autoplay,
-  close,
-  prev,
-  next,
-  setIsAutoPlaying
-}) => {
-  useEffect(() => {
-    if (!isOpen) return;
-    const arrows = { ArrowLeft: prev, ArrowRight: next };
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        close();
-        return;
-      }
-      const arrow = arrows[event.key];
-      if (arrow && showControls) {
-        event.preventDefault();
-        arrow();
-        return;
-      }
-      if (event.key === " ") {
-        event.preventDefault();
-        if (autoplay) setIsAutoPlaying((playing) => !playing);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, showControls, close, prev, next, autoplay, setIsAutoPlaying]);
-};
-var useSwipe = ({
-  prev,
-  next,
-  close
-}) => {
-  const touchStartRef = useRef(null);
-  const handleTouchStart = useCallback((event) => {
-    const touch = event.touches.length === 1 ? event.touches[0] : void 0;
-    if (touch) touchStartRef.current = { x: touch.clientX, y: touch.clientY };
-  }, []);
-  const handleTouchEnd = useCallback(
-    (event) => {
-      const start = touchStartRef.current;
-      const touch = event.changedTouches[0];
-      touchStartRef.current = null;
-      if (!start || !touch) return;
-      const deltaX = touch.clientX - start.x;
-      const deltaY = touch.clientY - start.y;
-      if (Math.abs(deltaX) > Math.abs(deltaY)) {
-        if (Math.abs(deltaX) > MIN_SWIPE_DISTANCE) {
-          if (deltaX > 0) prev();
-          else next();
-        }
-        return;
-      }
-      if (deltaY > MIN_SWIPE_DISTANCE) close();
-    },
-    [prev, next, close]
-  );
-  return { handleTouchStart, handleTouchEnd };
-};
-
-export {
-  usePreloader,
-  useZoomState,
-  useWheelZoom,
-  useNavigation,
-  useAutoplay,
-  useLightboxKeyboard,
-  useSwipe
-};
-//# sourceMappingURL=chunk-C6FRVGMC.js.map

package/dist/chunk-C6FRVGMC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.hooks.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport {\n  DEFAULT_AUTOPLAY_INTERVAL_MS,\n  MAX_ZOOM,\n  MIN_SWIPE_DISTANCE,\n  MIN_ZOOM,\n  WHEEL_ZOOM_FACTOR,\n  ZOOM_STEP,\n} from './Lightbox.constants';\nimport type { LightboxItem, LightboxProps } from './Lightbox.types';\n\nconst clampZoom = (zoom: number): number => Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, zoom));\n\n// Items with no explicit type are images.\nconst isImageItem = (item?: LightboxItem): item is LightboxItem =>\n  Boolean(item && (item.type === 'image' || !item.type));\n\n// Images are fetched once and remembered, so stepping back to one is instant.\nexport const usePreloader = () => {\n  const [preloadedImages, setPreloadedImages] = useState<Set<string>>(new Set());\n\n  return useCallback(\n    (src: string) => {\n      if (preloadedImages.has(src)) return;\n\n      const img = new window.Image();\n      img.onload = () => setPreloadedImages((prev) => new Set([...prev, src]));\n      img.src = src;\n    },\n    [preloadedImages],\n  );\n};\n\nexport interface ZoomState {\n  zoomLevel: number;\n  panOffset: { x: number; y: number };\n  setZoomLevel: React.Dispatch<React.SetStateAction<number>>;\n  resetZoom: () => void;\n  zoomIn: () => void;\n  zoomOut: () => void;\n}\n\nexport const useZoomState = (): ZoomState => {\n  const [zoomLevel, setZoomLevel] = useState(1);\n  const [panOffset, setPanOffset] = useState({ x: 0, y: 0 });\n\n  const resetZoom = useCallback(() => {\n    setZoomLevel(1);\n    setPanOffset({ x: 0, y: 0 });\n  }, []);\n\n  const zoomIn = useCallback(() => setZoomLevel((prev) => Math.min(MAX_ZOOM, prev * ZOOM_STEP)), []);\n  const zoomOut = useCallback(\n    () => setZoomLevel((prev) => Math.max(MIN_ZOOM, prev / ZOOM_STEP)),\n    [],\n  );\n\n  return { zoomLevel, panOffset, setZoomLevel, resetZoom, zoomIn, zoomOut };\n};\n\nexport const useWheelZoom = ({\n  enabled,\n  setZoomLevel,\n}: {\n  enabled: boolean;\n  setZoomLevel: React.Dispatch<React.SetStateAction<number>>;\n}) =>\n  useCallback(\n    (event: React.WheelEvent) => {\n      if (!enabled) return;\n\n      event.preventDefault();\n      // Scrolling up (negative deltaY) zooms in.\n      setZoomLevel((prev) => clampZoom(prev + event.deltaY * -WHEEL_ZOOM_FACTOR));\n    },\n    [enabled, setZoomLevel],\n  );\n\nexport const useNavigation = ({\n  items,\n  loop,\n  startIndex,\n  resetZoom,\n  preloadImage,\n}: {\n  items: LightboxItem[];\n  loop: boolean;\n  startIndex: number;\n  resetZoom: () => void;\n  preloadImage: (src: string) => void;\n}) => {\n  const [currentIndex, setCurrentIndex] = useState(\n    Math.max(0, Math.min(startIndex, items.length - 1)),\n  );\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (items.length === 0) return;\n\n      // Looping wraps both ways; otherwise the index sticks at the ends.\n      const newIndex = loop\n        ? ((index % items.length) + items.length) % items.length\n        : Math.max(0, Math.min(index, items.length - 1));\n\n      setCurrentIndex(newIndex);\n      resetZoom();\n\n      // Fetch the neighbours so a step in either direction shows immediately.\n      [items[newIndex - 1], items[newIndex + 1]]\n        .filter(isImageItem)\n        .forEach((item) => preloadImage(item.src));\n    },\n    [items, loop, resetZoom, preloadImage],\n  );\n\n  const next = useCallback(() => {\n    if (currentIndex < items.length - 1 || loop) goToIndex(currentIndex + 1);\n  }, [currentIndex, items.length, loop, goToIndex]);\n\n  const prev = useCallback(() => {\n    if (currentIndex > 0 || loop) goToIndex(currentIndex - 1);\n  }, [currentIndex, loop, goToIndex]);\n\n  return { currentIndex, goToIndex, next, prev };\n};\n\nexport const useAutoplay = ({\n  isOpen,\n  autoplay,\n  itemCount,\n  currentIndex,\n  next,\n}: {\n  isOpen: boolean;\n  autoplay: LightboxProps['autoplay'];\n  itemCount: number;\n  currentIndex: number;\n  next: () => void;\n}) => {\n  const [isAutoPlaying, setIsAutoPlaying] = useState(false);\n  const timerRef = useRef<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!isAutoPlaying || !autoplay || itemCount <= 1) return;\n\n    const interval =\n      typeof autoplay === 'object'\n        ? autoplay.interval || DEFAULT_AUTOPLAY_INTERVAL_MS\n        : DEFAULT_AUTOPLAY_INTERVAL_MS;\n\n    timerRef.current = window.setTimeout(next, interval);\n\n    return () => window.clearTimeout(timerRef.current);\n  }, [isAutoPlaying, autoplay, currentIndex, next, itemCount]);\n\n  // Opening a gallery with more than one item starts the slideshow.\n  useEffect(() => {\n    setIsAutoPlaying(Boolean(isOpen && autoplay && itemCount > 1));\n  }, [isOpen, autoplay, itemCount]);\n\n  const stopAutoplay = useCallback(() => {\n    setIsAutoPlaying(false);\n    window.clearTimeout(timerRef.current);\n  }, []);\n\n  return { isAutoPlaying, setIsAutoPlaying, stopAutoplay };\n};\n\nexport const useLightboxKeyboard = ({\n  isOpen,\n  showControls,\n  autoplay,\n  close,\n  prev,\n  next,\n  setIsAutoPlaying,\n}: {\n  isOpen: boolean;\n  showControls: boolean;\n  autoplay: LightboxProps['autoplay'];\n  close: () => void;\n  prev: () => void;\n  next: () => void;\n  setIsAutoPlaying: React.Dispatch<React.SetStateAction<boolean>>;\n}) => {\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const arrows: Record<string, () => void> = { ArrowLeft: prev, ArrowRight: next };\n\n    const handleKeyDown = (event: { key: string; preventDefault: () => void }) => {\n      if (event.key === 'Escape') {\n        close();\n        return;\n      }\n\n      const arrow = arrows[event.key];\n      if (arrow && showControls) {\n        event.preventDefault();\n        arrow();\n        return;\n      }\n\n      if (event.key === ' ') {\n        event.preventDefault();\n        if (autoplay) setIsAutoPlaying((playing) => !playing);\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, showControls, close, prev, next, autoplay, setIsAutoPlaying]);\n};\n\n// Horizontal swipes step through the gallery; a downward swipe dismisses it.\nexport const useSwipe = ({\n  prev,\n  next,\n  close,\n}: {\n  prev: () => void;\n  next: () => void;\n  close: () => void;\n}) => {\n  const touchStartRef = useRef<{ x: number; y: number } | null>(null);\n\n  const handleTouchStart = useCallback((event: React.TouchEvent) => {\n    const touch = event.touches.length === 1 ? event.touches[0] : undefined;\n    if (touch) touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n  }, []);\n\n  const handleTouchEnd = useCallback(\n    (event: React.TouchEvent) => {\n      const start = touchStartRef.current;\n      const touch = event.changedTouches[0];\n      touchStartRef.current = null;\n      if (!start || !touch) return;\n\n      const deltaX = touch.clientX - start.x;\n      const deltaY = touch.clientY - start.y;\n\n      // Whichever axis moved further decides what the gesture meant.\n      if (Math.abs(deltaX) > Math.abs(deltaY)) {\n        if (Math.abs(deltaX) > MIN_SWIPE_DISTANCE) {\n          if (deltaX > 0) prev();\n          else next();\n        }\n        return;\n      }\n\n      if (deltaY > MIN_SWIPE_DISTANCE) close();\n    },\n    [prev, next, close],\n  );\n\n  return { handleTouchStart, handleTouchEnd };\n};\n"],"mappings":";;;;;;;;;;AACA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAYzD,IAAM,YAAY,CAAC,SAAyB,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,IAAI,CAAC;AAGvF,IAAM,cAAc,CAAC,SACnB,QAAQ,SAAS,KAAK,SAAS,WAAW,CAAC,KAAK,KAAK;AAGhD,IAAM,eAAe,MAAM;AAChC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAsB,oBAAI,IAAI,CAAC;AAE7E,SAAO;AAAA,IACL,CAAC,QAAgB;AACf,UAAI,gBAAgB,IAAI,GAAG,EAAG;AAE9B,YAAM,MAAM,IAAI,OAAO,MAAM;AAC7B,UAAI,SAAS,MAAM,mBAAmB,CAAC,SAAS,oBAAI,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;AACvE,UAAI,MAAM;AAAA,IACZ;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AACF;AAWO,IAAM,eAAe,MAAiB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AAEzD,QAAM,YAAY,YAAY,MAAM;AAClC,iBAAa,CAAC;AACd,iBAAa,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,MAAM,aAAa,CAAC,SAAS,KAAK,IAAI,UAAU,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AACjG,QAAM,UAAU;AAAA,IACd,MAAM,aAAa,CAAC,SAAS,KAAK,IAAI,UAAU,OAAO,SAAS,CAAC;AAAA,IACjE,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,WAAW,WAAW,cAAc,WAAW,QAAQ,QAAQ;AAC1E;AAEO,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAIE;AAAA,EACE,CAAC,UAA4B;AAC3B,QAAI,CAAC,QAAS;AAEd,UAAM,eAAe;AAErB,iBAAa,CAAC,SAAS,UAAU,OAAO,MAAM,SAAS,CAAC,iBAAiB,CAAC;AAAA,EAC5E;AAAA,EACA,CAAC,SAAS,YAAY;AACxB;AAEK,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,KAAK,IAAI,GAAG,KAAK,IAAI,YAAY,MAAM,SAAS,CAAC,CAAC;AAAA,EACpD;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAAkB;AACjB,UAAI,MAAM,WAAW,EAAG;AAGxB,YAAM,WAAW,QACX,QAAQ,MAAM,SAAU,MAAM,UAAU,MAAM,SAChD,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,MAAM,SAAS,CAAC,CAAC;AAEjD,sBAAgB,QAAQ;AACxB,gBAAU;AAGV,OAAC,MAAM,WAAW,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,EACtC,OAAO,WAAW,EAClB,QAAQ,CAAC,SAAS,aAAa,KAAK,GAAG,CAAC;AAAA,IAC7C;AAAA,IACA,CAAC,OAAO,MAAM,WAAW,YAAY;AAAA,EACvC;AAEA,QAAM,OAAO,YAAY,MAAM;AAC7B,QAAI,eAAe,MAAM,SAAS,KAAK,KAAM,WAAU,eAAe,CAAC;AAAA,EACzE,GAAG,CAAC,cAAc,MAAM,QAAQ,MAAM,SAAS,CAAC;AAEhD,QAAM,OAAO,YAAY,MAAM;AAC7B,QAAI,eAAe,KAAK,KAAM,WAAU,eAAe,CAAC;AAAA,EAC1D,GAAG,CAAC,cAAc,MAAM,SAAS,CAAC;AAElC,SAAO,EAAE,cAAc,WAAW,MAAM,KAAK;AAC/C;AAEO,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,WAAW,OAA2B,MAAS;AAErD,YAAU,MAAM;AACd,QAAI,CAAC,iBAAiB,CAAC,YAAY,aAAa,EAAG;AAEnD,UAAM,WACJ,OAAO,aAAa,WAChB,SAAS,YAAY,+BACrB;AAEN,aAAS,UAAU,OAAO,WAAW,MAAM,QAAQ;AAEnD,WAAO,MAAM,OAAO,aAAa,SAAS,OAAO;AAAA,EACnD,GAAG,CAAC,eAAe,UAAU,cAAc,MAAM,SAAS,CAAC;AAG3D,YAAU,MAAM;AACd,qBAAiB,QAAQ,UAAU,YAAY,YAAY,CAAC,CAAC;AAAA,EAC/D,GAAG,CAAC,QAAQ,UAAU,SAAS,CAAC;AAEhC,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,KAAK;AACtB,WAAO,aAAa,SAAS,OAAO;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,eAAe,kBAAkB,aAAa;AACzD;AAEO,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAqC,EAAE,WAAW,MAAM,YAAY,KAAK;AAE/E,UAAM,gBAAgB,CAAC,UAAuD;AAC5E,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM;AACN;AAAA,MACF;AAEA,YAAM,QAAQ,OAAO,MAAM,GAAG;AAC9B,UAAI,SAAS,cAAc;AACzB,cAAM,eAAe;AACrB,cAAM;AACN;AAAA,MACF;AAEA,UAAI,MAAM,QAAQ,KAAK;AACrB,cAAM,eAAe;AACrB,YAAI,SAAU,kBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA,MACtD;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,QAAQ,cAAc,OAAO,MAAM,MAAM,UAAU,gBAAgB,CAAC;AAC1E;AAGO,IAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,gBAAgB,OAAwC,IAAI;AAElE,QAAM,mBAAmB,YAAY,CAAC,UAA4B;AAChE,UAAM,QAAQ,MAAM,QAAQ,WAAW,IAAI,MAAM,QAAQ,CAAC,IAAI;AAC9D,QAAI,MAAO,eAAc,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAA4B;AAC3B,YAAM,QAAQ,cAAc;AAC5B,YAAM,QAAQ,MAAM,eAAe,CAAC;AACpC,oBAAc,UAAU;AACxB,UAAI,CAAC,SAAS,CAAC,MAAO;AAEtB,YAAM,SAAS,MAAM,UAAU,MAAM;AACrC,YAAM,SAAS,MAAM,UAAU,MAAM;AAGrC,UAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,GAAG;AACvC,YAAI,KAAK,IAAI,MAAM,IAAI,oBAAoB;AACzC,cAAI,SAAS,EAAG,MAAK;AAAA,cAChB,MAAK;AAAA,QACZ;AACA;AAAA,MACF;AAEA,UAAI,SAAS,mBAAoB,OAAM;AAAA,IACzC;AAAA,IACA,CAAC,MAAM,MAAM,KAAK;AAAA,EACpB;AAEA,SAAO,EAAE,kBAAkB,eAAe;AAC5C;","names":[]}