@12-apps/ui 6.100.0 → 6.101.0

package/dist/_internal/components/navigation/SectionNav/SectionNav.rail.js

@@ -1,16 +1,16 @@
 import {
   SectionNavRail
-} from "../../../../chunk-SNWCT6JN.js";
-import "../../../../chunk-ILJ3FXIC.js";
-import "../../../../chunk-24HHUCWB.js";
+} from "../../../../chunk-AMIUZRDQ.js";
+import "../../../../chunk-MM3QESLI.js";
+import "../../../../chunk-LDCZPZPD.js";
 import "../../../../chunk-YCCWJ5XQ.js";
 import "../../../../chunk-PUFA7FQ7.js";
 import "../../../../chunk-5AK2EZG5.js";
-import "../../../../chunk-N5PVD4J5.js";
-import "../../../../chunk-6C5D6O3D.js";
+import "../../../../chunk-6DO672AG.js";
 import "../../../../chunk-ZNCYCE7L.js";
 import "../../../../chunk-2L3VRVRE.js";
 import "../../../../chunk-BJE3XHD4.js";
+import "../../../../chunk-6C5D6O3D.js";
 import "../../../../chunk-3UIDKLML.js";
 import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.railCreate.js

@@ -1,15 +1,15 @@
 import {
   RailCreateMenu
-} from "../../../../chunk-ILJ3FXIC.js";
-import "../../../../chunk-24HHUCWB.js";
+} from "../../../../chunk-MM3QESLI.js";
+import "../../../../chunk-LDCZPZPD.js";
 import "../../../../chunk-YCCWJ5XQ.js";
 import "../../../../chunk-PUFA7FQ7.js";
 import "../../../../chunk-5AK2EZG5.js";
-import "../../../../chunk-N5PVD4J5.js";
-import "../../../../chunk-6C5D6O3D.js";
+import "../../../../chunk-6DO672AG.js";
 import "../../../../chunk-ZNCYCE7L.js";
 import "../../../../chunk-2L3VRVRE.js";
 import "../../../../chunk-BJE3XHD4.js";
+import "../../../../chunk-6C5D6O3D.js";
 import "../../../../chunk-3UIDKLML.js";
 import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.sheet.js

@@ -1,17 +1,17 @@
 import {
   SectionNavSheet
-} from "../../../../chunk-7MLT66DE.js";
-import "../../../../chunk-24HHUCWB.js";
+} from "../../../../chunk-K33X3PDT.js";
+import "../../../../chunk-LDCZPZPD.js";
 import "../../../../chunk-YCCWJ5XQ.js";
 import "../../../../chunk-TMSWLFL4.js";
 import "../../../../chunk-JJTJ7DCV.js";
 import "../../../../chunk-PUFA7FQ7.js";
 import "../../../../chunk-5AK2EZG5.js";
-import "../../../../chunk-N5PVD4J5.js";
-import "../../../../chunk-6C5D6O3D.js";
+import "../../../../chunk-6DO672AG.js";
 import "../../../../chunk-ZNCYCE7L.js";
 import "../../../../chunk-2L3VRVRE.js";
 import "../../../../chunk-BJE3XHD4.js";
+import "../../../../chunk-6C5D6O3D.js";
 import "../../../../chunk-3UIDKLML.js";
 import "../../../../chunk-PYC4CWCQ.js";
 import "../../../../chunk-VWKMN3ZZ.js";

package/dist/_internal/components/navigation/index.js

@@ -16,17 +16,17 @@ import "../../../chunk-3AIRFAI3.js";
 import "../../../chunk-R26KYJHK.js";
 import {
   SectionNav
-} from "../../../chunk-IJVBLU25.js";
+} from "../../../chunk-KJZ4PINO.js";
 import {
   sectionNavBarInset
-} from "../../../chunk-ULC4SCFC.js";
-import "../../../chunk-7MLT66DE.js";
-import "../../../chunk-SNWCT6JN.js";
-import "../../../chunk-ILJ3FXIC.js";
+} from "../../../chunk-NLJ7LL6H.js";
+import "../../../chunk-K33X3PDT.js";
+import "../../../chunk-AMIUZRDQ.js";
+import "../../../chunk-MM3QESLI.js";
 import {
   RaisedActionButton
-} from "../../../chunk-UKUGSU3Y.js";
-import "../../../chunk-24HHUCWB.js";
+} from "../../../chunk-L4V7FZJI.js";
+import "../../../chunk-LDCZPZPD.js";
 import "../../../chunk-YCCWJ5XQ.js";
 import "../../../chunk-R445KMGG.js";
 import {
@@ -37,7 +37,7 @@ import "../../../chunk-QMHS6ZDI.js";
 import "../../../chunk-5CUKSNWG.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-VMACQT3T.js";
+} from "../../../chunk-XH7UDC5Y.js";
 import {
   AppHeader
 } from "../../../chunk-43H66TVT.js";
