@dev-dga/react 0.11.0 → 0.12.0

package/dist/{chunk-NUC6WJU4.cjs.map → chunk-CUOYBYI4.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NUC6WJU4.cjs","../src/components/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NUC6WJU4.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useDir } from '../../hooks/useDir';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip';\nimport { Skeleton } from '../Skeleton';\nimport { useSidebar } from './SidebarContext';\n\n// ─── Menu / MenuItem ─── //\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"sidebar-menu\" className={cn('ddga-sidebar__menu', className)} {...props} />;\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      className={cn('ddga-sidebar__menu-item', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuButton ─── //\n\nconst sidebarMenuButtonVariants = cva('ddga-sidebar__menu-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-button--sm',\n      md: 'ddga-sidebar__menu-button--md',\n      lg: 'ddga-sidebar__menu-button--lg',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuButtonProps\n  extends React.ComponentProps<'button'>, VariantProps<typeof sidebarMenuButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n  /** Tooltip content shown only when the rail is collapsed (desktop). */\n  tooltip?: React.ReactNode;\n}\n\nfunction SidebarMenuButton({\n  asChild,\n  isActive,\n  size,\n  tooltip,\n  className,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { state, isMobile } = useSidebar();\n  const dir = useDir();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  const button = (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip || state !== 'collapsed' || isMobile) {\n    return button;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span data-slot=\"tooltip-trigger\" style={{ display: 'contents' }}>\n          {button}\n        </span>\n      </TooltipTrigger>\n      <TooltipContent side={dir === 'rtl' ? 'left' : 'right'}>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// ─── MenuAction ─── //\n\ninterface SidebarMenuActionProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n  /** Reveal the action only on row hover/focus (CSS-driven). */\n  showOnHover?: boolean;\n}\n\nfunction SidebarMenuAction({ asChild, showOnHover, className, ...props }: SidebarMenuActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-action\"\n      data-show-on-hover={showOnHover || undefined}\n      className={cn('ddga-sidebar__menu-action', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuBadge ─── //\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"sidebar-menu-badge\"\n      className={cn('ddga-sidebar__menu-badge', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuSkeleton ─── //\n\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<'div'> {\n  showIcon?: boolean;\n}\n\nfunction SidebarMenuSkeleton({ showIcon, className, ...props }: SidebarMenuSkeletonProps) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      className={cn('ddga-sidebar__menu-skeleton', className)}\n      {...props}\n    >\n      {showIcon ? <Skeleton shape=\"circle\" width=\"1rem\" height=\"1rem\" /> : null}\n      <Skeleton shape=\"text\" className=\"ddga-sidebar__menu-skeleton-text\" />\n    </div>\n  );\n}\n\n// ─── MenuSub / MenuSubItem / MenuSubButton ─── //\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      className={cn('ddga-sidebar__menu-sub', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      className={cn('ddga-sidebar__menu-sub-item', className)}\n      {...props}\n    />\n  );\n}\n\nconst sidebarMenuSubButtonVariants = cva('ddga-sidebar__menu-sub-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-sub-button--sm',\n      md: 'ddga-sidebar__menu-sub-button--md',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuSubButtonProps\n  extends React.ComponentProps<'a'>, VariantProps<typeof sidebarMenuSubButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n}\n\nfunction SidebarMenuSubButton({\n  asChild,\n  isActive,\n  size,\n  className,\n  ...props\n}: SidebarMenuSubButtonProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuSubButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport {\n  SidebarMenu,\n  SidebarMenuItem,\n  SidebarMenuButton,\n  sidebarMenuButtonVariants,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n  sidebarMenuSubButtonVariants,\n};\nexport type {\n  SidebarMenuButtonProps,\n  SidebarMenuActionProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CUOYBYI4.cjs","../src/components/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CUOYBYI4.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useDir } from '../../hooks/useDir';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip';\nimport { Skeleton } from '../Skeleton';\nimport { useSidebar } from './SidebarContext';\n\n// ─── Menu / MenuItem ─── //\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"sidebar-menu\" className={cn('ddga-sidebar__menu', className)} {...props} />;\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      className={cn('ddga-sidebar__menu-item', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuButton ─── //\n\nconst sidebarMenuButtonVariants = cva('ddga-sidebar__menu-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-button--sm',\n      md: 'ddga-sidebar__menu-button--md',\n      lg: 'ddga-sidebar__menu-button--lg',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuButtonProps\n  extends React.ComponentProps<'button'>, VariantProps<typeof sidebarMenuButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n  /** Tooltip content shown only when the rail is collapsed (desktop). */\n  tooltip?: React.ReactNode;\n}\n\nfunction SidebarMenuButton({\n  asChild,\n  isActive,\n  size,\n  tooltip,\n  className,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { state, isMobile } = useSidebar();\n  const dir = useDir();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  const button = (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip || state !== 'collapsed' || isMobile) {\n    return button;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span data-slot=\"tooltip-trigger\" style={{ display: 'contents' }}>\n          {button}\n        </span>\n      </TooltipTrigger>\n      <TooltipContent side={dir === 'rtl' ? 'left' : 'right'}>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// ─── MenuAction ─── //\n\ninterface SidebarMenuActionProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n  /** Reveal the action only on row hover/focus (CSS-driven). */\n  showOnHover?: boolean;\n}\n\nfunction SidebarMenuAction({ asChild, showOnHover, className, ...props }: SidebarMenuActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-action\"\n      data-show-on-hover={showOnHover || undefined}\n      className={cn('ddga-sidebar__menu-action', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuBadge ─── //\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"sidebar-menu-badge\"\n      className={cn('ddga-sidebar__menu-badge', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuSkeleton ─── //\n\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<'div'> {\n  showIcon?: boolean;\n}\n\nfunction SidebarMenuSkeleton({ showIcon, className, ...props }: SidebarMenuSkeletonProps) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      className={cn('ddga-sidebar__menu-skeleton', className)}\n      {...props}\n    >\n      {showIcon ? <Skeleton shape=\"circle\" width=\"1rem\" height=\"1rem\" /> : null}\n      <Skeleton shape=\"text\" className=\"ddga-sidebar__menu-skeleton-text\" />\n    </div>\n  );\n}\n\n// ─── MenuSub / MenuSubItem / MenuSubButton ─── //\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      className={cn('ddga-sidebar__menu-sub', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      className={cn('ddga-sidebar__menu-sub-item', className)}\n      {...props}\n    />\n  );\n}\n\nconst sidebarMenuSubButtonVariants = cva('ddga-sidebar__menu-sub-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-sub-button--sm',\n      md: 'ddga-sidebar__menu-sub-button--md',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuSubButtonProps\n  extends React.ComponentProps<'a'>, VariantProps<typeof sidebarMenuSubButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n}\n\nfunction SidebarMenuSubButton({\n  asChild,\n  isActive,\n  size,\n  className,\n  ...props\n}: SidebarMenuSubButtonProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuSubButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport {\n  SidebarMenu,\n  SidebarMenuItem,\n  SidebarMenuButton,\n  sidebarMenuButtonVariants,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n  sidebarMenuSubButtonVariants,\n};\nexport type {\n  SidebarMenuButtonProps,\n  SidebarMenuActionProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n};\n"]}

