@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-7HFGVT3G.js

@@ -1,197 +0,0 @@
-import {
-  badgeVariantStyles
-} from "./chunk-2WGMMFGV.js";
-import {
-  bounceAnimation,
-  fadeInScaleAnimation,
-  glowPulseAnimation,
-  pulseAnimation,
-  shimmerAnimation
-} from "./chunk-H2YBVBPW.js";
-import {
-  BADGE_BORDER_WIDTH,
-  BADGE_CONTENT_GAP,
-  BADGE_FONT_WEIGHT,
-  BADGE_LETTER_SPACING_EM,
-  BADGE_SIZES,
-  BADGE_TRANSITION_EASING,
-  BADGE_TRANSITION_MS,
-  BOUNCE,
-  FADE_IN_SCALE,
-  GLOW,
-  HOVER_SCALE,
-  PULSE,
-  SHIMMER,
-  badgeAnchor
-} from "./chunk-PYC4CWCQ.js";
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-import {
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Badge/Badge.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var getColorFromTheme = (theme, color) => {
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    // `danger`, the house word the prop actually takes. Keyed on MUI's `error`
-    // it matched nothing and fell through to the default.
-    danger: theme.palette.error,
-    neutral: accentFor(theme, "neutral")
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var sizeMap = Object.fromEntries(
-  Object.entries(BADGE_SIZES).map(([size, metrics]) => [
-    size,
-    {
-      minWidth: metrics.minWidth,
-      height: metrics.height,
-      step: metrics,
-      padding: `0 ${metrics.paddingHorizontal}px`,
-      dotSize: metrics.dotSize
-    }
-  ])
-);
-var getSizeStyles = (size) => sizeMap[size] || sizeMap.md;
-var getAnchorOrigin = (position) => badgeAnchor(position || "top-right");
-var rgbValuesOf = (color) => {
-  if (color.startsWith("#")) {
-    const hex = color.slice(1);
-    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));
-    return `${r}, ${g}, ${b}`;
-  }
-  const match = color.match(/\d+/g);
-  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;
-  return "255, 255, 255";
-};
-var badgeLightingStyles = ({
-  glow,
-  pulse,
-  colorPalette
-}) => ({
-  // Glow effect
-  ...glow && !pulse && {
-    boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,
-    filter: `brightness(${GLOW.brightness})`,
-    "&:hover": {
-      boxShadow: `0 0 ${GLOW.hoverBlur}px ${GLOW.hoverSpread}px ${alpha(colorPalette.main, GLOW.hoverAlpha)}`
-    }
-  },
-  // Pulse animation
-  ...pulse && !glow && {
-    animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite`
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    animation: `${glowPulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite, ${pulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite`,
-    filter: `brightness(${GLOW.brightness})`
-  }
-});
-var badgeAnimationStyles = ({
-  animate,
-  bounce,
-  shimmer,
-  glow: _glow,
-  pulse: _pulse,
-  customVariant,
-  colorPalette,
-  theme
-}) => ({
-  ...animate && !bounce && {
-    animation: `${fadeInScaleAnimation} ${FADE_IN_SCALE.durationMs / 1e3}s cubic-bezier(0.68, -0.55, 0.265, 1.55)`
-  },
-  // Bounce animation
-  ...bounce && {
-    animation: `${bounceAnimation} ${BOUNCE.durationMs / 1e3}s ease-in-out`
-  },
-  // Shimmer effect
-  ...shimmer && {
-    background: customVariant === "gradient" ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)` : colorPalette.main,
-    backgroundSize: shimmer ? "1000px 100%" : "auto",
-    position: "relative",
-    overflow: "hidden",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      background: `linear-gradient(
-            90deg,
-            transparent,
-            ${sheen(theme, SHIMMER.alpha)},
-            transparent
-          )`,
-      animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1e3}s infinite`
-    }
-  }
-});
-var badgeStyles = ({
-  theme,
-  customVariant,
-  customSize = "md",
-  customColor = "primary",
-  glow,
-  pulse,
-  animate,
-  shimmer,
-  bounce,
-  hasIcon
-}) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  const sizeStyles = getSizeStyles(customSize);
-  return {
-    "--glow-color": rgbValuesOf(colorPalette.main),
-    "& .MuiBadge-badge": {
-      transition: `all ${BADGE_TRANSITION_MS / 1e3}s ${BADGE_TRANSITION_EASING}`,
-      fontWeight: BADGE_FONT_WEIGHT,
-      border: `${BADGE_BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
-      letterSpacing: `${BADGE_LETTER_SPACING_EM}em`,
-      textTransform: customVariant === "gradient" || customVariant === "glass" ? "uppercase" : "none",
-      willChange: "transform, opacity",
-      backfaceVisibility: "hidden",
-      // Outline variant
-      // Destructive variant
-      // Warning variant
-      // Adjust padding when icon is present
-      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),
-      ...hasIcon && {
-        paddingLeft: sizeStyles.padding.split(" ")[1],
-        display: "inline-flex",
-        alignItems: "center",
-        gap: `${BADGE_CONTENT_GAP}px`
-      },
-      // Animation on mount
-      ...badgeAnimationStyles({
-        animate,
-        bounce,
-        shimmer,
-        glow,
-        pulse,
-        customVariant,
-        colorPalette,
-        theme
-      }),
-      ...badgeLightingStyles({ glow, pulse, colorPalette }),
-      "&:not(.MuiBadge-dot):hover": {
-        transform: `scale(${HOVER_SCALE})`,
-        zIndex: 1
-      }
-    }
-  };
-};
-
-export {
-  getSizeStyles,
-  getAnchorOrigin,
-  badgeStyles
-};
-//# sourceMappingURL=chunk-7HFGVT3G.js.map

package/dist/chunk-7HFGVT3G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Badge/Badge.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  bounceAnimation,\n  fadeInScaleAnimation,\n  glowPulseAnimation,\n  pulseAnimation,\n  shimmerAnimation } from './Badge.animations';\nimport {\n  BADGE_BORDER_WIDTH,\n  BADGE_CONTENT_GAP,\n  BADGE_FONT_WEIGHT,\n  BADGE_LETTER_SPACING_EM,\n  BADGE_SIZES,\n  BADGE_TRANSITION_EASING,\n  BADGE_TRANSITION_MS,\n  BOUNCE,\n  FADE_IN_SCALE,\n  GLOW,\n  HOVER_SCALE,\n  PULSE,\n  SHIMMER,\n  badgeAnchor,\n} from './Badge.metrics';\nimport type { BadgeSizeMetrics } from './Badge.metrics';\nimport { badgeVariantStyles } from './Badge.variants';\nimport type { BadgeSize, BadgeVariant } from './Badge.types';\nimport { sheen } from '../../../tokens/ink';\nimport { accentFor } from '../../../tokens/scales';\n\nexport type BadgePalette = {\n  main: string;\n  light?: string;\n  dark?: string;\n  contrastText?: string;\n};\nexport type BadgeSizeStyles = ReturnType<typeof getSizeStyles>;\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  const colorMap: Record<string, ReturnType<typeof theme.palette.augmentColor>> = {\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`, the house word the prop actually takes. Keyed on MUI's `error`\n    // it matched nothing and fell through to the default.\n    danger: theme.palette.error,\n    neutral: accentFor(theme, 'neutral') };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\n// Derived from the shared metrics, not restated: the native `Badge` reads the\n// same table, so the two renderers cannot disagree on a chip.\nconst sizeMap: Record<\n  BadgeSize,\n  {\n    minWidth: number;\n    height: number;\n    /** The step itself: its `fontSize`/`iconSize` are design px, drawn through `rem(theme, …)`. */\n    step: BadgeSizeMetrics;\n    padding: string;\n    dotSize: number;\n  }\n> = Object.fromEntries(\n  Object.entries(BADGE_SIZES).map(([size, metrics]) => [\n    size,\n    {\n      minWidth: metrics.minWidth,\n      height: metrics.height,\n      step: metrics,\n      padding: `0 ${metrics.paddingHorizontal}px`,\n      dotSize: metrics.dotSize,\n    },\n  ]),\n) as Record<\n  BadgeSize,\n  { minWidth: number; height: number; step: BadgeSizeMetrics; padding: string; dotSize: number }\n>;\n\nexport const getSizeStyles = (size: BadgeSize) => sizeMap[size] || sizeMap.md;\n\nexport const getAnchorOrigin = (position: string) =>\n  badgeAnchor((position || 'top-right') as Parameters<typeof badgeAnchor>[0]);\n\n// Exactly one variant applies, so a lookup replaces ten mutually exclusive\n// spreads inside the style object.\n// The glow effect needs the badge colour as bare RGB components for a CSS\n// variable, and the palette hands them over as hex or rgb().\nconst rgbValuesOf = (color: string): string => {\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));\n    return `${r}, ${g}, ${b}`;\n  }\n\n  const match = color.match(/\\d+/g);\n  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;\n  return '255, 255, 255';\n};\n\n// Glow and pulse combine into a third, distinct treatment rather than stacking.\nconst badgeLightingStyles = ({\n  glow,\n  pulse,\n  colorPalette }: {\n  glow?: boolean;\n  pulse?: boolean;\n  colorPalette: BadgePalette;\n}): CSSObject => ({\n      // Glow effect\n      ...(glow &&\n        !pulse && {\n          boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,\n          filter: `brightness(${GLOW.brightness})`,\n          '&:hover': {\n            boxShadow: `0 0 ${GLOW.hoverBlur}px ${GLOW.hoverSpread}px ${alpha(colorPalette.main, GLOW.hoverAlpha)}` } }),\n\n      // Pulse animation\n      ...(pulse &&\n        !glow && {\n          animation: `${pulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite` }),\n\n      // Both glow and pulse\n      ...(glow &&\n        pulse && {\n          animation: `${glowPulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite, ${pulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite`,\n          filter: `brightness(${GLOW.brightness})`,\n        }),\n\n});\n\nconst badgeAnimationStyles = ({\n  animate,\n  bounce,\n  shimmer,\n  glow: _glow,\n  pulse: _pulse,\n  customVariant,\n  colorPalette,\n  theme }: {\n  animate?: boolean;\n  bounce?: boolean;\n  shimmer?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  customVariant?: BadgeVariant;\n  colorPalette: BadgePalette;\n  theme: Theme;\n}): CSSObject => ({\n      ...(animate &&\n        !bounce && {\n          animation: `${fadeInScaleAnimation} ${FADE_IN_SCALE.durationMs / 1000}s cubic-bezier(0.68, -0.55, 0.265, 1.55)` }),\n\n      // Bounce animation\n      ...(bounce && {\n        animation: `${bounceAnimation} ${BOUNCE.durationMs / 1000}s ease-in-out` }),\n\n      // Shimmer effect\n      ...(shimmer && {\n        background:\n          customVariant === 'gradient'\n            ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`\n            : colorPalette.main,\n        backgroundSize: shimmer ? '1000px 100%' : 'auto',\n        position: 'relative',\n        overflow: 'hidden',\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          background: `linear-gradient(\n            90deg,\n            transparent,\n            ${sheen(theme, SHIMMER.alpha)},\n            transparent\n          )`,\n          animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1000}s infinite` } }) });\n\n// The badge chip's own styling, lifted out so the styled() callback just\n// forwards its props.\ninterface BadgeStyleArgs {\n  theme: Theme;\n  customVariant?: BadgeVariant;\n  customSize?: BadgeSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n  shimmer?: boolean;\n  bounce?: boolean;\n  hasIcon?: boolean;\n}\n\nexport const badgeStyles = ({\n  theme,\n  customVariant,\n  customSize = 'md',\n  customColor = 'primary',\n  glow,\n  pulse,\n  animate,\n  shimmer,\n  bounce,\n  hasIcon }: BadgeStyleArgs): CSSObject => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '--glow-color': rgbValuesOf(colorPalette.main),\n    '& .MuiBadge-badge': {\n      transition: `all ${BADGE_TRANSITION_MS / 1000}s ${BADGE_TRANSITION_EASING}`,\n      fontWeight: BADGE_FONT_WEIGHT,\n      border: `${BADGE_BORDER_WIDTH}px solid ${theme.palette.background.paper}`,\n      letterSpacing: `${BADGE_LETTER_SPACING_EM}em`,\n      textTransform:\n        customVariant === 'gradient' || customVariant === 'glass' ? 'uppercase' : 'none',\n      willChange: 'transform, opacity',\n      backfaceVisibility: 'hidden',\n\n      // Outline variant\n\n      // Destructive variant\n\n      // Warning variant\n\n      // Adjust padding when icon is present\n      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),\n      ...(hasIcon && {\n        paddingLeft: sizeStyles.padding.split(' ')[1],\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: `${BADGE_CONTENT_GAP}px`,\n      }),\n\n      // Animation on mount\n      ...badgeAnimationStyles({\n        animate,\n        bounce,\n        shimmer,\n        glow,\n        pulse,\n        customVariant,\n        colorPalette,\n        theme }),\n      ...badgeLightingStyles({ glow, pulse, colorPalette }),\n\n      '&:not(.MuiBadge-dot):hover': {\n        transform: `scale(${HOVER_SCALE})`,\n        zIndex: 1 } } };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AAuCtB,IAAM,oBAAoB,CAAC,OAAc,UAAkB;AACzD,QAAM,WAA0E;AAAA,IAC9E,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA;AAAA;AAAA,IAGpB,QAAQ,MAAM,QAAQ;AAAA,IACtB,SAAS,UAAU,OAAO,SAAS;AAAA,EAAE;AAEvC,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAIA,IAAM,UAUF,OAAO;AAAA,EACT,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,OAAO,MAAM;AAAA,IACnD;AAAA,IACA;AAAA,MACE,UAAU,QAAQ;AAAA,MAClB,QAAQ,QAAQ;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,KAAK,QAAQ,iBAAiB;AAAA,MACvC,SAAS,QAAQ;AAAA,IACnB;AAAA,EACF,CAAC;AACH;AAKO,IAAM,gBAAgB,CAAC,SAAoB,QAAQ,IAAI,KAAK,QAAQ;AAEpE,IAAM,kBAAkB,CAAC,aAC9B,YAAa,YAAY,WAAiD;AAM5E,IAAM,cAAc,CAAC,UAA0B;AAC7C,MAAI,MAAM,WAAW,GAAG,GAAG;AACzB,UAAM,MAAM,MAAM,MAAM,CAAC;AACzB,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,SAAS,IAAI,MAAM,QAAQ,SAAS,CAAC,GAAG,EAAE,CAAC;AACvF,WAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AAAA,EACzB;AAEA,QAAM,QAAQ,MAAM,MAAM,MAAM;AAChC,MAAI,MAAO,QAAO,GAAG,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;AACvD,SAAO;AACT;AAGA,IAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAa,OAIG;AAAA;AAAA,EAEZ,GAAI,QACF,CAAC,SAAS;AAAA,IACR,WAAW,OAAO,KAAK,IAAI,MAAM,KAAK,MAAM,MAAM,MAAM,aAAa,MAAM,KAAK,KAAK,CAAC;AAAA,IACtF,QAAQ,cAAc,KAAK,UAAU;AAAA,IACrC,WAAW;AAAA,MACT,WAAW,OAAO,KAAK,SAAS,MAAM,KAAK,WAAW,MAAM,MAAM,aAAa,MAAM,KAAK,UAAU,CAAC;AAAA,IAAG;AAAA,EAAE;AAAA;AAAA,EAGhH,GAAI,SACF,CAAC,QAAQ;AAAA,IACP,WAAW,GAAG,cAAc,IAAI,MAAM,aAAa,GAAI;AAAA,EAAyB;AAAA;AAAA,EAGpF,GAAI,QACF,SAAS;AAAA,IACP,WAAW,GAAG,kBAAkB,IAAI,MAAM,aAAa,GAAI,2BAA2B,cAAc,IAAI,MAAM,aAAa,GAAI;AAAA,IAC/H,QAAQ,cAAc,KAAK,UAAU;AAAA,EACvC;AAER;AAEA,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAM,OASU;AAAA,EACZ,GAAI,WACF,CAAC,UAAU;AAAA,IACT,WAAW,GAAG,oBAAoB,IAAI,cAAc,aAAa,GAAI;AAAA,EAA2C;AAAA;AAAA,EAGpH,GAAI,UAAU;AAAA,IACZ,WAAW,GAAG,eAAe,IAAI,OAAO,aAAa,GAAI;AAAA,EAAgB;AAAA;AAAA,EAG3E,GAAI,WAAW;AAAA,IACb,YACE,kBAAkB,aACd,2BAA2B,aAAa,IAAI,QAAQ,aAAa,QAAQ,aAAa,IAAI,WAC1F,aAAa;AAAA,IACnB,gBAAgB,UAAU,gBAAgB;AAAA,IAC1C,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA;AAAA;AAAA,cAGR,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,MAG/B,WAAW,GAAG,gBAAgB,IAAI,QAAQ,aAAa,GAAI;AAAA,IAAa;AAAA,EAAE;AAAG;AAiBhF,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAQ,MAAiC;AACzC,QAAM,eAAe,kBAAkB,OAAO,WAAW;AACzD,QAAM,aAAa,cAAc,UAAU;AAE3C,SAAO;AAAA,IACL,gBAAgB,YAAY,aAAa,IAAI;AAAA,IAC7C,qBAAqB;AAAA,MACnB,YAAY,OAAO,sBAAsB,GAAI,KAAK,uBAAuB;AAAA,MACzE,YAAY;AAAA,MACZ,QAAQ,GAAG,kBAAkB,YAAY,MAAM,QAAQ,WAAW,KAAK;AAAA,MACvE,eAAe,GAAG,uBAAuB;AAAA,MACzC,eACE,kBAAkB,cAAc,kBAAkB,UAAU,cAAc;AAAA,MAC5E,YAAY;AAAA,MACZ,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,MASpB,GAAG,mBAAmB,OAAO,cAAc,YAAY,aAAa;AAAA,MACpE,GAAI,WAAW;AAAA,QACb,aAAa,WAAW,QAAQ,MAAM,GAAG,EAAE,CAAC;AAAA,QAC5C,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK,GAAG,iBAAiB;AAAA,MAC3B;AAAA;AAAA,MAGA,GAAG,qBAAqB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAM,CAAC;AAAA,MACT,GAAG,oBAAoB,EAAE,MAAM,OAAO,aAAa,CAAC;AAAA,MAEpD,8BAA8B;AAAA,QAC5B,WAAW,SAAS,WAAW;AAAA,QAC/B,QAAQ;AAAA,MAAE;AAAA,IAAE;AAAA,EAAE;AACtB;","names":[]}

package/dist/chunk-7LIXQZBG.js

@@ -1,193 +0,0 @@
-import {
-  MenubarToolbar
-} from "./chunk-TTAP5XFX.js";
-import {
-  barStyles
-} from "./chunk-7DN4UXJ3.js";
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Menubar/Menubar.tsx
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import AppBar from "@mui/material/AppBar/index.js";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "neutral",
-  orientation: "horizontal",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  sticky: false,
-  transparent: false,
-  blur: false,
-  elevation: 4,
-  fullWidth: true
-};
-var Menubar = (props) => {
-  const {
-    ariaLabel,
-    items,
-    variant,
-    size,
-    color,
-    orientation,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    loading,
-    disabled,
-    className,
-    style,
-    logo,
-    endContent,
-    sticky,
-    transparent,
-    blur,
-    elevation,
-    fullWidth,
-    onClick,
-    onFocus,
-    onBlur,
-    "data-testid": dataTestId
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const { activeMenu, menuRefs, handleMenuOpen, handleMenuClose, handleItemClick } = useMenubarMenus(onClick);
-  const isVertical = orientation === "vertical";
-  const barSx = barStyles(theme, {
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    blur,
-    transparent,
-    elevation
-  });
-  const content = /* @__PURE__ */ jsx(
-    MenubarToolbar,
-    {
-      ariaLabel,
-      barSx,
-      items,
-      size,
-      orientation,
-      disabled,
-      loading,
-      logo,
-      endContent,
-      fullWidth,
-      activeMenu,
-      menuRefs,
-      onOpen: handleMenuOpen,
-      onActivate: handleItemClick,
-      onClose: handleMenuClose,
-      onFocus,
-      onBlur
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className,
-        sx: {
-          ...style,
-          position: sticky ? "sticky" : "relative",
-          top: sticky ? 0 : "auto",
-          zIndex: theme.zIndex.appBar
-        },
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    AppBar,
-    {
-      position: sticky ? "sticky" : "static",
-      className,
-      "data-testid": dataTestId,
-      sx: { ...barSx, ...style },
-      elevation: 0,
-      component: "header",
-      children: content
-    }
-  );
-};
-var MenubarGroup = ({
-  label,
-  items,
-  icon,
-  disabled,
-  open,
-  onOpenChange,
-  onClick,
-  className,
-  style
-}) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const isOpen = open !== void 0 ? open : Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-    onOpenChange?.(false);
-  };
-  const handleItemClick = (item) => {
-    if (item.action) {
-      item.action();
-    }
-    onClick?.(item);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleClick,
-        disabled,
-        startIcon: icon,
-        endIcon: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}),
-        className,
-        sx: style,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open: isOpen, onClose: handleClose, children: items.map(
-      (item) => item.divider ? /* @__PURE__ */ jsx(Divider, {}, item.id) : /* @__PURE__ */ jsxs(MenuItem, { onClick: () => handleItemClick(item), disabled: item.disabled, children: [
-        item.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { children: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { ml: 2 }, children: item.shortcut })
-      ] }, item.id)
-    ) })
-  ] });
-};
-
-export {
-  Menubar,
-  MenubarGroup
-};
-//# sourceMappingURL=chunk-7LIXQZBG.js.map