@@ -69,11 +69,11 @@ import "../../../chunk-GMIMHQ6H.js";
 import "../../../chunk-656DBMWT.js";
 import "../../../chunk-TMSWLFL4.js";
 import "../../../chunk-JJTJ7DCV.js";
-import "../../../chunk-7TENMQNQ.js";
+import "../../../chunk-XZMSRHFD.js";
+import "../../../chunk-3ROCD7XF.js";
 import "../../../chunk-LYVTJLCF.js";
 import "../../../chunk-CRN4KKNI.js";
 import "../../../chunk-OHA2PAAA.js";
-import "../../../chunk-3ROCD7XF.js";
 import "../../../chunk-ABZJNKR6.js";
 import "../../../chunk-IM4DMKH4.js";
 import "../../../chunk-PUFA7FQ7.js";
@@ -89,19 +89,19 @@ import "../../../chunk-LYB6YYTG.js";
 import "../../../chunk-BWMHGENX.js";
 import "../../../chunk-Z6TIAVEG.js";
 import "../../../chunk-MDU5Q2HW.js";
-import "../../../chunk-KWBMM6MJ.js";
+import "../../../chunk-RZKKWIGQ.js";
+import "../../../chunk-GYXUCS37.js";
 import "../../../chunk-5UX5QAFJ.js";
-import "../../../chunk-Z2JH5KW5.js";
 import "../../../chunk-AL5E624U.js";
-import "../../../chunk-GYXUCS37.js";
+import "../../../chunk-Z2JH5KW5.js";
 import "../../../chunk-LV7LSPBF.js";
 import "../../../chunk-LL2BWQPM.js";
 import "../../../chunk-5AK2EZG5.js";
-import "../../../chunk-N5PVD4J5.js";
-import "../../../chunk-6C5D6O3D.js";
+import "../../../chunk-6DO672AG.js";
 import "../../../chunk-ZNCYCE7L.js";
 import "../../../chunk-2L3VRVRE.js";
 import "../../../chunk-BJE3XHD4.js";
+import "../../../chunk-6C5D6O3D.js";
 import "../../../chunk-3UIDKLML.js";
 import "../../../chunk-PYC4CWCQ.js";
 import "../../../chunk-YOXYSAUI.js";

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

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-LFECE4R7.js";
+} from "../../chunk-4EDCF7TC.js";
 import "../../chunk-DQ22UKMZ.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-W56KN53D.js";
-import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-L6IDPTNX.js";
 import "../../chunk-EOQ6EKTS.js";
 import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-3ZVUNSFF.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";

package/dist/charts.js

@@ -1,10 +1,10 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-TIM4PXWN.js";
+} from "./chunk-VWRXSBT2.js";
 import {
   Chart
-} from "./chunk-HI7JPDD6.js";
+} from "./chunk-5357QUVE.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,7 +16,9 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-QADTI63U.js";
+import "./chunk-CZVAVX5L.js";
+import "./chunk-JG733RMP.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -24,13 +26,11 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import "./chunk-TCWISGSS.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-6GPNZSAE.js";
-import "./chunk-TZC6KIK2.js";
-import "./chunk-TCWISGSS.js";
-import "./chunk-SOHQPPYJ.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-37MJZLQU.js → chunk-24OFA44S.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-RVBLOR32.js";
+} from "./chunk-S7CXVIEF.js";
 import {
   ManageViewsDialog
-} from "./chunk-OFRQMFWD.js";
+} from "./chunk-T5D3DYVN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-Q5SCBQLY.js";
+} from "./chunk-BXLC3TBQ.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-37MJZLQU.js.map
+//# sourceMappingURL=chunk-24OFA44S.js.map

package/dist/{chunk-R775ISK6.js → chunk-2L6TANRY.js}