package/dist/chunk-CWUZ4SZN.js

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

package/dist/{chunk-QGK2KYQS.js → chunk-CYHSWWH6.js}

@@ -1,6 +1,6 @@
 import {
   ChevronDown
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -11,21 +11,31 @@ import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var accordionVariants = cva("ddga-accordion", {
   variants: {
+    // Header pad-block per DGA: lg 16 / md 12 / sm 8 (title size is constant).
     size: {
-      sm: "ddga-accordion--sm",
-      md: "ddga-accordion--md"
+      lg: "ddga-accordion--lg",
+      md: "ddga-accordion--md",
+      sm: "ddga-accordion--sm"
+    },
+    iconAlign: {
+      leading: "ddga-accordion--icon-leading",
+      trailing: ""
+    },
+    flush: {
+      true: "ddga-accordion--flush"
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "lg",
+    iconAlign: "trailing"
   }
 });
-function Accordion({ size, className, ...props }) {
+function Accordion({ size, iconAlign, flush, className, ...props }) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
     {
       "data-slot": "accordion",
-      className: cn(accordionVariants({ size }), className),
+      className: cn(accordionVariants({ size, iconAlign, flush }), className),
       ...props
     }
   );
@@ -48,7 +58,7 @@ function AccordionTrigger({ className, children, ...props }) {
       className: cn("ddga-accordion__trigger", className),
       ...props,
       children: [
-        children,
+        /* @__PURE__ */ jsx("span", { className: "ddga-accordion__title", children }),
         /* @__PURE__ */ jsx(
           ChevronDown,
           {
@@ -80,4 +90,4 @@ export {
   AccordionTrigger,
   AccordionContent
 };
-//# sourceMappingURL=chunk-QGK2KYQS.js.map
+//# sourceMappingURL=chunk-CYHSWWH6.js.map

package/dist/chunk-CYHSWWH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronDown } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst accordionVariants = cva('ddga-accordion', {\n  variants: {\n    // Header pad-block per DGA: lg 16 / md 12 / sm 8 (title size is constant).\n    size: {\n      lg: 'ddga-accordion--lg',\n      md: 'ddga-accordion--md',\n      sm: 'ddga-accordion--sm',\n    },\n    iconAlign: {\n      leading: 'ddga-accordion--icon-leading',\n      trailing: '',\n    },\n    flush: {\n      true: 'ddga-accordion--flush',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    iconAlign: 'trailing',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix's Root is a `type` (single | multiple) discriminated union — mirror it, don't flatten it.\ntype AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;\ntype AccordionProps = AccordionRootProps & VariantProps<typeof accordionVariants>;\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;\n// `asChild` is unsupported — the trigger always renders its own title + chevron, so a Slot\n// would get two children and throw React.Children.only. Omit it so the API doesn't advertise it.\ntype AccordionTriggerProps = Omit<\n  React.ComponentProps<typeof AccordionPrimitive.Trigger>,\n  'asChild'\n>;\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Accordion({ size, iconAlign, flush, className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(accordionVariants({ size, iconAlign, flush }), className)}\n      {...(props as AccordionRootProps)}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('ddga-accordion__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header className=\"ddga-accordion__header\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn('ddga-accordion__trigger', className)}\n        {...props}\n      >\n        <span className=\"ddga-accordion__title\">{children}</span>\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"ddga-accordion__chevron\"\n          data-slot=\"accordion-chevron\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  // Inner div carries the padding so the height animation clips cleanly (no padding \"pop\").\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('ddga-accordion__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-accordion__content-inner\">{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants };\nexport type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps };\n"],"mappings":";;;;;;;;AAEA,SAAS,aAAa,0BAA0B;AAChD,SAAS,WAA8B;AA+CnC,cAqBE,YArBF;AAzCJ,IAAM,oBAAoB,IAAI,kBAAkB;AAAA,EAC9C,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF,CAAC;AAmBD,SAAS,UAAU,EAAE,MAAM,WAAW,OAAO,WAAW,GAAG,MAAM,GAAmB;AAClF,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kBAAkB,EAAE,MAAM,WAAW,MAAM,CAAC,GAAG,SAAS;AAAA,MACrE,GAAI;AAAA;AAAA,EACP;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAuB;AAClE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAA0B;AAClF,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,0BACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,yBAAyB,UAAS;AAAA,QAClD;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,aAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAA0B;AAElF,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,iCAAiC,UAAS;AAAA;AAAA,EAC3D;AAEJ;","names":[]}

package/dist/{chunk-GMBIFJOA.cjs → chunk-DAKCNDN5.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
@@ -11,21 +11,31 @@ var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var accordionVariants = _classvarianceauthority.cva.call(void 0, "ddga-accordion", {
   variants: {
+    // Header pad-block per DGA: lg 16 / md 12 / sm 8 (title size is constant).
     size: {
-      sm: "ddga-accordion--sm",
-      md: "ddga-accordion--md"
+      lg: "ddga-accordion--lg",
+      md: "ddga-accordion--md",
+      sm: "ddga-accordion--sm"
+    },
+    iconAlign: {
+      leading: "ddga-accordion--icon-leading",
+      trailing: ""
+    },
+    flush: {
+      true: "ddga-accordion--flush"
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "lg",
+    iconAlign: "trailing"
   }
 });
-function Accordion({ size, className, ...props }) {
+function Accordion({ size, iconAlign, flush, className, ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.Accordion.Root,
     {
       "data-slot": "accordion",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, accordionVariants({ size }), className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, accordionVariants({ size, iconAlign, flush }), className),
       ...props
     }
   );
@@ -48,9 +58,9 @@ function AccordionTrigger({ className, children, ...props }) {
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-accordion__trigger", className),
       ...props,
       children: [
-        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-accordion__title", children }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkIKWD2OENcjs.ChevronDown,
+          _chunkYS2JJ73Mcjs.ChevronDown,
           {
             "aria-hidden": "true",
             className: "ddga-accordion__chevron",
@@ -80,4 +90,4 @@ function AccordionContent({ className, children, ...props }) {
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent;
-//# sourceMappingURL=chunk-GMBIFJOA.cjs.map
+//# sourceMappingURL=chunk-DAKCNDN5.cjs.map

package/dist/chunk-DAKCNDN5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DAKCNDN5.cjs","../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAgD;AAChD,kEAAuC;AA+CnC,+CAAA;AAzCJ,IAAM,kBAAA,EAAoB,yCAAA,gBAAI,EAAkB;AAAA,EAC9C,QAAA,EAAU;AAAA;AAAA,IAER,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,8BAAA;AAAA,MACT,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,SAAA,EAAW;AAAA,EACb;AACF,CAAC,CAAA;AAmBD,SAAS,SAAA,CAAU,EAAE,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,GAAG,MAAM,CAAA,EAAmB;AAClF,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,kCAAA,iBAAG,CAAkB,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACrE,GAAI;AAAA,IAAA;AAAA,EACP,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAuB;AAClE,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,sBAAG,EAAwB,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAA0B;AAClF,EAAA,uBACE,6BAAA,kBAAC,CAAmB,MAAA,EAAnB,EAA0B,SAAA,EAAU,wBAAA,EACnC,QAAA,kBAAA,8BAAA;AAAA,IAAC,kBAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,SAAA,CAAS,CAAA;AAAA,wBAClD,6BAAA;AAAA,UAAC,6BAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,yBAAA;AAAA,YACV,WAAA,EAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAA0B;AAElF,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,+BAAA,EAAiC,SAAA,CAAS;AAAA,IAAA;AAAA,EAC3D,CAAA;AAEJ;ADdA;AACA;AACE;AACA;AACA;AACA;AACA;AACF,8MAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DAKCNDN5.cjs","sourcesContent":[null,"'use client';\n\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronDown } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst accordionVariants = cva('ddga-accordion', {\n  variants: {\n    // Header pad-block per DGA: lg 16 / md 12 / sm 8 (title size is constant).\n    size: {\n      lg: 'ddga-accordion--lg',\n      md: 'ddga-accordion--md',\n      sm: 'ddga-accordion--sm',\n    },\n    iconAlign: {\n      leading: 'ddga-accordion--icon-leading',\n      trailing: '',\n    },\n    flush: {\n      true: 'ddga-accordion--flush',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    iconAlign: 'trailing',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix's Root is a `type` (single | multiple) discriminated union — mirror it, don't flatten it.\ntype AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;\ntype AccordionProps = AccordionRootProps & VariantProps<typeof accordionVariants>;\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;\n// `asChild` is unsupported — the trigger always renders its own title + chevron, so a Slot\n// would get two children and throw React.Children.only. Omit it so the API doesn't advertise it.\ntype AccordionTriggerProps = Omit<\n  React.ComponentProps<typeof AccordionPrimitive.Trigger>,\n  'asChild'\n>;\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Accordion({ size, iconAlign, flush, className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(accordionVariants({ size, iconAlign, flush }), className)}\n      {...(props as AccordionRootProps)}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('ddga-accordion__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header className=\"ddga-accordion__header\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn('ddga-accordion__trigger', className)}\n        {...props}\n      >\n        <span className=\"ddga-accordion__title\">{children}</span>\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"ddga-accordion__chevron\"\n          data-slot=\"accordion-chevron\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  // Inner div carries the padding so the height animation clips cleanly (no padding \"pop\").\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('ddga-accordion__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-accordion__content-inner\">{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants };\nexport type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps };\n"]}

package/dist/chunk-DI52GZLA.cjs

@@ -0,0 +1,116 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Slider/Slider.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var sliderVariants = _classvarianceauthority.cva.call(void 0, "ddga-slider", {
+  variants: {
+    error: {
+      true: "ddga-slider--error"
+    }
+  }
+});
+var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
+function toArray(value) {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+}
+function Slider({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommit,
+  min = 0,
+  max = 100,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  showValue = false,
+  formatValue,
+  thumbLabels = DEFAULT_THUMB_LABELS,
+  className,
+  ...props
+}) {
+  const labelId = _react.useId.call(void 0, );
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Slider",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": _nullishCoalesce(props["aria-labelledby"], () => ( (label ? labelId : void 0)))
+  });
+  const isRange = Array.isArray(_nullishCoalesce(value, () => ( defaultValue)));
+  const valueArray = toArray(value);
+  const defaultArray = _nullishCoalesce(toArray(defaultValue), () => ( [min]));
+  const wrap = (next) => isRange ? next : next[0];
+  const currentForRender = _nullishCoalesce(valueArray, () => ( defaultArray));
+  const fmt = (n) => formatValue ? formatValue(n) : String(n);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "slider-field",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-field ddga-slider-field", `ddga-slider-field--${_nullishCoalesce(size, () => ( "md"))}`),
+      children: [
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: labelId, className: "ddga-slider__label", children: label }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-slider__control", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _radixui.Slider.Root,
+            {
+              ...props,
+              id: fieldId,
+              min,
+              max,
+              value: valueArray,
+              defaultValue: value === void 0 ? defaultArray : void 0,
+              onValueChange: onValueChange ? (next) => onValueChange(wrap(next)) : void 0,
+              onValueCommit: onValueCommit ? (next) => onValueCommit(wrap(next)) : void 0,
+              "aria-invalid": controlProps["aria-invalid"],
+              "data-slot": "slider",
+              className: _chunkV6MXOJQ4cjs.cn.call(void 0, sliderVariants({ error: hasError }), className),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Track, { "data-slot": "slider-track", className: "ddga-slider__track", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Range, { "data-slot": "slider-range", className: "ddga-slider__range" }) }),
+                currentForRender.map((thumbValue, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _radixui.Slider.Thumb,
+                  {
+                    "data-slot": "slider-thumb",
+                    className: "ddga-slider__thumb",
+                    "aria-label": isRange ? thumbLabels[index] : void 0,
+                    "aria-labelledby": !isRange && label ? labelId : void 0,
+                    "aria-valuetext": formatValue ? fmt(thumbValue) : void 0,
+                    "aria-describedby": controlProps["aria-describedby"]
+                  },
+                  index
+                ))
+              ]
+            }
+          ),
+          showValue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slider__value", "aria-hidden": "true", children: currentForRender.map(fmt).join(" \u2013 ") })
+        ] }),
+        hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+        hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+      ]
+    }
+  );
+}
+
+
+
+
+exports.sliderVariants = sliderVariants; exports.Slider = Slider;
+//# sourceMappingURL=chunk-DI52GZLA.cjs.map

package/dist/chunk-DI52GZLA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DI52GZLA.cjs","../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DI52GZLA.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\nconst sliderVariants = cva('ddga-slider', {\n  variants: {\n    error: {\n      true: 'ddga-slider--error',\n    },\n  },\n});\n\ntype SliderValue = number | number[];\n\ninterface SliderProps\n  extends\n    Omit<\n      React.ComponentProps<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'asChild'\n    >,\n    VariantProps<typeof sliderVariants> {\n  /** Controlled value. `number` → single thumb, `number[]` → one thumb each. */\n  value?: SliderValue;\n  /** Uncontrolled initial value. Defaults to a single thumb at `min`. */\n  defaultValue?: SliderValue;\n  /** Fires continuously while dragging. Shape mirrors `value`/`defaultValue`. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Fires once on release (pointer up / keyboard commit). */\n  onValueCommit?: (value: SliderValue) => void;\n\n  /** Visible field label, associated to the thumb(s) via `aria-labelledby`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Control size. Scales rail, thumb, label, and helper text. Defaults to `md`. */\n  size?: 'sm' | 'md';\n\n  /** Render the current value(s) as text beside the label. */\n  showValue?: boolean;\n  /** Formats each value for `showValue` and the thumb's `aria-valuetext`\n   *  (e.g. percentages or currency). */\n  formatValue?: (value: number) => string;\n  /** Accessible names for the two range thumbs. Ignored for single thumbs.\n   *  Defaults to `['Minimum', 'Maximum']`. */\n  thumbLabels?: [string, string];\n}\n\nconst DEFAULT_THUMB_LABELS: [string, string] = ['Minimum', 'Maximum'];\n\nfunction toArray(value: SliderValue | undefined): number[] | undefined {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction Slider({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  onValueCommit,\n  min = 0,\n  max = 100,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  showValue = false,\n  formatValue,\n  thumbLabels = DEFAULT_THUMB_LABELS,\n  className,\n  ...props\n}: SliderProps) {\n  const labelId = useId();\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Slider',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] ?? (label ? labelId : undefined),\n    });\n\n  const isRange = Array.isArray(value ?? defaultValue);\n\n  const valueArray = toArray(value);\n  const defaultArray = toArray(defaultValue) ?? [min];\n  const wrap = (next: number[]): SliderValue => (isRange ? next : next[0]);\n\n  const currentForRender = valueArray ?? defaultArray;\n  const fmt = (n: number) => (formatValue ? formatValue(n) : String(n));\n\n  return (\n    <div\n      data-slot=\"slider-field\"\n      className={cn('ddga-field ddga-slider-field', `ddga-slider-field--${size ?? 'md'}`)}\n    >\n      {label && (\n        <span id={labelId} className=\"ddga-slider__label\">\n          {label}\n        </span>\n      )}\n\n      <div className=\"ddga-slider__control\">\n        <SliderPrimitive.Root\n          // Spread first so the a11y/state wiring below can't be clobbered.\n          {...props}\n          id={fieldId}\n          min={min}\n          max={max}\n          value={valueArray}\n          defaultValue={value === undefined ? defaultArray : undefined}\n          onValueChange={onValueChange ? (next) => onValueChange(wrap(next)) : undefined}\n          onValueCommit={onValueCommit ? (next) => onValueCommit(wrap(next)) : undefined}\n          aria-invalid={controlProps['aria-invalid']}\n          data-slot=\"slider\"\n          className={cn(sliderVariants({ error: hasError }), className)}\n        >\n          <SliderPrimitive.Track data-slot=\"slider-track\" className=\"ddga-slider__track\">\n            <SliderPrimitive.Range data-slot=\"slider-range\" className=\"ddga-slider__range\" />\n          </SliderPrimitive.Track>\n          {currentForRender.map((thumbValue, index) => (\n            <SliderPrimitive.Thumb\n              key={index}\n              data-slot=\"slider-thumb\"\n              className=\"ddga-slider__thumb\"\n              aria-label={isRange ? thumbLabels[index] : undefined}\n              aria-labelledby={!isRange && label ? labelId : undefined}\n              aria-valuetext={formatValue ? fmt(thumbValue) : undefined}\n              aria-describedby={controlProps['aria-describedby']}\n            />\n          ))}\n        </SliderPrimitive.Root>\n        {showValue && (\n          <span className=\"ddga-slider__value\" aria-hidden=\"true\">\n            {currentForRender.map(fmt).join(' – ')}\n          </span>\n        )}\n      </div>\n\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nexport { Slider, sliderVariants };\nexport type { SliderProps, SliderValue };\n"]}

package/dist/{chunk-4U5TTO6E.cjs → chunk-DU4YQEIM.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
@@ -14,38 +14,81 @@ var _react = require('react');
 var _radixui = require('radix-ui');
 var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
-var dropdownMenuVariants = _classvarianceauthority.cva.call(void 0, "ddga-dropdown-menu", {
-  variants: {
-    size: {
-      sm: "ddga-dropdown-menu--sm",
-      md: "ddga-dropdown-menu--md"
+var dropdownMenuVariants = _classvarianceauthority.cva.call(void 0, "ddga-dropdown-menu");
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
+  };
+}
+var DropdownMenuTriggerRefContext = _react.createContext.call(void 0, null);
 function DropdownMenu(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Root, { ...props });
+  const triggerRef = _react.useRef.call(void 0, null);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuTriggerRefContext.Provider, { value: triggerRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Root, { ...props }) });
 }
-function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+function DropdownMenuTrigger({ ref, ...props }) {
+  const triggerRef = _react.useContext.call(void 0, DropdownMenuTriggerRefContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.DropdownMenu.Trigger,
+    {
+      ref: composeRefs(_nullishCoalesce(triggerRef, () => ( void 0)), ref),
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
 }
 function DropdownMenuContent({
-  size,
   className,
   sideOffset = 6,
+  onCloseAutoFocus,
+  onPointerDownOutside,
+  onFocusOutside,
+  onKeyDownCapture,
+  onPointerDownCapture,
   ...props
 }) {
   const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const triggerRef = _react.useContext.call(void 0, DropdownMenuTriggerRefContext);
   const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  const dismissedByOutside = _react.useRef.call(void 0, false);
+  const lastInputKeyboard = _react.useRef.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.DropdownMenu.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, dropdownMenuVariants({ size }), className),
-      ...props
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, dropdownMenuVariants(), className),
+      ...props,
+      onKeyDownCapture: (event) => {
+        lastInputKeyboard.current = true;
+        _optionalChain([onKeyDownCapture, 'optionalCall', _3 => _3(event)]);
+      },
+      onPointerDownCapture: (event) => {
+        lastInputKeyboard.current = false;
+        _optionalChain([onPointerDownCapture, 'optionalCall', _4 => _4(event)]);
+      },
+      onPointerDownOutside: (event) => {
+        dismissedByOutside.current = true;
+        _optionalChain([onPointerDownOutside, 'optionalCall', _5 => _5(event)]);
+      },
+      onFocusOutside: (event) => {
+        dismissedByOutside.current = true;
+        _optionalChain([onFocusOutside, 'optionalCall', _6 => _6(event)]);
+      },
+      onCloseAutoFocus: (event) => {
+        _optionalChain([onCloseAutoFocus, 'optionalCall', _7 => _7(event)]);
+        if (event.defaultPrevented) return;
+        if (dismissedByOutside.current) {
+          dismissedByOutside.current = false;
+          return;
+        }
+        event.preventDefault();
+        _optionalChain([triggerRef, 'optionalAccess', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10({
+          focusVisible: lastInputKeyboard.current
+        })]);
+      }
     }
   ) });
 }
@@ -53,7 +96,7 @@ function DropdownMenuItem({
   className,
   destructive,
   startIcon,
-  shortcut,
+  trailing,
   children,
   ...props
 }) {
@@ -67,7 +110,7 @@ function DropdownMenuItem({
       children: [
         startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children }),
-        shortcut ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+        trailing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__trailing", children: trailing }) : null
       ]
     }
   );
