npm - @d4gger/design-system - Versions diffs - 3.0.1 → 4.0.0 - Mend

@d4gger/design-system 3.0.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (450) hide show

package/dist/components/configDrawer/ConfigDrawer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/configDrawer/ConfigDrawer.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { Flex } from '../flex/Flex'\nimport { Icon } from '../icon/Icon'\nimport { IconButton } from '../iconButton/IconButton'\nimport { Label } from '../label/Label'\nimport { NumberInput } from '../numberInput/NumberInput'\nimport { SegmentedControl } from '../segmentedControl/SegmentedControl'\nimport { Separator } from '../separator/Separator'\nimport { Text } from '../text/Text'\nimport { useTheme } from '../themeProvider/ThemeProvider'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\n\nimport type { ThemeAccentColor, ThemeGrayColor, ThemePanelBackground, ThemeRadius, ThemeScaling } from '../../foundations/Theme'\nimport type { ThemePreference } from '../themeProvider/themeProvider.props'\n\nconst configDrawerSides = ['top', 'right', 'bottom', 'left'] as const\ntype ConfigDrawerSide = (typeof configDrawerSides)[number]\n\nconst Drawer = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.Drawer })))\nconst DrawerTrigger = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerTrigger })))\nconst DrawerContent = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerContent })))\nconst DrawerHeader = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerHeader })))\nconst DrawerTitle = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerTitle })))\nconst DrawerDescription = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerDescription })))\n\ntype ConfigDrawerProps = {\n  /** Whether the drawer is open (controlled). */\n  open?: boolean\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Default open state (uncontrolled). */\n  defaultOpen?: boolean\n  /** Custom trigger button. */\n  trigger?: React.ReactNode\n  /** Which edge the drawer slides from. Default 'right' (unchanged from before). */\n  side?: ConfigDrawerSide\n  /**\n   * Extra content rendered after the built-in settings \u2014 e.g. a host app's\n   * own per-page scenario controls. Kept as a plain slot rather than a\n   * fixed \"scenarios\" prop shape: what belongs here differs per host and\n   * per page, only the drawer chrome is meant to be shared.\n   */\n  children?: React.ReactNode\n}\n\ntype SettingRowProps = {\n  label: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction AccentSwatch({ tier }: { tier: ThemeAccentColor }) {\n  return (\n    <span\n      className=\"dsx-config-drawer__accent-swatch\"\n      data-tier={tier}\n      aria-hidden=\"true\"\n    />\n  )\n}\n\nfunction SettingRow({ label, description, children }: SettingRowProps) {\n  return (\n    <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"md\" className=\"dsx-config-drawer__row\">\n      <Flex direction=\"column\" gap=\"1\" className=\"dsx-config-drawer__row-info\">\n        <Label>{label}</Label>\n        {description && (\n          <Text variant=\"label-small\" tone=\"muted\">{description}</Text>\n        )}\n      </Flex>\n      <div className=\"dsx-config-drawer__row-control\">{children}</div>\n    </Flex>\n  )\n}\n\nexport function ConfigDrawer({ open, onOpenChange, defaultOpen, trigger, side = 'right', children }: ConfigDrawerProps) {\n  const {\n    theme,\n    setTheme,\n    accentColor,\n    setAccentColor,\n    grayColor,\n    setGrayColor,\n    radius,\n    setRadius,\n    density,\n    setDensity,\n    scaling,\n    setScaling,\n    panelBackground,\n    setPanelBackground,\n  } = useTheme()\n\n  const handleScalingChange = React.useCallback(\n    (value: number | undefined) => {\n      if (value !== undefined) {\n        const clamped = Math.min(110, Math.max(90, Math.round(value / 5) * 5))\n        setScaling(String(clamped) as ThemeScaling)\n      }\n    },\n    [setScaling],\n  )\n\n  const scalingNumber = React.useMemo(() => {\n    const parsed = parseInt(scaling, 10)\n    return isNaN(parsed) ? 100 : parsed\n  }, [scaling])\n\n  const defaultTrigger = (\n    <IconButton variant=\"ghost\" size=\"md\" aria-label=\"Open preferences\">\n      <Icon name=\"settings\" size=\"md\" />\n    </IconButton>\n  )\n\n  return (\n    <React.Suspense fallback={null}>\n      <Drawer open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen} direction={side}>\n        <DrawerTrigger asChild>{trigger ?? defaultTrigger}</DrawerTrigger>\n        <DrawerContent>\n          <DrawerHeader>\n            <DrawerTitle>Preferences</DrawerTitle>\n          </DrawerHeader>\n          <VisuallyHidden asChild>\n            <DrawerDescription>Adjust theme, accent, radius, density, scaling, and panel background for this preview.</DrawerDescription>\n          </VisuallyHidden>\n\n          <Flex direction=\"column\" gap=\"lg\" className=\"dsx-config-drawer__body\">\n            {/* Appearance */}\n            <SettingRow label=\"Theme\" description=\"Choose your preferred appearance\">\n              <SegmentedControl\n                type=\"single\"\n                value={theme}\n                onValueChange={(value: string) => setTheme(value as ThemePreference)}\n                aria-label=\"Theme mode\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"light\">Light</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"dark\">Dark</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"system\">System</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Accent Color */}\n            <SettingRow label=\"Accent\" description=\"Primary color for interactive elements\">\n              <SegmentedControl\n                type=\"single\"\n                value={accentColor}\n                onValueChange={(value: string) => setAccentColor(value as ThemeAccentColor)}\n                aria-label=\"Accent color\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"rift\">\n                  <AccentSwatch tier=\"rift\" />\n                  Rift\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"warp\">\n                  <AccentSwatch tier=\"warp\" />\n                  Warp\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"ray\">\n                  <AccentSwatch tier=\"ray\" />\n                  Ray\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"astral\">\n                  <AccentSwatch tier=\"astral\" />\n                  Astral\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"spark\">\n                  <AccentSwatch tier=\"spark\" />\n                  Spark\n                </SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Gray Color */}\n            <SettingRow label=\"Gray\" description=\"Neutral tone palette\">\n              <SegmentedControl\n                type=\"single\"\n                value={grayColor}\n                onValueChange={(value: string) => setGrayColor(value as ThemeGrayColor)}\n                aria-label=\"Gray color\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"auto\">Auto</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"neutral\">Neutral</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Radius */}\n            <SettingRow label=\"Radius\" description=\"Corner rounding for surfaces\">\n              <SegmentedControl\n                type=\"single\"\n                value={radius}\n                onValueChange={(value: string) => setRadius(value as ThemeRadius)}\n                aria-label=\"Border radius\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"none\">None</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"sm\">Small</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"md\">Medium</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"lg\">Large</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"full\">Full</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Density */}\n            <SettingRow label=\"Density\" description=\"Spacing between elements\">\n              <SegmentedControl\n                type=\"single\"\n                value={density}\n                onValueChange={(value: string) => setDensity(value as 'comfortable' | 'compact')}\n                aria-label=\"Density\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"comfortable\">Comfortable</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"compact\">Compact</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Scaling */}\n            <SettingRow label=\"Scaling\" description=\"UI size multiplier\">\n              <NumberInput\n                value={scalingNumber}\n                onChange={handleScalingChange}\n                min={90}\n                max={110}\n                step={5}\n                className=\"dsx-config-drawer__scaling-input\"\n                aria-label=\"Scaling percentage\"\n              />\n            </SettingRow>\n\n            <Separator />\n\n            {/* Panel BG \u2014 the app-level predecessor to this component had this\n                control; ConfigDrawer didn't, a real parity gap. */}\n            <SettingRow label=\"Panel BG\" description=\"Surface treatment for glass panels\">\n              <SegmentedControl\n                type=\"single\"\n                value={panelBackground}\n                onValueChange={(value: string) => setPanelBackground(value as ThemePanelBackground)}\n                aria-label=\"Panel background\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"translucent\">Translucent</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"solid\">Solid</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            {children && (\n              <>\n                <Separator />\n                {children}\n              </>\n            )}\n          </Flex>\n        </DrawerContent>\n      </Drawer>\n    </React.Suspense>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { Flex } from '../flex/Flex'\nimport { Icon } from '../icon/Icon'\nimport { IconButton } from '../iconButton/IconButton'\nimport { Label } from '../label/Label'\nimport { NumberInput } from '../numberInput/NumberInput'\nimport { SegmentedControl } from '../segmentedControl/SegmentedControl'\nimport { Separator } from '../separator/Separator'\nimport { Text } from '../text/Text'\nimport { useTheme } from '../themeProvider/ThemeProvider'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\n\nimport type { ThemeAccentColor, ThemeGrayColor, ThemePanelBackground, ThemeRadius, ThemeScaling } from '../../foundations/Theme'\nimport type { ThemePreference } from '../themeProvider/themeProvider.props'\n\nconst configDrawerSides = ['top', 'right', 'bottom', 'left'] as const\ntype ConfigDrawerSide = (typeof configDrawerSides)[number]\n\nconst Drawer = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.Drawer })))\nconst DrawerTrigger = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerTrigger })))\nconst DrawerContent = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerContent })))\nconst DrawerHeader = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerHeader })))\nconst DrawerTitle = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerTitle })))\nconst DrawerDescription = React.lazy(() => import('../drawer/Drawer').then((mod) => ({ default: mod.DrawerDescription })))\n\ntype ConfigDrawerProps = {\n  /** Whether the drawer is open (controlled). */\n  open?: boolean\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Default open state (uncontrolled). */\n  defaultOpen?: boolean\n  /** Custom trigger button. */\n  trigger?: React.ReactNode\n  /** Which edge the drawer slides from. Default 'right' (unchanged from before). */\n  side?: ConfigDrawerSide\n  /**\n   * Extra content rendered after the built-in settings \u2014 e.g. a host app's\n   * own per-page scenario controls. Kept as a plain slot rather than a\n   * fixed \"scenarios\" prop shape: what belongs here differs per host and\n   * per page, only the drawer chrome is meant to be shared.\n   */\n  children?: React.ReactNode\n}\n\ntype SettingRowProps = {\n  label: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction AccentSwatch({ tier }: { tier: ThemeAccentColor }) {\n  return (\n    <span\n      className=\"dsx-config-drawer__accent-swatch\"\n      data-tier={tier}\n      aria-hidden=\"true\"\n    />\n  )\n}\n\nfunction SettingRow({ label, description, children }: SettingRowProps) {\n  return (\n    <Flex direction=\"row\" justify=\"between\" align=\"center\" gap=\"md\" wrap=\"wrap\" className=\"dsx-config-drawer__row\">\n      <Flex direction=\"column\" gap=\"1\" className=\"dsx-config-drawer__row-info\">\n        <Label>{label}</Label>\n        {description && (\n          <Text variant=\"label-small\" tone=\"muted\">{description}</Text>\n        )}\n      </Flex>\n      <div className=\"dsx-config-drawer__row-control\">{children}</div>\n    </Flex>\n  )\n}\n\nexport function ConfigDrawer({ open, onOpenChange, defaultOpen, trigger, side = 'right', children }: ConfigDrawerProps) {\n  const {\n    theme,\n    setTheme,\n    accentColor,\n    setAccentColor,\n    grayColor,\n    setGrayColor,\n    radius,\n    setRadius,\n    density,\n    setDensity,\n    scaling,\n    setScaling,\n    panelBackground,\n    setPanelBackground,\n  } = useTheme()\n\n  const handleScalingChange = React.useCallback(\n    (value: number | undefined) => {\n      if (value !== undefined) {\n        const clamped = Math.min(110, Math.max(90, Math.round(value / 5) * 5))\n        setScaling(String(clamped) as ThemeScaling)\n      }\n    },\n    [setScaling],\n  )\n\n  const scalingNumber = React.useMemo(() => {\n    const parsed = parseInt(scaling, 10)\n    return isNaN(parsed) ? 100 : parsed\n  }, [scaling])\n\n  const defaultTrigger = (\n    <IconButton variant=\"ghost\" size=\"md\" aria-label=\"Open preferences\">\n      <Icon name=\"settings\" size=\"md\" />\n    </IconButton>\n  )\n\n  return (\n    <React.Suspense fallback={null}>\n      <Drawer open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen} direction={side}>\n        <DrawerTrigger asChild>{trigger ?? defaultTrigger}</DrawerTrigger>\n        <DrawerContent>\n          <DrawerHeader>\n            <DrawerTitle>Preferences</DrawerTitle>\n          </DrawerHeader>\n          <VisuallyHidden asChild>\n            <DrawerDescription>Adjust theme, accent, radius, density, scaling, and panel background for this preview.</DrawerDescription>\n          </VisuallyHidden>\n\n          <Flex direction=\"column\" gap=\"lg\" className=\"dsx-config-drawer__body\">\n            {/* Appearance */}\n            <SettingRow label=\"Theme\" description=\"Choose your preferred appearance\">\n              <SegmentedControl\n                type=\"single\"\n                value={theme}\n                onValueChange={(value: string) => setTheme(value as ThemePreference)}\n                aria-label=\"Theme mode\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"light\">Light</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"dark\">Dark</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"system\">System</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Accent Color */}\n            <SettingRow label=\"Accent\" description=\"Primary color for interactive elements\">\n              <SegmentedControl\n                type=\"single\"\n                value={accentColor}\n                onValueChange={(value: string) => setAccentColor(value as ThemeAccentColor)}\n                aria-label=\"Accent color\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"rift\">\n                  <AccentSwatch tier=\"rift\" />\n                  Rift\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"warp\">\n                  <AccentSwatch tier=\"warp\" />\n                  Warp\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"ray\">\n                  <AccentSwatch tier=\"ray\" />\n                  Ray\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"astral\">\n                  <AccentSwatch tier=\"astral\" />\n                  Astral\n                </SegmentedControl.Item>\n                <SegmentedControl.Item value=\"spark\">\n                  <AccentSwatch tier=\"spark\" />\n                  Spark\n                </SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Gray Color */}\n            <SettingRow label=\"Gray\" description=\"Neutral tone palette\">\n              <SegmentedControl\n                type=\"single\"\n                value={grayColor}\n                onValueChange={(value: string) => setGrayColor(value as ThemeGrayColor)}\n                aria-label=\"Gray color\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"auto\">Auto</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"neutral\">Neutral</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Radius */}\n            <SettingRow label=\"Radius\" description=\"Corner rounding for surfaces\">\n              <SegmentedControl\n                type=\"single\"\n                value={radius}\n                onValueChange={(value: string) => setRadius(value as ThemeRadius)}\n                aria-label=\"Border radius\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"none\">None</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"sm\">Small</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"md\">Medium</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"lg\">Large</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"full\">Full</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Density */}\n            <SettingRow label=\"Density\" description=\"Spacing between elements\">\n              <SegmentedControl\n                type=\"single\"\n                value={density}\n                onValueChange={(value: string) => setDensity(value as 'comfortable' | 'compact')}\n                aria-label=\"Density\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"comfortable\">Comfortable</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"compact\">Compact</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            <Separator />\n\n            {/* Scaling */}\n            <SettingRow label=\"Scaling\" description=\"UI size multiplier\">\n              <NumberInput\n                value={scalingNumber}\n                onChange={handleScalingChange}\n                min={90}\n                max={110}\n                step={5}\n                className=\"dsx-config-drawer__scaling-input\"\n                aria-label=\"Scaling percentage\"\n              />\n            </SettingRow>\n\n            <Separator />\n\n            {/* Panel BG \u2014 the app-level predecessor to this component had this\n                control; ConfigDrawer didn't, a real parity gap. */}\n            <SettingRow label=\"Panel BG\" description=\"Surface treatment for glass panels\">\n              <SegmentedControl\n                type=\"single\"\n                value={panelBackground}\n                onValueChange={(value: string) => setPanelBackground(value as ThemePanelBackground)}\n                aria-label=\"Panel background\"\n                size=\"sm\"\n              >\n                <SegmentedControl.Item value=\"translucent\">Translucent</SegmentedControl.Item>\n                <SegmentedControl.Item value=\"solid\">Solid</SegmentedControl.Item>\n              </SegmentedControl>\n            </SettingRow>\n\n            {children && (\n              <>\n                <Separator />\n                {children}\n              </>\n            )}\n          </Flex>\n        </DrawerContent>\n      </Drawer>\n    </React.Suspense>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/context-menu.css CHANGED Viewed

@@ -5,7 +5,8 @@
 .dsx-context-menu__content {
   position: relative;
   z-index: var(--dsx-z-index-dropdown);
-  min-width: var(--dsx-size-menu-min-width);
+  min-width: min(var(--dsx-size-menu-min-width), var(--radix-context-menu-content-available-width, var(--dsx-size-menu-min-width)));
+  max-width: var(--radix-context-menu-content-available-width);
   padding: var(--dsx-space-xs);
   border-radius: var(--dsx-rounded-lg);
   overflow: hidden;
@@ -30,6 +31,7 @@
   color: var(--dsx-color-on-surface);
   text-align: left;
   text-decoration: none;
+  overflow-wrap: anywhere;
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
   font-size: var(--dsx-typography-body-medium-font-size);
 }

package/dist/components/contextMenu/ContextMenu.cjs CHANGED Viewed

@@ -57,6 +57,7 @@ var import_Icon = require("../icon/Icon");
 var import_contextMenu = require("./contextMenu.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ContextMenuOpenContext = React.createContext(false);
+const ContextMenuSubOpenContext = React.createContext(false);
 function ContextMenuRoot({ children, onOpenChange, ...props }) {
   const [open, setOpen] = React.useState(false);
   const handleOpenChange = React.useCallback(
@@ -69,10 +70,39 @@ function ContextMenuRoot({ children, onOpenChange, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuOpenContext.Provider, { value: open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Menu.MenuRoot, { root: ContextMenuPrimitive.Root, ...props, onOpenChange: handleOpenChange, children }) });
 }
 ContextMenuRoot.displayName = "ContextMenu";
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuTrigger = React.forwardRef(({ onKeyDown, disabled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ContextMenuPrimitive.Trigger,
+  {
+    ...props,
+    ref,
+    disabled,
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || disabled) return;
+      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) return;
+      event.preventDefault();
+      const rect = event.currentTarget.getBoundingClientRect();
+      event.currentTarget.dispatchEvent(new MouseEvent("contextmenu", {
+        bubbles: true,
+        cancelable: true,
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      }));
+    }
+  }
+));
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
 const ContextMenuGroup = ContextMenuPrimitive.Group;
 const ContextMenuPortal = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Menu.MenuPortal, { ...props, portal: ContextMenuPrimitive.Portal });
-const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuSub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
+  const open = openProp ?? uncontrolledOpen;
+  const handleOpenChange = React.useCallback((nextOpen) => {
+    if (openProp === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  }, [openProp, onOpenChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuSubOpenContext.Provider, { value: open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuPrimitive.Sub, { open, onOpenChange: handleOpenChange, children }) });
+};
 const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 const ContextMenuContent = React.forwardRef(
   ({ className, children, forceMount = false, size = "md", ...props }, forwardedRef) => {
@@ -204,7 +234,8 @@ const ContextMenuSubTrigger = React.forwardRef(({ className: propClassName, inse
   );
 });
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
-const ContextMenuSubContent = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
+const ContextMenuSubContent = React.forwardRef(({ className, children, forceMount = false, ...props }, forwardedRef) => {
+  const open = React.useContext(ContextMenuSubOpenContext);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Menu.MenuContent,
     {
@@ -212,9 +243,9 @@ const ContextMenuSubContent = React.forwardRef(({ className, children, ...props
       ref: forwardedRef,
       content: ContextMenuPrimitive.SubContent,
       contentClassName: "dsx-context-menu__content",
-      forceMount: true,
-      open: true,
-      portal: null,
+      forceMount,
+      open,
+      portal: ContextMenuPrimitive.Portal,
       className,
       children
     }

package/dist/components/contextMenu/ContextMenu.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/contextMenu/ContextMenu.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport { contextMenuItemPropDefs, contextMenuShortcutPropDefs, contextMenuSubTriggerPropDefs } from './contextMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst ContextMenuOpenContext = React.createContext(false)\n\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>\ntype ContextMenuSubTriggerOwnProps = GetPropDefTypes<typeof contextMenuSubTriggerPropDefs>\ntype ContextMenuShortcutOwnProps = GetPropDefTypes<typeof contextMenuShortcutPropDefs>\n\ntype ContextMenuRootProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>\ntype ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype ContextMenuLabelProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>\ntype ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\ntype ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\ntype ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\ntype ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n\ninterface ContextMenuItemProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>,\n    ContextMenuItemOwnProps {}\n\ninterface ContextMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>,\n    ContextMenuSubTriggerOwnProps {}\n\ninterface ContextMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, ContextMenuShortcutOwnProps {}\n\nfunction ContextMenuRoot({ children, onOpenChange, ...props }: ContextMenuRootProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <ContextMenuOpenContext.Provider value={open}>\n      <MenuPrimitiveRoot root={ContextMenuPrimitive.Root} {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </MenuPrimitiveRoot>\n    </ContextMenuOpenContext.Provider>\n  )\n}\nContextMenuRoot.displayName = 'ContextMenu'\n\nconst ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger = ContextMenuPrimitive.Trigger\nconst ContextMenuGroup: typeof ContextMenuPrimitive.Group = ContextMenuPrimitive.Group\nconst ContextMenuPortal = (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => (\n  <MenuPortal {...props} portal={ContextMenuPrimitive.Portal} />\n)\nconst ContextMenuSub: typeof ContextMenuPrimitive.Sub = ContextMenuPrimitive.Sub\nconst ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuContent = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Content>, ContextMenuContentProps>(\n  ({ className, children, forceMount = false, size = 'md', ...props }, forwardedRef) => {\n    const open = React.useContext(ContextMenuOpenContext)\n\n    return (\n      <MenuPrimitiveContent\n        {...props}\n        ref={forwardedRef}\n        data-size={size}\n        content={ContextMenuPrimitive.Content}\n        contentClassName=\"dsx-context-menu__content\"\n        forceMount={forceMount}\n        open={open}\n        portal={ContextMenuPrimitive.Portal}\n        className={className}\n      >\n        {children}\n      </MenuPrimitiveContent>\n    )\n  },\n)\nContextMenuContent.displayName = 'ContextMenuContent'\n\nconst ContextMenuLabel = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Label>, ContextMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__label', className)}\n      />\n    )\n  },\n)\nContextMenuLabel.displayName = 'ContextMenuLabel'\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveSeparator\n      {...props}\n      ref={forwardedRef}\n      separator={ContextMenuPrimitive.Separator}\n      separatorClassName=\"dsx-context-menu__separator\"\n      className={className}\n    />\n  )\n})\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\nconst ContextMenuItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Item>, ContextMenuItemProps>(\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      contextMenuItemPropDefs,\n    )\n\n    return (\n      <MenuPrimitiveItem\n        {...itemProps}\n        ref={forwardedRef}\n        item={ContextMenuPrimitive.Item}\n        itemClassName=\"dsx-context-menu__item\"\n        className={className}\n        destructive={destructive}\n        inset={inset}\n      />\n    )\n  },\n)\nContextMenuItem.displayName = 'ContextMenuItem'\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  ContextMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      {...props}\n      ref={forwardedRef}\n      checked={checked}\n      className={classNames('dsx-context-menu__item', className)}\n    >\n      <span className=\"dsx-context-menu__item-indicator\">\n        <ContextMenuPrimitive.ItemIndicator>\n          {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  )\n})\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\nconst ContextMenuRadioItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>, ContextMenuRadioItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.RadioItem\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__item', className)}\n      >\n        <span className=\"dsx-context-menu__item-indicator\">\n          <ContextMenuPrimitive.ItemIndicator>\n            <span className=\"dsx-context-menu__radio-dot\" />\n          </ContextMenuPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </ContextMenuPrimitive.RadioItem>\n    )\n  },\n)\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  ContextMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n  const { className, ...subTriggerProps } = extractProps(\n    {\n      ...props,\n      className: propClassName,\n      inset,\n    },\n    contextMenuSubTriggerPropDefs,\n  )\n\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-context-menu__item', 'dsx-context-menu__sub-trigger', className)}\n      data-inset={inset ? 'true' : undefined}\n    >\n      {children}\n      <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-context-menu__sub-chevron\" />\n    </ContextMenuPrimitive.SubTrigger>\n  )\n})\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger'\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  ContextMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveContent\n      {...props}\n      ref={forwardedRef}\n      content={ContextMenuPrimitive.SubContent}\n      contentClassName=\"dsx-context-menu__content\"\n      forceMount\n      open\n      portal={null}\n      className={className}\n    >\n      {children}\n    </MenuPrimitiveContent>\n  )\n})\nContextMenuSubContent.displayName = 'ContextMenuSubContent'\n\nconst ContextMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, ContextMenuShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, contextMenuShortcutPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-context-menu__shortcut', className)} />\n})\nContextMenuShortcut.displayName = 'ContextMenuShortcut'\n\nconst ContextMenu: typeof ContextMenuRoot & {\n  Root: typeof ContextMenuRoot\n  Trigger: typeof ContextMenuTrigger\n  Content: typeof ContextMenuContent\n  Item: typeof ContextMenuItem\n  Label: typeof ContextMenuLabel\n  Separator: typeof ContextMenuSeparator\n  Group: typeof ContextMenuGroup\n  Sub: typeof ContextMenuSub\n  RadioGroup: typeof ContextMenuRadioGroup\n  Portal: typeof ContextMenuPortal\n  CheckboxItem: typeof ContextMenuCheckboxItem\n  RadioItem: typeof ContextMenuRadioItem\n  SubTrigger: typeof ContextMenuSubTrigger\n  SubContent: typeof ContextMenuSubContent\n  Shortcut: typeof ContextMenuShortcut\n} = Object.assign(ContextMenuRoot, {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  Separator: ContextMenuSeparator,\n  Group: ContextMenuGroup,\n  Sub: ContextMenuSub,\n  RadioGroup: ContextMenuRadioGroup,\n  Portal: ContextMenuPortal,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioItem: ContextMenuRadioItem,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  Shortcut: ContextMenuShortcut,\n})\nContextMenu.displayName = 'ContextMenu'\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n}\nexport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRootProps,\n  ContextMenuSeparatorProps,\n  ContextMenuShortcutProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubTriggerProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport { contextMenuItemPropDefs, contextMenuShortcutPropDefs, contextMenuSubTriggerPropDefs } from './contextMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst ContextMenuOpenContext = React.createContext(false)\nconst ContextMenuSubOpenContext = React.createContext(false)\n\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>\ntype ContextMenuSubTriggerOwnProps = GetPropDefTypes<typeof contextMenuSubTriggerPropDefs>\ntype ContextMenuShortcutOwnProps = GetPropDefTypes<typeof contextMenuShortcutPropDefs>\n\ntype ContextMenuRootProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>\ntype ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype ContextMenuLabelProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>\ntype ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\ntype ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\ntype ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\ntype ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n\ninterface ContextMenuItemProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>,\n    ContextMenuItemOwnProps {}\n\ninterface ContextMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>,\n    ContextMenuSubTriggerOwnProps {}\n\ninterface ContextMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, ContextMenuShortcutOwnProps {}\n\nfunction ContextMenuRoot({ children, onOpenChange, ...props }: ContextMenuRootProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <ContextMenuOpenContext.Provider value={open}>\n      <MenuPrimitiveRoot root={ContextMenuPrimitive.Root} {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </MenuPrimitiveRoot>\n    </ContextMenuOpenContext.Provider>\n  )\n}\nContextMenuRoot.displayName = 'ContextMenu'\n\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>\n>(({ onKeyDown, disabled, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    {...props}\n    ref={ref}\n    disabled={disabled}\n    onKeyDown={(event) => {\n      onKeyDown?.(event)\n      if (event.defaultPrevented || disabled) return\n      if (event.key !== 'ContextMenu' && !(event.shiftKey && event.key === 'F10')) return\n      event.preventDefault()\n      const rect = event.currentTarget.getBoundingClientRect()\n      event.currentTarget.dispatchEvent(new MouseEvent('contextmenu', {\n        bubbles: true,\n        cancelable: true,\n        clientX: rect.left + rect.width / 2,\n        clientY: rect.top + rect.height / 2,\n      }))\n    }}\n  />\n))\nContextMenuTrigger.displayName = 'ContextMenuTrigger'\nconst ContextMenuGroup: typeof ContextMenuPrimitive.Group = ContextMenuPrimitive.Group\nconst ContextMenuPortal = (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => (\n  <MenuPortal {...props} portal={ContextMenuPrimitive.Portal} />\n)\nconst ContextMenuSub: typeof ContextMenuPrimitive.Sub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n  const handleOpenChange = React.useCallback((nextOpen: boolean) => {\n    if (openProp === undefined) setUncontrolledOpen(nextOpen)\n    onOpenChange?.(nextOpen)\n  }, [openProp, onOpenChange])\n  return (\n    <ContextMenuSubOpenContext.Provider value={open}>\n      <ContextMenuPrimitive.Sub open={open} onOpenChange={handleOpenChange}>{children}</ContextMenuPrimitive.Sub>\n    </ContextMenuSubOpenContext.Provider>\n  )\n}\nconst ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuContent = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Content>, ContextMenuContentProps>(\n  ({ className, children, forceMount = false, size = 'md', ...props }, forwardedRef) => {\n    const open = React.useContext(ContextMenuOpenContext)\n\n    return (\n      <MenuPrimitiveContent\n        {...props}\n        ref={forwardedRef}\n        data-size={size}\n        content={ContextMenuPrimitive.Content}\n        contentClassName=\"dsx-context-menu__content\"\n        forceMount={forceMount}\n        open={open}\n        portal={ContextMenuPrimitive.Portal}\n        className={className}\n      >\n        {children}\n      </MenuPrimitiveContent>\n    )\n  },\n)\nContextMenuContent.displayName = 'ContextMenuContent'\n\nconst ContextMenuLabel = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Label>, ContextMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__label', className)}\n      />\n    )\n  },\n)\nContextMenuLabel.displayName = 'ContextMenuLabel'\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveSeparator\n      {...props}\n      ref={forwardedRef}\n      separator={ContextMenuPrimitive.Separator}\n      separatorClassName=\"dsx-context-menu__separator\"\n      className={className}\n    />\n  )\n})\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\nconst ContextMenuItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Item>, ContextMenuItemProps>(\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      contextMenuItemPropDefs,\n    )\n\n    return (\n      <MenuPrimitiveItem\n        {...itemProps}\n        ref={forwardedRef}\n        item={ContextMenuPrimitive.Item}\n        itemClassName=\"dsx-context-menu__item\"\n        className={className}\n        destructive={destructive}\n        inset={inset}\n      />\n    )\n  },\n)\nContextMenuItem.displayName = 'ContextMenuItem'\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  ContextMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      {...props}\n      ref={forwardedRef}\n      checked={checked}\n      className={classNames('dsx-context-menu__item', className)}\n    >\n      <span className=\"dsx-context-menu__item-indicator\">\n        <ContextMenuPrimitive.ItemIndicator>\n          {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  )\n})\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\nconst ContextMenuRadioItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>, ContextMenuRadioItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.RadioItem\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__item', className)}\n      >\n        <span className=\"dsx-context-menu__item-indicator\">\n          <ContextMenuPrimitive.ItemIndicator>\n            <span className=\"dsx-context-menu__radio-dot\" />\n          </ContextMenuPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </ContextMenuPrimitive.RadioItem>\n    )\n  },\n)\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  ContextMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n  const { className, ...subTriggerProps } = extractProps(\n    {\n      ...props,\n      className: propClassName,\n      inset,\n    },\n    contextMenuSubTriggerPropDefs,\n  )\n\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-context-menu__item', 'dsx-context-menu__sub-trigger', className)}\n      data-inset={inset ? 'true' : undefined}\n    >\n      {children}\n      <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-context-menu__sub-chevron\" />\n    </ContextMenuPrimitive.SubTrigger>\n  )\n})\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger'\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  ContextMenuSubContentProps\n>(({ className, children, forceMount = false, ...props }, forwardedRef) => {\n  const open = React.useContext(ContextMenuSubOpenContext)\n  return (\n    <MenuPrimitiveContent\n      {...props}\n      ref={forwardedRef}\n      content={ContextMenuPrimitive.SubContent}\n      contentClassName=\"dsx-context-menu__content\"\n      forceMount={forceMount}\n      open={open}\n      portal={ContextMenuPrimitive.Portal}\n      className={className}\n    >\n      {children}\n    </MenuPrimitiveContent>\n  )\n})\nContextMenuSubContent.displayName = 'ContextMenuSubContent'\n\nconst ContextMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, ContextMenuShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, contextMenuShortcutPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-context-menu__shortcut', className)} />\n})\nContextMenuShortcut.displayName = 'ContextMenuShortcut'\n\nconst ContextMenu: typeof ContextMenuRoot & {\n  Root: typeof ContextMenuRoot\n  Trigger: typeof ContextMenuTrigger\n  Content: typeof ContextMenuContent\n  Item: typeof ContextMenuItem\n  Label: typeof ContextMenuLabel\n  Separator: typeof ContextMenuSeparator\n  Group: typeof ContextMenuGroup\n  Sub: typeof ContextMenuSub\n  RadioGroup: typeof ContextMenuRadioGroup\n  Portal: typeof ContextMenuPortal\n  CheckboxItem: typeof ContextMenuCheckboxItem\n  RadioItem: typeof ContextMenuRadioItem\n  SubTrigger: typeof ContextMenuSubTrigger\n  SubContent: typeof ContextMenuSubContent\n  Shortcut: typeof ContextMenuShortcut\n} = Object.assign(ContextMenuRoot, {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  Separator: ContextMenuSeparator,\n  Group: ContextMenuGroup,\n  Sub: ContextMenuSub,\n  RadioGroup: ContextMenuRadioGroup,\n  Portal: ContextMenuPortal,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioItem: ContextMenuRadioItem,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  Shortcut: ContextMenuShortcut,\n})\nContextMenu.displayName = 'ContextMenu'\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n}\nexport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRootProps,\n  ContextMenuSeparatorProps,\n  ContextMenuShortcutProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubTriggerProps,\n}\n"],
+  "mappings": "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",
   "names": ["MenuPrimitiveRoot", "MenuPrimitiveContent", "classNames", "MenuPrimitiveSeparator", "MenuPrimitiveItem"]
 }

package/dist/components/contextMenu/ContextMenu.d.cts CHANGED Viewed

@@ -24,7 +24,7 @@ declare function ContextMenuRoot({ children, onOpenChange, ...props }: ContextMe
 declare namespace ContextMenuRoot {
     var displayName: string;
 }
-declare const ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const ContextMenuGroup: typeof ContextMenuPrimitive.Group;
 declare const ContextMenuPortal: (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => import("react/jsx-runtime").JSX.Element;
 declare const ContextMenuSub: typeof ContextMenuPrimitive.Sub;

package/dist/components/contextMenu/ContextMenu.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.d.cts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAMpE,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAEzH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;~~AAIpE~~,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAC9E,KAAK,6BAA6B,GAAG,eAAe,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAC1F,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAC5F,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAA;AAC9F,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAA;AAC5G,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAExG,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EACtE,uBAAuB;CAAG;AAE9B,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,EAC5E,6BAA6B;CAAG;AAEpC,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B;CAAG;AAEjH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAkBlF;kBAlBQ,eAAe;;;AAqBxB,QAAA,MAAM,kBAAkB,~~EAAE~~,~~OAAO,oBAAoB,CAAC,OAAsC,~~CAAA;~~AAC5F~~,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,CAAC,KAAkC,CAAA;AACtF,QAAA,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AACD,QAAA,MAAM,cAAc,EAAE,OAAO,oBAAoB,CAAC,~~GAA8B~~,CAAA;~~AAChF~~,QAAA,MAAM,qBAAqB,EAAE,OAAO,oBAAoB,CAAC,UAA4C,CAAA;AAErG,QAAA,MAAM,kBAAkB;~~WA9CsF~~,IAAI,GAAG,IAAI,GAAG,IAAI;~~wCAkE~~/H,CAAA;AAGD,QAAA,MAAM,gBAAgB,sKAUrB,CAAA;AAGD,QAAA,MAAM,oBAAoB,0KAaxB,CAAA;AAGF,QAAA,MAAM,eAAe,6FAwBpB,CAAA;AAGD,QAAA,MAAM,uBAAuB,6KAmB3B,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KAiBzB,CAAA;AAGD,QAAA,MAAM,qBAAqB,mGAwBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,~~2KAkBzB~~,CAAA;AAGF,QAAA,MAAM,mBAAmB,kGAKvB,CAAA;AAGF,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,GAAG,EAAE,OAAO,cAAc,CAAA;IAC1B,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,MAAM,EAAE,OAAO,iBAAiB,CAAA;IAChC,YAAY,EAAE,OAAO,uBAAuB,CAAA;IAC5C,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CAiBpC,CAAA;AAGF,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAA"}
1	+ {"version":3,"file":"ContextMenu.d.cts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAMpE,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAEzH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAKpE,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAC9E,KAAK,6BAA6B,GAAG,eAAe,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAC1F,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAC5F,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAA;AAC9F,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAA;AAC5G,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAExG,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EACtE,uBAAuB;CAAG;AAE9B,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,EAC5E,6BAA6B;CAAG;AAEpC,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B;CAAG;AAEjH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAkBlF;kBAlBQ,eAAe;;;AAqBxB,QAAA,MAAM,kBAAkB,0KAsBtB,CAAA;AAEF,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,CAAC,KAAkC,CAAA;AACtF,QAAA,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AACD,QAAA,MAAM,cAAc,EAAE,OAAO,oBAAoB,CAAC,GAYjD,CAAA;AACD,QAAA,MAAM,qBAAqB,EAAE,OAAO,oBAAoB,CAAC,UAA4C,CAAA;AAErG,QAAA,MAAM,kBAAkB;WAjFsF,IAAI,GAAG,IAAI,GAAG,IAAI;wCAqG/H,CAAA;AAGD,QAAA,MAAM,gBAAgB,sKAUrB,CAAA;AAGD,QAAA,MAAM,oBAAoB,0KAaxB,CAAA;AAGF,QAAA,MAAM,eAAe,6FAwBpB,CAAA;AAGD,QAAA,MAAM,uBAAuB,6KAmB3B,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KAiBzB,CAAA;AAGD,QAAA,MAAM,qBAAqB,mGAwBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,2KAmBzB,CAAA;AAGF,QAAA,MAAM,mBAAmB,kGAKvB,CAAA;AAGF,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,GAAG,EAAE,OAAO,cAAc,CAAA;IAC1B,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,MAAM,EAAE,OAAO,iBAAiB,CAAA;IAChC,YAAY,EAAE,OAAO,uBAAuB,CAAA;IAC5C,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CAiBpC,CAAA;AAGF,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAA"}

package/dist/components/contextMenu/ContextMenu.d.mts CHANGED Viewed

@@ -24,7 +24,7 @@ declare function ContextMenuRoot({ children, onOpenChange, ...props }: ContextMe
 declare namespace ContextMenuRoot {
     var displayName: string;
 }
-declare const ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const ContextMenuGroup: typeof ContextMenuPrimitive.Group;
 declare const ContextMenuPortal: (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => import("react/jsx-runtime").JSX.Element;
 declare const ContextMenuSub: typeof ContextMenuPrimitive.Sub;

package/dist/components/contextMenu/ContextMenu.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.d.mts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAMpE,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAEzH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;~~AAIpE~~,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAC9E,KAAK,6BAA6B,GAAG,eAAe,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAC1F,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAC5F,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAA;AAC9F,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAA;AAC5G,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAExG,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EACtE,uBAAuB;CAAG;AAE9B,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,EAC5E,6BAA6B;CAAG;AAEpC,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B;CAAG;AAEjH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAkBlF;kBAlBQ,eAAe;;;AAqBxB,QAAA,MAAM,kBAAkB,~~EAAE~~,~~OAAO,oBAAoB,CAAC,OAAsC,~~CAAA;~~AAC5F~~,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,CAAC,KAAkC,CAAA;AACtF,QAAA,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AACD,QAAA,MAAM,cAAc,EAAE,OAAO,oBAAoB,CAAC,~~GAA8B~~,CAAA;~~AAChF~~,QAAA,MAAM,qBAAqB,EAAE,OAAO,oBAAoB,CAAC,UAA4C,CAAA;AAErG,QAAA,MAAM,kBAAkB;~~WA9CsF~~,IAAI,GAAG,IAAI,GAAG,IAAI;~~wCAkE~~/H,CAAA;AAGD,QAAA,MAAM,gBAAgB,sKAUrB,CAAA;AAGD,QAAA,MAAM,oBAAoB,0KAaxB,CAAA;AAGF,QAAA,MAAM,eAAe,6FAwBpB,CAAA;AAGD,QAAA,MAAM,uBAAuB,6KAmB3B,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KAiBzB,CAAA;AAGD,QAAA,MAAM,qBAAqB,mGAwBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,~~2KAkBzB~~,CAAA;AAGF,QAAA,MAAM,mBAAmB,kGAKvB,CAAA;AAGF,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,GAAG,EAAE,OAAO,cAAc,CAAA;IAC1B,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,MAAM,EAAE,OAAO,iBAAiB,CAAA;IAChC,YAAY,EAAE,OAAO,uBAAuB,CAAA;IAC5C,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CAiBpC,CAAA;AAGF,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAA"}
1	+ {"version":3,"file":"ContextMenu.d.mts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/contextMenu/ContextMenu.d.ts CHANGED Viewed

@@ -24,7 +24,7 @@ declare function ContextMenuRoot({ children, onOpenChange, ...props }: ContextMe
 declare namespace ContextMenuRoot {
     var displayName: string;
 }
-declare const ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const ContextMenuGroup: typeof ContextMenuPrimitive.Group;
 declare const ContextMenuPortal: (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => import("react/jsx-runtime").JSX.Element;
 declare const ContextMenuSub: typeof ContextMenuPrimitive.Sub;

package/dist/components/contextMenu/ContextMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAMpE,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAEzH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;~~AAIpE~~,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAC9E,KAAK,6BAA6B,GAAG,eAAe,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAC1F,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAC5F,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AAClI,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAA;AAC9F,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAA;AAC5G,KAAK,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAA;AACtG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAExG,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EACtE,uBAAuB;CAAG;AAE9B,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,UAAU,CAAC,EAC5E,6BAA6B;CAAG;AAEpC,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B;CAAG;AAEjH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAkBlF;kBAlBQ,eAAe;;;AAqBxB,QAAA,MAAM,kBAAkB,~~EAAE~~,~~OAAO,oBAAoB,CAAC,OAAsC,~~CAAA;~~AAC5F~~,QAAA,MAAM,gBAAgB,EAAE,OAAO,oBAAoB,CAAC,KAAkC,CAAA;AACtF,QAAA,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AACD,QAAA,MAAM,cAAc,EAAE,OAAO,oBAAoB,CAAC,~~GAA8B~~,CAAA;~~AAChF~~,QAAA,MAAM,qBAAqB,EAAE,OAAO,oBAAoB,CAAC,UAA4C,CAAA;AAErG,QAAA,MAAM,kBAAkB;~~WA9CsF~~,IAAI,GAAG,IAAI,GAAG,IAAI;~~wCAkE~~/H,CAAA;AAGD,QAAA,MAAM,gBAAgB,sKAUrB,CAAA;AAGD,QAAA,MAAM,oBAAoB,0KAaxB,CAAA;AAGF,QAAA,MAAM,eAAe,6FAwBpB,CAAA;AAGD,QAAA,MAAM,uBAAuB,6KAmB3B,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KAiBzB,CAAA;AAGD,QAAA,MAAM,qBAAqB,mGAwBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,~~2KAkBzB~~,CAAA;AAGF,QAAA,MAAM,mBAAmB,kGAKvB,CAAA;AAGF,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,GAAG,EAAE,OAAO,cAAc,CAAA;IAC1B,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,MAAM,EAAE,OAAO,iBAAiB,CAAA;IAChC,YAAY,EAAE,OAAO,uBAAuB,CAAA;IAC5C,SAAS,EAAE,OAAO,oBAAoB,CAAA;IACtC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CAiBpC,CAAA;AAGF,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAA"}
1	+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/contextMenu/ContextMenu.js CHANGED Viewed

@@ -9,6 +9,7 @@ import { Icon } from "../icon/Icon.js";
 import { contextMenuItemPropDefs, contextMenuShortcutPropDefs, contextMenuSubTriggerPropDefs } from "./contextMenu.props.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ContextMenuOpenContext = React.createContext(false);
+const ContextMenuSubOpenContext = React.createContext(false);
 function ContextMenuRoot({ children, onOpenChange, ...props }) {
   const [open, setOpen] = React.useState(false);
   const handleOpenChange = React.useCallback(
@@ -21,10 +22,39 @@ function ContextMenuRoot({ children, onOpenChange, ...props }) {
   return /* @__PURE__ */ jsx(ContextMenuOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx(MenuPrimitiveRoot, { root: ContextMenuPrimitive.Root, ...props, onOpenChange: handleOpenChange, children }) });
 }
 ContextMenuRoot.displayName = "ContextMenu";
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuTrigger = React.forwardRef(({ onKeyDown, disabled, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Trigger,
+  {
+    ...props,
+    ref,
+    disabled,
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || disabled) return;
+      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) return;
+      event.preventDefault();
+      const rect = event.currentTarget.getBoundingClientRect();
+      event.currentTarget.dispatchEvent(new MouseEvent("contextmenu", {
+        bubbles: true,
+        cancelable: true,
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      }));
+    }
+  }
+));
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
 const ContextMenuGroup = ContextMenuPrimitive.Group;
 const ContextMenuPortal = (props) => /* @__PURE__ */ jsx(MenuPortal, { ...props, portal: ContextMenuPrimitive.Portal });
-const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuSub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
+  const open = openProp ?? uncontrolledOpen;
+  const handleOpenChange = React.useCallback((nextOpen) => {
+    if (openProp === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  }, [openProp, onOpenChange]);
+  return /* @__PURE__ */ jsx(ContextMenuSubOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { open, onOpenChange: handleOpenChange, children }) });
+};
 const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 const ContextMenuContent = React.forwardRef(
   ({ className, children, forceMount = false, size = "md", ...props }, forwardedRef) => {
@@ -156,7 +186,8 @@ const ContextMenuSubTrigger = React.forwardRef(({ className: propClassName, inse
   );
 });
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
-const ContextMenuSubContent = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
+const ContextMenuSubContent = React.forwardRef(({ className, children, forceMount = false, ...props }, forwardedRef) => {
+  const open = React.useContext(ContextMenuSubOpenContext);
   return /* @__PURE__ */ jsx(
     MenuPrimitiveContent,
     {
@@ -164,9 +195,9 @@ const ContextMenuSubContent = React.forwardRef(({ className, children, ...props
       ref: forwardedRef,
       content: ContextMenuPrimitive.SubContent,
       contentClassName: "dsx-context-menu__content",
-      forceMount: true,
-      open: true,
-      portal: null,
+      forceMount,
+      open,
+      portal: ContextMenuPrimitive.Portal,
       className,
       children
     }

package/dist/components/contextMenu/ContextMenu.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/contextMenu/ContextMenu.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport { contextMenuItemPropDefs, contextMenuShortcutPropDefs, contextMenuSubTriggerPropDefs } from './contextMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst ContextMenuOpenContext = React.createContext(false)\n\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>\ntype ContextMenuSubTriggerOwnProps = GetPropDefTypes<typeof contextMenuSubTriggerPropDefs>\ntype ContextMenuShortcutOwnProps = GetPropDefTypes<typeof contextMenuShortcutPropDefs>\n\ntype ContextMenuRootProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>\ntype ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype ContextMenuLabelProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>\ntype ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\ntype ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\ntype ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\ntype ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n\ninterface ContextMenuItemProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>,\n    ContextMenuItemOwnProps {}\n\ninterface ContextMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>,\n    ContextMenuSubTriggerOwnProps {}\n\ninterface ContextMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, ContextMenuShortcutOwnProps {}\n\nfunction ContextMenuRoot({ children, onOpenChange, ...props }: ContextMenuRootProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <ContextMenuOpenContext.Provider value={open}>\n      <MenuPrimitiveRoot root={ContextMenuPrimitive.Root} {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </MenuPrimitiveRoot>\n    </ContextMenuOpenContext.Provider>\n  )\n}\nContextMenuRoot.displayName = 'ContextMenu'\n\nconst ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger = ContextMenuPrimitive.Trigger\nconst ContextMenuGroup: typeof ContextMenuPrimitive.Group = ContextMenuPrimitive.Group\nconst ContextMenuPortal = (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => (\n  <MenuPortal {...props} portal={ContextMenuPrimitive.Portal} />\n)\nconst ContextMenuSub: typeof ContextMenuPrimitive.Sub = ContextMenuPrimitive.Sub\nconst ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuContent = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Content>, ContextMenuContentProps>(\n  ({ className, children, forceMount = false, size = 'md', ...props }, forwardedRef) => {\n    const open = React.useContext(ContextMenuOpenContext)\n\n    return (\n      <MenuPrimitiveContent\n        {...props}\n        ref={forwardedRef}\n        data-size={size}\n        content={ContextMenuPrimitive.Content}\n        contentClassName=\"dsx-context-menu__content\"\n        forceMount={forceMount}\n        open={open}\n        portal={ContextMenuPrimitive.Portal}\n        className={className}\n      >\n        {children}\n      </MenuPrimitiveContent>\n    )\n  },\n)\nContextMenuContent.displayName = 'ContextMenuContent'\n\nconst ContextMenuLabel = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Label>, ContextMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__label', className)}\n      />\n    )\n  },\n)\nContextMenuLabel.displayName = 'ContextMenuLabel'\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveSeparator\n      {...props}\n      ref={forwardedRef}\n      separator={ContextMenuPrimitive.Separator}\n      separatorClassName=\"dsx-context-menu__separator\"\n      className={className}\n    />\n  )\n})\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\nconst ContextMenuItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Item>, ContextMenuItemProps>(\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      contextMenuItemPropDefs,\n    )\n\n    return (\n      <MenuPrimitiveItem\n        {...itemProps}\n        ref={forwardedRef}\n        item={ContextMenuPrimitive.Item}\n        itemClassName=\"dsx-context-menu__item\"\n        className={className}\n        destructive={destructive}\n        inset={inset}\n      />\n    )\n  },\n)\nContextMenuItem.displayName = 'ContextMenuItem'\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  ContextMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      {...props}\n      ref={forwardedRef}\n      checked={checked}\n      className={classNames('dsx-context-menu__item', className)}\n    >\n      <span className=\"dsx-context-menu__item-indicator\">\n        <ContextMenuPrimitive.ItemIndicator>\n          {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  )\n})\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\nconst ContextMenuRadioItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>, ContextMenuRadioItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.RadioItem\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__item', className)}\n      >\n        <span className=\"dsx-context-menu__item-indicator\">\n          <ContextMenuPrimitive.ItemIndicator>\n            <span className=\"dsx-context-menu__radio-dot\" />\n          </ContextMenuPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </ContextMenuPrimitive.RadioItem>\n    )\n  },\n)\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  ContextMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n  const { className, ...subTriggerProps } = extractProps(\n    {\n      ...props,\n      className: propClassName,\n      inset,\n    },\n    contextMenuSubTriggerPropDefs,\n  )\n\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-context-menu__item', 'dsx-context-menu__sub-trigger', className)}\n      data-inset={inset ? 'true' : undefined}\n    >\n      {children}\n      <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-context-menu__sub-chevron\" />\n    </ContextMenuPrimitive.SubTrigger>\n  )\n})\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger'\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  ContextMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveContent\n      {...props}\n      ref={forwardedRef}\n      content={ContextMenuPrimitive.SubContent}\n      contentClassName=\"dsx-context-menu__content\"\n      forceMount\n      open\n      portal={null}\n      className={className}\n    >\n      {children}\n    </MenuPrimitiveContent>\n  )\n})\nContextMenuSubContent.displayName = 'ContextMenuSubContent'\n\nconst ContextMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, ContextMenuShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, contextMenuShortcutPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-context-menu__shortcut', className)} />\n})\nContextMenuShortcut.displayName = 'ContextMenuShortcut'\n\nconst ContextMenu: typeof ContextMenuRoot & {\n  Root: typeof ContextMenuRoot\n  Trigger: typeof ContextMenuTrigger\n  Content: typeof ContextMenuContent\n  Item: typeof ContextMenuItem\n  Label: typeof ContextMenuLabel\n  Separator: typeof ContextMenuSeparator\n  Group: typeof ContextMenuGroup\n  Sub: typeof ContextMenuSub\n  RadioGroup: typeof ContextMenuRadioGroup\n  Portal: typeof ContextMenuPortal\n  CheckboxItem: typeof ContextMenuCheckboxItem\n  RadioItem: typeof ContextMenuRadioItem\n  SubTrigger: typeof ContextMenuSubTrigger\n  SubContent: typeof ContextMenuSubContent\n  Shortcut: typeof ContextMenuShortcut\n} = Object.assign(ContextMenuRoot, {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  Separator: ContextMenuSeparator,\n  Group: ContextMenuGroup,\n  Sub: ContextMenuSub,\n  RadioGroup: ContextMenuRadioGroup,\n  Portal: ContextMenuPortal,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioItem: ContextMenuRadioItem,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  Shortcut: ContextMenuShortcut,\n})\nContextMenu.displayName = 'ContextMenu'\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n}\nexport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRootProps,\n  ContextMenuSeparatorProps,\n  ContextMenuShortcutProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubTriggerProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport { contextMenuItemPropDefs, contextMenuShortcutPropDefs, contextMenuSubTriggerPropDefs } from './contextMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst ContextMenuOpenContext = React.createContext(false)\nconst ContextMenuSubOpenContext = React.createContext(false)\n\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>\ntype ContextMenuSubTriggerOwnProps = GetPropDefTypes<typeof contextMenuSubTriggerPropDefs>\ntype ContextMenuShortcutOwnProps = GetPropDefTypes<typeof contextMenuShortcutPropDefs>\n\ntype ContextMenuRootProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>\ntype ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype ContextMenuLabelProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>\ntype ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\ntype ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\ntype ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\ntype ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n\ninterface ContextMenuItemProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>,\n    ContextMenuItemOwnProps {}\n\ninterface ContextMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>,\n    ContextMenuSubTriggerOwnProps {}\n\ninterface ContextMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, ContextMenuShortcutOwnProps {}\n\nfunction ContextMenuRoot({ children, onOpenChange, ...props }: ContextMenuRootProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <ContextMenuOpenContext.Provider value={open}>\n      <MenuPrimitiveRoot root={ContextMenuPrimitive.Root} {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </MenuPrimitiveRoot>\n    </ContextMenuOpenContext.Provider>\n  )\n}\nContextMenuRoot.displayName = 'ContextMenu'\n\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>\n>(({ onKeyDown, disabled, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    {...props}\n    ref={ref}\n    disabled={disabled}\n    onKeyDown={(event) => {\n      onKeyDown?.(event)\n      if (event.defaultPrevented || disabled) return\n      if (event.key !== 'ContextMenu' && !(event.shiftKey && event.key === 'F10')) return\n      event.preventDefault()\n      const rect = event.currentTarget.getBoundingClientRect()\n      event.currentTarget.dispatchEvent(new MouseEvent('contextmenu', {\n        bubbles: true,\n        cancelable: true,\n        clientX: rect.left + rect.width / 2,\n        clientY: rect.top + rect.height / 2,\n      }))\n    }}\n  />\n))\nContextMenuTrigger.displayName = 'ContextMenuTrigger'\nconst ContextMenuGroup: typeof ContextMenuPrimitive.Group = ContextMenuPrimitive.Group\nconst ContextMenuPortal = (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>) => (\n  <MenuPortal {...props} portal={ContextMenuPrimitive.Portal} />\n)\nconst ContextMenuSub: typeof ContextMenuPrimitive.Sub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n  const handleOpenChange = React.useCallback((nextOpen: boolean) => {\n    if (openProp === undefined) setUncontrolledOpen(nextOpen)\n    onOpenChange?.(nextOpen)\n  }, [openProp, onOpenChange])\n  return (\n    <ContextMenuSubOpenContext.Provider value={open}>\n      <ContextMenuPrimitive.Sub open={open} onOpenChange={handleOpenChange}>{children}</ContextMenuPrimitive.Sub>\n    </ContextMenuSubOpenContext.Provider>\n  )\n}\nconst ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuContent = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Content>, ContextMenuContentProps>(\n  ({ className, children, forceMount = false, size = 'md', ...props }, forwardedRef) => {\n    const open = React.useContext(ContextMenuOpenContext)\n\n    return (\n      <MenuPrimitiveContent\n        {...props}\n        ref={forwardedRef}\n        data-size={size}\n        content={ContextMenuPrimitive.Content}\n        contentClassName=\"dsx-context-menu__content\"\n        forceMount={forceMount}\n        open={open}\n        portal={ContextMenuPrimitive.Portal}\n        className={className}\n      >\n        {children}\n      </MenuPrimitiveContent>\n    )\n  },\n)\nContextMenuContent.displayName = 'ContextMenuContent'\n\nconst ContextMenuLabel = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Label>, ContextMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__label', className)}\n      />\n    )\n  },\n)\nContextMenuLabel.displayName = 'ContextMenuLabel'\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <MenuPrimitiveSeparator\n      {...props}\n      ref={forwardedRef}\n      separator={ContextMenuPrimitive.Separator}\n      separatorClassName=\"dsx-context-menu__separator\"\n      className={className}\n    />\n  )\n})\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\nconst ContextMenuItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.Item>, ContextMenuItemProps>(\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      contextMenuItemPropDefs,\n    )\n\n    return (\n      <MenuPrimitiveItem\n        {...itemProps}\n        ref={forwardedRef}\n        item={ContextMenuPrimitive.Item}\n        itemClassName=\"dsx-context-menu__item\"\n        className={className}\n        destructive={destructive}\n        inset={inset}\n      />\n    )\n  },\n)\nContextMenuItem.displayName = 'ContextMenuItem'\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  ContextMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      {...props}\n      ref={forwardedRef}\n      checked={checked}\n      className={classNames('dsx-context-menu__item', className)}\n    >\n      <span className=\"dsx-context-menu__item-indicator\">\n        <ContextMenuPrimitive.ItemIndicator>\n          {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  )\n})\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\nconst ContextMenuRadioItem = React.forwardRef<React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>, ContextMenuRadioItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <ContextMenuPrimitive.RadioItem\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-context-menu__item', className)}\n      >\n        <span className=\"dsx-context-menu__item-indicator\">\n          <ContextMenuPrimitive.ItemIndicator>\n            <span className=\"dsx-context-menu__radio-dot\" />\n          </ContextMenuPrimitive.ItemIndicator>\n        </span>\n        {children}\n      </ContextMenuPrimitive.RadioItem>\n    )\n  },\n)\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  ContextMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n  const { className, ...subTriggerProps } = extractProps(\n    {\n      ...props,\n      className: propClassName,\n      inset,\n    },\n    contextMenuSubTriggerPropDefs,\n  )\n\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-context-menu__item', 'dsx-context-menu__sub-trigger', className)}\n      data-inset={inset ? 'true' : undefined}\n    >\n      {children}\n      <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-context-menu__sub-chevron\" />\n    </ContextMenuPrimitive.SubTrigger>\n  )\n})\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger'\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  ContextMenuSubContentProps\n>(({ className, children, forceMount = false, ...props }, forwardedRef) => {\n  const open = React.useContext(ContextMenuSubOpenContext)\n  return (\n    <MenuPrimitiveContent\n      {...props}\n      ref={forwardedRef}\n      content={ContextMenuPrimitive.SubContent}\n      contentClassName=\"dsx-context-menu__content\"\n      forceMount={forceMount}\n      open={open}\n      portal={ContextMenuPrimitive.Portal}\n      className={className}\n    >\n      {children}\n    </MenuPrimitiveContent>\n  )\n})\nContextMenuSubContent.displayName = 'ContextMenuSubContent'\n\nconst ContextMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, ContextMenuShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, contextMenuShortcutPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-context-menu__shortcut', className)} />\n})\nContextMenuShortcut.displayName = 'ContextMenuShortcut'\n\nconst ContextMenu: typeof ContextMenuRoot & {\n  Root: typeof ContextMenuRoot\n  Trigger: typeof ContextMenuTrigger\n  Content: typeof ContextMenuContent\n  Item: typeof ContextMenuItem\n  Label: typeof ContextMenuLabel\n  Separator: typeof ContextMenuSeparator\n  Group: typeof ContextMenuGroup\n  Sub: typeof ContextMenuSub\n  RadioGroup: typeof ContextMenuRadioGroup\n  Portal: typeof ContextMenuPortal\n  CheckboxItem: typeof ContextMenuCheckboxItem\n  RadioItem: typeof ContextMenuRadioItem\n  SubTrigger: typeof ContextMenuSubTrigger\n  SubContent: typeof ContextMenuSubContent\n  Shortcut: typeof ContextMenuShortcut\n} = Object.assign(ContextMenuRoot, {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  Separator: ContextMenuSeparator,\n  Group: ContextMenuGroup,\n  Sub: ContextMenuSub,\n  RadioGroup: ContextMenuRadioGroup,\n  Portal: ContextMenuPortal,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioItem: ContextMenuRadioItem,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  Shortcut: ContextMenuShortcut,\n})\nContextMenu.displayName = 'ContextMenu'\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n}\nexport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRootProps,\n  ContextMenuSeparatorProps,\n  ContextMenuShortcutProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubTriggerProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/drawer.css CHANGED Viewed

@@ -9,11 +9,26 @@
   z-index: calc(var(--dsx-z-index-dropdown) + 1);
   gap: var(--dsx-space-md);
   min-height: var(--dsx-drawer-min-height, 30vh);
+  max-height: 100dvh;
+  max-width: 100%;
+  overflow-y: auto;
+  overflow-wrap: anywhere;
   padding: var(--dsx-space-md) var(--dsx-space-lg) var(--dsx-space-lg);
   border-top-left-radius: var(--dsx-rounded-xl);
   border-top-right-radius: var(--dsx-rounded-xl);
 }
+.dsx-drawer__content > :not(.dsx-drawer__handle) {
+  flex-shrink: 0;
+  min-width: 0;
+}
+/* Vaul's offscreen filler grows the shell's scroll area and covers footer
+   controls after scrolling. The bounded scrolling shell owns its surface. */
+.dsx-drawer__content::after {
+  display: none;
+}
 .dsx-drawer__content[data-direction='bottom'] {
   right: 0;
   bottom: 0;
@@ -35,8 +50,9 @@
   top: 0;
   bottom: 0;
   left: 0;
-  width: min(100vw, var(--dsx-sheet-width));
-  min-height: var(--dsx-drawer-min-height-full, 100vh);
+  width: min(100%, var(--dsx-sheet-width));
+  height: 100dvh;
+  min-height: 0;
   border-top-right-radius: var(--dsx-rounded-xl);
   border-bottom-right-radius: var(--dsx-rounded-xl);
 }
@@ -45,8 +61,9 @@
   top: 0;
   right: 0;
   bottom: 0;
-  width: min(100vw, var(--dsx-sheet-width));
-  min-height: var(--dsx-drawer-min-height-full, 100vh);
+  width: min(100%, var(--dsx-sheet-width));
+  height: 100dvh;
+  min-height: 0;
   border-top-left-radius: var(--dsx-rounded-xl);
   border-bottom-left-radius: var(--dsx-rounded-xl);
 }
@@ -98,12 +115,12 @@
 .dsx-drawer__content[data-direction='left'][data-size='sm'],
 .dsx-drawer__content[data-direction='right'][data-size='sm'] {
-  width: min(100vw, var(--dsx-sheet-width-sm, 280px));
+  width: min(100%, var(--dsx-sheet-width-sm, 280px));
 }
 .dsx-drawer__content[data-direction='left'][data-size='lg'],
 .dsx-drawer__content[data-direction='right'][data-size='lg'] {
-  width: min(100vw, var(--dsx-sheet-width-lg, 540px));
+  width: min(100%, var(--dsx-sheet-width-lg, 540px));
 }
 .dsx-drawer__title {