@12-apps/ui 6.19.1 → 6.20.0

package/dist/{chunk-7WL24VNI.js → chunk-HDNK7BAX.js}

@@ -1,9 +1,9 @@
-import {
-  NavigationStandardBody
-} from "./chunk-7AR2R7TV.js";
 import {
   NavigationMegaSection
-} from "./chunk-UEJQQVP2.js";
+} from "./chunk-BLT5ZBVL.js";
+import {
+  NavigationStandardBody
+} from "./chunk-G5ZVD5IJ.js";
 import {
   LogoBar,
   NavigationShell
@@ -167,4 +167,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-7WL24VNI.js.map
+//# sourceMappingURL=chunk-HDNK7BAX.js.map

package/dist/{chunk-X5MPHXG5.js → chunk-HEG7JIBM.js}

@@ -1,6 +1,3 @@
-import {
-  useDataGridModel
-} from "./chunk-DLJGBJZW.js";
 import {
   GridBody,
   GridHeader
@@ -10,6 +7,9 @@ import {
   DataGridError,
   DataGridLoading
 } from "./chunk-5E3XZAED.js";
+import {
+  useDataGridModel
+} from "./chunk-DLJGBJZW.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -115,4 +115,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-X5MPHXG5.js.map
+//# sourceMappingURL=chunk-HEG7JIBM.js.map

package/dist/{chunk-HKFMPEXJ.js → chunk-HI2OFZSZ.js}

@@ -1,3 +1,10 @@
+import {
+  BOUNCE,
+  FADE_IN_SCALE,
+  GLOW_PULSE,
+  PULSE
+} from "./chunk-KVEHH4SA.js";
+
 // src/components/data-display/Badge/Badge.animations.ts
 import { keyframes } from "@mui/material/styles/index.js";
 var pulseAnimation = keyframes`
@@ -6,8 +13,8 @@ var pulseAnimation = keyframes`
     opacity: 1;
   }
   70% {
-    transform: scale(1.2);
-    opacity: 0.7;
+    transform: scale(${PULSE.scale});
+    opacity: ${PULSE.opacity};
   }
   100% {
     transform: scale(1);
@@ -19,10 +26,10 @@ var bounceAnimation = keyframes`
     transform: translateY(0) scale(1);
   }
   40% {
-    transform: translateY(-8px) scale(1.05);
+    transform: translateY(-${BOUNCE.lift}px) scale(${BOUNCE.scale});
   }
   60% {
-    transform: translateY(-4px) scale(1.02);
+    transform: translateY(-${BOUNCE.secondLift}px) scale(${BOUNCE.secondScale});
   }
 `;
 var shimmerAnimation = keyframes`
@@ -36,10 +43,10 @@ var shimmerAnimation = keyframes`
 var fadeInScaleAnimation = keyframes`
   0% {
     opacity: 0;
-    transform: scale(0.5);
+    transform: scale(${FADE_IN_SCALE.from});
   }
   50% {
-    transform: scale(1.1);
+    transform: scale(${FADE_IN_SCALE.overshoot});
   }
   100% {
     opacity: 1;
@@ -48,13 +55,13 @@ var fadeInScaleAnimation = keyframes`
 `;
 var glowPulseAnimation = keyframes`
   0% {
-    box-shadow: 0 0 5px 2px rgba(var(--glow-color), 0.4);
+    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});
   }
   50% {
-    box-shadow: 0 0 20px 4px rgba(var(--glow-color), 0.8);
+    box-shadow: 0 0 ${GLOW_PULSE.toBlur}px ${GLOW_PULSE.toSpread}px rgba(var(--glow-color), ${GLOW_PULSE.toAlpha});
   }
   100% {
-    box-shadow: 0 0 5px 2px rgba(var(--glow-color), 0.4);
+    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});
   }
 `;
 
@@ -65,4 +72,4 @@ export {
   fadeInScaleAnimation,
   glowPulseAnimation
 };
-//# sourceMappingURL=chunk-HKFMPEXJ.js.map
+//# sourceMappingURL=chunk-HI2OFZSZ.js.map

package/dist/chunk-HI2OFZSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material/styles/index.js';\n\nimport { BOUNCE, FADE_IN_SCALE, GLOW_PULSE, PULSE } from './Badge.metrics';\n\nexport const pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(${PULSE.scale});\n    opacity: ${PULSE.opacity};\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\n// Define bounce animation\nexport const bounceAnimation = keyframes`\n  0%, 20%, 50%, 80%, 100% {\n    transform: translateY(0) scale(1);\n  }\n  40% {\n    transform: translateY(-${BOUNCE.lift}px) scale(${BOUNCE.scale});\n  }\n  60% {\n    transform: translateY(-${BOUNCE.secondLift}px) scale(${BOUNCE.secondScale});\n  }\n`;\n\n// Define shimmer animation\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n`;\n\n// Define fade in animation with scale\nexport const fadeInScaleAnimation = keyframes`\n  0% {\n    opacity: 0;\n    transform: scale(${FADE_IN_SCALE.from});\n  }\n  50% {\n    transform: scale(${FADE_IN_SCALE.overshoot});\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n`;\n\n// Define glow pulse animation\nexport const glowPulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});\n  }\n  50% {\n    box-shadow: 0 0 ${GLOW_PULSE.toBlur}px ${GLOW_PULSE.toSpread}px rgba(var(--glow-color), ${GLOW_PULSE.toAlpha});\n  }\n  100% {\n    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});\n  }\n`;\n"],"mappings":";;;;;;;;AAAA,SAAS,iBAAiB;AAInB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMP,MAAM,KAAK;AAAA,eACnB,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASrB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,6BAKF,OAAO,IAAI,aAAa,OAAO,KAAK;AAAA;AAAA;AAAA,6BAGpC,OAAO,UAAU,aAAa,OAAO,WAAW;AAAA;AAAA;AAKtE,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,IAAM,uBAAuB;AAAA;AAAA;AAAA,uBAGb,cAAc,IAAI;AAAA;AAAA;AAAA,uBAGlB,cAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvC,IAAM,qBAAqB;AAAA;AAAA,sBAEZ,WAAW,QAAQ,MAAM,WAAW,UAAU,8BAA8B,WAAW,SAAS;AAAA;AAAA;AAAA,sBAGhG,WAAW,MAAM,MAAM,WAAW,QAAQ,8BAA8B,WAAW,OAAO;AAAA;AAAA;AAAA,sBAG1F,WAAW,QAAQ,MAAM,WAAW,UAAU,8BAA8B,WAAW,SAAS;AAAA;AAAA;","names":[]}

