@12-apps/ui 6.39.20 → 6.41.0

package/dist/_internal/pt-BR.data-display.js

@@ -5,9 +5,9 @@ import {
   PT_BR_LIGHTBOX_COPY,
   PT_BR_MAP_PREVIEW_COPY,
   PT_BR_TIMING_DIAGRAM_COPY
-} from "../chunk-TU5EIKJA.js";
-import "../chunk-A7RIZOAL.js";
+} from "../chunk-U5SH3VRJ.js";
 import "../chunk-WUE5EK42.js";
+import "../chunk-33L26P4J.js";
 import "../chunk-PZ5AY32C.js";
 export {
   PT_BR_CAROUSEL_COPY,

package/dist/_internal/pt-BR.layout.js

@@ -1,8 +1,12 @@
 import {
+  PT_BR_SETTING_CARD_COPY,
+  PT_BR_SETTING_SWITCH_COPY,
   PT_BR_TABLE_FILTER_COPY
-} from "../chunk-A7RIZOAL.js";
+} from "../chunk-33L26P4J.js";
 import "../chunk-PZ5AY32C.js";
 export {
+  PT_BR_SETTING_CARD_COPY,
+  PT_BR_SETTING_SWITCH_COPY,
   PT_BR_TABLE_FILTER_COPY
 };
 //# sourceMappingURL=pt-BR.layout.js.map

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,15 +5,15 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-SLDSWQVE.js";
+} from "../../chunk-7TE4TMS3.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
-import "../../chunk-IWEUSZY3.js";
-import "../../chunk-RB3X6CEE.js";
-import "../../chunk-CYZZHWNK.js";
+import "../../chunk-X66E5WSX.js";
+import "../../chunk-IWGW2E35.js";
+import "../../chunk-CJ45OL7L.js";
 import "../../chunk-CMMPGAMJ.js";
-import "../../chunk-X53F33KA.js";
-import "../../chunk-35443PF6.js";
+import "../../chunk-RWXYND4H.js";
+import "../../chunk-JIRZ27RI.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-WN5PNP6F.js";
@@ -21,24 +21,25 @@ import "../../chunk-FKUYRQSP.js";
 import "../../chunk-76X6JRVI.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-HM2JJNUE.js";
-import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-4WNFOBTH.js";
+import "../../chunk-K6LNHHSH.js";
+import "../../chunk-ZKWVCSAB.js";
 import "../../chunk-LN46DSMF.js";
-import "../../chunk-URHX4FAQ.js";
-import "../../chunk-ZN6YATOG.js";
+import "../../chunk-TAMIZE4Q.js";
+import "../../chunk-MKLIMY3D.js";
+import "../../chunk-PAT2BQOQ.js";
 import "../../chunk-TYJR4GOF.js";
 import "../../chunk-PT6TCWIW.js";
-import "../../chunk-CGO452DC.js";
-import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
-import "../../chunk-BLW6KLDR.js";
+import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import "../../chunk-2BYKTBDL.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-26X4CZVR.js";
-import "../../chunk-PZBK3F52.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-FQ6UW7IY.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";

package/dist/_internal/tokens/density.core.js

@@ -0,0 +1,18 @@
+import {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  resolveDensityFactor
+} from "../../chunk-VBP46YP4.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  resolveDensityFactor
+};
+//# sourceMappingURL=density.core.js.map

package/dist/_internal/tokens/density.core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/density.js

@@ -0,0 +1,31 @@
+import {
+  densityThemeOptions,
+  useDensity
+} from "../../chunk-DJKVSUXH.js";
+import "../../chunk-M47ZOUGF.js";
+import "../../chunk-7FDU3FIN.js";
+import "../../chunk-EPEJMTCQ.js";
+import "../../chunk-GDN2LUTZ.js";
+import {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  resolveDensityFactor
+} from "../../chunk-VBP46YP4.js";
+import "../../chunk-26X4CZVR.js";
+import "../../chunk-O6MJWHU5.js";
+import "../../chunk-6JAIFIPW.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  densityThemeOptions,
+  resolveDensityFactor,
+  useDensity
+};
+//# sourceMappingURL=density.js.map

package/dist/_internal/tokens/density.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/field-height.core.js

@@ -6,7 +6,7 @@ import {
   fieldHeightPx,
   fieldHeightRem,
   resolveFieldHeight
-} from "../../chunk-PZBK3F52.js";
+} from "../../chunk-O6MJWHU5.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   DEFAULT_FIELD_HEIGHT,

package/dist/_internal/tokens/field-height.js

