@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/configDrawer/ConfigDrawer.cjs.map

@@ -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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAEvB,kBAAqB;AACrB,kBAAqB;AACrB,wBAA2B;AAC3B,mBAAsB;AACtB,yBAA4B;AAC5B,8BAAiC;AACjC,uBAA0B;AAC1B,kBAAqB;AACrB,2BAAyB;AACzB,4BAA+B;AA2C3B;AAnCJ,MAAM,SAAS,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,OAAO,EAAE,CAAC;AACnG,MAAM,gBAAgB,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AACjH,MAAM,gBAAgB,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AACjH,MAAM,eAAe,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,CAAC;AAC/G,MAAM,cAAc,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY,EAAE,CAAC;AAC7G,MAAM,oBAAoB,MAAM,KAAK,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,kBAAkB,EAAE,CAAC;AA4BzH,SAAS,aAAa,EAAE,KAAK,GAA+B;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAW;AAAA,MACX,eAAY;AAAA;AAAA,EACd;AAEJ;AAEA,SAAS,WAAW,EAAE,OAAO,aAAa,SAAS,GAAoB;AACrE,SACE,6CAAC,oBAAK,WAAU,OAAM,SAAQ,WAAU,OAAM,UAAS,KAAI,MAAK,MAAK,QAAO,WAAU,0BACpF;AAAA,iDAAC,oBAAK,WAAU,UAAS,KAAI,KAAI,WAAU,+BACzC;AAAA,kDAAC,sBAAO,iBAAM;AAAA,MACb,eACC,4CAAC,oBAAK,SAAQ,eAAc,MAAK,SAAS,uBAAY;AAAA,OAE1D;AAAA,IACA,4CAAC,SAAI,WAAU,kCAAkC,UAAS;AAAA,KAC5D;AAEJ;AAEO,SAAS,aAAa,EAAE,MAAM,cAAc,aAAa,SAAS,OAAO,SAAS,SAAS,GAAsB;AACtH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,+BAAS;AAEb,QAAM,sBAAsB,MAAM;AAAA,IAChC,CAAC,UAA8B;AAC7B,UAAI,UAAU,QAAW;AACvB,cAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrE,mBAAW,OAAO,OAAO,CAAiB;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,UAAM,SAAS,SAAS,SAAS,EAAE;AACnC,WAAO,MAAM,MAAM,IAAI,MAAM;AAAA,EAC/B,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBACJ,4CAAC,gCAAW,SAAQ,SAAQ,MAAK,MAAK,cAAW,oBAC/C,sDAAC,oBAAK,MAAK,YAAW,MAAK,MAAK,GAClC;AAGF,SACE,4CAAC,MAAM,UAAN,EAAe,UAAU,MACxB,uDAAC,UAAO,MAAY,cAA4B,aAA0B,WAAW,MACnF;AAAA,gDAAC,iBAAc,SAAO,MAAE,qBAAW,gBAAe;AAAA,IAClD,6CAAC,iBACC;AAAA,kDAAC,gBACC,sDAAC,eAAY,yBAAW,GAC1B;AAAA,MACA,4CAAC,wCAAe,SAAO,MACrB,sDAAC,qBAAkB,oGAAsF,GAC3G;AAAA,MAEA,6CAAC,oBAAK,WAAU,UAAS,KAAI,MAAK,WAAU,2BAE1C;AAAA,oDAAC,cAAW,OAAM,SAAQ,aAAY,oCACpC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,SAAS,KAAwB;AAAA,YACnE,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,0DAAC,yCAAiB,MAAjB,EAAsB,OAAM,SAAQ,mBAAK;AAAA,cAC1C,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAAO,kBAAI;AAAA,cACxC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,UAAS,oBAAM;AAAA;AAAA;AAAA,QAC9C,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAGX,4CAAC,cAAW,OAAM,UAAS,aAAY,0CACrC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,eAAe,KAAyB;AAAA,YAC1E,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,2DAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAC3B;AAAA,4DAAC,gBAAa,MAAK,QAAO;AAAA,gBAAE;AAAA,iBAE9B;AAAA,cACA,6CAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAC3B;AAAA,4DAAC,gBAAa,MAAK,QAAO;AAAA,gBAAE;AAAA,iBAE9B;AAAA,cACA,6CAAC,yCAAiB,MAAjB,EAAsB,OAAM,OAC3B;AAAA,4DAAC,gBAAa,MAAK,OAAM;AAAA,gBAAE;AAAA,iBAE7B;AAAA,cACA,6CAAC,yCAAiB,MAAjB,EAAsB,OAAM,UAC3B;AAAA,4DAAC,gBAAa,MAAK,UAAS;AAAA,gBAAE;AAAA,iBAEhC;AAAA,cACA,6CAAC,yCAAiB,MAAjB,EAAsB,OAAM,SAC3B;AAAA,4DAAC,gBAAa,MAAK,SAAQ;AAAA,gBAAE;AAAA,iBAE/B;AAAA;AAAA;AAAA,QACF,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAGX,4CAAC,cAAW,OAAM,QAAO,aAAY,wBACnC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,aAAa,KAAuB;AAAA,YACtE,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,0DAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAAO,kBAAI;AAAA,cACxC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,WAAU,qBAAO;AAAA;AAAA;AAAA,QAChD,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAGX,4CAAC,cAAW,OAAM,UAAS,aAAY,gCACrC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,UAAU,KAAoB;AAAA,YAChE,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,0DAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAAO,kBAAI;AAAA,cACxC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,MAAK,mBAAK;AAAA,cACvC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,MAAK,oBAAM;AAAA,cACxC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,MAAK,mBAAK;AAAA,cACvC,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,QAAO,kBAAI;AAAA;AAAA;AAAA,QAC1C,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAGX,4CAAC,cAAW,OAAM,WAAU,aAAY,4BACtC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,WAAW,KAAkC;AAAA,YAC/E,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,0DAAC,yCAAiB,MAAjB,EAAsB,OAAM,eAAc,yBAAW;AAAA,cACtD,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,WAAU,qBAAO;AAAA;AAAA;AAAA,QAChD,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAGX,4CAAC,cAAW,OAAM,WAAU,aAAY,sBACtC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,WAAU;AAAA,YACV,cAAW;AAAA;AAAA,QACb,GACF;AAAA,QAEA,4CAAC,8BAAU;AAAA,QAIX,4CAAC,cAAW,OAAM,YAAW,aAAY,sCACvC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,eAAe,CAAC,UAAkB,mBAAmB,KAA6B;AAAA,YAClF,cAAW;AAAA,YACX,MAAK;AAAA,YAEL;AAAA,0DAAC,yCAAiB,MAAjB,EAAsB,OAAM,eAAc,yBAAW;AAAA,cACtD,4CAAC,yCAAiB,MAAjB,EAAsB,OAAM,SAAQ,mBAAK;AAAA;AAAA;AAAA,QAC5C,GACF;AAAA,QAEC,YACC,4EACE;AAAA,sDAAC,8BAAU;AAAA,UACV;AAAA,WACH;AAAA,SAEJ;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

package/dist/components/configDrawer/ConfigDrawer.js

@@ -28,7 +28,7 @@ function AccentSwatch({ tier }) {
   );
 }
 function SettingRow({ label, description, children }) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "md", className: "dsx-config-drawer__row", children: [
+  return /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", gap: "md", wrap: "wrap", className: "dsx-config-drawer__row", children: [
     /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", className: "dsx-config-drawer__row-info", children: [
       /* @__PURE__ */ jsx(Label, { children: label }),
       description && /* @__PURE__ */ jsx(Text, { variant: "label-small", tone: "muted", children: description })

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.cts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.d.cts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

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

@@ -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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.mts","sourceRoot":"","sources":["../../../src/components/contextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"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;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.ts

@@ -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

@@ -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"}
+{"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

@@ -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
     }