@@ -1,12 +1,12 @@
+import {
+  useAddressAutocomplete
+} from "./chunk-FKUVFPQZ.js";
 import {
   AddressFallbackField
 } from "./chunk-IU2WSJ4F.js";
 import {
   AddressAutocompleteField
-} from "./chunk-4RSFYS2V.js";
-import {
-  useAddressAutocomplete
-} from "./chunk-4X2TOMK6.js";
+} from "./chunk-X6D5JEUV.js";
 import {
   resolveAddressProps
 } from "./chunk-NNKIM73H.js";
@@ -36,4 +36,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-R775ISK6.js.map
+//# sourceMappingURL=chunk-2L6TANRY.js.map

package/dist/{chunk-B4OZU7J4.js → chunk-423A7NUP.js}

@@ -1,9 +1,3 @@
-import {
-  useCarouselNavigation
-} from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-KEPLO2AB.js";
 import {
   containerStyles,
   frameBox
@@ -11,6 +5,12 @@ import {
 import {
   CarouselTrack
 } from "./chunk-6FDLBWTE.js";
+import {
+  useCarouselNavigation
+} from "./chunk-RUIV5TVA.js";
+import {
+  CarouselChrome
+} from "./chunk-KEPLO2AB.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-B4OZU7J4.js.map
+//# sourceMappingURL=chunk-423A7NUP.js.map

package/dist/{chunk-LFECE4R7.js → chunk-4EDCF7TC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-W56KN53D.js";
+} from "./chunk-L6IDPTNX.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-LFECE4R7.js.map
+//# sourceMappingURL=chunk-4EDCF7TC.js.map

package/dist/{chunk-HI7JPDD6.js → chunk-5357QUVE.js}

@@ -1,6 +1,6 @@
 import {
   renderChartByType
-} from "./chunk-QADTI63U.js";
+} from "./chunk-CZVAVX5L.js";
 import {
   ChartContainer
 } from "./chunk-RIRTW5EU.js";
@@ -111,4 +111,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-HI7JPDD6.js.map
+//# sourceMappingURL=chunk-5357QUVE.js.map

package/dist/{chunk-F7JRQ2EI.js → chunk-5YX2VQFP.js}

@@ -1,9 +1,10 @@
-import {
-  CalendarSelectorsCaption
-} from "./chunk-J6LIZXSF.js";
 import {
   CalendarPickerGrid
 } from "./chunk-66TCKXOB.js";
+import {
+  MonthDays,
+  monthSx
+} from "./chunk-WN6LR4HX.js";
 import {
   MONTH_INDEXES,
   canShiftMonth,
@@ -12,9 +13,8 @@ import {
   yearOptions
 } from "./chunk-WQEGPSGD.js";
 import {
-  MonthDays,
-  monthSx
-} from "./chunk-WN6LR4HX.js";
+  CalendarSelectorsCaption
+} from "./chunk-J6LIZXSF.js";
 import {
   getMonthLabel
 } from "./chunk-QWOI5BZV.js";
@@ -115,4 +115,4 @@ var CalendarSelectorsMonth = ({
 export {
   CalendarSelectorsMonth
 };
-//# sourceMappingURL=chunk-F7JRQ2EI.js.map
+//# sourceMappingURL=chunk-5YX2VQFP.js.map

package/dist/{chunk-QZOQVJ5L.js → chunk-645GGNTW.js}

@@ -1,9 +1,9 @@
 import {
   otpSlotSx
-} from "./chunk-NQYC7V5N.js";
+} from "./chunk-BAYCMSMI.js";
 import {
   useOtpDigits
-} from "./chunk-R6L376KR.js";
+} from "./chunk-M6R32IBO.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -104,4 +104,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-QZOQVJ5L.js.map
+//# sourceMappingURL=chunk-645GGNTW.js.map

package/dist/{chunk-N5PVD4J5.js → chunk-6DO672AG.js}

@@ -1,9 +1,3 @@
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
 } from "./chunk-ZNCYCE7L.js";
@@ -11,6 +5,12 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-2L3VRVRE.js";
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-N5PVD4J5.js.map
+//# sourceMappingURL=chunk-6DO672AG.js.map

package/dist/{chunk-PGJIWCQR.js → chunk-6EZQLNPK.js}

@@ -1,9 +1,9 @@
-import {
-  useTutorialOverlay
-} from "./chunk-34643ATX.js";
 import {
   TutorialStepBody
 } from "./chunk-DE7E2GBP.js";
