@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-LGLHU55A.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';\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: 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: 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: 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('#000', 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 rgba(16,20,35,.05), 0 18px 40px -12px rgba(16,20,35,.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: 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: 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: 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: 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 11px/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: CSSObject = {\n  background: '#fff2a8',\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: 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: 13.5,\n    marginBottom: '4px',\n  },\n  '& p': { margin: '0 0 12px', fontSize: 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-LLR42S6B.js

@@ -1,223 +0,0 @@
-import {
-  ClearAllControl,
-  CloseSearchControl
-} from "./chunk-XLZBZSES.js";
-import {
-  PillControl
-} from "./chunk-RPMAWM6F.js";
-import {
-  MoreFilters
-} from "./chunk-JZJOAGBG.js";
-import {
-  RangePill
-} from "./chunk-SLODUPES.js";
-import {
-  CollapsedSearch,
-  InlineKeyword
-} from "./chunk-3E3JYKUK.js";
-
-// src/components/data-display/DataViews/data-views-inline-bar.tsx
-import Box from "@mui/material/Box/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SearchSlot({
-  search,
-  onSearchChange,
-  collapsed,
-  expanded,
-  fill,
-  onOpen,
-  onEscape,
-  testIdPrefix
-}) {
-  if (collapsed) {
-    return /* @__PURE__ */ jsx(CollapsedSearch, { active: search !== "", onOpen, testId: `${testIdPrefix}-search-all` });
-  }
-  return /* @__PURE__ */ jsx(
-    InlineKeyword,
-    {
-      value: search,
-      onChange: onSearchChange,
-      testId: `${testIdPrefix}-search-all`,
-      autoFocus: expanded,
-      onEscape,
-      fill
-    }
-  );
-}
-function InlineControl({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  onOpenChange,
-  testIdPrefix
-}) {
-  if (field.group === "pill" && field.pill) {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field.pill,
-        selected: pills[field.id] ?? [],
-        onTogglePill,
-        onClearField,
-        onOpenChange,
-        testIdPrefix
-      }
-    );
-  }
-  if (field.group === "range" && field.range) {
-    return /* @__PURE__ */ jsx(
-      RangePill,
-      {
-        field: field.range,
-        value: ranges[field.id] ?? {},
-        onChange: (range) => onChangeRange(field.id, range),
-        onOpenChange,
-        testIdPrefix
-      }
-    );
-  }
-  return null;
-}
-function useSearchMode(split) {
-  const [searchOpen, setSearchOpen] = useState(false);
-  return {
-    showBox: !split.searchCollapsed || searchOpen,
-    expanded: searchOpen,
-    fill: split.searchCollapsed && searchOpen,
-    takesOver: searchOpen && split.searchTakeover,
-    open: () => setSearchOpen(true),
-    close: () => setSearchOpen(false)
-  };
-}
-function InlineFilterControls({
-  testIdPrefix,
-  pills,
-  ranges,
-  search,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  split,
-  onClearAll,
-  activeFilterCount,
-  onControlOpenChange
-}) {
-  const { inline, overflow, compactControls, clearAllHidden } = split;
-  const { showBox, expanded, fill, takesOver, open, close } = useSearchMode(split);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-inline-filters`,
-      sx: {
-        display: "flex",
-        flexWrap: "nowrap",
-        alignItems: "center",
-        gap: 1,
-        minWidth: 0,
-        // No squeezing: if the estimate over-packs, the row must overflow (and
-        // the next measure sheds a control), not shrink labels to an ellipsis.
-        "& > *": { flexShrink: 0 }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          SearchSlot,
-          {
-            search,
-            onSearchChange,
-            collapsed: !showBox,
-            expanded,
-            fill,
-            onOpen: open,
-            onEscape: close,
-            testIdPrefix
-          }
-        ),
-        takesOver && /* @__PURE__ */ jsx(CloseSearchControl, { onClose: close, testIdPrefix }),
-        !takesOver && /* @__PURE__ */ jsx(
-          FilterSlots,
-          {
-            inline,
-            overflow,
-            pills,
-            ranges,
-            onTogglePill,
-            onChangeRange,
-            onClearField,
-            onClearAll,
-            onControlOpenChange,
-            activeFilterCount,
-            compactControls,
-            clearAllHidden,
-            testIdPrefix
-          }
-        )
-      ]
-    }
-  );
-}
-function FilterSlots({
-  inline,
-  overflow,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  onClearAll,
-  onControlOpenChange,
-  activeFilterCount,
-  compactControls,
-  clearAllHidden,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    inline.map((field) => /* @__PURE__ */ jsx(
-      InlineControl,
-      {
-        field,
-        onOpenChange: onControlOpenChange,
-        pills,
-        ranges,
-        onTogglePill,
-        onChangeRange,
-        onClearField,
-        testIdPrefix
-      },
-      field.id
-    )),
-    /* @__PURE__ */ jsx(
-      MoreFilters,
-      {
-        onOpenChange: onControlOpenChange,
-        onClearAll,
-        anyApplied: activeFilterCount > 0,
-        compact: compactControls,
-        fields: overflow,
-        pills,
-        ranges,
-        onTogglePill,
-        onChangeRange,
-        testIdPrefix
-      }
-    ),
-    activeFilterCount > 0 && !clearAllHidden && /* @__PURE__ */ jsx(
-      ClearAllControl,
-      {
-        onClearAll,
-        compact: compactControls,
-        testIdPrefix
-      }
-    )
-  ] });
-}
-
-export {
-  InlineFilterControls
-};
-//# sourceMappingURL=chunk-LLR42S6B.js.map

package/dist/chunk-LNOYDMFD.js

@@ -1,184 +0,0 @@
-import {
-  STACK_BREAK
-} from "./chunk-62NFZR52.js";
-import {
-  CARD_RADIUS,
-  cardSurfaceStyles,
-  isActionable,
-  isSelectable,
-  slotTestIds
-} from "./chunk-FGKKLHKY.js";
-import {
-  useDragItem
-} from "./chunk-JCJGJX7V.js";
-import {
-  RAIL_COUNT,
-  RAIL_GAP,
-  railsTemplateFor,
-  useListRails
-} from "./chunk-LYSSO6WC.js";
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
-
-// src/components/data-display/DataViews/base-list-card-geometry.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-function isTextSelection() {
-  return (globalThis.getSelection?.()?.toString().length ?? 0) > 0;
-}
-function clickKeys(onClick) {
-  return (event) => {
-    if (event.key !== "Enter" && event.key !== " ") return;
-    event.preventDefault();
-    onClick();
-  };
-}
-function rowSx(opts) {
-  const { inGroup, railCount, cellTemplate, gutters, metaColumns, pad, padY, scale, divider, interactive, draggable } = opts;
-  return {
-    position: "relative",
-    borderRadius: CARD_RADIUS,
-    display: "grid",
-    zoom: scale,
-    // SUBGRID AND `container-type` CANNOT COEXIST on one element: containment
-    // makes the box size independently of its parent, so the browser drops the
-    // subgrid and every slot stacks into one column. (Observed exactly that —
-    // computed `grid-template-columns: 1222px` on a card asking for subgrid.)
-    //
-    // So inside a group the GROUP is the query container and the row is the
-    // subgrid; standalone, the row is both the container and its own grid.
-    ...inGroup ? { gridColumn: `span ${railCount}`, gridTemplateColumns: "subgrid" } : {
-      containerType: "inline-size",
-      gridTemplateColumns: cellTemplate ?? railsTemplateFor(gutters, metaColumns)
-    },
-    alignItems: "center",
-    // Wide enough that the meta cluster, the value and the status read as three
-    // columns rather than one run of text — the complaint that started all this
-    // was `MÉTODO PIX R$ 13,90` scanning as a single phrase.
-    columnGap: RAIL_GAP,
-    width: "100%",
-    px: pad,
-    py: padY,
-    cursor: draggable ? "grab" : interactive ? "pointer" : void 0,
-    ...draggable ? { touchAction: "none", "&:active": { cursor: "grabbing" } } : {},
-    ...interactive ? { "&:hover": { backgroundColor: "action.hover" } } : {},
-    // A real focus ring, which a clickable <div> never had.
-    "&:focus-visible": { outline: 2, outlineStyle: "solid", outlineColor: "primary.main", outlineOffset: 2 },
-    // TWO-LINE, below the point where the shared rails stop helping.
-    //
-    // The standard mobile transaction row: what the record IS and what it COST
-    // on the first line, the supporting detail on the second. Better than
-    // truncating four columns into ellipses, and the reason each slot carries a
-    // `data-slot` — the placement is explicit rather than whatever order the
-    // children happen to be in.
-    //
-    //   [ select ][ leading ][ title …………… ][   menu ]
-    //                        [ (cells) …………… ][  value ]
-    //
-    // The MENU stays in the top-right corner at every width. It is the row's
-    // one fixed landmark — an overflow that moves to the second line on a phone
-    // is an overflow nobody finds twice.
-    [`@container (max-width: ${STACK_BREAK}px)`]: {
-      gridTemplateColumns: "auto auto minmax(0, 1fr) max-content",
-      ...inGroup ? { gridColumn: `span ${RAIL_COUNT}` } : {},
-      rowGap: 0.75,
-      columnGap: 1,
-      '& > [data-slot="drag"]': { display: "none" },
-      '& > [data-slot="select"]': { gridArea: "1 / 1" },
-      '& > [data-slot="leading"]': { gridArea: "1 / 2" },
-      '& > [data-slot="caption"]': { gridArea: "1 / 3" },
-      '& > [data-slot="actions"]': { gridArea: "1 / 4", justifyContent: "flex-end" },
-      '& > [data-slot="meta"]': { display: "none" },
-      // Second line, starting under the title rather than under the checkbox.
-      '& > [data-slot="value"]': { gridArea: "2 / 4", textAlign: "right" }
-    },
-    ...divider ? { borderRadius: 0, borderWidth: 0, borderBottomWidth: 1, borderStyle: "solid" } : {}
-  };
-}
-function dragIdFor(props, actionable) {
-  return props.draggable === false || !actionable ? void 0 : props.dragId;
-}
-function metaShape(props) {
-  const columns = props.meta?.length ?? 0;
-  return { columns, present: columns > 0 || props.metaSlot != null };
-}
-function useRowShell(props) {
-  const actionable = isActionable(props.state);
-  const group = useListRails();
-  const scale = props.scale ?? 1;
-  return {
-    group,
-    actionable,
-    scale,
-    theme: useTheme(),
-    selectable: isSelectable(props),
-    slot: slotTestIds(props.testId),
-    drag: useDragItem(dragIdFor(props, actionable)),
-    // Standalone holds no gutter open: there is no list beside it to line up
-    // with, so a reserved-but-empty rail is pure inset.
-    reserve: group?.reserveGutters ?? false,
-    // 1, not 1.5. The row's contents still have to line up with the toolbar
-    // above them, but 12px of card padding stacked on the checkbox's own 9px
-    // and an empty drag gutter's 24px read as a row indented for no reason.
-    //
-    // Not multiplied by `scale` — the row's `zoom` already scales it, and doing
-    // both would square the factor on padding alone.
-    pad: 1,
-    padY: DENSITY_ROW_PADDING[group?.density ?? props.density ?? "cozy"],
-    // A card that navigates does so with a real anchor, so it takes no click
-    // handler of its own — the stretched link IS the target.
-    acts: props.onClick != null && props.href == null && actionable
-  };
-}
-function actionProps(onClick) {
-  return {
-    role: "button",
-    tabIndex: 0,
-    onClick: () => {
-      if (isTextSelection()) return;
-      onClick?.();
-    },
-    onKeyDown: clickKeys(() => onClick?.())
-  };
-}
-function rowSurface(props, shell) {
-  const { theme, selectable, drag } = shell;
-  const surface = cardSurfaceStyles(
-    { ...props, selectable, shape: "row", state: drag.dragging ? "disabled" : props.state },
-    theme
-  );
-  if (props.divider !== true || surface.borderColor != null) return surface;
-  return { ...surface, borderBottomColor: theme.palette.divider };
-}
-function rowStyles(props, shell, cellTemplate) {
-  const { group, selectable, drag, reserve, pad, padY, scale, acts } = shell;
-  return {
-    ...rowSurface(props, shell),
-    ...rowSx({
-      inGroup: group !== null,
-      railCount: group?.railCount ?? RAIL_COUNT,
-      cellTemplate,
-      gutters: {
-        disclose: reserve || props.children != null,
-        drag: reserve || drag.draggable,
-        select: reserve || selectable
-      },
-      metaColumns: metaShape(props).columns,
-      pad,
-      padY,
-      scale,
-      divider: props.divider ?? false,
-      interactive: acts || props.href != null,
-      draggable: drag.draggable && drag.handleProps === void 0
-    })
-  };
-}
-
-export {
-  rowSx,
-  metaShape,
-  useRowShell,
-  actionProps,
-  rowStyles
-};
-//# sourceMappingURL=chunk-LNOYDMFD.js.map

package/dist/chunk-LOLOFY4O.js

@@ -1,172 +0,0 @@
-import {
-  BreadcrumbEntry
-} from "./chunk-YNWAMTOT.js";
-import {
-  breadcrumbsBarStyles,
-  sizeIconMap
-} from "./chunk-SBS7H6WY.js";
-
-// src/components/navigation/Breadcrumbs/Breadcrumbs.tsx
-import ArrowForwardIos from "@mui/icons-material/ArrowForwardIos";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import NavigateNext from "@mui/icons-material/NavigateNext";
-import Box from "@mui/material/Box/index.js";
-import MuiBreadcrumbs from "@mui/material/Breadcrumbs/index.js";
-import { useTheme, styled } from "@mui/material/styles/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledBreadcrumbs = styled(MuiBreadcrumbs, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "color" && prop !== "visualStyle" && prop !== "elevation"
-})(
-  ({ theme, size, color, visualStyle, elevation = 0 }) => ({
-    ...breadcrumbsBarStyles({ theme, size, color, visualStyle, elevation })
-  })
-);
-var AnimatedSeparator = styled(Box)(() => ({
-  display: "flex",
-  alignItems: "center",
-  opacity: 0.6,
-  transition: "all 0.2s ease",
-  "&:hover": {
-    opacity: 1,
-    transform: "scale(1.1)"
-  }
-}));
-var getSeparator = (separatorType) => {
-  const separatorContent = (() => {
-    switch (separatorType) {
-      case "slash":
-        return "/";
-      case "arrow":
-        return /* @__PURE__ */ jsx(NavigateNext, { fontSize: "small" });
-      case "chevron":
-        return /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" });
-      case "dot":
-        return "\u2022";
-      case "pipe":
-        return "|";
-      default:
-        return /* @__PURE__ */ jsx(ArrowForwardIos, { sx: { fontSize: 12 } });
-    }
-  })();
-  return /* @__PURE__ */ jsx(AnimatedSeparator, { children: separatorContent });
-};
-var collapseItems = ({
-  items,
-  effectiveMaxItems,
-  collapseBehavior
-}) => {
-  if (items.length <= effectiveMaxItems) {
-    return { displayItems: items, collapsedItems: [] };
-  }
-  if (collapseBehavior === "menu") {
-    const firstItem = items[0];
-    const tail = items.slice(-(effectiveMaxItems - 2));
-    return {
-      displayItems: firstItem ? [firstItem, ...tail] : tail,
-      collapsedItems: items.slice(1, -(effectiveMaxItems - 2))
-    };
-  }
-  if (collapseBehavior === "ellipsis") {
-    const half = Math.floor(effectiveMaxItems / 2);
-    return {
-      displayItems: [
-        ...items.slice(0, half),
-        { label: "...", href: "#", isEllipsis: true },
-        ...items.slice(-half)
-      ],
-      collapsedItems: []
-    };
-  }
-  return { displayItems: items, collapsedItems: [] };
-};
-var BREADCRUMBS_DEFAULTS = {
-  variant: "default",
-  separatorType: "default",
-  maxItems: 8,
-  showHomeIcon: true,
-  size: "md",
-  color: "neutral",
-  elevation: 1,
-  collapseBehavior: "menu",
-  mobileMaxItems: 3
-};
-var resolveProps = (props) => ({
-  ...BREADCRUMBS_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var Breadcrumbs = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      separatorType,
-      items,
-      separator,
-      maxItems,
-      showHomeIcon,
-      size,
-      color,
-      elevation,
-      collapseBehavior,
-      mobileMaxItems,
-      ariaLabel,
-      copy,
-      dataTestId,
-      ...props
-    } = resolveProps(componentProps);
-    const theme = useTheme();
-    const finalSeparator = separator || getSeparator(separatorType);
-    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const iconSize = sizeIconMap[size];
-    const effectiveMaxItems = isMobile ? mobileMaxItems : maxItems;
-    const shouldCollapse = items.length > effectiveMaxItems;
-    const { displayItems, collapsedItems } = collapseItems({
-      items,
-      effectiveMaxItems,
-      collapseBehavior
-    });
-    return /* @__PURE__ */ jsx(
-      StyledBreadcrumbs,
-      {
-        ref,
-        separator: finalSeparator,
-        maxItems: shouldCollapse ? void 0 : effectiveMaxItems,
-        size,
-        color,
-        visualStyle: variant,
-        elevation,
-        "aria-label": ariaLabel || "breadcrumb navigation",
-        role: "navigation",
-        "data-testid": dataTestId || "breadcrumbs",
-        ...props,
-        children: displayItems.map((item, index) => /* @__PURE__ */ jsx(
-          BreadcrumbEntry,
-          {
-            copy,
-            item,
-            index,
-            itemCount: displayItems.length,
-            collapsedItems,
-            collapseBehavior,
-            separator: finalSeparator,
-            showHomeIcon,
-            iconSize,
-            size,
-            variant,
-            dataTestId
-          },
-          index
-        ))
-      }
-    );
-  }
-);
-Breadcrumbs.displayName = "Breadcrumbs";
-
-export {
-  Breadcrumbs
-};
-//# sourceMappingURL=chunk-LOLOFY4O.js.map