@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-56O2UXSW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-empty.tsx"],"sourcesContent":["\"use client\";\n\nimport FilterAltOffRoundedIcon from \"@mui/icons-material/FilterAltOffRounded\";\nimport InboxRoundedIcon from \"@mui/icons-material/InboxRounded\";\n\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/**\n * TWO EMPTY STATES, NOT ONE.\n *\n * \"Nenhum pagamento registrado\" under an active filter is a lie, and it is the\n * expensive kind: the operator reads it as \"this store has no payments\" and\n * goes looking for the bug somewhere else. The page's own empty copy answers\n * \"there is nothing here yet\"; it cannot answer \"nothing matches what you\n * typed\", because it does not know what was typed.\n *\n * So the grid renders the FILTERED variant itself — it is the only party that\n * knows a filter is applied — and defers to the host's `emptyState` only when\n * the list is genuinely empty. The filtered one carries the way out, which is\n * the whole point: the fix is one click, and it is right there.\n */\nexport function DataViewsEmpty({\n  filtered,\n  onClearFilters,\n  emptyState,\n  testIdPrefix,\n}: {\n  /** Is anything narrowing the list right now (search, pills or ranges)? */\n  filtered: boolean;\n  onClearFilters: () => void;\n  /** The page's own copy for a genuinely empty list. */\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-empty${filtered ? \"-filtered\" : \"\"}`}\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        textAlign: \"center\",\n        py: 8,\n        px: 2,\n      }}\n    >\n      <Box\n        sx={{\n          display: \"inline-flex\",\n          p: 2,\n          mb: 1.5,\n          borderRadius: \"50%\",\n          bgcolor: \"action.hover\",\n          color: \"text.disabled\",\n        }}\n      >\n        <Icon />\n      </Box>\n      {filtered ? (\n        <>\n          <Text variant=\"body\" as=\"p\">\n            <Box component=\"span\" sx={{ fontWeight: 600 }}>\n              {copy.grid.emptyFilteredTitle}\n            </Box>\n          </Text>\n          <Text variant=\"caption\" as=\"p\">\n            <Box component=\"span\" sx={{ display: \"block\", mt: 0.5, mb: 2, color: \"text.secondary\", maxWidth: 380 }}>\n              {copy.grid.emptyFilteredHint}\n            </Box>\n          </Text>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            color=\"secondary\"\n            onClick={onClearFilters}\n            dataTestId={`${testIdPrefix}-empty-clear`}\n          >\n            {copy.grid.emptyFilteredAction}\n          </Button>\n        </>\n      ) : (\n        // The page's own words for \"nothing here yet\" — it knows what the\n        // entity is and how one comes to exist; this component does not.\n        emptyState\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,OAAO,6BAA6B;AACpC,OAAO,sBAAsB;AA2DrB,SAGA,UAHA,KAGA,YAHA;AArCD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,OAAO,WAAW,0BAA0B;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,YAAY,SAAS,WAAW,cAAc,EAAE;AAAA,MAChE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,GAAG;AAAA,cACH,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEA,8BAAC,QAAK;AAAA;AAAA,QACR;AAAA,QACC,WACC,iCACE;AAAA,8BAAC,QAAK,SAAQ,QAAO,IAAG,KACtB,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,YAAY,IAAI,GACzC,eAAK,KAAK,oBACb,GACF;AAAA,UACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,SAAS,IAAI,KAAK,IAAI,GAAG,OAAO,kBAAkB,UAAU,IAAI,GAClG,eAAK,KAAK,mBACb,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,KAAK;AAAA;AAAA,UACb;AAAA,WACF;AAAA;AAAA;AAAA,UAIA;AAAA;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-5DBUZVTU.js

