@kenpan/zds-r8f3v1 0.1.0 → 0.3.0

package/dist/_virtual/index.js

@@ -1,6 +1,8 @@
-import { __require as requireReactIs } from "../packages/zenith-ui/node_modules/react-is/index.js";
-var reactIsExports = /* @__PURE__ */ requireReactIs();
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requirePropTypes } from "../packages/zenith-ui/node_modules/prop-types/index.js";
+var propTypesExports = /* @__PURE__ */ requirePropTypes();
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 export {
-  reactIsExports as r
+  PropTypes as default
 };
 //# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index2.js

@@ -1,5 +1,6 @@
-var propTypes = { exports: {} };
+import { __require as requireReactIs } from "../packages/zenith-ui/node_modules/react-is/index.js";
+var reactIsExports = /* @__PURE__ */ requireReactIs();
 export {
-  propTypes as __module
+  reactIsExports as r
 };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-var reactIs = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  reactIs as __module
+  propTypes as __module
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index5.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requirePropTypes } from "../packages/zenith-ui/node_modules/prop-types/index.js";
-var propTypesExports = /* @__PURE__ */ requirePropTypes();
-const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
+var reactIs = { exports: {} };
 export {
-  PropTypes as default
+  reactIs as __module
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/BasePaginationNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasePaginationNumber.d.ts","sourceRoot":"","sources":["../../src/components/BasePaginationNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,CAAA;AAEZ,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,kCAAkC;IAClC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,qGAkH/B,CAAA;AAEF,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"BasePaginationNumber.d.ts","sourceRoot":"","sources":["../../src/components/BasePaginationNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG1D,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,CAAA;AAEZ,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,kCAAkC;IAClC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,qGA2G/B,CAAA;AAEF,eAAe,oBAAoB,CAAA"}

package/dist/components/BasePaginationNumber.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { getDesignTokens } from "../utils/themeUtils.js";
 import ButtonBase from "../packages/zenith-ui/node_modules/@mui/material/esm/ButtonBase/ButtonBase.js";
 import Box from "../packages/zenith-ui/node_modules/@mui/material/esm/Box/Box.js";
 const BasePaginationNumber = React.forwardRef(function BasePaginationNumber2(props, ref) {
@@ -25,57 +26,60 @@ const BasePaginationNumber = React.forwardRef(function BasePaginationNumber2(pro
       "aria-current": isActive ? "page" : void 0,
       disableRipple: true,
       sx: [
-        (theme) => ({
-          // Base layout - 40x40 circle with 20px radius
-          width: 40,
-          height: 40,
-          minWidth: 40,
-          minHeight: 40,
-          borderRadius: "20px",
-          // Fully circular
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          padding: "12px",
-          boxSizing: "border-box",
-          // Typography - text-sm-medium (Inter 500, 14px/20px)
-          fontFamily: theme.typography.fontFamily,
-          fontSize: 14,
-          fontWeight: 500,
-          lineHeight: "20px",
-          letterSpacing: 0,
-          // Transitions
-          transition: theme.transitions.create(
-            ["background-color", "color", "box-shadow"],
-            { duration: theme.transitions.duration.shorter }
-          ),
-          // Default state - color/onSurface (#364152)
-          color: theme.palette.ds.onsurface,
-          backgroundColor: "transparent",
-          // Hover state - state layers/onSurface/opacity-8 (#36415214)
-          "&:hover:not(:disabled)": {
-            backgroundColor: theme.palette.buttonTokens.stateLayers.onSurfaceOpacity8
-          },
-          // Active/selected state - state layers/onSurface/opacity-10 (#3641521A)
-          ...isActive && {
-            backgroundColor: theme.palette.dsTokens.stateLayers["state-layers-onsurface-opacity-10"],
+        (theme) => {
+          const tokens = getDesignTokens(theme);
+          return {
+            // Base layout - 40x40 circle with 20px radius
+            width: 40,
+            height: 40,
+            minWidth: 40,
+            minHeight: 40,
+            borderRadius: "20px",
+            // Fully circular
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            padding: "12px",
+            boxSizing: "border-box",
+            // Typography - text-sm-medium (Inter 500, 14px/20px)
+            fontFamily: theme.typography.fontFamily,
+            fontSize: 14,
+            fontWeight: 500,
+            lineHeight: "20px",
+            letterSpacing: 0,
+            // Transitions
+            transition: theme.transitions.create(
+              ["background-color", "color", "box-shadow"],
+              { duration: theme.transitions.duration.shorter }
+            ),
+            // Default state - color/onSurface (#364152)
+            color: tokens.onSurface,
+            backgroundColor: "transparent",
+            // Hover state - state layers/onSurface/opacity-8 (#36415214)
             "&:hover:not(:disabled)": {
-              backgroundColor: theme.palette.dsTokens.stateLayers["state-layers-onsurface-opacity-10"]
+              backgroundColor: tokens.stateLayerOnSurfaceOpacity8
+            },
+            // Active/selected state - state layers/onSurface/opacity-10 (#3641521A)
+            ...isActive && {
+              backgroundColor: tokens.stateLayerOnSurfaceOpacity10,
+              "&:hover:not(:disabled)": {
+                backgroundColor: tokens.stateLayerOnSurfaceOpacity10
+              }
+            },
+            // Focus visible state
+            "&:focus-visible": {
+              outline: "none",
+              boxShadow: tokens.focusRingGray,
+              backgroundColor: tokens.stateLayerOnSurfaceOpacity4
+            },
+            // Disabled state - state layers/onSurface/opacity-38 (#36415261)
+            "&.Mui-disabled": {
+              color: tokens.stateLayerOnSurfaceOpacity38,
+              backgroundColor: "transparent",
+              cursor: "not-allowed"
             }
-          },
-          // Focus visible state
-          "&:focus-visible": {
-            outline: "none",
-            boxShadow: theme.focusRings.gray[100],
-            backgroundColor: theme.palette.dsTokens.stateLayers["state-layers-onsurface-opacity-4"] ?? "rgba(54, 65, 82, 0.04)"
-          },
-          // Disabled state - state layers/onSurface/opacity-38 (#36415261)
-          "&.Mui-disabled": {
-            color: theme.palette.buttonTokens.stateLayers.onSurfaceOpacity38,
-            backgroundColor: "transparent",
-            cursor: "not-allowed"
-          }
-        }),
+          };
+        },
         // Merge additional sx prop
         ...Array.isArray(sx) ? sx : sx ? [sx] : []
       ],

package/dist/components/BasePaginationNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasePaginationNumber.js","sources":["../../src/components/BasePaginationNumber.tsx"],"sourcesContent":["// src/components/zenith/BasePaginationNumber.tsx\nimport * as React from 'react'\nimport Box from '@mui/material/Box'\nimport ButtonBase from '@mui/material/ButtonBase'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nexport type BasePaginationNumberState =\n  | 'default'\n  | 'disabled'\n  | 'focused'\n  | 'hover'\n  | 'active'\n\nexport interface BasePaginationNumberProps {\n  /** The page number to display */\n  children: React.ReactNode\n  /** Current state of the pagination number */\n  state?: BasePaginationNumberState\n  /** Whether the pagination number is disabled */\n  disabled?: boolean\n  /** Whether the pagination number is currently active/selected */\n  active?: boolean\n  /** Click handler */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /** Custom sx for the component */\n  sx?: SxProps<Theme>\n  /** Aria label for accessibility */\n  ariaLabel?: string\n}\n\n/**\n * BasePaginationNumber component\n * A circular pagination number button with multiple states\n *\n * States:\n * - Default: Normal state\n * - Hover: Mouse hover state\n * - Active: Currently selected page\n * - Focused: Keyboard focus state\n * - Disabled: Cannot be interacted with\n */\nexport const BasePaginationNumber = React.forwardRef<\n  HTMLButtonElement,\n  BasePaginationNumberProps\n>(function BasePaginationNumber(props, ref) {\n  const {\n    children,\n    state: stateProp,\n    disabled = false,\n    active = false,\n    onClick,\n    sx,\n    ariaLabel,\n  } = props\n\n  // Determine final state from props\n  const state: BasePaginationNumberState = disabled\n    ? 'disabled'\n    : stateProp ?? (active ? 'active' : 'default')\n\n  const isDisabled = state === 'disabled' || disabled\n  const isActive = state === 'active' || active\n\n  return (\n    <ButtonBase\n      ref={ref}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-label={ariaLabel ?? `Page ${children}`}\n      aria-current={isActive ? 'page' : undefined}\n      disableRipple\n      sx={[\n        (theme) => ({\n          // Base layout - 40x40 circle with 20px radius\n          width: 40,\n          height: 40,\n          minWidth: 40,\n          minHeight: 40,\n          borderRadius: '20px', // Fully circular\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          padding: '12px',\n          boxSizing: 'border-box',\n\n          // Typography - text-sm-medium (Inter 500, 14px/20px)\n          fontFamily: theme.typography.fontFamily,\n          fontSize: 14,\n          fontWeight: 500,\n          lineHeight: '20px',\n          letterSpacing: 0,\n\n          // Transitions\n          transition: theme.transitions.create(\n            ['background-color', 'color', 'box-shadow'],\n            { duration: theme.transitions.duration.shorter }\n          ),\n\n          // Default state - color/onSurface (#364152)\n          color: theme.palette.ds.onsurface,\n          backgroundColor: 'transparent',\n\n          // Hover state - state layers/onSurface/opacity-8 (#36415214)\n          '&:hover:not(:disabled)': {\n            backgroundColor:\n              theme.palette.buttonTokens.stateLayers.onSurfaceOpacity8,\n          },\n\n          // Active/selected state - state layers/onSurface/opacity-10 (#3641521A)\n          ...(isActive && {\n            backgroundColor:\n              theme.palette.dsTokens.stateLayers[\n                'state-layers-onsurface-opacity-10'\n              ],\n            '&:hover:not(:disabled)': {\n              backgroundColor:\n                theme.palette.dsTokens.stateLayers[\n                  'state-layers-onsurface-opacity-10'\n                ],\n            },\n          }),\n\n          // Focus visible state\n          '&:focus-visible': {\n            outline: 'none',\n            boxShadow: theme.focusRings.gray[100],\n            backgroundColor:\n              theme.palette.dsTokens.stateLayers[\n                'state-layers-onsurface-opacity-4'\n              ] ?? 'rgba(54, 65, 82, 0.04)',\n          },\n\n          // Disabled state - state layers/onSurface/opacity-38 (#36415261)\n          '&.Mui-disabled': {\n            color: theme.palette.buttonTokens.stateLayers.onSurfaceOpacity38,\n            backgroundColor: 'transparent',\n            cursor: 'not-allowed',\n          },\n        }),\n        // Merge additional sx prop\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n    </ButtonBase>\n  )\n})\n\nexport default BasePaginationNumber\n\n"],"names":["BasePaginationNumber"],"mappings":";;;;AAyCO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,OAAO,KAAK;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,QAAmC,WACrC,aACA,cAAc,SAAS,WAAW;AAEtC,QAAM,aAAa,UAAU,cAAc;AAC3C,QAAM,WAAW,UAAU,YAAY;AAEvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,cAAY,aAAa,QAAQ,QAAQ;AAAA,MACzC,gBAAc,WAAW,SAAS;AAAA,MAClC,eAAa;AAAA,MACb,IAAI;AAAA,QACF,CAAC,WAAW;AAAA;AAAA,UAEV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAW;AAAA,UACX,cAAc;AAAA;AAAA,UACd,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA;AAAA,UAGX,YAAY,MAAM,WAAW;AAAA,UAC7B,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,eAAe;AAAA;AAAA,UAGf,YAAY,MAAM,YAAY;AAAA,YAC5B,CAAC,oBAAoB,SAAS,YAAY;AAAA,YAC1C,EAAE,UAAU,MAAM,YAAY,SAAS,QAAA;AAAA,UAAQ;AAAA;AAAA,UAIjD,OAAO,MAAM,QAAQ,GAAG;AAAA,UACxB,iBAAiB;AAAA;AAAA,UAGjB,0BAA0B;AAAA,YACxB,iBACE,MAAM,QAAQ,aAAa,YAAY;AAAA,UAAA;AAAA;AAAA,UAI3C,GAAI,YAAY;AAAA,YACd,iBACE,MAAM,QAAQ,SAAS,YACrB,mCACF;AAAA,YACF,0BAA0B;AAAA,cACxB,iBACE,MAAM,QAAQ,SAAS,YACrB,mCACF;AAAA,YAAA;AAAA,UACJ;AAAA;AAAA,UAIF,mBAAmB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW,MAAM,WAAW,KAAK,GAAG;AAAA,YACpC,iBACE,MAAM,QAAQ,SAAS,YACrB,kCACF,KAAK;AAAA,UAAA;AAAA;AAAA,UAIT,kBAAkB;AAAA,YAChB,OAAO,MAAM,QAAQ,aAAa,YAAY;AAAA,YAC9C,iBAAiB;AAAA,YACjB,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA;AAAA,QAGF,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,MAAC;AAAA,MAG5C,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGjB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"BasePaginationNumber.js","sources":["../../src/components/BasePaginationNumber.tsx"],"sourcesContent":["// src/components/zenith/BasePaginationNumber.tsx\nimport * as React from 'react'\nimport Box from '@mui/material/Box'\nimport ButtonBase from '@mui/material/ButtonBase'\nimport type { SxProps, Theme } from '@mui/material/styles'\nimport { getDesignTokens } from '../utils/themeUtils'\n\nexport type BasePaginationNumberState =\n  | 'default'\n  | 'disabled'\n  | 'focused'\n  | 'hover'\n  | 'active'\n\nexport interface BasePaginationNumberProps {\n  /** The page number to display */\n  children: React.ReactNode\n  /** Current state of the pagination number */\n  state?: BasePaginationNumberState\n  /** Whether the pagination number is disabled */\n  disabled?: boolean\n  /** Whether the pagination number is currently active/selected */\n  active?: boolean\n  /** Click handler */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /** Custom sx for the component */\n  sx?: SxProps<Theme>\n  /** Aria label for accessibility */\n  ariaLabel?: string\n}\n\n/**\n * BasePaginationNumber component\n * A circular pagination number button with multiple states\n *\n * States:\n * - Default: Normal state\n * - Hover: Mouse hover state\n * - Active: Currently selected page\n * - Focused: Keyboard focus state\n * - Disabled: Cannot be interacted with\n */\nexport const BasePaginationNumber = React.forwardRef<\n  HTMLButtonElement,\n  BasePaginationNumberProps\n>(function BasePaginationNumber(props, ref) {\n  const {\n    children,\n    state: stateProp,\n    disabled = false,\n    active = false,\n    onClick,\n    sx,\n    ariaLabel,\n  } = props\n\n  // Determine final state from props\n  const state: BasePaginationNumberState = disabled\n    ? 'disabled'\n    : stateProp ?? (active ? 'active' : 'default')\n\n  const isDisabled = state === 'disabled' || disabled\n  const isActive = state === 'active' || active\n\n  return (\n    <ButtonBase\n      ref={ref}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-label={ariaLabel ?? `Page ${children}`}\n      aria-current={isActive ? 'page' : undefined}\n      disableRipple\n      sx={[\n        (theme) => {\n          const tokens = getDesignTokens(theme)\n          return {\n            // Base layout - 40x40 circle with 20px radius\n            width: 40,\n            height: 40,\n            minWidth: 40,\n            minHeight: 40,\n            borderRadius: '20px', // Fully circular\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: '12px',\n            boxSizing: 'border-box',\n\n            // Typography - text-sm-medium (Inter 500, 14px/20px)\n            fontFamily: theme.typography.fontFamily,\n            fontSize: 14,\n            fontWeight: 500,\n            lineHeight: '20px',\n            letterSpacing: 0,\n\n            // Transitions\n            transition: theme.transitions.create(\n              ['background-color', 'color', 'box-shadow'],\n              { duration: theme.transitions.duration.shorter }\n            ),\n\n            // Default state - color/onSurface (#364152)\n            color: tokens.onSurface,\n            backgroundColor: 'transparent',\n\n            // Hover state - state layers/onSurface/opacity-8 (#36415214)\n            '&:hover:not(:disabled)': {\n              backgroundColor: tokens.stateLayerOnSurfaceOpacity8,\n            },\n\n            // Active/selected state - state layers/onSurface/opacity-10 (#3641521A)\n            ...(isActive && {\n              backgroundColor: tokens.stateLayerOnSurfaceOpacity10,\n              '&:hover:not(:disabled)': {\n                backgroundColor: tokens.stateLayerOnSurfaceOpacity10,\n              },\n            }),\n\n            // Focus visible state\n            '&:focus-visible': {\n              outline: 'none',\n              boxShadow: tokens.focusRingGray,\n              backgroundColor: tokens.stateLayerOnSurfaceOpacity4,\n            },\n\n            // Disabled state - state layers/onSurface/opacity-38 (#36415261)\n            '&.Mui-disabled': {\n              color: tokens.stateLayerOnSurfaceOpacity38,\n              backgroundColor: 'transparent',\n              cursor: 'not-allowed',\n            },\n          }\n        },\n        // Merge additional sx prop\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n    </ButtonBase>\n  )\n})\n\nexport default BasePaginationNumber\n"],"names":["BasePaginationNumber"],"mappings":";;;;;AA0CO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,OAAO,KAAK;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,QAAmC,WACrC,aACA,cAAc,SAAS,WAAW;AAEtC,QAAM,aAAa,UAAU,cAAc;AAC3C,QAAM,WAAW,UAAU,YAAY;AAEvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,cAAY,aAAa,QAAQ,QAAQ;AAAA,MACzC,gBAAc,WAAW,SAAS;AAAA,MAClC,eAAa;AAAA,MACb,IAAI;AAAA,QACF,CAAC,UAAU;AACT,gBAAM,SAAS,gBAAgB,KAAK;AACpC,iBAAO;AAAA;AAAA,YAEL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,YACX,cAAc;AAAA;AAAA,YACd,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,WAAW;AAAA;AAAA,YAGX,YAAY,MAAM,WAAW;AAAA,YAC7B,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,eAAe;AAAA;AAAA,YAGf,YAAY,MAAM,YAAY;AAAA,cAC5B,CAAC,oBAAoB,SAAS,YAAY;AAAA,cAC1C,EAAE,UAAU,MAAM,YAAY,SAAS,QAAA;AAAA,YAAQ;AAAA;AAAA,YAIjD,OAAO,OAAO;AAAA,YACd,iBAAiB;AAAA;AAAA,YAGjB,0BAA0B;AAAA,cACxB,iBAAiB,OAAO;AAAA,YAAA;AAAA;AAAA,YAI1B,GAAI,YAAY;AAAA,cACd,iBAAiB,OAAO;AAAA,cACxB,0BAA0B;AAAA,gBACxB,iBAAiB,OAAO;AAAA,cAAA;AAAA,YAC1B;AAAA;AAAA,YAIF,mBAAmB;AAAA,cACjB,SAAS;AAAA,cACT,WAAW,OAAO;AAAA,cAClB,iBAAiB,OAAO;AAAA,YAAA;AAAA;AAAA,YAI1B,kBAAkB;AAAA,cAChB,OAAO,OAAO;AAAA,cACd,iBAAiB;AAAA,cACjB,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,QAEJ;AAAA;AAAA,QAEA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,MAAC;AAAA,MAG5C,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGjB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/Button.js

@@ -239,21 +239,25 @@ const StatusBadge = ({ children }) => /* @__PURE__ */ jsx(
   Box,
   {
     component: "span",
-    sx: (theme) => ({
-      marginLeft: theme.spacing(2),
-      display: "inline-flex",
-      alignItems: "center",
-      borderRadius: 9999,
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: theme.palette.buttonTokens.outline,
-      backgroundColor: theme.palette.buttonTokens.surfaceContainerLowest,
-      paddingX: theme.spacing(2),
-      paddingY: theme.spacing(0.5),
-      fontSize: theme.typography["text-xs-medium"].fontSize,
-      fontWeight: theme.typography["text-xs-medium"].fontWeight,
-      color: theme.palette.buttonTokens.onSurfaceVariant
-    }),
+    sx: (theme) => {
+      const buttonTokens = theme.palette.buttonTokens ?? {};
+      const typography = theme.typography;
+      return {
+        marginLeft: theme.spacing(2),
+        display: "inline-flex",
+        alignItems: "center",
+        borderRadius: 9999,
+        borderWidth: 1,
+        borderStyle: "solid",
+        borderColor: buttonTokens.outline ?? "#AFBACA",
+        backgroundColor: buttonTokens.surfaceContainerLowest ?? "#FFFFFF",
+        paddingX: theme.spacing(2),
+        paddingY: theme.spacing(0.5),
+        fontSize: typography["text-xs-medium"]?.fontSize ?? 12,
+        fontWeight: typography["text-xs-medium"]?.fontWeight ?? 500,
+        color: buttonTokens.onSurfaceVariant ?? "#697586"
+      };
+    },
     children
   }
 );

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// src/components/zenith/Button.tsx - Button\nimport * as React from 'react'\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport MuiButton from '@mui/material/Button'\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button'\nimport type { SxProps, Theme } from '@mui/material/styles'\nimport { Dot as UniversalDot } from './Dot'\nimport { Badge, type BadgeProps } from './badge/Badge'\n\ntype ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'secondary-gray'\n  | 'primary-destructive'\n  | 'secondary-destructive'\n  | 'secondary-gray-destructive'\n  | 'success'\n  | 'tertiary'\n  | 'tertiary-gray'\n  | 'tertiary-gray-destructive'\n  | 'tertiary-destructive'\n  | 'link'\n  | 'link-gray'\n  | 'link-gray-destructive'\n  | 'link-destructive'\n\ntype ButtonSize =\n  | 'xxl'\n  | 'xl'\n  | 'large'\n  | 'medium'\n  | 'small'\n  | 'xs'\ntype ButtonIconMode = 'default' | 'only'\ntype ButtonTone = 'default' | 'destructive'\n\nexport interface ButtonProps\n  extends Omit<\n    MuiButtonProps,\n    'variant' | 'color' | 'size' | 'startIcon' | 'endIcon'\n  > {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  iconMode?: ButtonIconMode\n  tone?: ButtonTone\n\n  startIcon?: React.ReactNode\n  endIcon?: React.ReactNode\n\n  children?: React.ReactNode\n  showStatusDot?: boolean\n  pillBadgeText?: string\n  showStatusBadge?: boolean\n  ariaLabel?: string\n\n  // Loading state props\n  /** If true, puts the button into loading state. For icon only buttons, use loadingIconOnly prop instead. */\n  loading?: boolean\n  /** If true, puts the button into loading state. For buttons with labels, use loading prop instead. */\n  loadingIconOnly?: boolean\n  /** To provide label to the loading button. */\n  loadingLabel?: string\n\n  // Badge props\n  /** Displays a badge component to the right of the button text */\n  showBadge?: boolean\n  /** Props for the badge component if showBadge is true. */\n  badgeProps?: Partial<BadgeProps>\n  /** Displays a badge component to the top right corner of the Icon only button */\n  statusBadge?: boolean\n  /** Props for the badge component if statusBadge is true. */\n  statusBadgeProps?: Partial<BadgeProps>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const {\n      variant = 'primary',\n      size = 'small',\n      iconMode = 'default',\n      tone = 'default',\n      startIcon,\n      endIcon,\n      pillBadgeText,\n      showStatusDot,\n      showStatusBadge,\n      statusBadge,\n      ariaLabel,\n      children,\n      type,\n      disabled,\n      loading,\n      loadingIconOnly,\n      loadingLabel,\n      showBadge,\n      badgeProps,\n      statusBadgeProps,\n      sx,\n      ...muiProps\n    } = props\n\n    const finalStartIcon = startIcon\n    const finalEndIcon = endIcon\n\n    const isIconOnly = iconMode === 'only'\n    const isLoading = isIconOnly ? loadingIconOnly : loading\n    const isDisabled = disabled || isLoading\n\n    const finalAriaLabel =\n      ariaLabel ||\n      (isIconOnly && typeof children === 'string'\n        ? (children as string)\n        : undefined)\n\n    const isLinkVariant =\n      variant === 'link' ||\n      variant === 'link-gray' ||\n      variant === 'link-destructive' ||\n      variant === 'link-gray-destructive'\n\n    const linkHoverSx = isLinkVariant\n      ? {\n          '&:hover': {\n            backgroundColor: 'transparent',\n          },\n        }\n      : undefined\n\n    const combinedSx = linkHoverSx\n      ? Array.isArray(sx)\n        ? [linkHoverSx, ...sx]\n        : sx\n        ? [linkHoverSx, sx]\n        : linkHoverSx\n      : sx\n\n    const hasStatusBadge = isIconOnly && (showStatusBadge || statusBadge)\n\n    const normalizedSize = size as any\n\n    const finalSx = hasStatusBadge\n      ? [\n          mergeIconOnlySx(iconMode, normalizedSize, combinedSx),\n          { position: 'relative' as const },\n        ]\n      : mergeIconOnlySx(iconMode, normalizedSize, combinedSx)\n\n    return (\n      <MuiButton\n        ref={ref}\n        type={type ?? 'button'}\n        variant={variant as any}\n        color={tone === 'destructive' ? 'destructive' : 'default'}\n        size={normalizedSize}\n        disabled={isDisabled}\n        aria-label={finalAriaLabel}\n        disableElevation\n        disableRipple\n        sx={finalSx}\n        {...muiProps}\n      >\n        {isIconOnly ? (\n          <IconOnlyContent\n            icon={finalStartIcon ?? children}\n            loading={isLoading}\n            showStatusBadge={showStatusBadge || statusBadge}\n            pillBadgeText={pillBadgeText}\n            statusBadgeProps={statusBadgeProps}\n          />\n        ) : (\n          <DefaultContent\n            leadingIcon={finalStartIcon}\n            trailingIcon={finalEndIcon}\n            showStatusDot={showStatusDot}\n            pillBadgeText={pillBadgeText}\n            showBadge={showBadge}\n            badgeProps={badgeProps}\n            loading={isLoading}\n            loadingLabel={loadingLabel}\n          >\n            {children}\n          </DefaultContent>\n        )}\n      </MuiButton>\n    )\n  },\n)\n\ninterface DefaultContentProps {\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n  showStatusDot?: boolean\n  pillBadgeText?: string\n  showBadge?: boolean\n  badgeProps?: Partial<BadgeProps>\n  loading?: boolean\n  loadingLabel?: string\n  children?: React.ReactNode\n}\n\nconst DefaultContent: React.FC<DefaultContentProps> = ({\n  leadingIcon,\n  trailingIcon,\n  showStatusDot,\n  pillBadgeText,\n  showBadge,\n  badgeProps,\n  loading,\n  loadingLabel,\n  children,\n}) => {\n  const displayLabel = loading && loadingLabel ? loadingLabel : children\n\n  return (\n    <>\n      {loading ? (\n        <Box\n          component=\"span\"\n          sx={{ display: 'inline-flex', alignItems: 'center', marginRight: 1 }}\n        >\n          <CircularProgress\n            size={16}\n            thickness={4}\n            sx={{\n              color: 'inherit',\n            }}\n          />\n        </Box>\n      ) : (\n        leadingIcon && (\n          <Box\n            component=\"span\"\n            sx={{ display: 'inline-flex', alignItems: 'center' }}\n          >\n            {leadingIcon}\n          </Box>\n        )\n      )}\n\n      {displayLabel && (\n        <Box\n          component=\"span\"\n          sx={{\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {displayLabel}\n        </Box>\n      )}\n\n      {!loading && trailingIcon && (\n        <Box\n          component=\"span\"\n          sx={{ display: 'inline-flex', alignItems: 'center' }}\n        >\n          {trailingIcon}\n        </Box>\n      )}\n\n      {showStatusDot && <Dot />}\n\n      {showBadge && badgeProps && (\n        <Box\n          component=\"span\"\n          sx={{ marginLeft: (theme) => theme.spacing(1) }}\n        >\n          <Badge {...badgeProps} />\n        </Box>\n      )}\n\n      {pillBadgeText && !showBadge && <PillBadge>{pillBadgeText}</PillBadge>}\n    </>\n  )\n}\n\ninterface IconOnlyContentProps {\n  icon?: React.ReactNode\n  loading?: boolean\n  showStatusBadge?: boolean\n  pillBadgeText?: string\n  statusBadgeProps?: Partial<BadgeProps>\n}\n\nconst IconOnlyContent: React.FC<IconOnlyContentProps> = ({\n  icon,\n  loading,\n  showStatusBadge,\n  pillBadgeText,\n  statusBadgeProps,\n}) => (\n  <>\n    {loading ? (\n      <CircularProgress\n        size={20}\n        thickness={4}\n        sx={{\n          color: 'inherit',\n        }}\n      />\n    ) : (\n      icon && (\n        <Box\n          component=\"span\"\n          sx={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon}\n        </Box>\n      )\n    )}\n\n    {showStatusBadge && (\n      <Box\n        component=\"span\"\n        sx={{\n          position: 'absolute',\n          top: -4,\n          right: -4,\n          display: 'inline-flex',\n        }}\n      >\n        {statusBadgeProps ? (\n          <Badge {...statusBadgeProps} />\n        ) : (\n          pillBadgeText && <StatusBadge>{pillBadgeText}</StatusBadge>\n        )}\n      </Box>\n    )}\n  </>\n)\n\nconst Dot: React.FC = () => (\n  <Box\n    component=\"span\"\n    aria-hidden=\"true\"\n    sx={{\n      marginLeft: (theme) => theme.spacing(2),\n      display: 'inline-flex',\n    }}\n  >\n    <UniversalDot size=\"sm\" color=\"success\" />\n  </Box>\n)\n\nconst PillBadge: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Box\n    component=\"span\"\n    sx={(theme) => ({\n      marginLeft: theme.spacing(2),\n      display: 'inline-flex',\n      alignItems: 'center',\n      borderRadius: 9999,\n      backgroundColor: theme.palette.primaryScale[200],\n      color: theme.palette.primary.dark,\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      paddingTop: theme.spacing(0.5),\n      paddingBottom: theme.spacing(0.5),\n      fontSize: theme.typography['text-xs-semibold'].fontSize,\n      fontWeight: theme.typography['text-xs-semibold'].fontWeight,\n    })}\n  >\n    {children}\n  </Box>\n)\n\nconst StatusBadge: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Box\n    component=\"span\"\n    sx={(theme) => ({\n      marginLeft: theme.spacing(2),\n      display: 'inline-flex',\n      alignItems: 'center',\n      borderRadius: 9999,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: theme.palette.buttonTokens.outline,\n      backgroundColor: theme.palette.buttonTokens.surfaceContainerLowest,\n      paddingX: theme.spacing(2),\n      paddingY: theme.spacing(0.5),\n      fontSize: theme.typography['text-xs-medium'].fontSize,\n      fontWeight: theme.typography['text-xs-medium'].fontWeight,\n      color: theme.palette.buttonTokens.onSurfaceVariant,\n    })}\n  >\n    {children}\n  </Box>\n)\n\nconst iconOnlySizes: Record<string, number> = {\n  xs: 32,\n  small: 36,\n  medium: 40,\n  large: 44,\n  xl: 48,\n  xxl: 60,\n}\n\nconst iconOnlyPadding: Record<string, string> = {\n  xs: '8px',\n  small: '9px',\n  medium: '11px',\n  large: '12px',\n  xl: '14px',\n  xxl: '18px',\n}\n\nfunction mergeIconOnlySx(\n  iconMode: ButtonIconMode,\n  size: ButtonSize,\n  sx?: SxProps<Theme> | undefined,\n) {\n  if (iconMode !== 'only') {\n    return sx\n  }\n\n  const dimension = iconOnlySizes[size]\n  const padding = iconOnlyPadding[size]\n  const iconOnlySx = {\n    width: dimension,\n    height: dimension,\n    minWidth: dimension,\n    padding,\n    borderRadius: '32px', // 32px instead of 9999\n  }\n\n  if (!sx) return iconOnlySx\n  if (Array.isArray(sx)) {\n    return [iconOnlySx, ...sx]\n  }\n\n  return [iconOnlySx, sx]\n}\n"],"names":["Button","MuiButton","UniversalDot"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// src/components/zenith/Button.tsx - Button\nimport * as React from 'react'\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport MuiButton from '@mui/material/Button'\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button'\nimport type { SxProps, Theme } from '@mui/material/styles'\nimport { Dot as UniversalDot } from './Dot'\nimport { Badge, type BadgeProps } from './badge/Badge'\n\ntype ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'secondary-gray'\n  | 'primary-destructive'\n  | 'secondary-destructive'\n  | 'secondary-gray-destructive'\n  | 'success'\n  | 'tertiary'\n  | 'tertiary-gray'\n  | 'tertiary-gray-destructive'\n  | 'tertiary-destructive'\n  | 'link'\n  | 'link-gray'\n  | 'link-gray-destructive'\n  | 'link-destructive'\n\ntype ButtonSize =\n  | 'xxl'\n  | 'xl'\n  | 'large'\n  | 'medium'\n  | 'small'\n  | 'xs'\ntype ButtonIconMode = 'default' | 'only'\ntype ButtonTone = 'default' | 'destructive'\n\nexport interface ButtonProps\n  extends Omit<\n    MuiButtonProps,\n    'variant' | 'color' | 'size' | 'startIcon' | 'endIcon'\n  > {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  iconMode?: ButtonIconMode\n  tone?: ButtonTone\n\n  startIcon?: React.ReactNode\n  endIcon?: React.ReactNode\n\n  children?: React.ReactNode\n  showStatusDot?: boolean\n  pillBadgeText?: string\n  showStatusBadge?: boolean\n  ariaLabel?: string\n\n  // Loading state props\n  /** If true, puts the button into loading state. For icon only buttons, use loadingIconOnly prop instead. */\n  loading?: boolean\n  /** If true, puts the button into loading state. For buttons with labels, use loading prop instead. */\n  loadingIconOnly?: boolean\n  /** To provide label to the loading button. */\n  loadingLabel?: string\n\n  // Badge props\n  /** Displays a badge component to the right of the button text */\n  showBadge?: boolean\n  /** Props for the badge component if showBadge is true. */\n  badgeProps?: Partial<BadgeProps>\n  /** Displays a badge component to the top right corner of the Icon only button */\n  statusBadge?: boolean\n  /** Props for the badge component if statusBadge is true. */\n  statusBadgeProps?: Partial<BadgeProps>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const {\n      variant = 'primary',\n      size = 'small',\n      iconMode = 'default',\n      tone = 'default',\n      startIcon,\n      endIcon,\n      pillBadgeText,\n      showStatusDot,\n      showStatusBadge,\n      statusBadge,\n      ariaLabel,\n      children,\n      type,\n      disabled,\n      loading,\n      loadingIconOnly,\n      loadingLabel,\n      showBadge,\n      badgeProps,\n      statusBadgeProps,\n      sx,\n      ...muiProps\n    } = props\n\n    const finalStartIcon = startIcon\n    const finalEndIcon = endIcon\n\n    const isIconOnly = iconMode === 'only'\n    const isLoading = isIconOnly ? loadingIconOnly : loading\n    const isDisabled = disabled || isLoading\n\n    const finalAriaLabel =\n      ariaLabel ||\n      (isIconOnly && typeof children === 'string'\n        ? (children as string)\n        : undefined)\n\n    const isLinkVariant =\n      variant === 'link' ||\n      variant === 'link-gray' ||\n      variant === 'link-destructive' ||\n      variant === 'link-gray-destructive'\n\n    const linkHoverSx = isLinkVariant\n      ? {\n          '&:hover': {\n            backgroundColor: 'transparent',\n          },\n        }\n      : undefined\n\n    const combinedSx = linkHoverSx\n      ? Array.isArray(sx)\n        ? [linkHoverSx, ...sx]\n        : sx\n        ? [linkHoverSx, sx]\n        : linkHoverSx\n      : sx\n\n    const hasStatusBadge = isIconOnly && (showStatusBadge || statusBadge)\n\n    const normalizedSize = size as any\n\n    const finalSx = hasStatusBadge\n      ? [\n          mergeIconOnlySx(iconMode, normalizedSize, combinedSx),\n          { position: 'relative' as const },\n        ]\n      : mergeIconOnlySx(iconMode, normalizedSize, combinedSx)\n\n    return (\n      <MuiButton\n        ref={ref}\n        type={type ?? 'button'}\n        variant={variant as any}\n        color={tone === 'destructive' ? 'destructive' : 'default'}\n        size={normalizedSize}\n        disabled={isDisabled}\n        aria-label={finalAriaLabel}\n        disableElevation\n        disableRipple\n        sx={finalSx}\n        {...muiProps}\n      >\n        {isIconOnly ? (\n          <IconOnlyContent\n            icon={finalStartIcon ?? children}\n            loading={isLoading}\n            showStatusBadge={showStatusBadge || statusBadge}\n            pillBadgeText={pillBadgeText}\n            statusBadgeProps={statusBadgeProps}\n          />\n        ) : (\n          <DefaultContent\n            leadingIcon={finalStartIcon}\n            trailingIcon={finalEndIcon}\n            showStatusDot={showStatusDot}\n            pillBadgeText={pillBadgeText}\n            showBadge={showBadge}\n            badgeProps={badgeProps}\n            loading={isLoading}\n            loadingLabel={loadingLabel}\n          >\n            {children}\n          </DefaultContent>\n        )}\n      </MuiButton>\n    )\n  },\n)\n\ninterface DefaultContentProps {\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n  showStatusDot?: boolean\n  pillBadgeText?: string\n  showBadge?: boolean\n  badgeProps?: Partial<BadgeProps>\n  loading?: boolean\n  loadingLabel?: string\n  children?: React.ReactNode\n}\n\nconst DefaultContent: React.FC<DefaultContentProps> = ({\n  leadingIcon,\n  trailingIcon,\n  showStatusDot,\n  pillBadgeText,\n  showBadge,\n  badgeProps,\n  loading,\n  loadingLabel,\n  children,\n}) => {\n  const displayLabel = loading && loadingLabel ? loadingLabel : children\n\n  return (\n    <>\n      {loading ? (\n        <Box\n          component=\"span\"\n          sx={{ display: 'inline-flex', alignItems: 'center', marginRight: 1 }}\n        >\n          <CircularProgress\n            size={16}\n            thickness={4}\n            sx={{\n              color: 'inherit',\n            }}\n          />\n        </Box>\n      ) : (\n        leadingIcon && (\n          <Box\n            component=\"span\"\n            sx={{ display: 'inline-flex', alignItems: 'center' }}\n          >\n            {leadingIcon}\n          </Box>\n        )\n      )}\n\n      {displayLabel && (\n        <Box\n          component=\"span\"\n          sx={{\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {displayLabel}\n        </Box>\n      )}\n\n      {!loading && trailingIcon && (\n        <Box\n          component=\"span\"\n          sx={{ display: 'inline-flex', alignItems: 'center' }}\n        >\n          {trailingIcon}\n        </Box>\n      )}\n\n      {showStatusDot && <Dot />}\n\n      {showBadge && badgeProps && (\n        <Box\n          component=\"span\"\n          sx={{ marginLeft: (theme) => theme.spacing(1) }}\n        >\n          <Badge {...badgeProps} />\n        </Box>\n      )}\n\n      {pillBadgeText && !showBadge && <PillBadge>{pillBadgeText}</PillBadge>}\n    </>\n  )\n}\n\ninterface IconOnlyContentProps {\n  icon?: React.ReactNode\n  loading?: boolean\n  showStatusBadge?: boolean\n  pillBadgeText?: string\n  statusBadgeProps?: Partial<BadgeProps>\n}\n\nconst IconOnlyContent: React.FC<IconOnlyContentProps> = ({\n  icon,\n  loading,\n  showStatusBadge,\n  pillBadgeText,\n  statusBadgeProps,\n}) => (\n  <>\n    {loading ? (\n      <CircularProgress\n        size={20}\n        thickness={4}\n        sx={{\n          color: 'inherit',\n        }}\n      />\n    ) : (\n      icon && (\n        <Box\n          component=\"span\"\n          sx={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon}\n        </Box>\n      )\n    )}\n\n    {showStatusBadge && (\n      <Box\n        component=\"span\"\n        sx={{\n          position: 'absolute',\n          top: -4,\n          right: -4,\n          display: 'inline-flex',\n        }}\n      >\n        {statusBadgeProps ? (\n          <Badge {...statusBadgeProps} />\n        ) : (\n          pillBadgeText && <StatusBadge>{pillBadgeText}</StatusBadge>\n        )}\n      </Box>\n    )}\n  </>\n)\n\nconst Dot: React.FC = () => (\n  <Box\n    component=\"span\"\n    aria-hidden=\"true\"\n    sx={{\n      marginLeft: (theme) => theme.spacing(2),\n      display: 'inline-flex',\n    }}\n  >\n    <UniversalDot size=\"sm\" color=\"success\" />\n  </Box>\n)\n\nconst PillBadge: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Box\n    component=\"span\"\n    sx={(theme) => ({\n      marginLeft: theme.spacing(2),\n      display: 'inline-flex',\n      alignItems: 'center',\n      borderRadius: 9999,\n      backgroundColor: theme.palette.primaryScale[200],\n      color: theme.palette.primary.dark,\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      paddingTop: theme.spacing(0.5),\n      paddingBottom: theme.spacing(0.5),\n      fontSize: theme.typography['text-xs-semibold'].fontSize,\n      fontWeight: theme.typography['text-xs-semibold'].fontWeight,\n    })}\n  >\n    {children}\n  </Box>\n)\n\nconst StatusBadge: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Box\n    component=\"span\"\n    sx={(theme) => {\n      const buttonTokens = (theme.palette as unknown as Record<string, Record<string, string>>).buttonTokens ?? {}\n      const typography = theme.typography as unknown as Record<string, Record<string, unknown>>\n      return {\n        marginLeft: theme.spacing(2),\n        display: 'inline-flex',\n        alignItems: 'center',\n        borderRadius: 9999,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: buttonTokens.outline ?? '#AFBACA',\n        backgroundColor: buttonTokens.surfaceContainerLowest ?? '#FFFFFF',\n        paddingX: theme.spacing(2),\n        paddingY: theme.spacing(0.5),\n        fontSize: typography['text-xs-medium']?.fontSize ?? 12,\n        fontWeight: typography['text-xs-medium']?.fontWeight ?? 500,\n        color: buttonTokens.onSurfaceVariant ?? '#697586',\n      }\n    }}\n  >\n    {children}\n  </Box>\n)\n\nconst iconOnlySizes: Record<string, number> = {\n  xs: 32,\n  small: 36,\n  medium: 40,\n  large: 44,\n  xl: 48,\n  xxl: 60,\n}\n\nconst iconOnlyPadding: Record<string, string> = {\n  xs: '8px',\n  small: '9px',\n  medium: '11px',\n  large: '12px',\n  xl: '14px',\n  xxl: '18px',\n}\n\nfunction mergeIconOnlySx(\n  iconMode: ButtonIconMode,\n  size: ButtonSize,\n  sx?: SxProps<Theme> | undefined,\n) {\n  if (iconMode !== 'only') {\n    return sx\n  }\n\n  const dimension = iconOnlySizes[size]\n  const padding = iconOnlyPadding[size]\n  const iconOnlySx = {\n    width: dimension,\n    height: dimension,\n    minWidth: dimension,\n    padding,\n    borderRadius: '32px', // 32px instead of 9999\n  }\n\n  if (!sx) return iconOnlySx\n  if (Array.isArray(sx)) {\n    return [iconOnlySx, ...sx]\n  }\n\n  return [iconOnlySx, sx]\n}\n"],"names":["Button","MuiButton","UniversalDot"],"mappings":"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"}

package/dist/components/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAMtD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAA;AAEtC,KAAK,YAAY,GACb;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GAC3C;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE/C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;AAa3B,eAAO,MAAM,IAAI;UApBL,iBAAiB;aAAW,KAAK;;WAIpC,MAAM;YACL,MAAM;aACL,MAAM;;YALH,iBAAiB;WAAS,KAAK;;WAGpC,MAAM;YACL,MAAM;aACL,MAAM;2EAwEf,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAMtD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAA;AAEtC,KAAK,YAAY,GACb;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GAC3C;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE/C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;AAyD3B,eAAO,MAAM,IAAI;UAhEL,iBAAiB;aAAW,KAAK;;WAIpC,MAAM;YACL,MAAM;aACL,MAAM;;YALH,iBAAiB;WAAS,KAAK;;WAGpC,MAAM;YACL,MAAM;aACL,MAAM;2EA+Gf,CAAA"}

package/dist/components/Icon.js

@@ -1,18 +1,57 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useMemo, Suspense } from "react";
-import { loadIcon } from "../utils/iconLoader.js";
+import { getIcon } from "../icons/generated/iconMap.js";
 import Box from "../packages/zenith-ui/node_modules/@mui/material/esm/Box/Box.js";
-const IconPlaceholder = ({ size = 24 }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      width: size,
-      height: size,
-      display: "inline-block"
+const iconAliases = {
+  insights: "Insight",
+  Insights: "Insight"
+};
+const numberWordMap = {
+  "0": "Zero",
+  "00": "Zero",
+  "1": "One",
+  "01": "One",
+  "2": "Two",
+  "02": "Two",
+  "3": "Three",
+  "03": "Three",
+  "4": "Four",
+  "04": "Four",
+  "5": "Five",
+  "05": "Five",
+  "6": "Six",
+  "06": "Six",
+  "7": "Seven",
+  "07": "Seven",
+  "8": "Eight",
+  "08": "Eight",
+  "9": "Nine",
+  "09": "Nine",
+  "10": "Ten",
+  "11": "Eleven",
+  "12": "Twelve"
+};
+function toPascalCaseFromKebab(input) {
+  return input.split(/[-_]/g).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function resolveIconName(iconName) {
+  if (!iconName) return "";
+  const alias = iconAliases[iconName] ?? iconAliases[iconName.toLowerCase()];
+  if (alias) return alias;
+  if (iconName.includes("-") || iconName.includes("_")) {
+    return toPascalCaseFromKebab(iconName);
+  }
+  const match = iconName.match(/^(.*?)(0?\d{1,2})$/);
+  if (match) {
+    const prefix = match[1];
+    const numberToken = match[2];
+    const word = numberWordMap[numberToken];
+    if (word) {
+      return `${prefix}${word}`;
     }
   }
-);
+  return iconName;
+}
 const Icon = React.forwardRef(function Icon2(props, ref) {
   const {
     size = 24,
@@ -24,11 +63,12 @@ const Icon = React.forwardRef(function Icon2(props, ref) {
     ...boxProps
   } = props;
   const iconName = iconId ?? name;
-  const IconComponent = useMemo(() => {
-    return iconName ? loadIcon(iconName) : null;
-  }, [iconName]);
+  const resolvedName = iconName ? resolveIconName(iconName) : "";
+  const IconComponent = resolvedName ? getIcon(resolvedName) : void 0;
   if (!IconComponent) {
-    console.warn(`Icon "${iconName}" not found`);
+    if (iconName) {
+      console.warn(`Icon "${iconName}" not found`);
+    }
     return null;
   }
   return /* @__PURE__ */ jsx(
@@ -45,11 +85,6 @@ const Icon = React.forwardRef(function Icon2(props, ref) {
           lineHeight: 0,
           ...color ? { color } : null,
           ...rotate ? { transform: `rotate(${rotate}deg)`, transformOrigin: "center" } : null,
-          "& span": {
-            display: "inline-flex",
-            width: "100%",
-            height: "100%"
-          },
           "& svg": {
             display: "block",
             width: "100%",
@@ -59,7 +94,7 @@ const Icon = React.forwardRef(function Icon2(props, ref) {
         ...Array.isArray(sx) ? sx : [sx]
       ],
       ...boxProps,
-      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(IconPlaceholder, { size }), children: /* @__PURE__ */ jsx(IconComponent, {}) })
+      children: /* @__PURE__ */ jsx(IconComponent, { size })
     }
   );
 });

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["// src/components/zenith/Icon.tsx - Icon\n// Optimized with dynamic loading for code splitting\nimport * as React from 'react'\nimport { Suspense, useMemo } from 'react'\nimport Box, { type BoxProps } from '@mui/material/Box'\nimport { loadIcon } from '../utils/iconLoader'\n\n// NOTE:\n// Zenith Storybook exposes hundreds of icon names (PascalCase like \"Folder\", \"ActivityHeart\", etc.).\n// For pixel-perfect parity we accept any string and resolve via `iconLoader` (Vite glob).\nexport type SupportedIconName = string\n\ntype IconNameProp =\n  | { name: SupportedIconName; iconId?: never }\n  | { iconId: SupportedIconName; name?: never }\n\nexport type IconProps = IconNameProp & {\n  size?: number\n  color?: string\n  rotate?: number\n} & Omit<BoxProps, 'color'>\n\n// Placeholder component for loading state\nconst IconPlaceholder = ({ size = 24 }: { size?: number }) => (\n  <Box\n    sx={{\n      width: size,\n      height: size,\n      display: 'inline-block',\n    }}\n  />\n)\n\nexport const Icon = React.forwardRef<HTMLDivElement, IconProps>(function Icon(\n  props,\n  ref,\n) {\n  const {\n    size = 24,\n    color,\n    rotate,\n    sx,\n    name,\n    iconId,\n    ...boxProps\n  } = props as IconProps & { name?: SupportedIconName; iconId?: SupportedIconName }\n  const iconName = iconId ?? name\n\n  // Dynamically load icon component\n  const IconComponent = useMemo(() => {\n    return iconName ? loadIcon(iconName) : null\n  }, [iconName])\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${iconName}\" not found`)\n    return null\n  }\n\n  return (\n    <Box\n      ref={ref}\n      sx={[\n        {\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          width: size,\n          height: size,\n          lineHeight: 0,\n          ...(color ? { color } : null),\n          ...(rotate ? { transform: `rotate(${rotate}deg)`, transformOrigin: 'center' } : null),\n          '& span': {\n            display: 'inline-flex',\n            width: '100%',\n            height: '100%',\n          },\n          '& svg': {\n            display: 'block',\n            width: '100%',\n            height: '100%',\n          },\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...boxProps}\n    >\n      <Suspense fallback={<IconPlaceholder size={size} />}>\n        <IconComponent />\n      </Suspense>\n    </Box>\n  )\n})\n"],"names":["Icon"],"mappings":";;;;;AAuBA,MAAM,kBAAkB,CAAC,EAAE,OAAO,SAChC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACX;AACF;AAGK,MAAM,OAAO,MAAM,WAAsC,SAASA,MACvE,OACA,KACA;AACA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AACJ,QAAM,WAAW,UAAU;AAG3B,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,WAAW,SAAS,QAAQ,IAAI;AAAA,EACzC,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,CAAC,eAAe;AAClB,YAAQ,KAAK,SAAS,QAAQ,aAAa;AAC3C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,GAAI,QAAQ,EAAE,MAAA,IAAU;AAAA,UACxB,GAAI,SAAS,EAAE,WAAW,UAAU,MAAM,QAAQ,iBAAiB,SAAA,IAAa;AAAA,UAChF,UAAU;AAAA,YACR,SAAS;AAAA,YACT,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,UAEV,SAAS;AAAA,YACP,SAAS;AAAA,YACT,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAEF,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE;AAAA,MAAA;AAAA,MAEjC,GAAG;AAAA,MAEJ,UAAA,oBAAC,YAAS,UAAU,oBAAC,mBAAgB,KAAA,CAAY,GAC/C,UAAA,oBAAC,eAAA,CAAA,CAAc,EAAA,CACjB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["// src/components/zenith/Icon.tsx - Icon\n// Static icon component using pre-compiled React components\nimport * as React from 'react'\nimport Box, { type BoxProps } from '@mui/material/Box'\nimport { getIcon } from '../icons/generated/iconMap'\n\n// NOTE:\n// Zenith Storybook exposes hundreds of icon names (PascalCase like \"Folder\", \"ActivityHeart\", etc.).\n// Icons are now statically bundled for npm package compatibility.\nexport type SupportedIconName = string\n\ntype IconNameProp =\n  | { name: SupportedIconName; iconId?: never }\n  | { iconId: SupportedIconName; name?: never }\n\nexport type IconProps = IconNameProp & {\n  size?: number\n  color?: string\n  rotate?: number\n} & Omit<BoxProps, 'color'>\n\n// Alias map for common icon name variations\nconst iconAliases: Record<string, string> = {\n  insights: 'Insight',\n  Insights: 'Insight',\n}\n\n// Number word map for numeric suffixes\nconst numberWordMap: Record<string, string> = {\n  '0': 'Zero', '00': 'Zero',\n  '1': 'One', '01': 'One',\n  '2': 'Two', '02': 'Two',\n  '3': 'Three', '03': 'Three',\n  '4': 'Four', '04': 'Four',\n  '5': 'Five', '05': 'Five',\n  '6': 'Six', '06': 'Six',\n  '7': 'Seven', '07': 'Seven',\n  '8': 'Eight', '08': 'Eight',\n  '9': 'Nine', '09': 'Nine',\n  '10': 'Ten', '11': 'Eleven', '12': 'Twelve',\n}\n\nfunction toPascalCaseFromKebab(input: string): string {\n  return input\n    .split(/[-_]/g)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('')\n}\n\nfunction resolveIconName(iconName: string): string {\n  if (!iconName) return ''\n  \n  // Check alias first\n  const alias = iconAliases[iconName] ?? iconAliases[iconName.toLowerCase()]\n  if (alias) return alias\n  \n  // Handle kebab-case\n  if (iconName.includes('-') || iconName.includes('_')) {\n    return toPascalCaseFromKebab(iconName)\n  }\n  \n  // Handle numeric suffixes\n  const match = iconName.match(/^(.*?)(0?\\d{1,2})$/)\n  if (match) {\n    const prefix = match[1]\n    const numberToken = match[2]\n    const word = numberWordMap[numberToken]\n    if (word) {\n      return `${prefix}${word}`\n    }\n  }\n  \n  return iconName\n}\n\nexport const Icon = React.forwardRef<HTMLDivElement, IconProps>(function Icon(\n  props,\n  ref,\n) {\n  const {\n    size = 24,\n    color,\n    rotate,\n    sx,\n    name,\n    iconId,\n    ...boxProps\n  } = props as IconProps & { name?: SupportedIconName; iconId?: SupportedIconName }\n  \n  const iconName = iconId ?? name\n  const resolvedName = iconName ? resolveIconName(iconName) : ''\n  \n  // Get the icon component from the static map\n  const IconComponent = resolvedName ? getIcon(resolvedName) : undefined\n\n  if (!IconComponent) {\n    if (iconName) {\n      console.warn(`Icon \"${iconName}\" not found`)\n    }\n    return null\n  }\n\n  return (\n    <Box\n      ref={ref}\n      sx={[\n        {\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          width: size,\n          height: size,\n          lineHeight: 0,\n          ...(color ? { color } : null),\n          ...(rotate ? { transform: `rotate(${rotate}deg)`, transformOrigin: 'center' } : null),\n          '& svg': {\n            display: 'block',\n            width: '100%',\n            height: '100%',\n          },\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...boxProps}\n    >\n      <IconComponent size={size} />\n    </Box>\n  )\n})\n"],"names":["Icon"],"mappings":";;;;AAsBA,MAAM,cAAsC;AAAA,EAC1C,UAAU;AAAA,EACV,UAAU;AACZ;AAGA,MAAM,gBAAwC;AAAA,EAC5C,KAAK;AAAA,EAAQ,MAAM;AAAA,EACnB,KAAK;AAAA,EAAO,MAAM;AAAA,EAClB,KAAK;AAAA,EAAO,MAAM;AAAA,EAClB,KAAK;AAAA,EAAS,MAAM;AAAA,EACpB,KAAK;AAAA,EAAQ,MAAM;AAAA,EACnB,KAAK;AAAA,EAAQ,MAAM;AAAA,EACnB,KAAK;AAAA,EAAO,MAAM;AAAA,EAClB,KAAK;AAAA,EAAS,MAAM;AAAA,EACpB,KAAK;AAAA,EAAS,MAAM;AAAA,EACpB,KAAK;AAAA,EAAQ,MAAM;AAAA,EACnB,MAAM;AAAA,EAAO,MAAM;AAAA,EAAU,MAAM;AACrC;AAEA,SAAS,sBAAsB,OAAuB;AACpD,SAAO,MACJ,MAAM,OAAO,EACb,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAC,EAC1D,KAAK,EAAE;AACZ;AAEA,SAAS,gBAAgB,UAA0B;AACjD,MAAI,CAAC,SAAU,QAAO;AAGtB,QAAM,QAAQ,YAAY,QAAQ,KAAK,YAAY,SAAS,aAAa;AACzE,MAAI,MAAO,QAAO;AAGlB,MAAI,SAAS,SAAS,GAAG,KAAK,SAAS,SAAS,GAAG,GAAG;AACpD,WAAO,sBAAsB,QAAQ;AAAA,EACvC;AAGA,QAAM,QAAQ,SAAS,MAAM,oBAAoB;AACjD,MAAI,OAAO;AACT,UAAM,SAAS,MAAM,CAAC;AACtB,UAAM,cAAc,MAAM,CAAC;AAC3B,UAAM,OAAO,cAAc,WAAW;AACtC,QAAI,MAAM;AACR,aAAO,GAAG,MAAM,GAAG,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,OAAO,MAAM,WAAsC,SAASA,MACvE,OACA,KACA;AACA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,WAAW,UAAU;AAC3B,QAAM,eAAe,WAAW,gBAAgB,QAAQ,IAAI;AAG5D,QAAM,gBAAgB,eAAe,QAAQ,YAAY,IAAI;AAE7D,MAAI,CAAC,eAAe;AAClB,QAAI,UAAU;AACZ,cAAQ,KAAK,SAAS,QAAQ,aAAa;AAAA,IAC7C;AACA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,GAAI,QAAQ,EAAE,MAAA,IAAU;AAAA,UACxB,GAAI,SAAS,EAAE,WAAW,UAAU,MAAM,QAAQ,iBAAiB,SAAA,IAAa;AAAA,UAChF,SAAS;AAAA,YACP,SAAS;AAAA,YACT,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAEF,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE;AAAA,MAAA;AAAA,MAEjC,GAAG;AAAA,MAEJ,UAAA,oBAAC,iBAAc,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGjC,CAAC;"}

package/dist/icons/generated/ActivityHeartIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ActivityHeartIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+export declare const ActivityHeartIcon: React.ForwardRefExoticComponent<Omit<ActivityHeartIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ActivityHeartIcon;
+//# sourceMappingURL=ActivityHeartIcon.d.ts.map

package/dist/icons/generated/ActivityHeartIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityHeartIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/generated/ActivityHeartIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3E,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,iBAAiB,2GAI7B,CAAA;AAID,eAAe,iBAAiB,CAAA"}

package/dist/icons/generated/ActivityHeartIcon.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const ActivityHeartIcon = React.forwardRef(
+  ({ size = 24, ...props }, ref) => /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, ...props, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { clipPath: "evenodd", d: "M11.993 3.717c-2.34-2.045-5.8-2.463-8.488-.167-2.907 2.483-3.329 6.666-1.03 9.624.795 1.023 2.274 2.509 3.757 3.923 1.5 1.43 3.058 2.839 4.05 3.724l.022.02c.163.145.325.29.475.403.169.128.376.26.64.339.372.112.777.112 1.149 0 .264-.08.47-.21.64-.339.15-.113.312-.258.474-.403l.022-.02c.992-.885 2.551-2.294 4.05-3.724 1.483-1.414 2.963-2.9 3.758-3.923 2.29-2.947 1.933-7.162-1.041-9.633-2.717-2.259-6.14-1.87-8.478.176m-.76 2.069C9.528 3.792 6.818 3.35 4.804 5.07c-2.103 1.797-2.386 4.772-.75 6.877.69.889 2.065 2.278 3.558 3.702 1.477 1.409 3.017 2.801 4.002 3.68a7 7 0 0 0 .38.326l.005-.004c.078-.06.18-.15.374-.322.984-.879 2.525-2.271 4.001-3.68 1.494-1.424 2.868-2.813 3.559-3.702 1.644-2.117 1.382-5.104-.74-6.868-2.067-1.718-4.742-1.278-6.44.707a1 1 0 0 1-1.52 0m-.162 1.716a1 1 0 0 1 .878.682l1.236 3.71.42-.841a1 1 0 0 1 .895-.553h1a1 1 0 1 1 0 2h-.382l-1.223 2.447a1 1 0 0 1-1.844-.13l-1.236-3.71-.42.84a1 1 0 0 1-.895.553h-1a1 1 0 1 1 0-2h.382l1.224-2.447a1 1 0 0 1 .965-.55", fillRule: "evenodd" }) })
+);
+ActivityHeartIcon.displayName = "ActivityHeartIcon";
+export {
+  ActivityHeartIcon
+};
+//# sourceMappingURL=ActivityHeartIcon.js.map

package/dist/icons/generated/ActivityHeartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityHeartIcon.js","sources":["../../../src/icons/generated/ActivityHeartIcon.tsx"],"sourcesContent":["// Auto-generated icon component\nimport * as React from 'react'\n\nexport interface ActivityHeartIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\nexport const ActivityHeartIcon = React.forwardRef<SVGSVGElement, ActivityHeartIconProps>(\n  ({ size = 24, ...props }, ref) => (\n    <svg ref={ref} width={size} height={size} {...props} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path clipPath=\"evenodd\" d=\"M11.993 3.717c-2.34-2.045-5.8-2.463-8.488-.167-2.907 2.483-3.329 6.666-1.03 9.624.795 1.023 2.274 2.509 3.757 3.923 1.5 1.43 3.058 2.839 4.05 3.724l.022.02c.163.145.325.29.475.403.169.128.376.26.64.339.372.112.777.112 1.149 0 .264-.08.47-.21.64-.339.15-.113.312-.258.474-.403l.022-.02c.992-.885 2.551-2.294 4.05-3.724 1.483-1.414 2.963-2.9 3.758-3.923 2.29-2.947 1.933-7.162-1.041-9.633-2.717-2.259-6.14-1.87-8.478.176m-.76 2.069C9.528 3.792 6.818 3.35 4.804 5.07c-2.103 1.797-2.386 4.772-.75 6.877.69.889 2.065 2.278 3.558 3.702 1.477 1.409 3.017 2.801 4.002 3.68a7 7 0 0 0 .38.326l.005-.004c.078-.06.18-.15.374-.322.984-.879 2.525-2.271 4.001-3.68 1.494-1.424 2.868-2.813 3.559-3.702 1.644-2.117 1.382-5.104-.74-6.868-2.067-1.718-4.742-1.278-6.44.707a1 1 0 0 1-1.52 0m-.162 1.716a1 1 0 0 1 .878.682l1.236 3.71.42-.841a1 1 0 0 1 .895-.553h1a1 1 0 1 1 0 2h-.382l-1.223 2.447a1 1 0 0 1-1.844-.13l-1.236-3.71-.42.84a1 1 0 0 1-.895.553h-1a1 1 0 1 1 0-2h.382l1.224-2.447a1 1 0 0 1 .965-.55\" fillRule=\"evenodd\" /></svg>\n  )\n)\n\nActivityHeartIcon.displayName = 'ActivityHeartIcon'\n\nexport default ActivityHeartIcon\n"],"names":[],"mappings":";;AAOO,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,EAAE,OAAO,IAAI,GAAG,MAAA,GAAS,QACxB,oBAAC,OAAA,EAAI,KAAU,OAAO,MAAM,QAAQ,MAAO,GAAG,OAAO,SAAQ,aAAY,MAAK,gBAAe,eAAY,QAAO,UAAA,oBAAC,QAAA,EAAK,UAAS,WAAU,GAAE,69BAA49B,UAAS,WAAU,EAAA,CAAE;AAEhoC;AAEA,kBAAkB,cAAc;"}

package/dist/icons/generated/ActivityIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ActivityIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+export declare const ActivityIcon: React.ForwardRefExoticComponent<Omit<ActivityIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ActivityIcon;
+//# sourceMappingURL=ActivityIcon.d.ts.map

package/dist/icons/generated/ActivityIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/generated/ActivityIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,sGAIxB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist/icons/generated/ActivityIcon.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const ActivityIcon = React.forwardRef(
+  ({ size = 24, ...props }, ref) => /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, ...props, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { clipPath: "evenodd", d: "M9 2a1 1 0 0 1 .949.684L15 17.838l2.051-6.154A1 1 0 0 1 18 11h4a1 1 0 1 1 0 2h-3.28l-2.771 8.316a1 1 0 0 1-1.898 0L9 6.162l-2.051 6.154A1 1 0 0 1 6 13H2a1 1 0 1 1 0-2h3.28L8.05 2.684A1 1 0 0 1 9 2", fillRule: "evenodd" }) })
+);
+ActivityIcon.displayName = "ActivityIcon";
+export {
+  ActivityIcon
+};
+//# sourceMappingURL=ActivityIcon.js.map

package/dist/icons/generated/ActivityIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIcon.js","sources":["../../../src/icons/generated/ActivityIcon.tsx"],"sourcesContent":["// Auto-generated icon component\nimport * as React from 'react'\n\nexport interface ActivityIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\nexport const ActivityIcon = React.forwardRef<SVGSVGElement, ActivityIconProps>(\n  ({ size = 24, ...props }, ref) => (\n    <svg ref={ref} width={size} height={size} {...props} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path clipPath=\"evenodd\" d=\"M9 2a1 1 0 0 1 .949.684L15 17.838l2.051-6.154A1 1 0 0 1 18 11h4a1 1 0 1 1 0 2h-3.28l-2.771 8.316a1 1 0 0 1-1.898 0L9 6.162l-2.051 6.154A1 1 0 0 1 6 13H2a1 1 0 1 1 0-2h3.28L8.05 2.684A1 1 0 0 1 9 2\" fillRule=\"evenodd\" /></svg>\n  )\n)\n\nActivityIcon.displayName = 'ActivityIcon'\n\nexport default ActivityIcon\n"],"names":[],"mappings":";;AAOO,MAAM,eAAe,MAAM;AAAA,EAChC,CAAC,EAAE,OAAO,IAAI,GAAG,MAAA,GAAS,QACxB,oBAAC,OAAA,EAAI,KAAU,OAAO,MAAM,QAAQ,MAAO,GAAG,OAAO,SAAQ,aAAY,MAAK,gBAAe,eAAY,QAAO,UAAA,oBAAC,QAAA,EAAK,UAAS,WAAU,GAAE,wMAAuM,UAAS,WAAU,EAAA,CAAE;AAE3W;AAEA,aAAa,cAAc;"}

package/dist/icons/generated/AirplayIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface AirplayIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+export declare const AirplayIcon: React.ForwardRefExoticComponent<Omit<AirplayIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AirplayIcon;
+//# sourceMappingURL=AirplayIcon.d.ts.map

package/dist/icons/generated/AirplayIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AirplayIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/generated/AirplayIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,qGAIvB,CAAA;AAID,eAAe,WAAW,CAAA"}

package/dist/icons/generated/AirplayIcon.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const AirplayIcon = React.forwardRef(
+  ({ size = 24, ...props }, ref) => /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, ...props, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { clipPath: "evenodd", d: "M6.759 2H17.24c.805 0 1.47 0 2.01.044.563.046 1.08.145 1.565.392a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564C23 6.29 23 6.954 23 7.758V15a4 4 0 0 1-4 4 1 1 0 1 1 0-2 2 2 0 0 0 2-2V7.8c0-.857 0-1.439-.038-1.889-.035-.438-.1-.663-.18-.819a2 2 0 0 0-.874-.874c-.156-.08-.38-.145-.819-.18C18.639 4 18.057 4 17.2 4H6.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C3 6.361 3 6.943 3 7.8V15a2 2 0 0 0 2 2 1 1 0 1 1 0 2 4 4 0 0 1-4-4V7.759c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C5.29 2 5.954 2 6.758 2m4.726 12.372a1.5 1.5 0 0 1 1.03 0c.263.096.444.257.556.37a5 5 0 0 1 .312.355l3.315 3.978c.154.185.31.373.424.538.108.155.304.462.31.864a1.5 1.5 0 0 1-.557 1.19c-.313.253-.674.298-.863.315-.2.018-.443.018-.684.018H8.672c-.24 0-.485 0-.684-.018-.189-.017-.55-.062-.863-.315a1.5 1.5 0 0 1-.557-1.19c.006-.402.202-.709.31-.864.114-.165.27-.353.424-.538l3.315-3.978.017-.02c.09-.108.195-.234.295-.335.112-.113.293-.274.556-.37m.515 2.19L9.135 20h5.73z", fillRule: "evenodd" }) })
+);
+AirplayIcon.displayName = "AirplayIcon";
+export {
+  AirplayIcon
+};
+//# sourceMappingURL=AirplayIcon.js.map