package/dist/{chunk-ZIOCRSHU.js → chunk-HSAH5QUQ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-FX5DY6VR.js";
 import {
   Input
-} from "./chunk-M3RIC6JI.js";
+} from "./chunk-OQXOYHIV.js";
 import {
   Dialog,
   DialogContent
@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-SL4NFGOL.js";
+} from "./chunk-24BUCMQA.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-ZIOCRSHU.js.map
+//# sourceMappingURL=chunk-HSAH5QUQ.js.map

package/dist/{chunk-B443IIQG.js → chunk-IE7ISTLQ.js}

@@ -1,9 +1,9 @@
-import {
-  SettingsSectionChips
-} from "./chunk-SVSOUC5S.js";
 import {
   SettingsSectionHeader
 } from "./chunk-4M6CEQVK.js";
+import {
+  SettingsSectionChips
+} from "./chunk-SVSOUC5S.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -164,4 +164,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-B443IIQG.js.map
+//# sourceMappingURL=chunk-IE7ISTLQ.js.map

package/dist/{chunk-NFHS77NE.js → chunk-IH4CX43Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-SL4NFGOL.js";
+} from "./chunk-24BUCMQA.js";
 
 // src/components/form/total-form/SubmitButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-NFHS77NE.js.map
+//# sourceMappingURL=chunk-IH4CX43Q.js.map

package/dist/{chunk-72UYVJBQ.js → chunk-IJIT5HQP.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-SL4NFGOL.js";
+} from "./chunk-24BUCMQA.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-72UYVJBQ.js.map
+//# sourceMappingURL=chunk-IJIT5HQP.js.map

package/dist/{chunk-KPQAPQH6.js → chunk-J2KSG754.js}

@@ -5,10 +5,11 @@ import {
   getColorFromTheme,
   getSizeStyles,
   pulseAnimation
-} from "./chunk-ZHEJLUCX.js";
+} from "./chunk-MHV5Y5MR.js";
 import {
+  progressLabelText,
   resolveProgressProps
-} from "./chunk-HAFE43QJ.js";
+} from "./chunk-5JEOLUWJ.js";
 
 // src/components/data-display/Progress/Progress.tsx
 import Box from "@mui/material/Box/index.js";
@@ -203,9 +204,7 @@ var Progress = React.forwardRef(
       circularSize,
       value,
       dataTestId,
-      // LinearProgressProps carries a `ref` typed for its own element; the
-      // forwarded one below is the ref that matters.
-      ref: _ref,
+      testID,
       ...props
     } = resolveProgressProps(rawProps);
     const displayValue = value || 0;