+import {
+  useTutorialOverlay
+} from "./chunk-34643ATX.js";
 import {
   scrim,
   sheen
@@ -288,4 +288,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-PGJIWCQR.js.map
+//# sourceMappingURL=chunk-6EZQLNPK.js.map

package/dist/{chunk-YQMJJ7AL.js → chunk-6G2RAZTS.js}

@@ -1,6 +1,3 @@
-import {
-  resolveCalendarProps
-} from "./chunk-ZDLC4BN4.js";
 import {
   useCalendarPicker
 } from "./chunk-ZZGG6AUD.js";
@@ -10,9 +7,12 @@ import {
 import {
   navigateFocus
 } from "./chunk-LZOCNAUA.js";
+import {
+  resolveCalendarProps
+} from "./chunk-ZDLC4BN4.js";
 import {
   CalendarSelectorsMonth
-} from "./chunk-F7JRQ2EI.js";
+} from "./chunk-5YX2VQFP.js";
 import {
   CalendarMonth
 } from "./chunk-WN6LR4HX.js";
@@ -179,4 +179,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-YQMJJ7AL.js.map
+//# sourceMappingURL=chunk-6G2RAZTS.js.map

package/dist/{chunk-KNW63H63.js → chunk-6PQZIZMN.js}

@@ -1,3 +1,6 @@
+import {
+  DateRangeFields
+} from "./chunk-EASEJDBQ.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-R26WP22N.js";
@@ -17,15 +20,12 @@ import {
 import {
   DateRangeQuickList
 } from "./chunk-6KKQHJE7.js";
-import {
-  DateRangeFields
-} from "./chunk-EASEJDBQ.js";
 import {
   toLocalDay
 } from "./chunk-SUTOAW7I.js";
 import {
   Calendar
-} from "./chunk-YQMJJ7AL.js";
+} from "./chunk-6G2RAZTS.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -260,4 +260,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-KNW63H63.js.map
+//# sourceMappingURL=chunk-6PQZIZMN.js.map

package/dist/{chunk-FZZMNKVF.js → chunk-6TAPAIRR.js}

@@ -1,10 +1,3 @@
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-WDSJ6SVY.js";
-import {
-  CategoryQuickActions
-} from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
 } from "./chunk-5F7HYYGM.js";
@@ -12,6 +5,13 @@ import {
   CategoryPanelHead,
   CategoryPinnedTray
 } from "./chunk-Y46R26TE.js";
+import {
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-WDSJ6SVY.js";
+import {
+  CategoryQuickActions
+} from "./chunk-PGGYZU7Q.js";
 import {
   panelSx,
   sheetSx
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-FZZMNKVF.js.map
+//# sourceMappingURL=chunk-6TAPAIRR.js.map

package/dist/{chunk-ERAMSYPR.js → chunk-7N4O632I.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-MKHNLRVX.js";
+} from "./chunk-VPPD2AJN.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-ERAMSYPR.js.map
+//# sourceMappingURL=chunk-7N4O632I.js.map

package/dist/{chunk-XFOKLWJZ.js → chunk-7S5PXEO7.js}

@@ -1,6 +1,6 @@
 import {
   useCardActions
-} from "./chunk-YQ5GQ32T.js";
+} from "./chunk-KZP5YTE7.js";
 import {
   ConfirmActionDialog
 } from "./chunk-4P63RSSY.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-XFOKLWJZ.js.map
+//# sourceMappingURL=chunk-7S5PXEO7.js.map

package/dist/{chunk-UIJLDAV7.js → chunk-AA6YMOEK.js}

@@ -3,7 +3,7 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-J2IQ6FJ5.js";
+} from "./chunk-UKLNLWTP.js";
 import {
   useStillAnchor
 } from "./chunk-7CUZTWKW.js";
@@ -223,4 +223,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-UIJLDAV7.js.map
+//# sourceMappingURL=chunk-AA6YMOEK.js.map

package/dist/{chunk-CRD2WCU7.js → chunk-AFWUQJ4P.js}