package/dist/icons/generated/AirplayIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AirplayIcon.js","sources":["../../../src/icons/generated/AirplayIcon.tsx"],"sourcesContent":["// Auto-generated icon component\nimport * as React from 'react'\n\nexport interface AirplayIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\nexport const AirplayIcon = React.forwardRef<SVGSVGElement, AirplayIconProps>(\n  ({ size = 24, ...props }, ref) => (\n    <svg ref={ref} width={size} height={size} {...props} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path clipPath=\"evenodd\" d=\"M6.759 2H17.24c.805 0 1.47 0 2.01.044.563.046 1.08.145 1.565.392a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564C23 6.29 23 6.954 23 7.758V15a4 4 0 0 1-4 4 1 1 0 1 1 0-2 2 2 0 0 0 2-2V7.8c0-.857 0-1.439-.038-1.889-.035-.438-.1-.663-.18-.819a2 2 0 0 0-.874-.874c-.156-.08-.38-.145-.819-.18C18.639 4 18.057 4 17.2 4H6.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C3 6.361 3 6.943 3 7.8V15a2 2 0 0 0 2 2 1 1 0 1 1 0 2 4 4 0 0 1-4-4V7.759c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C5.29 2 5.954 2 6.758 2m4.726 12.372a1.5 1.5 0 0 1 1.03 0c.263.096.444.257.556.37a5 5 0 0 1 .312.355l3.315 3.978c.154.185.31.373.424.538.108.155.304.462.31.864a1.5 1.5 0 0 1-.557 1.19c-.313.253-.674.298-.863.315-.2.018-.443.018-.684.018H8.672c-.24 0-.485 0-.684-.018-.189-.017-.55-.062-.863-.315a1.5 1.5 0 0 1-.557-1.19c.006-.402.202-.709.31-.864.114-.165.27-.353.424-.538l3.315-3.978.017-.02c.09-.108.195-.234.295-.335.112-.113.293-.274.556-.37m.515 2.19L9.135 20h5.73z\" fillRule=\"evenodd\" /></svg>\n  )\n)\n\nAirplayIcon.displayName = 'AirplayIcon'\n\nexport default AirplayIcon\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,OAAO,IAAI,GAAG,MAAA,GAAS,QACxB,oBAAC,OAAA,EAAI,KAAU,OAAO,MAAM,QAAQ,MAAO,GAAG,OAAO,SAAQ,aAAY,MAAK,gBAAe,eAAY,QAAO,UAAA,oBAAC,QAAA,EAAK,UAAS,WAAU,GAAE,0iCAAyiC,UAAS,WAAU,EAAA,CAAE;AAE7sC;AAEA,YAAY,cAAc;"}

package/dist/icons/generated/AirpodsIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface AirpodsIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+export declare const AirpodsIcon: React.ForwardRefExoticComponent<Omit<AirpodsIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AirpodsIcon;
+//# sourceMappingURL=AirpodsIcon.d.ts.map

package/dist/icons/generated/AirpodsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AirpodsIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/generated/AirpodsIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,qGAIvB,CAAA;AAID,eAAe,WAAW,CAAA"}