@@ -216,9 +215,12 @@ var Progress = React.forwardRef(
       pulse,
       showLabel,
       displayValue,
-      displayLabel: label || (showLabel ? `${Math.round(displayValue)}%` : ""),
+      displayLabel: progressLabelText(label, showLabel, displayValue),
       value,
-      dataTestId,
+      // `testID` is React Native's spelling of the same id and names the
+      // component too; `data-testid` is left in `props`, on its way to the
+      // element the caller means to address, where it has always landed.
+      dataTestId: testID ?? dataTestId,
       ...props
     };
     if (variant === "circular") {
@@ -235,4 +237,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-KPQAPQH6.js.map
+//# sourceMappingURL=chunk-J2KSG754.js.map

package/dist/chunk-J2KSG754.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Progress/Progress.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { progressLabelText, resolveProgressProps } from './Progress.helpers';\nimport {\n  barEmphasisStyles,\n  barVariantStyles,\n  circularEmphasisStyles,\n  getColorFromTheme,\n  getSizeStyles,\n  pulseAnimation,\n} from './Progress.styles';\nimport type { ProgressProps, ProgressSize, ProgressVariant } from './Progress.types';\n\nconst StyledLinearProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'customColor', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: ProgressVariant;\n  customSize?: ProgressSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    height: sizeStyles.height,\n    borderRadius: sizeStyles.height / 2,\n    backgroundColor: alpha(colorPalette.main, 0.1),\n\n    '& .MuiLinearProgress-bar': {\n      borderRadius: 'inherit',\n      transition: 'all 0.3s ease',\n      ...barVariantStyles(customVariant, colorPalette),\n      ...barEmphasisStyles(colorPalette, glow, pulse),\n    },\n  };\n});\n\nconst StyledCircularProgress = styled(CircularProgress, {\n  shouldForwardProp: (prop) => !['customColor', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    color: colorPalette.main,\n    ...circularEmphasisStyles(colorPalette, glow, pulse),\n  };\n});\n\nconst SegmentedProgress: React.FC<{\n  value?: number;\n  segments: number;\n  color: string;\n  size: ProgressSize;\n  glow: boolean;\n  pulse: boolean;\n  dataTestId?: string;\n}> = ({ value = 0, segments, color, size, glow, pulse, dataTestId }) => {\n  const theme = useTheme();\n  const colorPalette = getColorFromTheme(theme, color);\n  const sizeStyles = getSizeStyles(size);\n  const filledSegments = Math.floor((value / 100) * segments);\n\n  return (\n    <Box sx={{ display: 'flex', gap: 0.5, width: '100%' }} data-testid={`${dataTestId}-segments-container`}>\n      {Array.from({ length: segments }, (_, index) => (\n        <Box\n          key={index}\n          data-testid={`${dataTestId}-segment-${index}`}\n          sx={{\n            flex: 1,\n            height: sizeStyles.height,\n            borderRadius: sizeStyles.height / 2,\n            backgroundColor:\n              index < filledSegments ? colorPalette.main : alpha(colorPalette.main, 0.1),\n            transition: 'all 0.3s ease',\n            ...(glow &&\n              index < filledSegments && {\n                boxShadow: `0 0 6px 1px ${alpha(colorPalette.main, 0.4)}`,\n              }),\n            ...(pulse &&\n              index < filledSegments && {\n                animation: `${pulseAnimation} 2s infinite`,\n              }),\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n\ninterface ViewProps {\n  size: ProgressSize;\n  color: string;\n  glow: boolean;\n  pulse: boolean;\n  showLabel: boolean;\n  displayValue: number;\n  displayLabel: string;\n  /** Absent means indeterminate — the bar animates rather than reporting progress. */\n  value?: number;\n  dataTestId: string;\n}\n\nconst ProgressLabel: React.FC<{ size: ProgressSize; label: string; testId: string }> = ({\n  size,\n  label,\n  testId,\n}) => (\n  <Typography\n    variant=\"caption\"\n    sx={{\n      display: 'block',\n      textAlign: 'center',\n      mt: 1,\n      fontSize: getSizeStyles(size).fontSize,\n      fontWeight: 600,\n    }}\n    data-testid={testId}\n  >\n    {label}\n  </Typography>\n);\n\nconst CircularView = React.forwardRef<\n  HTMLDivElement,\n  ViewProps & { thickness: number; circularSize?: number }\n>(\n  (\n    {\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      displayValue,\n      displayLabel,\n      value,\n      dataTestId,\n      thickness,\n      circularSize,\n      ...props\n    },\n    ref,\n  ) => {\n    const sizeStyles = getSizeStyles(size);\n\n    return (\n      <Box ref={ref} sx={{ position: 'relative', display: 'inline-flex' }} data-testid={dataTestId}>\n        <StyledCircularProgress\n          variant={value !== undefined ? 'determinate' : 'indeterminate'}\n          value={displayValue}\n          size={circularSize || sizeStyles.circularSize}\n          thickness={thickness}\n          customColor={color}\n          glow={glow}\n          pulse={pulse}\n          data-testid={`${dataTestId}-circular`}\n          {...props}\n        />\n        {showLabel && value !== undefined && (\n          <Box\n            sx={{\n              top: 0,\n              left: 0,\n              bottom: 0,\n              right: 0,\n              position: 'absolute',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <Typography\n              variant=\"caption\"\n              component=\"div\"\n              color=\"text.secondary\"\n              sx={{ fontSize: sizeStyles.fontSize, fontWeight: 600 }}\n              data-testid={`${dataTestId}-label`}\n            >\n              {displayLabel}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nCircularView.displayName = 'ProgressCircularView';\n\nconst SegmentedView = React.forwardRef<HTMLDivElement, ViewProps & { segments: number }>(\n  (\n    { size, color, glow, pulse, showLabel, displayValue, displayLabel, dataTestId, segments, value: _value, ...props },\n    ref,\n  ) => (\n    <Box ref={ref} sx={{ width: '100%' }} data-testid={dataTestId} {...props}>\n      <SegmentedProgress\n        value={displayValue}\n        segments={segments}\n        color={color}\n        size={size}\n        glow={glow}\n        pulse={pulse}\n        dataTestId={dataTestId}\n      />\n      {showLabel && (\n        <ProgressLabel size={size} label={displayLabel} testId={`${dataTestId}-label`} />\n      )}\n    </Box>\n  ),\n);\n\nSegmentedView.displayName = 'ProgressSegmentedView';\n\nconst LinearView = React.forwardRef<HTMLDivElement, ViewProps & { variant: ProgressVariant }>(\n  (\n    { size, color, glow, pulse, showLabel, displayValue, displayLabel, value, dataTestId, variant, ...props },\n    ref,\n  ) => (\n    <Box ref={ref} sx={{ width: '100%' }} data-testid={dataTestId}>\n      <StyledLinearProgress\n        variant={value !== undefined ? 'determinate' : 'indeterminate'}\n        value={displayValue}\n        customVariant={variant}\n        customSize={size}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        data-testid={`${dataTestId}-linear`}\n        {...props}\n      />\n      {showLabel && (\n        <ProgressLabel size={size} label={displayLabel} testId={`${dataTestId}-label`} />\n      )}\n    </Box>\n  ),\n);\n\nLinearView.displayName = 'ProgressLinearView';\n\nexport const Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      label,\n      segments,\n      thickness,\n      circularSize,\n      value,\n      dataTestId,\n      testID,\n      ...props\n    } = resolveProgressProps(rawProps);\n    const displayValue = value || 0;\n    const shared = {\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      displayValue,\n      displayLabel: progressLabelText(label, showLabel, displayValue),\n      value,\n      // `testID` is React Native's spelling of the same id and names the\n      // component too; `data-testid` is left in `props`, on its way to the\n      // element the caller means to address, where it has always landed.\n      dataTestId: testID ?? dataTestId,\n      ...props,\n    };\n\n    if (variant === 'circular') {\n      return (\n        <CircularView ref={ref} {...shared} thickness={thickness} circularSize={circularSize} />\n      );\n    }\n\n    if (variant === 'segmented') {\n      return <SegmentedView ref={ref} {...shared} segments={segments} />;\n    }\n\n    return <LinearView ref={ref} {...shared} variant={variant} />;\n  },\n);\n\nProgress.displayName = 'Progress';\n"],"mappings":"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","names":[]}

package/dist/{chunk-AP4FLCLA.js → chunk-J54WH74M.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-THBT56JE.js";
 import {
   SelectAllStrip
-} from "./chunk-6DXYCXH4.js";
+} from "./chunk-7RZ4WOQW.js";
 import {
   cardGridTracks
-} from "./chunk-YLDS5FOQ.js";
+} from "./chunk-KZSKI2R3.js";
 import {
   ListCardGroup
 } from "./chunk-LYSSO6WC.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-X5MPHXG5.js";
+} from "./chunk-HEG7JIBM.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-AP4FLCLA.js.map
+//# sourceMappingURL=chunk-J54WH74M.js.map

package/dist/{chunk-5HOJSVQH.js → chunk-JB7JE4QZ.js}

@@ -4,7 +4,7 @@ import {
   isActionable,
   isSelectable,
   slotTestIds
-} from "./chunk-MQUU2XZB.js";
+} from "./chunk-OQFSYMHJ.js";
 import {
   DragHandle,
   useDragItem
@@ -263,4 +263,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-5HOJSVQH.js.map
+//# sourceMappingURL=chunk-JB7JE4QZ.js.map

package/dist/{chunk-QJJUTBKZ.js → chunk-KQ74QU55.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-SL4NFGOL.js";
+} from "./chunk-24BUCMQA.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -294,4 +294,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-QJJUTBKZ.js.map
+//# sourceMappingURL=chunk-KQ74QU55.js.map

package/dist/chunk-KU6VHNRV.js

@@ -0,0 +1,68 @@
+// src/components/data-display/Chip/Chip.metrics.ts
+var chipMuiSize = (size) => size === "xs" || size === "sm" ? "small" : "medium";
+var CHIP_SIZES = {
+  medium: {
+    height: 32,
+    labelPadding: 12,
+    labelPaddingOutlined: 11,
+    iconSize: 24,
+    iconMarginLeft: 5,
+    iconMarginLeftOutlined: 4,
+    iconMarginRight: -6,
+    avatarSize: 24,
+    avatarFontSize: 12,
+    avatarMarginLeft: 5,
+    avatarMarginLeftOutlined: 4,
+    avatarMarginRight: -6,
+    deleteSize: 22,
+    deleteMarginLeft: -6,
+    deleteMarginRight: 5,
+    deleteMarginRightOutlined: 5
+  },
+  small: {
+    height: 24,
+    labelPadding: 8,
+    labelPaddingOutlined: 7,
+    iconSize: 18,
+    iconMarginLeft: 4,
+    iconMarginLeftOutlined: 2,
+    iconMarginRight: -4,
+    avatarSize: 18,
+    avatarFontSize: 10,
+    avatarMarginLeft: 4,
+    avatarMarginLeftOutlined: 2,
+    avatarMarginRight: -4,
+    deleteSize: 16,
+    deleteMarginLeft: -4,
+    deleteMarginRight: 4,
+    deleteMarginRightOutlined: 3
+  }
+};
+var CHIP_RADIUS = 16;
+var CHIP_FONT_SIZE = 13;
+var CHIP_DISABLED_OPACITY = 0.38;
+var OUTLINED_BORDER_ALPHA = 0.7;
+var DELETE_ICON_ALPHA = 0.26;
+var DELETE_ICON_ON_COLOR_ALPHA = 0.7;
+var OUTLINED_HOVER_ALPHA = 0.04;
+var HOVER_LIFT_PX = 1;
+var HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 };
+var CHIP_TRANSITION_MS = 200;
+var CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+
+export {
+  chipMuiSize,
+  CHIP_SIZES,
+  CHIP_RADIUS,
+  CHIP_FONT_SIZE,
+  CHIP_DISABLED_OPACITY,
+  OUTLINED_BORDER_ALPHA,
+  DELETE_ICON_ALPHA,
+  DELETE_ICON_ON_COLOR_ALPHA,
+  OUTLINED_HOVER_ALPHA,
+  HOVER_LIFT_PX,
+  HOVER_SHADOW,
+  CHIP_TRANSITION_MS,
+  CHIP_TRANSITION_EASING
+};
+//# sourceMappingURL=chunk-KU6VHNRV.js.map

package/dist/chunk-KU6VHNRV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.metrics.ts"],"sourcesContent":["import type { ChipSize } from './Chip.base';\n\n/**\n * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.\n *\n * Most of them are MUI's own `Chip` geometry rather than anything this package\n * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the\n * web half hands the drawing to `MuiChip` and the native half has to draw it.\n * Restated here once, read by both, so the two cannot disagree about a chip's\n * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow\n * and its transition) is at the bottom, and the web derives its CSS from it.\n */\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nexport type ChipMuiSize = 'small' | 'medium';\n\nexport const chipMuiSize = (size: ChipSize): ChipMuiSize =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\nexport interface ChipSizeMetrics {\n  height: number;\n  /** The label's own side padding, filled and outlined (outlined is 1px tighter). */\n  labelPadding: number;\n  labelPaddingOutlined: number;\n  /** The leading icon's box, and how far it tucks under the label. */\n  iconSize: number;\n  iconMarginLeft: number;\n  iconMarginLeftOutlined: number;\n  iconMarginRight: number;\n  /** The avatar's round box and the type inside it. */\n  avatarSize: number;\n  avatarFontSize: number;\n  avatarMarginLeft: number;\n  avatarMarginLeftOutlined: number;\n  avatarMarginRight: number;\n  /** The delete glyph's box and its own tuck. */\n  deleteSize: number;\n  deleteMarginLeft: number;\n  deleteMarginRight: number;\n  deleteMarginRightOutlined: number;\n}\n\nexport const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics> = {\n  medium: {\n    height: 32,\n    labelPadding: 12,\n    labelPaddingOutlined: 11,\n    iconSize: 24,\n    iconMarginLeft: 5,\n    iconMarginLeftOutlined: 4,\n    iconMarginRight: -6,\n    avatarSize: 24,\n    avatarFontSize: 12,\n    avatarMarginLeft: 5,\n    avatarMarginLeftOutlined: 4,\n    avatarMarginRight: -6,\n    deleteSize: 22,\n    deleteMarginLeft: -6,\n    deleteMarginRight: 5,\n    deleteMarginRightOutlined: 5,\n  },\n  small: {\n    height: 24,\n    labelPadding: 8,\n    labelPaddingOutlined: 7,\n    iconSize: 18,\n    iconMarginLeft: 4,\n    iconMarginLeftOutlined: 2,\n    iconMarginRight: -4,\n    avatarSize: 18,\n    avatarFontSize: 10,\n    avatarMarginLeft: 4,\n    avatarMarginLeftOutlined: 2,\n    avatarMarginRight: -4,\n    deleteSize: 16,\n    deleteMarginLeft: -4,\n    deleteMarginRight: 4,\n    deleteMarginRightOutlined: 3,\n  },\n};\n\n/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */\nexport const CHIP_RADIUS = 16;\n/** The label's type, in px. MUI sets it on the root and the small size keeps it. */\nexport const CHIP_FONT_SIZE = 13;\n/** MUI's `palette.action.disabledOpacity`. */\nexport const CHIP_DISABLED_OPACITY = 0.38;\n/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */\nexport const OUTLINED_BORDER_ALPHA = 0.7;\n/** The delete glyph over an unaccented chip, and over a coloured one. */\nexport const DELETE_ICON_ALPHA = 0.26;\nexport const DELETE_ICON_ON_COLOR_ALPHA = 0.7;\n/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */\nexport const OUTLINED_HOVER_ALPHA = 0.04;\n\n/* ── What this package adds on top of MUI's chip ──────────────────────────── */\n\n/** The lift a clickable chip takes on hover, and the shadow under it. */\nexport const HOVER_LIFT_PX = 1;\nexport const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;\nexport const CHIP_TRANSITION_MS = 200;\nexport const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n"],"mappings":";AAgBO,IAAM,cAAc,CAAC,SAC1B,SAAS,QAAQ,SAAS,OAAO,UAAU;AAyBtC,IAAM,aAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AACF;AAGO,IAAM,cAAc;AAEpB,IAAM,iBAAiB;AAEvB,IAAM,wBAAwB;AAE9B,IAAM,wBAAwB;AAE9B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,uBAAuB;AAK7B,IAAM,gBAAgB;AACtB,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,YAAY,MAAM,WAAW,IAAI;AAC9E,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;","names":[]}

package/dist/chunk-KVEHH4SA.js

@@ -0,0 +1,85 @@
+import {
+  contrastText
+} from "./chunk-NQN5Z36J.js";
+
+// src/components/data-display/Badge/Badge.metrics.ts
+var BADGE_SIZES = {
+  xs: { minWidth: 14, height: 14, fontSize: 8, paddingHorizontal: 3, dotSize: 6, iconSize: 10, closeIconSize: 8 },
+  sm: { minWidth: 16, height: 16, fontSize: 10, paddingHorizontal: 4, dotSize: 8, iconSize: 12, closeIconSize: 10 },
+  md: { minWidth: 20, height: 20, fontSize: 12, paddingHorizontal: 6, dotSize: 10, iconSize: 14, closeIconSize: 12 },
+  lg: { minWidth: 24, height: 24, fontSize: 14, paddingHorizontal: 8, dotSize: 12, iconSize: 16, closeIconSize: 14 },
+  xl: { minWidth: 28, height: 28, fontSize: 16, paddingHorizontal: 10, dotSize: 14, iconSize: 18, closeIconSize: 14 }
+};
+var BADGE_FONT_WEIGHT = 600;
+var BADGE_DESTRUCTIVE_FONT_WEIGHT = 700;
+var BADGE_LETTER_SPACING_EM = 0.025;
+var BADGE_BORDER_WIDTH = 2;
+var BADGE_CONTENT_GAP = 2;
+var GLASS_BACKGROUND_ALPHA = 0.1;
+var GLASS_BORDER_ALPHA = 0.2;
+var GLASS_BLUR_PX = 10;
+var GLASS_SATURATE = 2;
+var GLASS_INSET_HIGHLIGHT_ALPHA = 0.1;
+var OUTLINE_BORDER_WIDTH = 2;
+var SECONDARY_BACKGROUND_ALPHA = 0.15;
+var SECONDARY_BORDER_ALPHA = 0.3;
+var GLOW = { blur: 15, spread: 3, alpha: 0.5, hoverBlur: 20, hoverSpread: 4, hoverAlpha: 0.6, brightness: 1.1 };
+var GLOW_PULSE = { fromBlur: 5, fromSpread: 2, fromAlpha: 0.4, toBlur: 20, toSpread: 4, toAlpha: 0.8 };
+var PULSE = { durationMs: 2e3, scale: 1.2, opacity: 0.7 };
+var BOUNCE = { durationMs: 1e3, lift: 8, secondLift: 4, scale: 1.05, secondScale: 1.02 };
+var FADE_IN_SCALE = { durationMs: 400, from: 0.5, overshoot: 1.1 };
+var SHIMMER = { durationMs: 3e3, alpha: 0.4 };
+var MOUNT_ANIMATION_MS = 1e3;
+var CLOSE_DELAY_MS = 300;
+var BADGE_TRANSITION_MS = 300;
+var BADGE_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+var HOVER_SCALE = 1.1;
+var BADGE_ANCHORS = {
+  "top-right": { vertical: "top", horizontal: "right" },
+  "top-left": { vertical: "top", horizontal: "left" },
+  "bottom-right": { vertical: "bottom", horizontal: "right" },
+  "bottom-left": { vertical: "bottom", horizontal: "left" }
+};
+var badgeAnchor = (position) => BADGE_ANCHORS[position] ?? BADGE_ANCHORS["top-right"];
+function badgePalette(theme, color) {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[600],
+      light: theme.palette.grey[400],
+      dark: theme.palette.grey[800],
+      contrastText: contrastText(theme.palette.grey[600])
+    };
+  }
+  return theme.palette[color];
+}
+
+export {
+  BADGE_SIZES,
+  BADGE_FONT_WEIGHT,
+  BADGE_DESTRUCTIVE_FONT_WEIGHT,
+  BADGE_LETTER_SPACING_EM,
+  BADGE_BORDER_WIDTH,
+  BADGE_CONTENT_GAP,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BORDER_ALPHA,
+  GLASS_BLUR_PX,
+  GLASS_SATURATE,
+  GLASS_INSET_HIGHLIGHT_ALPHA,
+  OUTLINE_BORDER_WIDTH,
+  SECONDARY_BACKGROUND_ALPHA,
+  SECONDARY_BORDER_ALPHA,
+  GLOW,
+  GLOW_PULSE,
+  PULSE,
+  BOUNCE,
+  FADE_IN_SCALE,
+  SHIMMER,
+  MOUNT_ANIMATION_MS,
+  CLOSE_DELAY_MS,
+  BADGE_TRANSITION_MS,
+  BADGE_TRANSITION_EASING,
+  HOVER_SCALE,
+  badgeAnchor,
+  badgePalette
+};
+//# sourceMappingURL=chunk-KVEHH4SA.js.map

package/dist/chunk-KVEHH4SA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.metrics.ts"],"sourcesContent":["import type { BadgePosition, BadgeSize } from './Badge.base';\nimport { contrastText, type UiPaletteColor, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Badge` RENDERERS DRAW WITH.\n *\n * `Badge.styles.ts` / `Badge.variants.ts` (web, emotion over MUI's `Badge`) and\n * `Badge.native.tsx` (React Native) read this one table: the five chips, the\n * dot inside them, the ten variants' alphas and borders, and the keyframes.\n * The web turns the px into rem and the padding into a shorthand; native uses\n * the numbers.\n */\nexport interface BadgeSizeMetrics {\n  minWidth: number;\n  height: number;\n  /** The content's type size, in px. */\n  fontSize: number;\n  /** The chip's side padding, in px. `padding: '0 Npx'` on the web. */\n  paddingHorizontal: number;\n  dotSize: number;\n  /** A leading icon's own type size, in px. */\n  iconSize: number;\n  /** The close glyph's type size, in px. `xl` falls back to `lg`, as the web does. */\n  closeIconSize: number;\n}\n\nexport const BADGE_SIZES: Record<BadgeSize, BadgeSizeMetrics> = {\n  xs: { minWidth: 14, height: 14, fontSize: 8, paddingHorizontal: 3, dotSize: 6, iconSize: 10, closeIconSize: 8 },\n  sm: { minWidth: 16, height: 16, fontSize: 10, paddingHorizontal: 4, dotSize: 8, iconSize: 12, closeIconSize: 10 },\n  md: { minWidth: 20, height: 20, fontSize: 12, paddingHorizontal: 6, dotSize: 10, iconSize: 14, closeIconSize: 12 },\n  lg: { minWidth: 24, height: 24, fontSize: 14, paddingHorizontal: 8, dotSize: 12, iconSize: 16, closeIconSize: 14 },\n  xl: { minWidth: 28, height: 28, fontSize: 16, paddingHorizontal: 10, dotSize: 14, iconSize: 18, closeIconSize: 14 },\n};\n\n/** The chip's own type weight, its tracking, and the paper ring around it. */\nexport const BADGE_FONT_WEIGHT = 600;\nexport const BADGE_DESTRUCTIVE_FONT_WEIGHT = 700;\nexport const BADGE_LETTER_SPACING_EM = 0.025;\nexport const BADGE_BORDER_WIDTH = 2;\n/** Between the icon, the content and the close button. */\nexport const BADGE_CONTENT_GAP = 2;\n\n/* ── The ten variants' washes ─────────────────────────────────────────────── */\n\nexport const GLASS_BACKGROUND_ALPHA = 0.1;\nexport const GLASS_BORDER_ALPHA = 0.2;\nexport const GLASS_BLUR_PX = 10;\nexport const GLASS_SATURATE = 2;\nexport const GLASS_INSET_HIGHLIGHT_ALPHA = 0.1;\nexport const OUTLINE_BORDER_WIDTH = 2;\nexport const SECONDARY_BACKGROUND_ALPHA = 0.15;\nexport const SECONDARY_BORDER_ALPHA = 0.3;\n\n/* ── Emphasis and animation ───────────────────────────────────────────────── */\n\n/** `glow` without `pulse`: a 15px halo, brighter under the pointer. */\nexport const GLOW = { blur: 15, spread: 3, alpha: 0.5, hoverBlur: 20, hoverSpread: 4, hoverAlpha: 0.6, brightness: 1.1 } as const;\n/** `glow` WITH `pulse`: the halo breathes between these two. */\nexport const GLOW_PULSE = { fromBlur: 5, fromSpread: 2, fromAlpha: 0.4, toBlur: 20, toSpread: 4, toAlpha: 0.8 } as const;\n/** MUI-free `pulseAnimation`: 1 → 1.2 → 1 while the opacity dips to 0.7. */\nexport const PULSE = { durationMs: 2000, scale: 1.2, opacity: 0.7 } as const;\n/** `bounceAnimation`: up 8px at 40%, 4px at 60%, over one second. */\nexport const BOUNCE = { durationMs: 1000, lift: 8, secondLift: 4, scale: 1.05, secondScale: 1.02 } as const;\n/** `fadeInScaleAnimation`: in from half size, overshooting to 1.1. */\nexport const FADE_IN_SCALE = { durationMs: 400, from: 0.5, overshoot: 1.1 } as const;\n/** The shimmer sweep, and the white it is made of. */\nexport const SHIMMER = { durationMs: 3000, alpha: 0.4 } as const;\n/** How long the mount animation is held before the flag clears. */\nexport const MOUNT_ANIMATION_MS = 1000;\n/** MUI's `Zoom` on close, and the wait before the caller is told. */\nexport const CLOSE_DELAY_MS = 300;\n/** `transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)` on the chip. */\nexport const BADGE_TRANSITION_MS = 300;\nexport const BADGE_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n/** The chip grows a tenth under the pointer. */\nexport const HOVER_SCALE = 1.1;\n\n/* ── Placement ────────────────────────────────────────────────────────────── */\n\nexport interface BadgeAnchor {\n  vertical: 'top' | 'bottom';\n  horizontal: 'left' | 'right';\n}\n\nconst BADGE_ANCHORS: Record<BadgePosition, BadgeAnchor> = {\n  'top-right': { vertical: 'top', horizontal: 'right' },\n  'top-left': { vertical: 'top', horizontal: 'left' },\n  'bottom-right': { vertical: 'bottom', horizontal: 'right' },\n  'bottom-left': { vertical: 'bottom', horizontal: 'left' },\n};\n\n/**\n * Falls back to `top-right` for anything outside the union, as the web's own\n * `positionMap[position] || positionMap['top-right']` did. Splitting on `-`\n * instead would hand MUI a half-undefined `anchorOrigin` for, say, `middle`.\n */\nexport const badgeAnchor = (position: BadgePosition): BadgeAnchor =>\n  BADGE_ANCHORS[position] ?? BADGE_ANCHORS['top-right'];\n\n/**\n * `neutral` has no palette slot of its own in MUI, so `Badge.styles.ts` draws\n * it from three greys; `danger` is MUI's `error`, which is what the shared\n * theme calls `danger`. Same colours here.\n */\nexport function badgePalette(theme: UiTheme, color: ColorValue): UiPaletteColor {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[600],\n      light: theme.palette.grey[400],\n      dark: theme.palette.grey[800],\n      contrastText: contrastText(theme.palette.grey[600]),\n    };\n  }\n  return theme.palette[color];\n}\n"],"mappings":";;;;;AA2BO,IAAM,cAAmD;AAAA,EAC9D,IAAI,EAAE,UAAU,IAAI,QAAQ,IAAI,UAAU,GAAG,mBAAmB,GAAG,SAAS,GAAG,UAAU,IAAI,eAAe,EAAE;AAAA,EAC9G,IAAI,EAAE,UAAU,IAAI,QAAQ,IAAI,UAAU,IAAI,mBAAmB,GAAG,SAAS,GAAG,UAAU,IAAI,eAAe,GAAG;AAAA,EAChH,IAAI,EAAE,UAAU,IAAI,QAAQ,IAAI,UAAU,IAAI,mBAAmB,GAAG,SAAS,IAAI,UAAU,IAAI,eAAe,GAAG;AAAA,EACjH,IAAI,EAAE,UAAU,IAAI,QAAQ,IAAI,UAAU,IAAI,mBAAmB,GAAG,SAAS,IAAI,UAAU,IAAI,eAAe,GAAG;AAAA,EACjH,IAAI,EAAE,UAAU,IAAI,QAAQ,IAAI,UAAU,IAAI,mBAAmB,IAAI,SAAS,IAAI,UAAU,IAAI,eAAe,GAAG;AACpH;AAGO,IAAM,oBAAoB;AAC1B,IAAM,gCAAgC;AACtC,IAAM,0BAA0B;AAChC,IAAM,qBAAqB;AAE3B,IAAM,oBAAoB;AAI1B,IAAM,yBAAyB;AAC/B,IAAM,qBAAqB;AAC3B,IAAM,gBAAgB;AACtB,IAAM,iBAAiB;AACvB,IAAM,8BAA8B;AACpC,IAAM,uBAAuB;AAC7B,IAAM,6BAA6B;AACnC,IAAM,yBAAyB;AAK/B,IAAM,OAAO,EAAE,MAAM,IAAI,QAAQ,GAAG,OAAO,KAAK,WAAW,IAAI,aAAa,GAAG,YAAY,KAAK,YAAY,IAAI;AAEhH,IAAM,aAAa,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,KAAK,QAAQ,IAAI,UAAU,GAAG,SAAS,IAAI;AAEvG,IAAM,QAAQ,EAAE,YAAY,KAAM,OAAO,KAAK,SAAS,IAAI;AAE3D,IAAM,SAAS,EAAE,YAAY,KAAM,MAAM,GAAG,YAAY,GAAG,OAAO,MAAM,aAAa,KAAK;AAE1F,IAAM,gBAAgB,EAAE,YAAY,KAAK,MAAM,KAAK,WAAW,IAAI;AAEnE,IAAM,UAAU,EAAE,YAAY,KAAM,OAAO,IAAI;AAE/C,IAAM,qBAAqB;AAE3B,IAAM,iBAAiB;AAEvB,IAAM,sBAAsB;AAC5B,IAAM,0BAA0B;AAEhC,IAAM,cAAc;AAS3B,IAAM,gBAAoD;AAAA,EACxD,aAAa,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,EACpD,YAAY,EAAE,UAAU,OAAO,YAAY,OAAO;AAAA,EAClD,gBAAgB,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,EAC1D,eAAe,EAAE,UAAU,UAAU,YAAY,OAAO;AAC1D;AAOO,IAAM,cAAc,CAAC,aAC1B,cAAc,QAAQ,KAAK,cAAc,WAAW;AAO/C,SAAS,aAAa,OAAgB,OAAmC;AAC9E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC7B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,cAAc,aAAa,MAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,IACpD;AAAA,EACF;AACA,SAAO,MAAM,QAAQ,KAAK;AAC5B;","names":[]}

package/dist/{chunk-YLDS5FOQ.js → chunk-KZSKI2R3.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-SL4NFGOL.js";
+} from "./chunk-24BUCMQA.js";
 
 // src/components/data-display/DataViews/data-views-grid-helpers.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -162,4 +162,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-YLDS5FOQ.js.map
+//# sourceMappingURL=chunk-KZSKI2R3.js.map

package/dist/{chunk-IIOEQRXX.js → chunk-LAHDFBDE.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-YSTHOE66.js";
 import {
   Skeleton
-} from "./chunk-IRDGC7FK.js";
+} from "./chunk-QZWKC3AP.js";
 import {
   resolveTestId
 } from "./chunk-QLWBQQW7.js";
@@ -139,4 +139,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-IIOEQRXX.js.map
+//# sourceMappingURL=chunk-LAHDFBDE.js.map

package/dist/{chunk-BUDXR3EV.js → chunk-LKVIZNUM.js}

@@ -8,16 +8,16 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-GBFGZJB5.js";
+} from "./chunk-Q4NOI2CR.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
 } from "./chunk-DQHC5P64.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-JCJGJX7V.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-BUDXR3EV.js.map
+//# sourceMappingURL=chunk-LKVIZNUM.js.map

package/dist/{chunk-OAXAF4VY.js → chunk-LMJBINWN.js}

@@ -1,27 +1,27 @@
-import {
-  CategoryPanel
-} from "./chunk-MHFJBNDP.js";
 import {
   CategoryPanelSurface
 } from "./chunk-LMXWI3DD.js";
 import {
-  useCategorySelect
-} from "./chunk-2GB5CIN6.js";
-import {
-  useCategoryKeyHandler
-} from "./chunk-ISH42UC7.js";
+  CategoryPanel
+} from "./chunk-WO52KYSU.js";
 import {
   useCategoryCommit
 } from "./chunk-ZAB65STX.js";
-import {
-  summarizeSelection
-} from "./chunk-LR6MSKTT.js";
 import {
   CategoryTrigger
 } from "./chunk-ZBNTFWTG.js";
 import {
   METRICS
 } from "./chunk-FCOEJCUP.js";
+import {
+  useCategorySelect
+} from "./chunk-2GB5CIN6.js";
+import {
+  useCategoryKeyHandler
+} from "./chunk-ISH42UC7.js";
+import {
+  summarizeSelection
+} from "./chunk-LR6MSKTT.js";
 import {
   FormControl,
   FormLabel,
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-OAXAF4VY.js.map
+//# sourceMappingURL=chunk-LMJBINWN.js.map

package/dist/{chunk-SFAP5EH5.js → chunk-LUMF63BM.js}

@@ -1,9 +1,9 @@
-import {
-  TutorialStepBody
-} from "./chunk-7WP2HRTW.js";
 import {
   useTutorialOverlay
 } from "./chunk-RSQMPCCR.js";
+import {
+  TutorialStepBody
+} from "./chunk-7WP2HRTW.js";
 
 // src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
 import Box from "@mui/material/Box/index.js";
@@ -271,4 +271,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-SFAP5EH5.js.map
+//# sourceMappingURL=chunk-LUMF63BM.js.map