@@ -1,51 +0,0 @@
-import {
-  getAxisStyles,
-  getDefaultColors,
-  getSizeStyles,
-  resolveSeries
-} from "./chunk-2DGJMXCD.js";
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-4V532JF6.js";
-
-// src/components/data-display/Chart/chart-context.ts
-function buildChartContext(props, theme) {
-  const sizeStyles = getSizeStyles(props.size, props.height);
-  const chartColors = getDefaultColors(theme, props.variant ?? "default", props.colors);
-  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(
-    theme,
-    props.variant ?? "default",
-    sizeStyles.fontSize
-  );
-  const handleChartClick = (payload) => {
-    const chartData = payload;
-    if (props.onClick && chartData?.activePayload?.[0]) {
-      props.onClick(chartData.activePayload[0].payload);
-    }
-  };
-  return {
-    props,
-    theme,
-    sizeStyles,
-    chartColors,
-    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? "name", chartColors),
-    strokeType: props.curved ?? true ? "monotone" : "linear",
-    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },
-    gridStroke,
-    gridOpacity,
-    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),
-    barGeometry: resolveBarGeometry(props),
-    animationDuration: props.animate ?? true ? props.animationDuration ?? 1500 : 0,
-    commonProps: {
-      data: props.data,
-      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },
-      onClick: handleChartClick
-    }
-  };
-}
-
-export {
-  buildChartContext
-};
-//# sourceMappingURL=chunk-5DBUZVTU.js.map

package/dist/chunk-5DBUZVTU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/chart-context.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';\nimport { resolveAxisConfig, resolveBarGeometry, type BarGeometry, type CartesianAxisConfig } from './chart-axis';\nimport {\n  getAxisStyles,\n  getDefaultColors,\n  getSizeStyles,\n  resolveSeries,\n  type SizeStyles,\n} from './chart-internals';\n\n/**\n * Everything the per-type renderers in `chart-renderers.tsx` read, resolved\n * once from props + theme. Kept out of that file so each renderer is a small\n * JSX function over already-decided values — palette, series, axis geometry,\n * bar geometry — rather than a place where those decisions get made again\n * slightly differently.\n */\nexport interface ChartRenderContext {\n  props: ChartProps;\n  theme: Theme;\n  sizeStyles: SizeStyles;\n  chartColors: string[];\n  chartSeries: ChartSeries[];\n  strokeType: 'monotone' | 'linear';\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */\n  gridOpacity: number;\n  axisConfig: CartesianAxisConfig;\n  barGeometry: BarGeometry;\n  animationDuration: number;\n  commonProps: {\n    data: ChartDataPoint[];\n    margin: { top?: number; right?: number; bottom?: number; left?: number };\n    onClick: (payload: unknown) => void;\n  };\n}\n\nexport function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext {\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const chartColors = getDefaultColors(theme, props.variant ?? 'default', props.colors);\n  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(\n    theme,\n    props.variant ?? 'default',\n    sizeStyles.fontSize,\n  );\n  const handleChartClick = (payload: unknown): void => {\n    const chartData = payload as { activePayload?: Array<{ payload: ChartDataPoint }> };\n    if (props.onClick && chartData?.activePayload?.[0]) {\n      props.onClick(chartData.activePayload[0].payload);\n    }\n  };\n  return {\n    props,\n    theme,\n    sizeStyles,\n    chartColors,\n    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? 'name', chartColors),\n    strokeType: (props.curved ?? true) ? 'monotone' : 'linear',\n    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },\n    gridStroke,\n    gridOpacity,\n    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),\n    barGeometry: resolveBarGeometry(props),\n    animationDuration: (props.animate ?? true) ? (props.animationDuration ?? 1500) : 0,\n    commonProps: {\n      data: props.data,\n      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },\n      onClick: handleChartClick,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAyCO,SAAS,kBAAkB,OAAmB,OAAkC;AACrF,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,cAAc,iBAAiB,OAAO,MAAM,WAAW,WAAW,MAAM,MAAM;AACpF,QAAM,EAAE,WAAW,YAAY,YAAY,IAAI;AAAA,IAC7C;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,WAAW;AAAA,EACb;AACA,QAAM,mBAAmB,CAAC,YAA2B;AACnD,UAAM,YAAY;AAClB,QAAI,MAAM,WAAW,WAAW,gBAAgB,CAAC,GAAG;AAClD,YAAM,QAAQ,UAAU,cAAc,CAAC,EAAE,OAAO;AAAA,IAClD;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,YAAY,QAAQ,WAAW;AAAA,IAC1F,YAAa,MAAM,UAAU,OAAQ,aAAa;AAAA,IAClD,WAAW,EAAE,GAAG,WAAW,UAAU,WAAW,SAAS;AAAA,IACzD;AAAA,IACA;AAAA,IACA,YAAY,kBAAkB,OAAO,WAAW,UAAU;AAAA,IAC1D,aAAa,mBAAmB,KAAK;AAAA,IACrC,mBAAoB,MAAM,WAAW,OAAS,MAAM,qBAAqB,OAAQ;AAAA,IACjF,aAAa;AAAA,MACX,MAAM,MAAM;AAAA,MACZ,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,IAAI,GAAG,MAAM,OAAO;AAAA,MACpE,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-5GNSZHXD.js