@@ -89,8 +132,8 @@ function DropdownMenuCheckboxItem({
       onSelect: handleSelect,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) })
       ]
     }
   );
@@ -115,8 +158,8 @@ function DropdownMenuRadioItem({
       onSelect: handleSelect,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__radio-dot" }) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) })
       ]
     }
   );
@@ -162,19 +205,19 @@ function DropdownMenuSubTrigger({
       children: [
         startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-dropdown-menu__label", children }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-dropdown-menu__sub-chevron", "aria-hidden": "true" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronRight, { className: "ddga-dropdown-menu__sub-chevron", "aria-hidden": "true" })
       ]
     }
   );
 }
-function DropdownMenuSubContent({ size, className, ...props }) {
+function DropdownMenuSubContent({ className, ...props }) {
   const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
-  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _3 => _3.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _4 => _4.rootEl]))), () => ( void 0));
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _11 => _11.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _12 => _12.rootEl]))), () => ( void 0));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.DropdownMenu.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, dropdownMenuVariants({ size }), className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, dropdownMenuVariants(), className),
       ...props
     }
   ) });
@@ -196,4 +239,4 @@ function DropdownMenuSubContent({ size, className, ...props }) {
 
 
 exports.dropdownMenuVariants = dropdownMenuVariants; exports.DropdownMenu = DropdownMenu; exports.DropdownMenuTrigger = DropdownMenuTrigger; exports.DropdownMenuContent = DropdownMenuContent; exports.DropdownMenuItem = DropdownMenuItem; exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem; exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = DropdownMenuRadioItem; exports.DropdownMenuLabel = DropdownMenuLabel; exports.DropdownMenuSeparator = DropdownMenuSeparator; exports.DropdownMenuGroup = DropdownMenuGroup; exports.DropdownMenuSub = DropdownMenuSub; exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger; exports.DropdownMenuSubContent = DropdownMenuSubContent;
-//# sourceMappingURL=chunk-4U5TTO6E.cjs.map
+//# sourceMappingURL=chunk-DU4YQEIM.cjs.map

package/dist/chunk-DU4YQEIM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DU4YQEIM.cjs","../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DU4YQEIM.cjs","sourcesContent":[null,"'use client';\n\nimport { createContext, useContext, useRef, type ReactNode, type Ref } from 'react';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronRight } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\nconst dropdownMenuVariants = cva('ddga-dropdown-menu');\n\ntype TriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\n\nfunction composeRefs(...refs: Array<Ref<TriggerElement> | undefined>) {\n  return (node: TriggerElement | null) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<TriggerElement | null>).current = node;\n    }\n  };\n}\n\nconst DropdownMenuTriggerRefContext =\n  createContext<React.MutableRefObject<TriggerElement | null> | null>(null);\n\ntype DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>;\n\nfunction DropdownMenu(props: DropdownMenuProps) {\n  const triggerRef = useRef<TriggerElement | null>(null);\n  return (\n    <DropdownMenuTriggerRefContext.Provider value={triggerRef}>\n      <DropdownMenuPrimitive.Root {...props} />\n    </DropdownMenuTriggerRefContext.Provider>\n  );\n}\n\ntype DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>;\n\nfunction DropdownMenuTrigger({ ref, ...props }: DropdownMenuTriggerProps) {\n  const triggerRef = useContext(DropdownMenuTriggerRefContext);\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={composeRefs(triggerRef ?? undefined, ref)}\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content>;\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 6,\n  onCloseAutoFocus,\n  onPointerDownOutside,\n  onFocusOutside,\n  onKeyDownCapture,\n  onPointerDownCapture,\n  ...props\n}: DropdownMenuContentProps) {\n  // Radix Portal defaults to <body>, which doesn't inherit DgaProvider's\n  // data-theme / CSS vars. Re-anchor at the provider's portal container so the\n  // menu inherits theme and escapes any clipping/transform ancestor.\n  const ctx = useContext(DgaContext);\n  const triggerRef = useContext(DropdownMenuTriggerRefContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n  const dismissedByOutside = useRef(false);\n  const lastInputKeyboard = useRef(false);\n\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(dropdownMenuVariants(), className)}\n        {...props}\n        onKeyDownCapture={(event) => {\n          lastInputKeyboard.current = true;\n          onKeyDownCapture?.(event);\n        }}\n        onPointerDownCapture={(event) => {\n          lastInputKeyboard.current = false;\n          onPointerDownCapture?.(event);\n        }}\n        onPointerDownOutside={(event) => {\n          dismissedByOutside.current = true;\n          onPointerDownOutside?.(event);\n        }}\n        onFocusOutside={(event) => {\n          dismissedByOutside.current = true;\n          onFocusOutside?.(event);\n        }}\n        onCloseAutoFocus={(event) => {\n          onCloseAutoFocus?.(event);\n          if (event.defaultPrevented) return;\n          // An outside interaction should keep focus where the user clicked.\n          if (dismissedByOutside.current) {\n            dismissedByOutside.current = false;\n            return;\n          }\n          // Radix restores trigger focus with a visible ring even after a mouse\n          // selection (the browser's :focus-visible heuristic carries the menu's\n          // keyboard focus state). Refocus the trigger ourselves and set\n          // `focusVisible` explicitly from the real input modality — keyboard ⇒\n          // ring, mouse ⇒ none — while keeping WAI-ARIA focus-return.\n          event.preventDefault();\n          triggerRef?.current?.focus({\n            focusVisible: lastInputKeyboard.current,\n          } as FocusOptions);\n        }}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\ntype DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  /** Style as a destructive action (red text, red hover). House extension — not in SDGA Menu. */\n  destructive?: boolean;\n  /** Icon rendered before the label, sized to SDGA's 24px. */\n  startIcon?: ReactNode;\n  /** Trailing element (SDGA \"trail\"): a counter, icon, `<Tag>`, `<Switch>`, or `<Button>`.\n   *  Interactive trailing content must `stopPropagation()` on its own click (or set\n   *  `onSelect={(e) => e.preventDefault()}` on this item) — otherwise the click bubbles\n   *  to the row and closes the menu. */\n  trailing?: ReactNode;\n};\n\nfunction DropdownMenuItem({\n  className,\n  destructive,\n  startIcon,\n  trailing,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-destructive={destructive ? '' : undefined}\n      className={cn('ddga-dropdown-menu__item', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-dropdown-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      {trailing ? <span className=\"ddga-dropdown-menu__trailing\">{trailing}</span> : null}\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\ntype DropdownMenuCheckboxItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>;\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  // Keep the menu open across toggles so consumers can flip several at once.\n  // A consumer-passed onSelect owns the behavior (call preventDefault to keep this).\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <span className=\"ddga-dropdown-menu__indicator\" aria-hidden=\"true\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check className=\"ddga-dropdown-menu__indicator-icon\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\ntype DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;\n\nfunction DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\ntype DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: DropdownMenuRadioItemProps) {\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <span className=\"ddga-dropdown-menu__indicator\" aria-hidden=\"true\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check className=\"ddga-dropdown-menu__indicator-icon\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label>;\n\nfunction DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('ddga-dropdown-menu__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>;\n\nfunction DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('ddga-dropdown-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>;\n\nfunction DropdownMenuGroup(props: DropdownMenuGroupProps) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\ntype DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>;\n\nfunction DropdownMenuSub(props: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.Sub {...props} />;\n}\n\ntype DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  startIcon?: ReactNode;\n};\n\nfunction DropdownMenuSubTrigger({\n  className,\n  startIcon,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--sub', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-dropdown-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <ChevronRight className=\"ddga-dropdown-menu__sub-chevron\" aria-hidden=\"true\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\ntype DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>;\n\nfunction DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps) {\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        className={cn(dropdownMenuVariants(), className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuGroup,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  dropdownMenuVariants,\n};\nexport type {\n  DropdownMenuProps,\n  DropdownMenuTriggerProps,\n  DropdownMenuContentProps,\n  DropdownMenuItemProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuGroupProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuSubContentProps,\n};\n"]}

package/dist/chunk-DUJCV2NZ.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-DUJCV2NZ.cjs.map

package/dist/chunk-DUJCV2NZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DUJCV2NZ.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DUJCV2NZ.cjs"}