@12-apps/ui 6.18.0 → 6.19.1

package/dist/{chunk-67LDIJQZ.js → chunk-GCJLMX63.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-74KMXBG3.js";
+} from "./chunk-OAXAF4VY.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-67LDIJQZ.js.map
+//# sourceMappingURL=chunk-GCJLMX63.js.map

package/dist/chunk-HEK4LQT6.js

@@ -0,0 +1,69 @@
+import {
+  CONTAINER_COMPACT_PADDING_UNITS,
+  containerPaddingUnits,
+  containerVerticalUnits,
+  resolveContainerMaxWidth
+} from "./chunk-YBVKLJAL.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+
+// src/components/layout/Container/Container.tsx
+import MuiContainer from "@mui/material/Container/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var Container = ({
+  children,
+  maxWidth = "lg",
+  variant = "default",
+  padding = "md",
+  responsive = true,
+  sx,
+  ...others
+}) => {
+  const theme = useTheme();
+  const testId = resolveTestId(others, "container");
+  const props = withoutTestIdProps(others);
+  const containerStyles = {
+    ...variant === "centered" && {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "100vh"
+    },
+    // The shorthand FIRST: a `paddingTop` declared before it is overridden by
+    // it, which is how `variant="padded"` painted no vertical inset at all.
+    padding: theme.spacing(containerPaddingUnits(padding, false)),
+    ...variant === "padded" && {
+      paddingTop: theme.spacing(containerVerticalUnits(variant, padding, false)),
+      paddingBottom: theme.spacing(containerVerticalUnits(variant, padding, false))
+    },
+    ...responsive && {
+      [theme.breakpoints.down("sm")]: {
+        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS),
+        ...variant === "padded" && {
+          paddingTop: theme.spacing(containerVerticalUnits(variant, padding, true)),
+          paddingBottom: theme.spacing(containerVerticalUnits(variant, padding, true))
+        }
+      }
+    },
+    ...sx || {}
+  };
+  return /* @__PURE__ */ jsx(
+    MuiContainer,
+    {
+      maxWidth: resolveContainerMaxWidth(variant, maxWidth),
+      sx: containerStyles,
+      "data-testid": testId,
+      ...props,
+      children
+    }
+  );
+};
+
+export {
+  Container
+};
+//# sourceMappingURL=chunk-HEK4LQT6.js.map