@@ -5,11 +5,12 @@ import {
   fieldHeight,
   fieldHeightOverrides,
   fieldOverrides,
-  fieldTextFieldStyles
-} from "../../chunk-CGO452DC.js";
-import "../../chunk-GDN2LUTZ.js";
+  fieldTextFieldStyles,
+  mergeMuiComponents
+} from "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
+import "../../chunk-GDN2LUTZ.js";
 import "../../chunk-26X4CZVR.js";
 import {
   DEFAULT_FIELD_HEIGHT,
@@ -17,7 +18,7 @@ import {
   FIELD_HEIGHT_SCALE,
   fieldHeightPx,
   fieldHeightRem
-} from "../../chunk-PZBK3F52.js";
+} from "../../chunk-O6MJWHU5.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
@@ -32,6 +33,7 @@ export {
   fieldHeightPx,
   fieldHeightRem,
   fieldOverrides,
-  fieldTextFieldStyles
+  fieldTextFieldStyles,
+  mergeMuiComponents
 };
 //# sourceMappingURL=field-height.js.map

package/dist/_internal/tokens/theme.js

@@ -10,7 +10,8 @@ import {
   augmentColor,
   createUiTheme,
   px
-} from "../../chunk-BLW6KLDR.js";
+} from "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import {
   contrastText,
   inkOver
@@ -18,7 +19,7 @@ import {
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-26X4CZVR.js";
-import "../../chunk-PZBK3F52.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-ZWCYSAI5.js";
+} from "../../chunk-YWJDUJAR.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-66O55OZI.js";
+import "../../chunk-NYFGFELX.js";
 import "../../chunk-3ZVUNSFF.js";
-import "../../chunk-Y6C4MYZE.js";
-import "../../chunk-MTEQEPNY.js";
+import "../../chunk-TNQDSTIA.js";
 import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-WN5PNP6F.js";
@@ -16,23 +16,24 @@ import "../../chunk-FKUYRQSP.js";
 import "../../chunk-76X6JRVI.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-HM2JJNUE.js";
-import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-4WNFOBTH.js";
+import "../../chunk-K6LNHHSH.js";
+import "../../chunk-ZKWVCSAB.js";
 import "../../chunk-LN46DSMF.js";
-import "../../chunk-URHX4FAQ.js";
-import "../../chunk-ZN6YATOG.js";
+import "../../chunk-TAMIZE4Q.js";
+import "../../chunk-MKLIMY3D.js";
+import "../../chunk-PAT2BQOQ.js";
 import "../../chunk-TYJR4GOF.js";
-import "../../chunk-CGO452DC.js";
-import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
-import "../../chunk-BLW6KLDR.js";
+import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import "../../chunk-2BYKTBDL.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-26X4CZVR.js";
-import "../../chunk-PZBK3F52.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-FQ6UW7IY.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";

package/dist/charts.js

@@ -1,14 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-WL6N33AB.js";
+} from "./chunk-FIO55AKI.js";
 import {
   Chart
-} from "./chunk-TZBOWSAM.js";
-import "./chunk-VJ2BNJ5M.js";
-import "./chunk-IQJCLFF4.js";
-import "./chunk-EA2UNEL6.js";
-import "./chunk-SOHQPPYJ.js";
+} from "./chunk-PICOOZLX.js";
+import {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "./chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "./chunk-WKUA6P3W.js";
+import "./chunk-QMELMQPA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -16,34 +24,28 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "./chunk-GOWBYHYW.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "./chunk-WKUA6P3W.js";
-import "./chunk-TCAQOUIB.js";
+import "./chunk-GANW7FXQ.js";
+import "./chunk-CNR5RFKC.js";
+import "./chunk-SOHQPPYJ.js";
+import "./chunk-ZSTSISM6.js";
+import "./chunk-DJKVSUXH.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";
-import "./chunk-CGO452DC.js";
-import "./chunk-GDN2LUTZ.js";
+import "./chunk-M47ZOUGF.js";
 import "./chunk-7FDU3FIN.js";
 import "./chunk-EPEJMTCQ.js";
-import "./chunk-BLW6KLDR.js";
+import "./chunk-GDN2LUTZ.js";
+import "./chunk-YFODI4KT.js";
+import "./chunk-VBP46YP4.js";
 import "./chunk-2BYKTBDL.js";
 import "./chunk-AG66JBNH.js";
 import "./chunk-FZXKH2ZT.js";
 import "./chunk-26X4CZVR.js";
-import "./chunk-PZBK3F52.js";
+import "./chunk-O6MJWHU5.js";
 import "./chunk-FQ6UW7IY.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-N3GAFIXG.js";

package/dist/chunk-2GTORM5E.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2GTORM5E.js.map

package/dist/chunk-2GTORM5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-DFCQQN6P.js → chunk-2LKWJV65.js}