@@ -1,34 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Pagination
-} from "./chunk-MM4LVILH.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-
-// src/components/data-display/DataViews/data-views-pagination.tsx
-import { jsx } from "react/jsx-runtime";
-function DataViewsPagination({
-  c,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (!c.serverMode || c.serverPageCount <= 1) return null;
-  return /* @__PURE__ */ jsx(Box, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-    Pagination,
-    {
-      pageSizeLabel: copy.nav.pageSize,
-      page: c.serverPage,
-      count: c.serverPageCount,
-      onChange: (_event, page) => c.changePage(page),
-      dataTestId: `${testIdPrefix}-pagination`
-    }
-  ) });
-}
-
-export {
-  DataViewsPagination
-};
-//# sourceMappingURL=chunk-5GNSZHXD.js.map

package/dist/chunk-5GNSZHXD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { Pagination } from \"../../navigation/Pagination\";\n\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/**\n * The server-mode pagination control rendered beneath the grid — shown only\n * when the table is backend-driven and there is more than one page. Client-mode\n * tables render every matched row at once, so they never show it (FUT-180).\n */\nexport function DataViewsPagination<T extends Record<string, unknown>>({\n  c,\n  testIdPrefix,\n}: {\n  c: DataViewsController<T>;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (!c.serverMode || c.serverPageCount <= 1) return null;\n  return (\n    <Box sx={{ mt: 2, display: \"flex\", justifyContent: \"center\" }}>\n      <Pagination\n        pageSizeLabel={copy.nav.pageSize}\n        page={c.serverPage}\n        count={c.serverPageCount}\n        onChange={(_event, page) => c.changePage(page)}\n        dataTestId={`${testIdPrefix}-pagination`}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBM;AAXC,SAAS,oBAAuD;AAAA,EACrE;AAAA,EACA;AACF,GAG6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,CAAC,EAAE,cAAc,EAAE,mBAAmB,EAAG,QAAO;AACpD,SACE,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,SAAS,QAAQ,gBAAgB,SAAS,GAC1D;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,KAAK,IAAI;AAAA,MACxB,MAAM,EAAE;AAAA,MACR,OAAO,EAAE;AAAA,MACT,UAAU,CAAC,QAAQ,SAAS,EAAE,WAAW,IAAI;AAAA,MAC7C,YAAY,GAAG,YAAY;AAAA;AAAA,EAC7B,GACF;AAEJ;","names":[]}

package/dist/chunk-5IFSSVYP.js

@@ -1,95 +0,0 @@
-import {
-  otpSlotSx
-} from "./chunk-MHWZHOTX.js";
-import {
-  useOtpDigits
-} from "./chunk-UETHX57J.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/InputOTP/InputOTP.tsx
-import { Box, TextField } from "@mui/material";
-import { styled } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledOTPInput = styled(TextField, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient"].includes(prop)
-})(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));
-var DEFAULTS = {
-  variant: "numeric",
-  color: "primary",
-  size: "md",
-  length: 6,
-  value: "",
-  glass: false,
-  gradient: false,
-  autoFocus: false,
-  error: false,
-  disabled: false
-};
-var InputOTP = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    length,
-    value,
-    onChange,
-    onComplete,
-    glass,
-    gradient,
-    autoFocus,
-    error,
-    disabled,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({
-    variant,
-    length,
-    value,
-    onChange,
-    onComplete
-  });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      "data-testid": dataTestId,
-      sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" },
-      ...rest,
-      children: digits.map((digit, index) => /* @__PURE__ */ jsx(
-        StyledOTPInput,
-        {
-          ref: (el) => {
-            inputRefs.current[index] = el?.querySelector("input") || null;
-          },
-          customColor: color,
-          customSize: size,
-          glass,
-          gradient,
-          value: variant === "masked" ? digit ? "\u2022" : "" : digit,
-          onChange: (e) => handleInputChange(index, e.target.value),
-          onKeyDown: (e) => handleKeyDown(index, e),
-          onPaste: index === 0 ? handlePaste : void 0,
-          autoFocus: autoFocus && index === 0,
-          error,
-          disabled,
-          inputProps: {
-            maxLength: 1,
-            style: { textAlign: "center" },
-            "data-testid": dataTestId ? `${dataTestId}-slot-${index}` : void 0
-          }
-        },
-        index
-      ))
-    }
-  );
-});
-InputOTP.displayName = "InputOTP";
-
-export {
-  InputOTP
-};
-//# sourceMappingURL=chunk-5IFSSVYP.js.map