package/dist/chunk-HEK4LQT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Container/Container.tsx"],"sourcesContent":["import MuiContainer from '@mui/material/Container/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  CONTAINER_COMPACT_PADDING_UNITS,\n  containerPaddingUnits,\n  containerVerticalUnits,\n  resolveContainerMaxWidth,\n} from './Container.metrics';\nimport type { ContainerProps } from './Container.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  maxWidth = 'lg',\n  variant = 'default',\n  padding = 'md',\n  responsive = true,\n  sx,\n  ...others\n}) => {\n  const theme = useTheme();\n  // `testID` and `dataTestId` are the shared contract's spellings; the DOM\n  // wants `data-testid`, and must not see the other two as attributes.\n  const testId = resolveTestId(others, 'container');\n  const props = withoutTestIdProps(others);\n\n  // From the shared metrics, not tables of our own: the native `Container`\n  // reads the same units and the same max-width rule, so the two renderers\n  // cannot disagree on an inset or a column width.\n  const containerStyles: SxProps<Theme> = {\n    ...(variant === 'centered' && {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: '100vh',\n    }),\n    // The shorthand FIRST: a `paddingTop` declared before it is overridden by\n    // it, which is how `variant=\"padded\"` painted no vertical inset at all.\n    padding: theme.spacing(containerPaddingUnits(padding, false)),\n    ...(variant === 'padded' && {\n      paddingTop: theme.spacing(containerVerticalUnits(variant, padding, false)),\n      paddingBottom: theme.spacing(containerVerticalUnits(variant, padding, false)),\n    }),\n    ...(responsive && {\n      [theme.breakpoints.down('sm')]: {\n        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS),\n        ...(variant === 'padded' && {\n          paddingTop: theme.spacing(containerVerticalUnits(variant, padding, true)),\n          paddingBottom: theme.spacing(containerVerticalUnits(variant, padding, true)),\n        }),\n      },\n    }),\n    ...(sx || {}),\n  };\n\n  return (\n    <MuiContainer\n      maxWidth={resolveContainerMaxWidth(variant, maxWidth)}\n      sx={containerStyles}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </MuiContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,gBAAgB;AA2DrB;AA9CG,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AAGvB,QAAM,SAAS,cAAc,QAAQ,WAAW;AAChD,QAAM,QAAQ,mBAAmB,MAAM;AAKvC,QAAM,kBAAkC;AAAA,IACtC,GAAI,YAAY,cAAc;AAAA,MAC5B,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb;AAAA;AAAA;AAAA,IAGA,SAAS,MAAM,QAAQ,sBAAsB,SAAS,KAAK,CAAC;AAAA,IAC5D,GAAI,YAAY,YAAY;AAAA,MAC1B,YAAY,MAAM,QAAQ,uBAAuB,SAAS,SAAS,KAAK,CAAC;AAAA,MACzE,eAAe,MAAM,QAAQ,uBAAuB,SAAS,SAAS,KAAK,CAAC;AAAA,IAC9E;AAAA,IACA,GAAI,cAAc;AAAA,MAChB,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,SAAS,MAAM,QAAQ,+BAA+B;AAAA,QACtD,GAAI,YAAY,YAAY;AAAA,UAC1B,YAAY,MAAM,QAAQ,uBAAuB,SAAS,SAAS,IAAI,CAAC;AAAA,UACxE,eAAe,MAAM,QAAQ,uBAAuB,SAAS,SAAS,IAAI,CAAC;AAAA,QAC7E;AAAA,MACF;AAAA,IACF;AAAA,IACA,GAAI,MAAM,CAAC;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,yBAAyB,SAAS,QAAQ;AAAA,MACpD,IAAI;AAAA,MACJ,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/{chunk-BLBOYCOV.js → chunk-HKV4MQ2W.js}

@@ -1,13 +1,13 @@
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-4V532JF6.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-XXDXW6TX.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
 
 // src/components/data-display/Chart/chart-context.ts
 function buildChartContext(props, theme) {
@@ -48,4 +48,4 @@ function buildChartContext(props, theme) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-BLBOYCOV.js.map
+//# sourceMappingURL=chunk-HKV4MQ2W.js.map

package/dist/{chunk-L5ZZJ4XE.js → chunk-HKZHEK3Z.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-L5ZZJ4XE.js.map
+//# sourceMappingURL=chunk-HKZHEK3Z.js.map

package/dist/{chunk-IPS55KWK.js → chunk-HP2ODXNA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-DWZ7FLA7.js";
+} from "./chunk-RBGOGTT2.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-IPS55KWK.js.map
+//# sourceMappingURL=chunk-HP2ODXNA.js.map

package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js}

@@ -1,3 +1,6 @@
+import {
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 import {
   coerceViewState,
   emptyViewState
@@ -5,9 +8,6 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-3AOOI2NR.js.map
+//# sourceMappingURL=chunk-HR7YTBR7.js.map

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

@@ -1,12 +1,26 @@
 import {
   SIZE_MAP,
-  SKELETON_ROW_HEIGHT,
   makeTestIds,
   resolveLoadingStateProps
-} from "./chunk-KVN3K4J3.js";
+} from "./chunk-7DFEKTT7.js";
+import {
+  SKELETON_FULL_ROW_WIDTH,
+  SKELETON_LAST_ROW_WIDTH,
+  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
+  SKELETON_PADDING_UNITS,
+  SKELETON_RADIUS,
+  SKELETON_ROW_GAP_UNITS,
+  SKELETON_ROW_HEIGHT,
+  SPINNER_GAP_UNITS,
+  SPINNER_MIN_HEIGHT,
+  SPINNER_PADDING_UNITS
+} from "./chunk-YSTHOE66.js";
 import {
   Skeleton
 } from "./chunk-IRDGC7FK.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
 
 // src/components/data-display/LoadingState/LoadingState.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,17 +58,17 @@ var SkeletonView = ({
       "data-testid": testIds.base,
       sx: {
         width: "100%",
-        padding: theme.spacing(3)
+        padding: theme.spacing(SKELETON_PADDING_UNITS)
       },
       children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: 2, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
           Skeleton,
           {
             variant: "rectangular",
             animation: "wave",
             height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? "60%" : "100%",
-            borderRadius: 4,
+            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
+            borderRadius: SKELETON_RADIUS,
             "data-testid": testIds.optional(`skeleton-${index}`)
           },
           `skeleton-row-${index}`
@@ -65,7 +79,7 @@ var SkeletonView = ({
             message,
             size,
             testIds,
-            sx: { mt: 2, textAlign: "center" }
+            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
           }
         )
       ]
@@ -87,9 +101,9 @@ var SpinnerView = ({ message, size, className, testIds }) => {
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        padding: theme.spacing(6),
-        minHeight: 200,
-        gap: theme.spacing(2)
+        padding: theme.spacing(SPINNER_PADDING_UNITS),
+        minHeight: SPINNER_MIN_HEIGHT,
+        gap: theme.spacing(SPINNER_GAP_UNITS)
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -105,13 +119,16 @@ var SpinnerView = ({ message, size, className, testIds }) => {
   );
 };
 var LoadingState = React.memo((rawProps) => {
-  const { variant, message, size, skeletonRows, className, dataTestId } = resolveLoadingStateProps(rawProps);
+  const resolved = resolveLoadingStateProps(rawProps);
+  const { variant, message, size, skeletonRows, className } = resolved;
   const viewProps = {
     message,
     size,
     skeletonRows,
     className,
-    testIds: makeTestIds(dataTestId)
+    // `dataTestId` is the documented spelling; `testID`, the shared contract's
+    // other one, resolves to the same id.
+    testIds: makeTestIds(resolveTestId(resolved))
   };
   return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
 });
@@ -122,4 +139,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-O6J4CKS5.js.map
+//# sourceMappingURL=chunk-IIOEQRXX.js.map

package/dist/chunk-IIOEQRXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton';\n\nimport {\n  makeTestIds,\n  resolveLoadingStateProps,\n  SIZE_MAP,\n  SKELETON_ROW_HEIGHT,\n} from './LoadingState.helpers';\nimport {\n  SKELETON_FULL_ROW_WIDTH,\n  SKELETON_LAST_ROW_WIDTH,\n  SKELETON_MESSAGE_MARGIN_TOP_UNITS,\n  SKELETON_PADDING_UNITS,\n  SKELETON_RADIUS,\n  SKELETON_ROW_GAP_UNITS,\n  SPINNER_GAP_UNITS,\n  SPINNER_MIN_HEIGHT,\n  SPINNER_PADDING_UNITS,\n} from './LoadingState.metrics';\nimport type { LoadingStateProps, LoadingStateSize } from './LoadingState.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\ninterface ViewProps {\n  message?: string;\n  size: LoadingStateSize;\n  skeletonRows: number;\n  className?: string;\n  testIds: ReturnType<typeof makeTestIds>;\n}\n\nconst LoadingMessage: React.FC<{\n  message?: string;\n  size: LoadingStateSize;\n  testIds: ViewProps['testIds'];\n  sx?: object;\n}> = ({ message, size, testIds, sx }) =>\n  message ? (\n    <Typography\n      variant={SIZE_MAP[size].text}\n      color=\"text.secondary\"\n      sx={sx}\n      data-testid={testIds.named('message')}\n    >\n      {message}\n    </Typography>\n  ) : null;\n\nconst SkeletonView: React.FC<ViewProps> = ({\n  message,\n  size,\n  skeletonRows,\n  className,\n  testIds,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading content'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        width: '100%',\n        padding: theme.spacing(SKELETON_PADDING_UNITS),\n      }}\n    >\n      <Stack spacing={SKELETON_ROW_GAP_UNITS}>\n        {Array.from({ length: skeletonRows }).map((_, index) => (\n          <Skeleton\n            key={`skeleton-row-${index}`}\n            variant=\"rectangular\"\n            animation=\"wave\"\n            height={SKELETON_ROW_HEIGHT[size]}\n            // The last row is short, so the block reads as a paragraph of text.\n            width={index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH}\n            borderRadius={SKELETON_RADIUS}\n            data-testid={testIds.optional(`skeleton-${index}`)}\n          />\n        ))}\n      </Stack>\n      <LoadingMessage\n        message={message}\n        size={size}\n        testIds={testIds}\n        sx={{ mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: 'center' }}\n      />\n    </Box>\n  );\n};\n\nconst SpinnerView: React.FC<ViewProps> = ({ message, size, className, testIds }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: theme.spacing(SPINNER_PADDING_UNITS),\n        minHeight: SPINNER_MIN_HEIGHT,\n        gap: theme.spacing(SPINNER_GAP_UNITS),\n      }}\n    >\n      <CircularProgress\n        size={SIZE_MAP[size].spinner}\n        data-testid={testIds.named('spinner')}\n      />\n      <LoadingMessage message={message} size={size} testIds={testIds} />\n    </Box>\n  );\n};\n\nexport const LoadingState: React.FC<LoadingStateProps> = React.memo((rawProps) => {\n  const resolved = resolveLoadingStateProps(rawProps);\n  const { variant, message, size, skeletonRows, className } = resolved;\n  const viewProps: ViewProps = {\n    message,\n    size,\n    skeletonRows,\n    className,\n    // `dataTestId` is the documented spelling; `testID`, the shared contract's\n    // other one, resolves to the same id.\n    testIds: makeTestIds(resolveTestId(resolved)),\n  };\n\n  return variant === 'skeleton' ? (\n    <SkeletonView {...viewProps} />\n  ) : (\n    <SpinnerView {...viewProps} />\n  );\n});\n\nLoadingState.displayName = 'LoadingState';\n\nexport default LoadingState;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAuCd,cAoBA,YApBA;AAPJ,IAAM,iBAKD,CAAC,EAAE,SAAS,MAAM,SAAS,GAAG,MACjC,UACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,SAAS,IAAI,EAAE;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IACA,eAAa,QAAQ,MAAM,SAAS;AAAA,IAEnC;AAAA;AACH,IACE;AAEN,IAAM,eAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS,MAAM,QAAQ,sBAAsB;AAAA,MAC/C;AAAA,MAEA;AAAA,4BAAC,SAAM,SAAS,wBACb,gBAAM,KAAK,EAAE,QAAQ,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,UAC5C;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,QAAQ,oBAAoB,IAAI;AAAA,YAEhC,OAAO,UAAU,eAAe,IAAI,0BAA0B;AAAA,YAC9D,cAAc;AAAA,YACd,eAAa,QAAQ,SAAS,YAAY,KAAK,EAAE;AAAA;AAAA,UAP5C,gBAAgB,KAAK;AAAA,QAQ5B,CACD,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,EAAE,IAAI,mCAAmC,WAAW,SAAS;AAAA;AAAA,QACnE;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAmC,CAAC,EAAE,SAAS,MAAM,WAAW,QAAQ,MAAM;AAClF,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS,MAAM,QAAQ,qBAAqB;AAAA,QAC5C,WAAW;AAAA,QACX,KAAK,MAAM,QAAQ,iBAAiB;AAAA,MACtC;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,IAAI,EAAE;AAAA,YACrB,eAAa,QAAQ,MAAM,SAAS;AAAA;AAAA,QACtC;AAAA,QACA,oBAAC,kBAAe,SAAkB,MAAY,SAAkB;AAAA;AAAA;AAAA,EAClE;AAEJ;AAEO,IAAM,eAA4C,MAAM,KAAK,CAAC,aAAa;AAChF,QAAM,WAAW,yBAAyB,QAAQ;AAClD,QAAM,EAAE,SAAS,SAAS,MAAM,cAAc,UAAU,IAAI;AAC5D,QAAM,YAAuB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,SAAS,YAAY,cAAc,QAAQ,CAAC;AAAA,EAC9C;AAEA,SAAO,YAAY,aACjB,oBAAC,gBAAc,GAAG,WAAW,IAE7B,oBAAC,eAAa,GAAG,WAAW;AAEhC,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-GJQYM3PM.js";
+} from "./chunk-SHQWIDD5.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -101,4 +101,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-PUBPZOQJ.js.map
+//# sourceMappingURL=chunk-IPE5FFFD.js.map

package/dist/{chunk-C52BELLW.js → chunk-ISSJNFJV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -77,4 +77,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-C52BELLW.js.map
+//# sourceMappingURL=chunk-ISSJNFJV.js.map

package/dist/{chunk-2ZRZTGWP.js → chunk-ISW5K72V.js}

@@ -1,11 +1,11 @@
-import {
-  isDateDisabledBy,
-  nextRangeStep
-} from "./chunk-E2Y7G4MP.js";
 import {
   ACTIVATION_KEYS,
   navigateFocus
 } from "./chunk-FFQ4NOJT.js";
+import {
+  isDateDisabledBy,
+  nextRangeStep
+} from "./chunk-E2Y7G4MP.js";
 import {
   addMonths,
   generateMonthMatrix,
@@ -227,4 +227,4 @@ var useCalendar = (props) => {
 export {
   useCalendar
 };
-//# sourceMappingURL=chunk-2ZRZTGWP.js.map
+//# sourceMappingURL=chunk-ISW5K72V.js.map

package/dist/{chunk-X24P3ZYW.js → chunk-J4W4TQPC.js}

@@ -1,14 +1,14 @@
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-EGRFMPGD.js";
+} from "./chunk-EXJBPKGW.js";
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-ACZH2NUW.js";
 import {
   useMapPreview
 } from "./chunk-PQECNGDE.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-X24P3ZYW.js.map
+//# sourceMappingURL=chunk-J4W4TQPC.js.map

package/dist/{chunk-LZRURORY.js → chunk-KADJNWTQ.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-MY5VNNSP.js";
+} from "./chunk-MCRIT46W.js";
 import {
   Dialog
 } from "./chunk-S5LE2ARG.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-LZRURORY.js.map
+//# sourceMappingURL=chunk-KADJNWTQ.js.map

package/dist/{chunk-3AFUWDYS.js → chunk-KKYW3LU7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-INGPH3YQ.js";
 import {
   Heading
-} from "./chunk-NYLXHOMR.js";
+} from "./chunk-Z7JNCB5Q.js";
 import {
   Separator
 } from "./chunk-MCZ7536N.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-3AFUWDYS.js.map
+//# sourceMappingURL=chunk-KKYW3LU7.js.map

package/dist/{chunk-NHSMLVNC.js → chunk-KSF7TLXH.js}

@@ -2,16 +2,16 @@ import {
   CategoryHeadRow,
   CategorySectionHeading,
   SubcategoryRow
-} from "./chunk-WBVHRLIS.js";
+} from "./chunk-N4WANJI3.js";
+import {
+  categoryCheckState,
+  isLeafCategory
+} from "./chunk-LR6MSKTT.js";
 import {
   emptySx,
   listSx,
   skeletonSx
 } from "./chunk-FCOEJCUP.js";
-import {
-  categoryCheckState,
-  isLeafCategory
-} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -152,4 +152,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-NHSMLVNC.js.map
+//# sourceMappingURL=chunk-KSF7TLXH.js.map

package/dist/{chunk-FP4R47TM.js → chunk-L65LF6LN.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-YLDS5FOQ.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-FP4R47TM.js.map
+//# sourceMappingURL=chunk-L65LF6LN.js.map

package/dist/{chunk-FH4VARZ7.js → chunk-L6KEVPXN.js}

@@ -1,3 +1,9 @@
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-MMZAGB64.js";
 import {
   buildBadgeContent
 } from "./chunk-ZGEBIC5X.js";
@@ -5,12 +11,6 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-4Q7HWRR2.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-MMZAGB64.js";
 
 // src/components/data-display/Badge/Badge.tsx
 import MuiBadge from "@mui/material/Badge/index.js";
@@ -169,4 +169,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-FH4VARZ7.js.map
+//# sourceMappingURL=chunk-L6KEVPXN.js.map

package/dist/{chunk-X5BHPSAC.js → chunk-LDE4ELB5.js}

@@ -1,19 +1,19 @@
-import {
-  DataViewsGrid
-} from "./chunk-4EJSUL62.js";
 import {
   DeleteViewDialog
-} from "./chunk-IJIT5HQP.js";
+} from "./chunk-72UYVJBQ.js";
+import {
+  DataViewsGrid
+} from "./chunk-OR7UH2ZQ.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-P5YYVDAD.js";
+} from "./chunk-E5ZHW4I5.js";
 import {
   useSavedViewsController
-} from "./chunk-3AOOI2NR.js";
+} from "./chunk-HR7YTBR7.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-X5BHPSAC.js.map
+//# sourceMappingURL=chunk-LDE4ELB5.js.map

package/dist/{chunk-NETZMGQP.js → chunk-LIOVN5IM.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-YNQGXSDD.js";
+} from "./chunk-CRNQVWIT.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-NETZMGQP.js.map
+//# sourceMappingURL=chunk-LIOVN5IM.js.map

package/dist/{chunk-OQXOYHIV.js → chunk-M3RIC6JI.js}

@@ -1,6 +1,3 @@
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
 import {
   SIZE_MAP,
   filledStyles,
@@ -11,6 +8,9 @@ import {
   outlinedStyles,
   pulseStyles
 } from "./chunk-RMSH2I3O.js";
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
 
 // src/components/form/Input/Input.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
@@ -102,4 +102,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-OQXOYHIV.js.map
+//# sourceMappingURL=chunk-M3RIC6JI.js.map

package/dist/{chunk-MY5VNNSP.js → chunk-MCRIT46W.js}

@@ -1,6 +1,3 @@
-import {
-  panelSx
-} from "./chunk-6JZE4IIN.js";
 import {
   useSheetDrag,
   useSheetOpen
@@ -8,6 +5,9 @@ import {
 import {
   SheetBody
 } from "./chunk-M2K7BPHX.js";
+import {
+  panelSx
+} from "./chunk-6JZE4IIN.js";
 import {
   SheetOverlay
 } from "./chunk-POUWN4PX.js";
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-MY5VNNSP.js.map
+//# sourceMappingURL=chunk-MCRIT46W.js.map

package/dist/{chunk-WO52KYSU.js → chunk-MHFJBNDP.js}

@@ -1,24 +1,24 @@
+import {
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-PU3AAKRR.js";
 import {
   CategoryQuickActions
 } from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-NHSMLVNC.js";
+} from "./chunk-KSF7TLXH.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
 } from "./chunk-GGE7Y53F.js";
 import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-PU3AAKRR.js";
+  removeChip
+} from "./chunk-LR6MSKTT.js";
 import {
   panelSx,
   sheetSx
 } from "./chunk-FCOEJCUP.js";
-import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-WO52KYSU.js.map
+//# sourceMappingURL=chunk-MHFJBNDP.js.map

package/dist/chunk-MWFSIB6K.js

@@ -0,0 +1,47 @@
+// src/components/data-display/EmptyState/EmptyState.helpers.ts
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `empty-state-${suffix}`;
+var actionsOf = (props, refreshLabel, createLabel) => {
+  const { primaryAction, secondaryAction, onCreate, onRefresh } = props;
+  const specs = [];
+  if (primaryAction) {
+    specs.push({
+      key: "primary-action",
+      variant: "contained",
+      onClick: primaryAction.onClick,
+      label: primaryAction.label
+    });
+  }
+  if (onCreate) {
+    specs.push({
+      key: "create-button",
+      variant: "contained",
+      onClick: onCreate,
+      label: createLabel,
+      icon: "Add"
+    });
+  }
+  if (secondaryAction) {
+    specs.push({
+      key: "secondary-action",
+      variant: "outlined",
+      onClick: secondaryAction.onClick,
+      label: secondaryAction.label
+    });
+  }
+  if (onRefresh) {
+    specs.push({
+      key: "refresh-button",
+      variant: "outlined",
+      onClick: onRefresh,
+      label: refreshLabel,
+      icon: "Refresh"
+    });
+  }
+  return specs;
+};
+
+export {
+  makeTestId,
+  actionsOf
+};
+//# sourceMappingURL=chunk-MWFSIB6K.js.map