@d4gger/design-system 2.7.0

package/dist/components/menu/Menu.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+type MenuPrimitiveComponent = React.ElementType;
+type MenuPortalComponent = React.ElementType | null;
+interface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {
+    root?: MenuPrimitiveComponent;
+}
+declare function MenuRoot({ children, root: Root, ...props }: MenuRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuRoot {
+    var displayName: string;
+}
+interface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
+    trigger?: MenuPrimitiveComponent;
+    triggerClassName?: string;
+}
+declare const MenuTrigger: React.ForwardRefExoticComponent<MenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {
+    portal?: MenuPortalComponent;
+    wrapWithTheme?: boolean;
+}
+declare function MenuPortal({ children, portal: Portal, wrapWithTheme, ...props }: MenuPortalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuPortal {
+    var displayName: string;
+}
+interface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {
+    content?: MenuPrimitiveComponent;
+    contentClassName?: string;
+    forceMount?: boolean;
+    open?: boolean;
+    portal?: MenuPortalComponent;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    destructive?: boolean;
+    inset?: boolean;
+    item?: MenuPrimitiveComponent;
+    itemClassName?: string;
+}
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
+    separator?: MenuPrimitiveComponent;
+    separatorClassName?: string;
+}
+declare const MenuSeparator: React.ForwardRefExoticComponent<MenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {
+    overlay?: MenuPrimitiveComponent;
+    overlayClassName?: string;
+}
+declare const MenuOverlay: React.ForwardRefExoticComponent<MenuOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger };
+export type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps };
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAOtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA2ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/menu/Menu.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import classNames from "classnames";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { PortalThemeBoundary, PortalThemeWrapper } from "../../_internal/BaseDialog.js";
+import { usePrefersReducedMotion } from "../../_internal/index.js";
+import { MOTION_TRANSITIONS } from "../../_internal/motion.js";
+import { AnimatePresence, motion } from "../../motion/index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+function MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }) {
+  return /* @__PURE__ */ jsx(PortalThemeBoundary, { children: /* @__PURE__ */ jsx(Root, { ...props, children }) });
+}
+MenuRoot.displayName = "MenuRoot";
+const MenuTrigger = React.forwardRef(
+  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Trigger,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: classNames("dsx-menu__trigger", triggerClassName, className)
+      }
+    );
+  }
+);
+MenuTrigger.displayName = "MenuTrigger";
+function MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }) {
+  const content = wrapWithTheme && React.isValidElement(children) ? /* @__PURE__ */ jsx(PortalThemeWrapper, { children }) : children;
+  if (Portal === null) {
+    return /* @__PURE__ */ jsx(Fragment, { children: content });
+  }
+  return /* @__PURE__ */ jsx(Portal, { ...props, children: content });
+}
+MenuPortal.displayName = "MenuPortal";
+const MenuContent = React.forwardRef(
+  ({
+    children,
+    className,
+    content: Content = DropdownMenuPrimitive.Content,
+    contentClassName,
+    forceMount = false,
+    open = true,
+    portal = DropdownMenuPrimitive.Portal,
+    sideOffset,
+    size = "md",
+    ...props
+  }, forwardedRef) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const isPresent = open || forceMount;
+    const contentSideOffset = sideOffset === void 0 ? null : { sideOffset };
+    return /* @__PURE__ */ jsx(MenuPortal, { portal, children: /* @__PURE__ */ jsx(AnimatePresence, { children: isPresent ? /* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(Content, { ...props, ...contentSideOffset, ref: forwardedRef, forceMount: true, asChild: true, children: /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: classNames("dsx-menu", "dsx-menu__content", contentClassName, className),
+        "data-size": size,
+        initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 },
+        animate: prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 },
+        exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 },
+        transition: prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.menu,
+        children
+      }
+    ) }) }) : null }) });
+  }
+);
+MenuContent.displayName = "MenuContent";
+const MenuItem = React.forwardRef(
+  ({
+    className,
+    destructive = false,
+    inset = false,
+    item: Item = DropdownMenuPrimitive.Item,
+    itemClassName,
+    ...props
+  }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Item,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: classNames("dsx-menu__item", itemClassName, className),
+        "data-destructive": destructive ? "true" : void 0,
+        "data-inset": inset ? "true" : void 0
+      }
+    );
+  }
+);
+MenuItem.displayName = "MenuItem";
+const MenuSeparator = React.forwardRef(
+  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Separator,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: classNames("dsx-menu__separator", separatorClassName, className)
+      }
+    );
+  }
+);
+MenuSeparator.displayName = "MenuSeparator";
+const MenuOverlay = React.forwardRef(
+  ({ className, overlay: Overlay = "div", overlayClassName, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(Overlay, { ...props, ref: forwardedRef, className: classNames("dsx-menu__overlay", overlayClassName, className) });
+  }
+);
+MenuOverlay.displayName = "MenuOverlay";
+export {
+  MenuContent,
+  MenuItem,
+  MenuOverlay,
+  MenuPortal,
+  MenuRoot,
+  MenuSeparator,
+  MenuTrigger
+};
+//# sourceMappingURL=Menu.js.map

package/dist/components/menu/Menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menu/Menu.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, className)}\n                  data-size={size}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,2BAA2B;AAEvC,SAAS,qBAAqB,0BAA0B;AACxD,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB,cAAc;AAYlC,SAmCK,UAnCL;AAHN,SAAS,SAAS,EAAE,UAAU,MAAM,OAAO,sBAAsB,MAAM,GAAG,MAAM,GAAkB;AAChG,SACE,oBAAC,uBACC,8BAAC,QAAM,GAAG,OAAQ,UAAS,GAC7B;AAEJ;AACA,SAAS,cAAc;AAOvB,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,SAAS,UAAU,sBAAsB,SAAS,kBAAkB,GAAG,MAAM,GAAG,iBAAiB;AAC7G,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,qBAAqB,kBAAkB,SAAS;AAAA;AAAA,IACxE;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAO1B,SAAS,WAAW,EAAE,UAAU,QAAQ,SAAS,sBAAsB,QAAQ,gBAAgB,OAAO,GAAG,MAAM,GAAoB;AACjI,QAAM,UAAU,iBAAiB,MAAM,eAAe,QAAQ,IAC1D,oBAAC,sBAAoB,UAA+B,IACpD;AAEJ,MAAI,WAAW,MAAM;AACnB,WAAO,gCAAG,mBAAQ;AAAA,EACpB;AAEA,SAAO,oBAAC,UAAQ,GAAG,OAAQ,mBAAQ;AACrC;AACA,WAAW,cAAc;AAWzB,MAAM,cAAc,MAAM;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,UAAU,sBAAsB;AAAA,IACzC;AAAA,IACA,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS,sBAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,uBAAuB,wBAAwB;AACrD,UAAM,YAAY,QAAQ;AAC1B,UAAM,oBAAoB,eAAe,SAAY,OAAO,EAAE,WAAW;AAEzE,WACE,oBAAC,cAAW,QACV,8BAAC,mBACE,sBACC,oBAAC,sBACC,8BAAC,WAAS,GAAG,OAAQ,GAAG,mBAAmB,KAAK,cAAc,YAAU,MAAC,SAAO,MAC9E;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAW,WAAW,YAAY,qBAAqB,kBAAkB,SAAS;AAAA,QAClF,aAAW;AAAA,QACX,SAAS,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QACpE,SAAS,uBAAuB,EAAE,SAAS,OAAO,IAAI,EAAE,IAAI,EAAE,SAAS,OAAO,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE;AAAA,QACrG,MAAM,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QACjE,YAAY,uBAAuB,mBAAmB,UAAU,mBAAmB;AAAA,QAElF;AAAA;AAAA,IACH,GACF,GACF,IACE,MACN,GACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAS1B,MAAM,WAAW,MAAM;AAAA,EACrB,CACE;AAAA,IACE;AAAA,IACA,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,MAAM,OAAO,sBAAsB;AAAA,IACnC;AAAA,IACA,GAAG;AAAA,EACL,GACA,iBACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,kBAAkB,eAAe,SAAS;AAAA,QAChE,oBAAkB,cAAc,SAAS;AAAA,QACzC,cAAY,QAAQ,SAAS;AAAA;AAAA,IAC/B;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAOvB,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,WAAW,YAAY,sBAAsB,WAAW,oBAAoB,GAAG,MAAM,GAAG,iBAAiB;AACrH,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,uBAAuB,oBAAoB,SAAS;AAAA;AAAA,IAC5E;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAO5B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,SAAS,UAAU,OAAO,kBAAkB,GAAG,MAAM,GAAG,iBAAiB;AACrF,WAAO,oBAAC,WAAS,GAAG,OAAO,KAAK,cAAc,WAAW,WAAW,qBAAqB,kBAAkB,SAAS,GAAG;AAAA,EACzH;AACF;AACA,YAAY,cAAc;",
+  "names": []
+}

package/dist/components/menu/menu.props.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var menu_props_exports = {};
+__export(menu_props_exports, {
+  menuContentPropDefs: () => menuContentPropDefs,
+  menuSizeValues: () => menuSizeValues
+});
+module.exports = __toCommonJS(menu_props_exports);
+const menuSizeValues = ["sm", "md", "lg"];
+const menuContentPropDefs = {
+  size: {
+    type: "enum",
+    values: menuSizeValues,
+    default: "md"
+  }
+};
+//# sourceMappingURL=menu.props.cjs.map

package/dist/components/menu/menu.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menu/menu.props.ts"],
+  "sourcesContent": ["import type { PropDef } from '../../_internal/props/propDef'\n\nconst menuSizeValues = ['sm', 'md', 'lg'] as const\n\nconst menuContentPropDefs = {\n  size: {\n    type: 'enum',\n    values: menuSizeValues,\n    default: 'md',\n  },\n} satisfies {\n  size: PropDef<(typeof menuSizeValues)[number]>\n}\n\nexport { menuContentPropDefs, menuSizeValues }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AAExC,MAAM,sBAAsB;AAAA,EAC1B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/menu/menu.props.d.cts

@@ -0,0 +1,10 @@
+declare const menuSizeValues: readonly ["sm", "md", "lg"];
+declare const menuContentPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+export { menuContentPropDefs, menuSizeValues };
+//# sourceMappingURL=menu.props.d.cts.map

package/dist/components/menu/menu.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.props.d.cts","sourceRoot":"","sources":["../../../src/components/menu/menu.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,6BAA8B,CAAA;AAElD,QAAA,MAAM,mBAAmB;;;;;;CAQxB,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/menu/menu.props.d.mts

@@ -0,0 +1,10 @@
+declare const menuSizeValues: readonly ["sm", "md", "lg"];
+declare const menuContentPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+export { menuContentPropDefs, menuSizeValues };
+//# sourceMappingURL=menu.props.d.mts.map

package/dist/components/menu/menu.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.props.d.mts","sourceRoot":"","sources":["../../../src/components/menu/menu.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,6BAA8B,CAAA;AAElD,QAAA,MAAM,mBAAmB;;;;;;CAQxB,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/menu/menu.props.d.ts

@@ -0,0 +1,10 @@
+declare const menuSizeValues: readonly ["sm", "md", "lg"];
+declare const menuContentPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+export { menuContentPropDefs, menuSizeValues };
+//# sourceMappingURL=menu.props.d.ts.map

package/dist/components/menu/menu.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.props.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,6BAA8B,CAAA;AAElD,QAAA,MAAM,mBAAmB;;;;;;CAQxB,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/menu/menu.props.js

@@ -0,0 +1,13 @@
+const menuSizeValues = ["sm", "md", "lg"];
+const menuContentPropDefs = {
+  size: {
+    type: "enum",
+    values: menuSizeValues,
+    default: "md"
+  }
+};
+export {
+  menuContentPropDefs,
+  menuSizeValues
+};
+//# sourceMappingURL=menu.props.js.map

package/dist/components/menu/menu.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menu/menu.props.ts"],
+  "sourcesContent": ["import type { PropDef } from '../../_internal/props/propDef'\n\nconst menuSizeValues = ['sm', 'md', 'lg'] as const\n\nconst menuContentPropDefs = {\n  size: {\n    type: 'enum',\n    values: menuSizeValues,\n    default: 'md',\n  },\n} satisfies {\n  size: PropDef<(typeof menuSizeValues)[number]>\n}\n\nexport { menuContentPropDefs, menuSizeValues }\n"],
+  "mappings": "AAEA,MAAM,iBAAiB,CAAC,MAAM,MAAM,IAAI;AAExC,MAAM,sBAAsB;AAAA,EAC1B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/menu.css

@@ -0,0 +1,72 @@
+
+
+@keyframes dsx-menu-in {
+  from { opacity: 0; transform: scale(0.95); }
+  to   { opacity: 1; transform: scale(1); }
+}
+
+@keyframes dsx-menu-out {
+  from { opacity: 1; transform: scale(1); }
+  to   { opacity: 0; transform: scale(0.95); }
+}
+
+.dsx-menu__trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--dsx-space-xs);
+  cursor: pointer;
+}
+
+.dsx-menu,
+.dsx-menu__content {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+  overflow-x: hidden;
+  overflow-y: auto;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+
+.dsx-menu[data-state='open'],
+.dsx-menu__content[data-state='open'] {
+  animation: dsx-menu-in var(--dsx-motion-duration-fast) var(--dsx-motion-easing-emphasized);
+}
+
+.dsx-menu[data-state='closed'],
+.dsx-menu__content[data-state='closed'] {
+  animation: dsx-menu-out var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in);
+}
+
+.dsx-menu__item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--dsx-space-sm);
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  border-radius: var(--dsx-rounded-sm);
+  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-medium-font-size);
+  color: var(--dsx-color-on-surface);
+  cursor: default;
+  user-select: none;
+  outline: none;
+}
+
+.dsx-menu__item[data-highlighted] {
+  background: var(--dsx-effect-hover-ghost);
+}
+
+.dsx-menu__item[data-disabled] {
+  opacity: var(--dsx-opacity-disabled);
+  pointer-events: none;
+}
+
+.dsx-menu__separator {
+  height: 1px;
+  margin: var(--dsx-space-xs) calc(-1 * var(--dsx-space-xs));
+  background: var(--dsx-color-outline-variant);
+}
+
+.dsx-menu__overlay {
+  position: fixed;
+  inset: 0;
+  z-index: calc(var(--dsx-z-index-dropdown) - 1);
+}

package/dist/components/menubar/Menubar.cjs

@@ -0,0 +1,202 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Menubar_exports = {};
+__export(Menubar_exports, {
+  Menubar: () => Menubar,
+  MenubarCheckboxItem: () => MenubarCheckboxItem,
+  MenubarContent: () => MenubarContent,
+  MenubarGroup: () => MenubarGroup,
+  MenubarItem: () => MenubarItem,
+  MenubarLabel: () => MenubarLabel,
+  MenubarMenu: () => MenubarMenu,
+  MenubarPortal: () => MenubarPortal,
+  MenubarRadioGroup: () => MenubarRadioGroup,
+  MenubarRadioItem: () => MenubarRadioItem,
+  MenubarRoot: () => MenubarRoot,
+  MenubarSeparator: () => MenubarSeparator,
+  MenubarShortcut: () => MenubarShortcut,
+  MenubarSub: () => MenubarSub,
+  MenubarSubContent: () => MenubarSubContent,
+  MenubarSubTrigger: () => MenubarSubTrigger,
+  MenubarTrigger: () => MenubarTrigger
+});
+module.exports = __toCommonJS(Menubar_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_BaseDialog = require("../../_internal/BaseDialog");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Icon = require("../icon/Icon");
+var import_menubar = require("./menubar.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const MenubarRoot = React.forwardRef(
+  ({ children, className, size = "md", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Root, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar", className), "data-size": size, children }) });
+  }
+);
+MenubarRoot.displayName = "Menubar";
+const MenubarMenu = MenubarPrimitive.Menu;
+const MenubarGroup = MenubarPrimitive.Group;
+const MenubarPortal = MenubarPrimitive.Portal;
+const MenubarSub = MenubarPrimitive.Sub;
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+const MenubarTrigger = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Trigger, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__trigger", className) });
+  }
+);
+MenubarTrigger.displayName = "MenubarTrigger";
+const MenubarContent = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Content, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__content", className) }) }) });
+  }
+);
+MenubarContent.displayName = "MenubarContent";
+const MenubarLabel = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Label, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__label", className) });
+  }
+);
+MenubarLabel.displayName = "MenubarLabel";
+const MenubarSeparator = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.Separator, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__separator", className) });
+  }
+);
+MenubarSeparator.displayName = "MenubarSeparator";
+const MenubarItem = React.forwardRef(
+  ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {
+    const { className, ...itemProps } = (0, import_extractProps.extractProps)(
+      {
+        ...props,
+        className: propClassName,
+        destructive,
+        inset
+      },
+      import_menubar.menubarItemPropDefs
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MenubarPrimitive.Item,
+      {
+        ...itemProps,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-menubar__item", className),
+        "data-destructive": destructive ? "true" : void 0,
+        "data-inset": inset ? "true" : void 0
+      }
+    );
+  }
+);
+MenubarItem.displayName = "MenubarItem";
+const MenubarCheckboxItem = React.forwardRef(
+  ({ className, children, checked, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      MenubarPrimitive.CheckboxItem,
+      {
+        ...props,
+        ref: forwardedRef,
+        checked,
+        className: (0, import_classnames.default)("dsx-menubar__item", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-menubar__item-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.ItemIndicator, { children: checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "minus", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "check", size: "sm" }) }) }),
+          children
+        ]
+      }
+    );
+  }
+);
+MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
+const MenubarRadioItem = React.forwardRef(
+  ({ className, children, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MenubarPrimitive.RadioItem, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__item", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-menubar__item-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-menubar__radio-dot" }) }) }),
+      children
+    ] });
+  }
+);
+MenubarRadioItem.displayName = "MenubarRadioItem";
+const MenubarSubTrigger = React.forwardRef(
+  ({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {
+    const { className, ...subTriggerProps } = (0, import_extractProps.extractProps)(
+      {
+        ...props,
+        className: propClassName,
+        inset
+      },
+      import_menubar.menubarSubTriggerPropDefs
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      MenubarPrimitive.SubTrigger,
+      {
+        ...subTriggerProps,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-menubar__item", "dsx-menubar__sub-trigger", className),
+        "data-inset": inset ? "true" : void 0,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "chevron-right", size: "sm", className: "dsx-menubar__sub-chevron" })
+        ]
+      }
+    );
+  }
+);
+MenubarSubTrigger.displayName = "MenubarSubTrigger";
+const MenubarSubContent = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenubarPrimitive.SubContent, { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__content", className) }) });
+  }
+);
+MenubarSubContent.displayName = "MenubarSubContent";
+const MenubarShortcut = React.forwardRef((props, forwardedRef) => {
+  const { asChild, className, ...shortcutProps } = (0, import_extractProps.extractProps)(props, import_menubar.menubarShortcutPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...shortcutProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-menubar__shortcut", className) });
+});
+MenubarShortcut.displayName = "MenubarShortcut";
+const Menubar = Object.assign(MenubarRoot, {
+  Root: MenubarRoot,
+  Menu: MenubarMenu,
+  Trigger: MenubarTrigger,
+  Content: MenubarContent,
+  Item: MenubarItem,
+  Label: MenubarLabel,
+  Separator: MenubarSeparator,
+  Group: MenubarGroup,
+  Sub: MenubarSub,
+  RadioGroup: MenubarRadioGroup,
+  Portal: MenubarPortal,
+  CheckboxItem: MenubarCheckboxItem,
+  RadioItem: MenubarRadioItem,
+  SubTrigger: MenubarSubTrigger,
+  SubContent: MenubarSubContent,
+  Shortcut: MenubarShortcut
+});
+Menubar.displayName = "Menubar";
+//# sourceMappingURL=Menubar.cjs.map

package/dist/components/menubar/Menubar.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/menubar/Menubar.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as MenubarPrimitive from '@radix-ui/react-menubar'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { menubarItemPropDefs, menubarShortcutPropDefs, menubarSubTriggerPropDefs } from './menubar.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype MenubarItemOwnProps = GetPropDefTypes<typeof menubarItemPropDefs>\ntype MenubarSubTriggerOwnProps = GetPropDefTypes<typeof menubarSubTriggerPropDefs>\ntype MenubarShortcutOwnProps = GetPropDefTypes<typeof menubarShortcutPropDefs>\n\ntype MenubarRootProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & { size?: 'sm' | 'md' | 'lg' }\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\ntype MenubarLabelProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label>\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item>, MenubarItemOwnProps {}\n\ninterface MenubarSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger>,\n    MenubarSubTriggerOwnProps {}\n\ninterface MenubarShortcutProps extends React.ComponentPropsWithoutRef<'span'>, MenubarShortcutOwnProps {}\n\nconst MenubarRoot = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Root>, MenubarRootProps>(\n  ({ children, className, size = 'md', ...props }, forwardedRef) => {\n    return (\n      <PortalThemeBoundary>\n        <MenubarPrimitive.Root {...props} ref={forwardedRef} className={classNames('dsx-menubar', className)} data-size={size}>\n          {children}\n        </MenubarPrimitive.Root>\n      </PortalThemeBoundary>\n    )\n  },\n)\nMenubarRoot.displayName = 'Menubar'\n\nconst MenubarMenu: typeof MenubarPrimitive.Menu = MenubarPrimitive.Menu\nconst MenubarGroup: typeof MenubarPrimitive.Group = MenubarPrimitive.Group\nconst MenubarPortal: typeof MenubarPrimitive.Portal = MenubarPrimitive.Portal\nconst MenubarSub: typeof MenubarPrimitive.Sub = MenubarPrimitive.Sub\nconst MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup = MenubarPrimitive.RadioGroup\n\nconst MenubarTrigger = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Trigger>, MenubarTriggerProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <MenubarPrimitive.Trigger {...props} ref={forwardedRef} className={classNames('dsx-menubar__trigger', className)} />\n    )\n  },\n)\nMenubarTrigger.displayName = 'MenubarTrigger'\n\nconst MenubarContent = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Content>, MenubarContentProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <MenubarPrimitive.Portal>\n        <PortalThemeWrapper>\n          <MenubarPrimitive.Content {...props} ref={forwardedRef} className={classNames('dsx-menubar__content', className)} />\n        </PortalThemeWrapper>\n      </MenubarPrimitive.Portal>\n    )\n  },\n)\nMenubarContent.displayName = 'MenubarContent'\n\nconst MenubarLabel = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Label>, MenubarLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <MenubarPrimitive.Label {...props} ref={forwardedRef} className={classNames('dsx-menubar__label', className)} />\n  },\n)\nMenubarLabel.displayName = 'MenubarLabel'\n\nconst MenubarSeparator = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Separator>, MenubarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <MenubarPrimitive.Separator {...props} ref={forwardedRef} className={classNames('dsx-menubar__separator', className)} />\n  },\n)\nMenubarSeparator.displayName = 'MenubarSeparator'\n\nconst MenubarItem = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.Item>, MenubarItemProps>(\n  ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        destructive,\n        inset,\n      },\n      menubarItemPropDefs,\n    )\n\n    return (\n      <MenubarPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('dsx-menubar__item', className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenubarItem.displayName = 'MenubarItem'\n\nconst MenubarCheckboxItem = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.CheckboxItem>, MenubarCheckboxItemProps>(\n  ({ className, children, checked, ...props }, forwardedRef) => {\n    return (\n      <MenubarPrimitive.CheckboxItem\n        {...props}\n        ref={forwardedRef}\n        checked={checked}\n        className={classNames('dsx-menubar__item', className)}\n      >\n        <span className=\"dsx-menubar__item-indicator\">\n          <MenubarPrimitive.ItemIndicator>\n            {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n          </MenubarPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </MenubarPrimitive.CheckboxItem>\n    )\n  },\n)\nMenubarCheckboxItem.displayName = 'MenubarCheckboxItem'\n\nconst MenubarRadioItem = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.RadioItem>, MenubarRadioItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <MenubarPrimitive.RadioItem {...props} ref={forwardedRef} className={classNames('dsx-menubar__item', className)}>\n        <span className=\"dsx-menubar__item-indicator\">\n          <MenubarPrimitive.ItemIndicator>\n            <span className=\"dsx-menubar__radio-dot\" />\n          </MenubarPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </MenubarPrimitive.RadioItem>\n    )\n  },\n)\nMenubarRadioItem.displayName = 'MenubarRadioItem'\n\nconst MenubarSubTrigger = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.SubTrigger>, MenubarSubTriggerProps>(\n  ({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n    const { className, ...subTriggerProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        inset,\n      },\n      menubarSubTriggerPropDefs,\n    )\n\n    return (\n      <MenubarPrimitive.SubTrigger\n        {...subTriggerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-menubar__item', 'dsx-menubar__sub-trigger', className)}\n        data-inset={inset ? 'true' : undefined}\n      >\n        {children}\n        <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-menubar__sub-chevron\" />\n      </MenubarPrimitive.SubTrigger>\n    )\n  },\n)\nMenubarSubTrigger.displayName = 'MenubarSubTrigger'\n\nconst MenubarSubContent = React.forwardRef<React.ComponentRef<typeof MenubarPrimitive.SubContent>, MenubarSubContentProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <PortalThemeWrapper>\n        <MenubarPrimitive.SubContent {...props} ref={forwardedRef} className={classNames('dsx-menubar__content', className)} />\n      </PortalThemeWrapper>\n    )\n  },\n)\nMenubarSubContent.displayName = 'MenubarSubContent'\n\nconst MenubarShortcut = React.forwardRef<React.ComponentRef<'span'>, MenubarShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, menubarShortcutPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-menubar__shortcut', className)} />\n})\nMenubarShortcut.displayName = 'MenubarShortcut'\n\nconst Menubar: typeof MenubarRoot & {\n  Root: typeof MenubarRoot\n  Menu: typeof MenubarMenu\n  Trigger: typeof MenubarTrigger\n  Content: typeof MenubarContent\n  Item: typeof MenubarItem\n  Label: typeof MenubarLabel\n  Separator: typeof MenubarSeparator\n  Group: typeof MenubarGroup\n  Sub: typeof MenubarSub\n  RadioGroup: typeof MenubarRadioGroup\n  Portal: typeof MenubarPortal\n  CheckboxItem: typeof MenubarCheckboxItem\n  RadioItem: typeof MenubarRadioItem\n  SubTrigger: typeof MenubarSubTrigger\n  SubContent: typeof MenubarSubContent\n  Shortcut: typeof MenubarShortcut\n} = Object.assign(MenubarRoot, {\n  Root: MenubarRoot,\n  Menu: MenubarMenu,\n  Trigger: MenubarTrigger,\n  Content: MenubarContent,\n  Item: MenubarItem,\n  Label: MenubarLabel,\n  Separator: MenubarSeparator,\n  Group: MenubarGroup,\n  Sub: MenubarSub,\n  RadioGroup: MenubarRadioGroup,\n  Portal: MenubarPortal,\n  CheckboxItem: MenubarCheckboxItem,\n  RadioItem: MenubarRadioItem,\n  SubTrigger: MenubarSubTrigger,\n  SubContent: MenubarSubContent,\n  Shortcut: MenubarShortcut,\n})\nMenubar.displayName = 'Menubar'\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarRoot,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n}\nexport type {\n  MenubarCheckboxItemProps,\n  MenubarContentProps,\n  MenubarItemProps,\n  MenubarLabelProps,\n  MenubarRadioItemProps,\n  MenubarRootProps,\n  MenubarSeparatorProps,\n  MenubarShortcutProps,\n  MenubarSubContentProps,\n  MenubarSubTriggerProps,\n  MenubarTriggerProps,\n}\n"],
+  "mappings": "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",
+  "names": ["classNames"]
+}