package/dist/chunk-5IFSSVYP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.tsx"],"sourcesContent":["import { Box, TextField } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { useOtpDigits } from './InputOTP.hooks';\nimport { otpSlotSx } from './InputOTP.styles';\nimport type { OtpSlotFlags } from './InputOTP.styles';\nimport type { InputOTPProps } from './InputOTP.types';\n\nconst StyledOTPInput = styled(TextField, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glass', 'gradient'].includes(prop as string),\n})<OtpSlotFlags>(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));\n\nconst DEFAULTS = {\n  variant: 'numeric',\n  color: 'primary',\n  size: 'md',\n  length: 6,\n  value: '',\n  glass: false,\n  gradient: false,\n  autoFocus: false,\n  error: false,\n  disabled: false,\n} satisfies Partial<InputOTPProps>;\n\ntype ResolvedProps = InputOTPProps & Required<Pick<InputOTPProps, keyof typeof DEFAULTS>>;\n\nexport const InputOTP = forwardRef<HTMLDivElement, InputOTPProps>((props, ref) => {\n  const {\n    variant, color, size, length, value, onChange, onComplete,\n    glass, gradient, autoFocus, error, disabled, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({\n    variant,\n    length,\n    value,\n    onChange,\n    onComplete,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', gap: 1, justifyContent: 'center', alignItems: 'center' }}\n      {...rest}\n    >\n      {digits.map((digit, index) => (\n        <StyledOTPInput\n          key={index}\n          ref={(el: HTMLDivElement | null) => {\n            inputRefs.current[index] = el?.querySelector('input') || null;\n          }}\n          customColor={color}\n          customSize={size}\n          glass={glass}\n          gradient={gradient}\n          // `masked` keeps the digit in state and shows a bullet in its place.\n          value={variant === 'masked' ? (digit ? '•' : '') : digit}\n          onChange={(e) => handleInputChange(index, e.target.value)}\n          onKeyDown={(e) => handleKeyDown(index, e)}\n          // Only the first slot takes a paste; it fills the rest itself.\n          onPaste={index === 0 ? handlePaste : undefined}\n          autoFocus={autoFocus && index === 0}\n          error={error}\n          disabled={disabled}\n          inputProps={{\n            maxLength: 1,\n            style: { textAlign: 'center' },\n            'data-testid': dataTestId ? `${dataTestId}-slot-${index}` : undefined,\n          }}\n        />\n      ))}\n    </Box>\n  );\n});\n\nInputOTP.displayName = 'InputOTP';\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,KAAK,iBAAiB;AAC/B,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AAoD1B;AA3CR,IAAM,iBAAiB,OAAO,WAAW;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,eAAe,cAAc,SAAS,UAAU,EAAE,SAAS,IAAc;AAC/E,CAAC,EAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,UAAU,OAAO,KAAK,EAAE,EAAE;AAE1E,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AACZ;AAIO,IAAM,WAAW,WAA0C,CAAC,OAAO,QAAQ;AAChF,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAQ;AAAA,IAAO;AAAA,IAAU;AAAA,IAC/C;AAAA,IAAO;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO;AAAA,IAAU;AAAA,IAC7C,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,EAAE,QAAQ,WAAW,mBAAmB,eAAe,YAAY,IAAI,aAAa;AAAA,IACxF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,QAAQ,KAAK,GAAG,gBAAgB,UAAU,YAAY,SAAS;AAAA,MAC7E,GAAG;AAAA,MAEH,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,CAAC,OAA8B;AAClC,sBAAU,QAAQ,KAAK,IAAI,IAAI,cAAc,OAAO,KAAK;AAAA,UAC3D;AAAA,UACA,aAAa;AAAA,UACb,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,OAAO,YAAY,WAAY,QAAQ,WAAM,KAAM;AAAA,UACnD,UAAU,CAAC,MAAM,kBAAkB,OAAO,EAAE,OAAO,KAAK;AAAA,UACxD,WAAW,CAAC,MAAM,cAAc,OAAO,CAAC;AAAA,UAExC,SAAS,UAAU,IAAI,cAAc;AAAA,UACrC,WAAW,aAAa,UAAU;AAAA,UAClC;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,WAAW;AAAA,YACX,OAAO,EAAE,WAAW,SAAS;AAAA,YAC7B,eAAe,aAAa,GAAG,UAAU,SAAS,KAAK,KAAK;AAAA,UAC9D;AAAA;AAAA,QArBK;AAAA,MAsBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/chunk-5VCCFXSM.js

@@ -1,25 +0,0 @@
-// src/components/form/Menubar/Menubar.separator.tsx
-import { Divider } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var MenubarSeparator = ({
-  orientation = "horizontal",
-  className,
-  style
-}) => /* @__PURE__ */ jsx(
-  Divider,
-  {
-    orientation: orientation === "horizontal" ? "vertical" : "horizontal",
-    flexItem: true,
-    className,
-    sx: {
-      mx: orientation === "horizontal" ? 1 : 0,
-      my: orientation === "vertical" ? 1 : 0,
-      ...style
-    }
-  }
-);
-
-export {
-  MenubarSeparator
-};
-//# sourceMappingURL=chunk-5VCCFXSM.js.map

package/dist/chunk-5VCCFXSM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Menubar/Menubar.separator.tsx"],"sourcesContent":["import { Divider } from '@mui/material';\nimport React from 'react';\n\nimport type { MenubarSeparatorProps } from './Menubar.types';\n\n/**\n * The rule between two entries. Its own orientation is the bar's turned ninety\n * degrees: a horizontal bar is divided by vertical rules.\n */\nexport const MenubarSeparator: React.FC<MenubarSeparatorProps> = ({\n  orientation = 'horizontal',\n  className,\n  style,\n}) => (\n  <Divider\n    orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n    flexItem\n    className={className}\n    sx={{\n      mx: orientation === 'horizontal' ? 1 : 0,\n      my: orientation === 'vertical' ? 1 : 0,\n      ...style,\n    }}\n  />\n);\n"],"mappings":";AAAA,SAAS,eAAe;AActB;AALK,IAAM,mBAAoD,CAAC;AAAA,EAChE,cAAc;AAAA,EACd;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,aAAa,gBAAgB,eAAe,aAAa;AAAA,IACzD,UAAQ;AAAA,IACR;AAAA,IACA,IAAI;AAAA,MACF,IAAI,gBAAgB,eAAe,IAAI;AAAA,MACvC,IAAI,gBAAgB,aAAa,IAAI;AAAA,MACrC,GAAG;AAAA,IACL;AAAA;AACF;","names":[]}

package/dist/chunk-5WN6ZIAH.js

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

package/dist/chunk-5WN6ZIAH.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';\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 * 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  triggerHeight: 38,\n  triggerRadius: 10,\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  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: METRICS.triggerHeight,\n    padding: '0 10px 0 12px',\n    borderRadius: `${METRICS.triggerRadius}px`,\n    border: `1px solid ${open || selected ? brand.edge : theme.palette.divider}`,\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\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-5XY7BFFP.js

@@ -1,37 +0,0 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-JDQACVKT.js";
-import {
-  useDataViewsLayout
-} from "./chunk-4EGKGOV2.js";
-
-// src/components/data-display/DataViews/data-views-scope-tabs.tsx
-import { jsx } from "react/jsx-runtime";
-function ScopeTabsSlot({
-  scopes,
-  scopeFieldId,
-  board,
-  value,
-  onChange,
-  counts,
-  testIdPrefix
-}) {
-  const { layout } = useDataViewsLayout();
-  const boardOwnsThisPartition = layout === "board" && Boolean(scopeFieldId) && scopeFieldId === board?.groupBy;
-  if (boardOwnsThisPartition) return null;
-  return /* @__PURE__ */ jsx(
-    DataViewsScopeTabs,
-    {
-      scopes,
-      value,
-      onChange,
-      counts,
-      testIdPrefix
-    }
-  );
-}
-
-export {
-  ScopeTabsSlot
-};
-//# sourceMappingURL=chunk-5XY7BFFP.js.map