@@ -1,3 +1,10 @@
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
+import {
+  useTableSelection,
+  useVirtualScrolling
+} from "./chunk-RZSMRBOX.js";
 import {
   EmptyRow,
   NoDataPlaceholder
@@ -6,13 +13,6 @@ import {
   EnhancedTableBody,
   EnhancedTableHeader
 } from "./chunk-CXL3TT3K.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
-import {
-  useTableSelection,
-  useVirtualScrolling
-} from "./chunk-RZSMRBOX.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-CRD2WCU7.js.map
+//# sourceMappingURL=chunk-AFWUQJ4P.js.map

package/dist/{chunk-SNWCT6JN.js → chunk-AMIUZRDQ.js}

@@ -1,6 +1,6 @@
 import {
   RailCreateMenu
-} from "./chunk-ILJ3FXIC.js";
+} from "./chunk-MM3QESLI.js";
 import {
   Box,
   CONTROL_RESET,
@@ -11,7 +11,7 @@ import {
   controlProps,
   destinationControl,
   focusRing
-} from "./chunk-24HHUCWB.js";
+} from "./chunk-LDCZPZPD.js";
 import {
   destinationState,
   isMenu
@@ -295,4 +295,4 @@ function SectionNavRail({
 export {
   SectionNavRail
 };
-//# sourceMappingURL=chunk-SNWCT6JN.js.map
+//# sourceMappingURL=chunk-AMIUZRDQ.js.map

package/dist/{chunk-NQYC7V5N.js → chunk-BAYCMSMI.js}

@@ -1,3 +1,6 @@
+import {
+  OTP_FONT_PX
+} from "./chunk-VAHJCRNW.js";
 import {
   asFieldSize,
   fieldHeight
@@ -43,17 +46,10 @@ var getColorFromTheme = (theme, color) => {
     contrastText: palette.contrastText || absoluteInk(theme).white
   };
 };
-var SIZES = {
-  xs: { fontPx: 12 },
-  sm: { fontPx: 14 },
-  md: { fontPx: 16 },
-  lg: { fontPx: 18 },
-  xl: { fontPx: 20 }
-};
 var otpSlotSx = (theme, flags) => {
   const { customColor = "primary", customSize = "md", glass, gradient } = flags;
   const palette = getColorFromTheme(theme, customColor);
-  const { fontPx } = SIZES[customSize] ?? SIZES.md;
+  const fontPx = OTP_FONT_PX[customSize] ?? OTP_FONT_PX.md;
   const side = fieldHeight(theme, asFieldSize(customSize));
   return {
     width: side,
@@ -87,4 +83,4 @@ var otpSlotSx = (theme, flags) => {
 export {
   otpSlotSx
 };
-//# sourceMappingURL=chunk-NQYC7V5N.js.map
+//# sourceMappingURL=chunk-BAYCMSMI.js.map

package/dist/chunk-BAYCMSMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nimport { OTP_FONT_PX } from './InputOTP.metrics';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || absoluteInk(theme).white,\n  };\n};\n\ntype SizeKey = keyof typeof OTP_FONT_PX;\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const fontPx = OTP_FONT_PX[customSize as SizeKey] ?? OTP_FONT_PX.md;\n  // A slot is a field: a square of the theme's field height for its size.\n  const side = fieldHeight(theme, asFieldSize(customSize));\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize: rem(theme, fontPx),\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: fieldRadius(theme),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        '& fieldset': { border: `1px solid ${fieldEdge(theme)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: rem(theme, 2),\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      ...(!glass && { '& fieldset': { borderColor: fieldEdge(theme) } }),\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: rem(theme, 2) },\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AAmBtB,IAAM,iBAAiB,CAAC,UAA+B,eAAe,KAAK;AAG3E,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB,YAAY,KAAK,EAAE;AAAA,EAC3D;AACF;AAWO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,SAAS,YAAY,UAAqB,KAAK,YAAY;AAEjE,QAAM,OAAO,YAAY,OAAO,YAAY,UAAU,CAAC;AAEvD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,IAAI,OAAO,MAAM;AAAA,MAC3B,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,YAAY,KAAK;AAAA,MAC/B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,QACtC,cAAc,EAAE,QAAQ,aAAa,UAAU,KAAK,CAAC,GAAG;AAAA,MAC1D;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa,IAAI,OAAO,CAAC;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,GAAI,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,UAAU,KAAK,EAAE,EAAE;AAAA,MAChE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,IAAI,OAAO,CAAC,EAAE;AAAA,IACpF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-3I7KE2N6.js → chunk-BNV7P52K.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-Q5SCBQLY.js";
+} from "./chunk-BXLC3TBQ.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -160,4 +160,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-3I7KE2N6.js.map
+//# sourceMappingURL=chunk-BNV7P52K.js.map