@@ -1,12 +1,12 @@
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -172,4 +172,4 @@ export {
   StackedTrigger,
   PillTrigger
 };
-//# sourceMappingURL=chunk-DFCQQN6P.js.map
+//# sourceMappingURL=chunk-2LKWJV65.js.map

package/dist/{chunk-HVXIOIM5.js → chunk-2MLS6KU4.js}

@@ -1,7 +1,7 @@
 import {
   commandPaperStyles,
   commandSizeStyles
-} from "./chunk-C3LZ3OGJ.js";
+} from "./chunk-R2FUQV24.js";
 import {
   CommandEmpty,
   CommandLoading
@@ -307,4 +307,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-HVXIOIM5.js.map
+//# sourceMappingURL=chunk-2MLS6KU4.js.map

package/dist/{chunk-IIUB4IOH.js → chunk-2XHIF3M3.js}

@@ -1,11 +1,11 @@
-import {
-  EN_US_TABLE_FILTER_COPY
-} from "./chunk-GRHECKHU.js";
 import {
   EN_US_CATEGORY_SELECT_COPY,
   EN_US_CONFIRM_ACTION_COPY,
   EN_US_SAVED_VIEWS_LABELS
 } from "./chunk-PZS7N74L.js";
+import {
+  EN_US_TABLE_FILTER_COPY
+} from "./chunk-3U7WKBMH.js";
 
 // src/en-US.data-display.ts
 var EN_US_LIGHTBOX_COPY = {
@@ -234,4 +234,4 @@ export {
   EN_US_DATA_STATE_COPY,
   EN_US_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-IIUB4IOH.js.map
+//# sourceMappingURL=chunk-2XHIF3M3.js.map

package/dist/chunk-33L26P4J.js

@@ -0,0 +1,27 @@
+// src/pt-BR.layout.ts
+var PT_BR_TABLE_FILTER_COPY = {
+  clearAllFilters: "Limpar todos os filtros",
+  clearKeyword: "Limpar a busca",
+  invalidRange: "O m\xE1ximo deve ser maior ou igual ao m\xEDnimo.",
+  rangeMin: "M\xEDnimo",
+  rangeMax: "M\xE1ximo"
+};
+var PT_BR_SETTING_CARD_COPY = {
+  edit: "Editar",
+  cancel: "Cancelar",
+  save: "Salvar",
+  saving: "Salvando\u2026",
+  learnMore: "Saiba mais",
+  saveFailed: "N\xE3o foi poss\xEDvel salvar. Tente novamente."
+};
+var PT_BR_SETTING_SWITCH_COPY = {
+  saving: "Salvando\u2026",
+  saveFailed: "N\xE3o foi poss\xEDvel salvar. Tente novamente."
+};
+
+export {
+  PT_BR_TABLE_FILTER_COPY,
+  PT_BR_SETTING_CARD_COPY,
+  PT_BR_SETTING_SWITCH_COPY
+};
+//# sourceMappingURL=chunk-33L26P4J.js.map

package/dist/chunk-33L26P4J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.layout.ts"],"sourcesContent":["/**\n * The pt-BR pack for the layout family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  SettingCardCopy,\n  SettingSwitchCopy,\n  TableFilterCopy,\n} from './copy';\n\nexport const PT_BR_TABLE_FILTER_COPY: TableFilterCopy = {\n  clearAllFilters: \"Limpar todos os filtros\",\n  clearKeyword: \"Limpar a busca\",\n  invalidRange: \"O máximo deve ser maior ou igual ao mínimo.\",\n  rangeMin: \"Mínimo\",\n  rangeMax: \"Máximo\",\n};\n\nexport const PT_BR_SETTING_CARD_COPY: SettingCardCopy = {\n  edit: \"Editar\",\n  cancel: \"Cancelar\",\n  save: \"Salvar\",\n  saving: \"Salvando…\",\n  learnMore: \"Saiba mais\",\n  saveFailed: \"Não foi possível salvar. Tente novamente.\",\n};\n\nexport const PT_BR_SETTING_SWITCH_COPY: SettingSwitchCopy = {\n  saving: \"Salvando…\",\n  saveFailed: \"Não foi possível salvar. Tente novamente.\",\n};\n"],"mappings":";AAUO,IAAM,0BAA2C;AAAA,EACtD,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,IAAM,0BAA2C;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAEO,IAAM,4BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,YAAY;AACd;","names":[]}

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

@@ -1,13 +1,13 @@
 import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
+  coerceViewState,
+  emptyViewState
+} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
-  coerceViewState,
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
+  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-IASDP44E.js.map
+//# sourceMappingURL=chunk-3AOOI2NR.js.map

package/dist/{chunk-TCV3N44E.js → chunk-3CLBGHTL.js}

@@ -6,7 +6,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-VY2BMSHN.js";
+} from "./chunk-ANYOSBNA.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -145,4 +145,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-TCV3N44E.js.map
+//# sourceMappingURL=chunk-3CLBGHTL.js.map

package/dist/{chunk-KKN4LLVE.js → chunk-3CUWQXTG.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-HM2JJNUE.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-KKN4LLVE.js.map
+//# sourceMappingURL=chunk-3CUWQXTG.js.map

package/dist/{chunk-QXSW3CNN.js → chunk-3CYTVX4T.js}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-D6KL74KI.js";
 import {
   fieldControlStyles
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem,
   sxRem
@@ -171,4 +171,4 @@ function CreatableSelect({
 export {
   CreatableSelect
 };
-//# sourceMappingURL=chunk-QXSW3CNN.js.map
+//# sourceMappingURL=chunk-3CYTVX4T.js.map

package/dist/chunk-3DO5AJCG.js

@@ -0,0 +1,117 @@
+import {
+  SETTING_CARD,
+  SETTING_GROUP_INACTIVE_OPACITY
+} from "./chunk-IC7GHPMK.js";
+import {
+  CARD_BORDER_WIDTH,
+  CARD_RADIUS_UNITS
+} from "./chunk-JH7EEJEQ.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/layout/SettingCard/SettingCard.styles.ts
+var SETTING_CARD_OPEN_ATTR = "data-setting-card-open";
+var withCallerSx = (own, sx) => [own, ...Array.isArray(sx) ? sx : [sx]];
+var surfaceStyles = (theme, open) => ({
+  boxSizing: "border-box",
+  height: "100%",
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(2.5),
+  backgroundColor: theme.palette.background.paper,
+  border: `${CARD_BORDER_WIDTH}px solid ${open ? theme.palette.primary.main : theme.palette.divider}`,
+  borderRadius: theme.spacing(CARD_RADIUS_UNITS.lg),
+  boxShadow: open ? theme.shadows[4] : "none",
+  transition: theme.transitions.create(["border-color", "box-shadow"], {
+    duration: theme.transitions.duration.short
+  }),
+  ...open ? { gridColumn: "1 / -1" } : {}
+});
+var flatStyles = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(1.25, 0),
+  minWidth: 0
+});
+var headerStyles = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: rem(theme, SETTING_CARD.iconGap),
+  minWidth: 0
+});
+var titleStyles = (theme) => ({
+  ...theme.typography.subtitle1,
+  fontWeight: theme.typography.fontWeightMedium,
+  color: theme.palette.text.primary,
+  margin: 0,
+  minWidth: 0,
+  overflowWrap: "anywhere"
+});
+var summaryStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+var descriptionStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0
+});
+var hintStyles = (theme) => ({
+  ...descriptionStyles(theme),
+  display: "flex",
+  alignItems: "flex-start",
+  gap: theme.spacing(1),
+  // Centre the 16px glyph on the first 20px line; later lines wrap under the text.
+  "& > svg": { flexShrink: 0, marginTop: rem(theme, 2) }
+});
+var errorStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.error.main,
+  margin: 0
+});
+var actionsStyles = (theme) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  justifyContent: "flex-end",
+  gap: theme.spacing(1),
+  marginTop: "auto"
+});
+var iconStyles = (theme) => ({
+  display: "inline-flex",
+  flexShrink: 0,
+  color: theme.palette.text.secondary
+});
+var dependentsStyles = (theme, active) => ({
+  display: "flex",
+  flexDirection: "column",
+  marginLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  paddingLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  borderLeft: `${rem(theme, SETTING_CARD.groupRuleWidth)} solid ${theme.palette.divider}`,
+  opacity: active ? 1 : SETTING_GROUP_INACTIVE_OPACITY,
+  transition: theme.transitions.create("opacity", { duration: theme.transitions.duration.short })
+});
+
+export {
+  SETTING_CARD_OPEN_ATTR,
+  withCallerSx,
+  surfaceStyles,
+  flatStyles,
+  headerStyles,
+  titleStyles,
+  summaryStyles,
+  descriptionStyles,
+  hintStyles,
+  errorStyles,
+  actionsStyles,
+  iconStyles,
+  dependentsStyles
+};
+//# sourceMappingURL=chunk-3DO5AJCG.js.map

package/dist/chunk-3DO5AJCG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.styles.ts"],"sourcesContent":["import type { CSSObject, SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\nimport { CARD_BORDER_WIDTH, CARD_RADIUS_UNITS } from '../Card/Card.metrics';\n\nimport { SETTING_CARD, SETTING_GROUP_INACTIVE_OPACITY } from './SettingCard.metrics';\n\n/**\n * The attribute an open `SettingCard` carries, which `SettingGrid` reads to\n * give it the whole row. An attribute rather than a class so a host's wrapper\n * around the card can be matched with `:has()` as well.\n */\nexport const SETTING_CARD_OPEN_ATTR = 'data-setting-card-open';\n\n/** `sx` as MUI documents it for composition: the component's own first, the caller's after. */\nexport const withCallerSx = (\n  own: SxProps<Theme>,\n  sx: SxProps<Theme> | undefined,\n): SxProps<Theme> => [own, ...(Array.isArray(sx) ? sx : [sx])] as SxProps<Theme>;\n\n/**\n * The card surface — `Card`'s outlined hairline and medium radius, so a\n * settings screen and a content screen are drawn with one kit.\n *\n * `height: 100%` is what turns the grid's per-row stretch into equal-height\n * cards: a grid item stretches, but a card that sized itself to its content\n * would not fill the item it sits in.\n *\n * `gridColumn: 1 / -1` while open is the full-row span. It lives on the card,\n * not only in the grid's CSS, so it also holds when the card sits in a host's\n * own grid. Outside a grid the property does nothing.\n */\nexport const surfaceStyles = (theme: Theme, open: boolean): CSSObject => ({\n  boxSizing: 'border-box',\n  height: '100%',\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(2.5),\n  backgroundColor: theme.palette.background.paper,\n  border: `${CARD_BORDER_WIDTH}px solid ${open ? theme.palette.primary.main : theme.palette.divider}`,\n  borderRadius: theme.spacing(CARD_RADIUS_UNITS.lg),\n  boxShadow: open ? theme.shadows[4] : 'none',\n  transition: theme.transitions.create(['border-color', 'box-shadow'], {\n    duration: theme.transitions.duration.short,\n  }),\n  ...(open ? { gridColumn: '1 / -1' } : {}),\n});\n\n/** A `row` toggle: the card's content with none of its surface. */\nexport const flatStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1.25, 0),\n  minWidth: 0,\n});\n\nexport const headerStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: rem(theme, SETTING_CARD.iconGap),\n  minWidth: 0,\n});\n\n/**\n * The title names its colour rather than inheriting it: a card rendered under\n * a theme other than the page's (a dark panel on a light page) would otherwise\n * take the page's text colour onto its own surface.\n */\nexport const titleStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.subtitle1,\n  fontWeight: theme.typography.fontWeightMedium,\n  color: theme.palette.text.primary,\n  margin: 0,\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\n/** The one line a closed card shows. Long values end in an ellipsis, not a second line. */\nexport const summaryStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.text.secondary,\n  margin: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\n/** A switch card's explanation, which may wrap: it is read, not scanned. */\nexport const descriptionStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.text.secondary,\n  margin: 0,\n});\n\n/** The inactive group's hint: a glyph and the sentence, so it does not read as a second summary. */\nexport const hintStyles = (theme: Theme): CSSObject => ({\n  ...descriptionStyles(theme),\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n  // Centre the 16px glyph on the first 20px line; later lines wrap under the text.\n  '& > svg': { flexShrink: 0, marginTop: rem(theme, 2) },\n});\n\nexport const errorStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.error.main,\n  margin: 0,\n});\n\nexport const actionsStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'flex-end',\n  gap: theme.spacing(1),\n  marginTop: 'auto',\n});\n\nexport const iconStyles = (theme: Theme): CSSObject => ({\n  display: 'inline-flex',\n  flexShrink: 0,\n  color: theme.palette.text.secondary,\n});\n\n/**\n * A group's dependent rows: indented under the main switch, with a rule down\n * their left edge so the \"belongs to\" reads without words. While the main\n * switch is off they fade — and `inert` (set by the component) is what makes\n * them unreachable; opacity alone would only make them look it.\n */\nexport const dependentsStyles = (theme: Theme, active: boolean): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginLeft: rem(theme, SETTING_CARD.groupIndent / 2),\n  paddingLeft: rem(theme, SETTING_CARD.groupIndent / 2),\n  borderLeft: `${rem(theme, SETTING_CARD.groupRuleWidth)} solid ${theme.palette.divider}`,\n  opacity: active ? 1 : SETTING_GROUP_INACTIVE_OPACITY,\n  transition: theme.transitions.create('opacity', { duration: theme.transitions.duration.short }),\n});\n"],"mappings":"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","names":[]}