@d4gger/design-system 2.7.0 → 3.0.0

package/README.md

@@ -1,144 +1,124 @@
 # @d4gger/design-system
 
-React design system package for D4gger. It ships foundations, primitives, components, icons, tokens, motion helpers, and CSS from one public package.
-
-## What this package ships
-
-- **Foundations** — theme, layout, typography, responsive helpers, shared polymorphic utilities
-- **Primitives** — low-level building blocks aligned with `docs/design-system/HIERARCHY.md`: `AccessibleIcon`, `AspectRatio`, `Avatar`, `Badge`, `Button`, `Checkbox`, `Icon`, `Input`, `Label`, `Progress`, `RadioGroup`, `Separator`, `Skeleton`, `Slider`, `Slot`, `Spinner`, `Switch`, `TextArea`, `Toggle`, `Tooltip`, `VisuallyHidden`
-- **Components** — higher-level UI for overlays, menus, navigation, forms, data display, feedback, editors, and pickers, including `CommentThread`, `DataTable`, `Prose`, `Result`, `RichTextEditor`, `SortableList`, and `TableOfContents`
-- **Icons** — named React icon exports
-- **Tokens** — generated token exports plus CSS token variables
-- **Motion** — `motion` and `AnimatePresence` re-exported from `framer-motion`
-- **Props** — prop-definition primitives and reusable prop-def bundles for DS-local extension work
-- **Helpers** — `extractProps` for turning prop definitions into merged class/style output
-- **CSS** — bundled styles, reset styles, utilities, tokens, component CSS, and per-component CSS entrypoints
-
-## Public entrypoints
-
-### JavaScript
-
-- `@d4gger/design-system`
-- `@d4gger/design-system/foundations`
-- `@d4gger/design-system/components`
-- `@d4gger/design-system/icons`
-- `@d4gger/design-system/motion`
-- `@d4gger/design-system/article-nodes` (read-side renderers; no Tiptap peer required)
-- `@d4gger/design-system/article-extensions` (Tiptap article schema extensions)
-- `@d4gger/design-system/sortable-list` (dnd-kit-backed reordering)
-- Dedicated advanced-component entrypoints listed in `package.json`
-
-### CSS
-
-- `@d4gger/design-system/styles.css`
-- `@d4gger/design-system/reset.css`
-- `@d4gger/design-system/tokens.css`
-- `@d4gger/design-system/utilities.css`
-- `@d4gger/design-system/components.css`
-- `@d4gger/design-system/tailwind.css` (optional Tailwind v4 token adapter)
-- `@d4gger/design-system/brand-effects.css` (optional product atmosphere)
-- `@d4gger/design-system/components/*.css`
-
-## Installation requirements
-
-Install the package and satisfy these peer dependencies:
-
-- `react >= 18`
-- `react-dom >= 18`
-- `lucide-react >= 1`
-- `framer-motion >= 11` only if you use `@d4gger/design-system/motion`
-- `@dnd-kit/core`, `@dnd-kit/sortable`, and `@dnd-kit/utilities` only if you use `SortableList`
-- `@tiptap/core`, `@tiptap/react`, `@tiptap/starter-kit`, the documented Tiptap image/table/code-block extensions, `@tiptap/pm`, and `lowlight` only if you use `RichTextEditor`
-
-## Setup contract
-
-- Import `@d4gger/design-system/styles.css` once at app entry.
-- Tailwind v4 applications may import `tailwind.css` after `tailwindcss`; the app still owns the Tailwind build and uses it for composition only. Named DS spacing utilities are namespaced (`p-dsx-sm`, `gap-dsx-lg`), numeric spacing keeps the 4px base, standard named `max-w-*` retains Tailwind semantics, and DS page widths use `Container` or the adapter's `max-w-content` / `max-w-wide`.
-- Import `brand-effects.css` only when a page uses the optional ambient, starfield, or shimmer wrapper classes. Select `dsx-brand-starfield--sparse` / `--dense`, or tune the published `--dsx-brand-starfield-*` and `--dsx-brand-shimmer-opacity` variables on the wrapper.
-- Use `Theme` when you want the package to apply theme attributes for appearance, density, scaling, accent, gray, radius, panel background, and surface.
-- `Theme` supports `mode="light" | "dark"`, `appearance="light" | "dark" | "inherit"`, `accentColor="rift" | "warp" | "ray"`, `grayColor="auto" | "neutral"`, `radius="none" | "small" | "medium" | "large" | "full"`, `panelBackground="solid" | "translucent"`, `density="comfortable" | "compact"`, optional `scaling`, and `surface="theme" | "transparent"`.
-- `Theme` defaults to dark mode, comfortable density, rift accent, auto gray, medium radius, translucent panel background, and theme surface.
-- Nested `Theme` wrappers inherit the active theme context automatically, and `appearance="inherit"` preserves the current light or dark appearance while allowing local overrides for the rest of the theme state.
-- Accent roles are deliberately distinct: `accent-track` is a solid fill, `accent-contrast` is its foreground, `accent-indicator` is accent-as-foreground/indicator paint, and `accent-surface` is a subtle tinted background. Light themes use darker indicator values than their track values.
-- `Theme` can run locally on a wrapper element or globally with `applyToDocument`.
-- When `applyToDocument` is enabled, `Theme` writes `data-dsx-theme`, `data-dsx-density`, `data-dsx-scaling`, `data-accent-color`, `data-gray-color`, `data-radius`, `data-panel-background`, `data-has-background`, and `colorScheme` to `html` and `body`.
-- Use `ThemeProvider` when you want persisted theme preference plus persisted accent, gray, radius, panel background, density, and scaling settings.
-- `ThemeProvider` stores `light`, `dark`, or `system` in `localStorage`, resolves system theme from the user’s media query, mirrors the full theme data-attribute contract to the document, and requires a `storageKey`.
-- `useTheme` must be used inside `ThemeProvider`.
-
-## Import model
-
-- The root entrypoint is the broad app-facing surface for interactive React consumers. It exposes tokens, icons, foundations, primitives, and components so current frontend apps can import from one package path.
-- Use `@d4gger/design-system/foundations` for the canonical app-composition layout API: `Box`, `Flex`, `Grid`, `Stack`, `Container`, `Section`, theme, typography, responsive helpers, and shared polymorphic utilities.
-- Use `@d4gger/design-system/components` for primitives and composite UI families with internal slots, coordinated behavior, or heavier app-shell responsibilities.
-- Use the root entrypoint for generated JavaScript token exports and `@d4gger/design-system/tokens.css` for CSS token variables.
-- Use `@d4gger/design-system/icons` for icon exports.
-- Use only documented public entrypoints. Do not import from internal source paths.
-- Import `SortableList` from `@d4gger/design-system/sortable-list` and direct Tiptap article extensions from `@d4gger/design-system/article-extensions`; these optional-peer surfaces are intentionally absent from the root and `components` barrels.
-- Read-side article renderers remain available from the root/components barrels and from `@d4gger/design-system/article-nodes` because they do not load Tiptap.
-- `@d4gger/design-system/motion` is a thin re-export of `framer-motion`, not a separate animation API.
-- Component-level CSS can be imported from `@d4gger/design-system/components/*.css` when full bundled styles are not desired.
-- Component-level layout wrappers exposed from `@d4gger/design-system/components` are compatibility and package-authoring conveniences. Prefer the foundations layout exports for new app shells and product composition.
-
-## Surface maturity contract
-
-- Canonical primitives and components are indexed in `docs/design-system/HIERARCHY.md` and `docs/design-system-index.md`.
-- Package-shipped surfaces without first-class specs are valid exports, but they are package-stage surfaces until canonical anatomy, accessibility, and Penpot contracts are written.
-- Package-stage today: none. All shipped component surfaces now have canonical specs under `docs/design-system/`.
-- `Card` canonical variants are `default` and `glass`; `outline` remains compatibility-only for older frontend usage.
-- `Sidebar` is a panel/cabinet shell component. Apps own routing, auth, nav data, permissions, and page orchestration.
-- `Cabinet Shell` is the canonical authenticated product-area pattern for composing `Sidebar`, `Toolbar`, `DropdownMenu`, `Card`, `DataList`, `EmptyState`, layout, and typography without shipping app routing or auth.
-- Tailwind consumer policy lives in the shipped consumer guide: Tailwind may be downstream app-local composition mapped to DS variables, not a DS token source or component system.
-- `Chart` is a tokenized DS chart shell. Apps own analytics semantics; raw Recharts exports are compatibility escape hatches, not the canonical DS anatomy.
-- Heavy and adapter-backed surfaces are classified in `docs/heavy-component-boundaries.md`; package exports do not imply that every shipped surface is canonical or app-semantics-owning.
-- `Command`, `Drawer`, `Resizable`, `RichTextEditor`, `Chart`, and `Sonner` are advanced adapter-backed surfaces. The package owns shells and tokens; apps own product behavior.
-
-## RichTextEditor boundary
-
-- `RichTextEditor` is a managed convenience wrapper that creates a default Tiptap editor for simple package consumers.
-- `RichTextEditor.Shell` is the canon-aligned shell surface when the app owns the editor instance, schema, extension policy, and persistence format.
-- Use `preset="article"` for the package article schema or `createRichTextEditorExtensions` to compose an app-owned editor. `extensions` remains a full replacement escape hatch.
-- Authored HTML and stable `data-dsx-*` attributes are the interoperability contract. Apps own sanitization, migrations, storage, uploads, embed resolution/allowlists, and poll APIs.
-- `onUpdate` remains the compatibility callback for string output and defaults to HTML serialization unless `serialize` is provided.
-
-## DatePicker boundary
-
-- `DatePicker` is the canonical product-facing date-selection surface and stays single-date only.
-- `Calendar` is the lower-level builder underneath that surface; use it directly only when the app owns calendar composition beyond the standard trigger-plus-popover pattern.
-- `DatePicker` accepts and emits JavaScript `Date` values for one selected calendar day. The package does not define canonical timezone, range, or persistence semantics for those values.
-- The default trigger label uses host-locale `toLocaleDateString(..., { dateStyle: 'medium' })`. Supply `formatDate` when product copy must be fixed to a specific locale, timezone, or domain-specific wording.
-- `calendarProps` is for lower-level calendar configuration around the package-owned picker flow; selection state and single-date mode stay controlled by `DatePicker`.
-
-## Motion-safe status and ticker surfaces
-
-- `Status pulse` becomes a static semantic dot under `prefers-reduced-motion: reduce`.
-- `InputOtp` keeps a visible caret but removes infinite blinking under reduced motion.
-- `Marquee` keeps its existing `speed`, `direction`, and `pauseOnHover` API and adds `edgeFade?: boolean` (default `false`).
-- `Marquee edgeFade` uses `--dsx-marquee-edge-fade-width` (default `var(--dsx-space-xl)`), clears while focus is inside, and is removed in reduced motion. The reduced-motion layout presents one static wrapping content copy.
-
-## Layout and responsive contract
-
-- Foundations expose `Box`, `Flex`, `Grid`, `Stack`, `Container`, and `Section` as the canonical layout composition API for app shells and product pages.
-- `Container` is a centered block-width shell by default. Nest `Flex`, `Grid`, or `Stack` inside it instead of assuming Container is a flex layout.
-- Box-derived spacing props accept numeric token strings `0`–`9` and the named scale: `none`, `xs`, `sm`, `md`, `lg`, `xl`, `2xl`, `3xl`, `gutter`, and `margin`.
-- `Inset` remains a component-level utility for edge padding inside composed surfaces; do not treat it as a separate app-shell primitive.
-- Component-level layout wrappers share the same CSS classes where possible, but their prop vocabulary is a compatibility/package-authoring seam rather than the preferred app import model.
-- Responsive helpers expose breakpoint and container contracts.
-- Density modes are `comfortable` and `compact`.
-
-## Accordion indicator contract
-
-- `Accordion.Trigger` renders one built-in chevron by default.
-- Pass `indicator={false}` to hide it or `indicator={<YourIcon />}` to replace it.
-- `Accordion.ItemIndicator` and `Accordion.ItemBody` are compatibility exports. Prefer the trigger prop and `Accordion.Content`; never compose the legacy indicator alongside the built-in one or nest `ItemBody` inside `Content`.
-
-## Offline API documentation
-
-The installed package includes `dist/docs/index.md` plus canonical component specifications and the consumer guide.
+Public React design system for D4gger: foundations, components, icons,
+tokens, motion helpers, TypeScript declarations, and CSS.
+
+## Install
+
+```bash
+pnpm add @d4gger/design-system react react-dom lucide-react
+```
+
+React 18 and 19 are supported. Add optional peers only for the advanced
+surfaces you use.
+
+## Start using it
+
+Import the complete stylesheet once at application entry:
+
+```tsx
+import '@d4gger/design-system/styles.css'
+```
+
+Wrap an application or subtree in `Theme`, then use package components:
+
+```tsx
+import { Button, Card, Theme } from '@d4gger/design-system'
+
+export function Example() {
+  return (
+    <Theme mode="dark" accentColor="rift">
+      <Card>
+        <Card.Header>
+          <Card.Title>Connection</Card.Title>
+          <Card.Description>The private network is ready.</Card.Description>
+        </Card.Header>
+        <Card.Content>
+          <Button>Connect</Button>
+        </Card.Content>
+      </Card>
+    </Theme>
+  )
+}
+```
+
+`Theme` defaults to dark mode, comfortable density, the `rift` accent,
+automatic gray, medium radius, translucent panels, and a themed surface.
+Available accents are `rift`, `warp`, `ray`, `astral`, and `spark`.
+
+Use `ThemeProvider` when the application needs persisted `light`, `dark`, or
+`system` preference. It requires an application-owned `storageKey`.
+
+## CSS entrypoints
+
+- `@d4gger/design-system/styles.css` — complete default bundle
+- `@d4gger/design-system/reset.css` — reset only
+- `@d4gger/design-system/tokens.css` — generated CSS variables
+- `@d4gger/design-system/utilities.css` — utilities only
+- `@d4gger/design-system/components.css` — component bundle
+- `@d4gger/design-system/components/*.css` — individual component CSS
+- `@d4gger/design-system/tailwind.css` — optional Tailwind v4 adapter
+- `@d4gger/design-system/brand-effects.css` — optional atmosphere effects
+- `@d4gger/design-system/fonts.css` — optional hosted font imports
+
+Core styles do not fetch fonts. Prefer an application-native font loader. The
+optional `fonts.css` entrypoint imports Science Gothic and JetBrains Mono from
+Google Fonts.
+
+## JavaScript entrypoints
+
+- `@d4gger/design-system` — broad application-facing surface
+- `@d4gger/design-system/foundations` — theme, layout, typography, responsive helpers
+- `@d4gger/design-system/components` — primitives and composite UI
+- `@d4gger/design-system/icons` — named icon exports
+- `@d4gger/design-system/motion` — thin `framer-motion` re-export
+- `@d4gger/design-system/article-nodes` — read-side article renderers
+- `@d4gger/design-system/article-extensions` — Tiptap article extensions
+- `@d4gger/design-system/sortable-list` — dnd-kit-backed reordering
+
+Optional-peer surfaces are dedicated-subpath-only so an ordinary root import
+does not resolve adapters the application never uses. The public subpaths are
+`calendar`, `chart`, `combobox`, `command`, `config-drawer`, `datepicker`,
+`dialog`, `drawer`, `file-upload`, `input-otp`, `phone-input`, `qr-code`,
+`resizable`, `rich-text-editor`, `search-bar`, `sonner`, and `sortable-list`.
+Use only paths declared in the package `exports` map; do not import internal
+source or `dist` paths.
+
+## Optional peers
+
+- `framer-motion` for the motion entrypoint
+- `@dnd-kit/core`, `@dnd-kit/sortable`, and `@dnd-kit/utilities` for SortableList
+- Tiptap core, React, starter-kit, PM, image/table/code-block extensions, and
+  `lowlight` for RichTextEditor and article extensions
+- Adapter peers declared in `peerDependencies` for other dedicated advanced
+  entrypoints
+
+Read-side article nodes do not load Tiptap. Optional-peer surfaces are isolated
+so ordinary root imports do not require every adapter.
+
+## Documentation
+
+The published package includes generated consumer documentation at
+[`dist/docs/README.md`](./dist/docs/README.md), a machine-readable
+[`component-index.json`](./dist/docs/component-index.json), and one Markdown
+document per canonical package surface. These files are generated from the
+repository canon during build; TypeScript declarations remain the exact API.
+
+Key consumer contracts:
+
+- applications own routing, authentication, permissions, product data, and persistence;
+- applications sanitize untrusted article HTML before passing it to `Prose`;
+- applications own editor storage, uploads, embed allowlists, and poll APIs;
+- component-level layout compatibility exports remain available, while new app
+  composition should prefer the foundations entrypoint;
+- import `brand-effects.css` only for pages that intentionally use its ambient
+  starfield or shimmer wrappers.
 
 ## Published artifact
 
-The published package contains built JavaScript, CommonJS bundles, type declarations, CSS assets, `README.md`, `package.json`, and a package-scoped MIT `LICENSE` file.
+The npm artifact contains built ESM and CommonJS modules, declarations, source
+maps, CSS, generated consumer documentation, `README.md`, `package.json`, and
+the package-scoped MIT `LICENSE`.
 
 ## License
 

package/dist/_internal/BaseDialog.cjs

@@ -41,6 +41,7 @@ module.exports = __toCommonJS(BaseDialog_exports);
 var React = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_foundations = require("../foundations");
+var import_constants = require("./constants");
 var import_responsive = require("../layout/responsive.props");
 var import_cn = require("./cn");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -88,7 +89,16 @@ function resolvePortalThemeState(element) {
   const panelBackground = getClosestThemeAttribute(element, "data-panel-background");
   const radius = getClosestThemeAttribute(element, "data-radius");
   return {
-    accentColor: accentColor === "warp" ? "warp" : accentColor === "ray" ? "ray" : "rift",
+    // Real bug found live (2026-08-27, direct feedback: "we don't have colors from the Astral
+    // and Spark inside of the dropdown menu"): this ternary only ever recognized 'warp'/'ray' as
+    // non-default — every other accent, including the two added later (astral, spark), silently
+    // fell back to 'rift'. Confirmed live: a Select's checked-item color under
+    // data-accent-color="astral" resolved to rift's hex, not astral's. Every portaled component
+    // in the DS (Dialog/Drawer/Menubar/Popover/Select/AlertDialog/HoverCard/Menu/Tooltip/
+    // ControlGroup) shares this one resolver, so the same silent-fallback hit all of them at
+    // once. Checking membership in the real accent list instead of two hardcoded literals also
+    // means this can't go stale again the next time an accent is added.
+    accentColor: import_constants.ACCENT_COLOR_VALUES.includes(accentColor ?? "") ? accentColor : "rift",
     mode: mode === "light" ? "light" : "dark",
     density: density === "compact" ? "compact" : "comfortable",
     grayColor: grayColor === "neutral" ? "neutral" : "auto",

package/dist/_internal/BaseDialog.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/_internal/BaseDialog.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  Theme,\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemeMode,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../foundations'\nimport { type DensityMode } from '../layout/responsive.props'\nimport { cn } from './cn'\n\nexport type PortalThemeState = {\n  accentColor: ThemeAccentColor\n  mode: ThemeMode\n  density: DensityMode\n  grayColor: ThemeGrayColor\n  hasBackground: boolean\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling?: ThemeScaling\n}\n\nconst DEFAULT_PORTAL_THEME_STATE: PortalThemeState = {\n  accentColor: 'rift',\n  mode: 'dark',\n  density: 'comfortable',\n  grayColor: 'auto',\n  hasBackground: true,\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\nconst PortalThemeContext = React.createContext<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\nexport function usePortalThemeState() {\n  return React.useContext(PortalThemeContext)\n}\n\nfunction getClosestThemeAttribute(element: HTMLElement | null, attributeName: string) {\n  let current = element\n\n  while (current) {\n    const value = current.getAttribute(attributeName)\n\n    if (value !== null) {\n      return value\n    }\n\n    current = current.parentElement\n  }\n\n  return null\n}\n\nfunction getThemeObservationTargets(element: HTMLElement | null) {\n  const targets: HTMLElement[] = []\n  let current = element?.parentElement ?? null\n\n  while (current) {\n    targets.push(current)\n    current = current.parentElement\n  }\n\n  return targets\n}\n\nfunction resolvePortalThemeState(element: HTMLElement | null): PortalThemeState {\n  const scaling = getClosestThemeAttribute(element, 'data-dsx-scaling')\n  const accentColor = getClosestThemeAttribute(element, 'data-accent-color')\n  const mode = getClosestThemeAttribute(element, 'data-dsx-theme')\n  const density = getClosestThemeAttribute(element, 'data-dsx-density')\n  const grayColor = getClosestThemeAttribute(element, 'data-gray-color')\n  const hasBackground = getClosestThemeAttribute(element, 'data-has-background')\n  const panelBackground = getClosestThemeAttribute(element, 'data-panel-background')\n  const radius = getClosestThemeAttribute(element, 'data-radius')\n\n  return {\n    accentColor:\n      accentColor === 'warp'\n        ? 'warp'\n        : accentColor === 'ray'\n          ? 'ray'\n          : 'rift',\n    mode: mode === 'light' ? 'light' : 'dark',\n    density: density === 'compact' ? 'compact' : 'comfortable',\n    grayColor: grayColor === 'neutral' ? 'neutral' : 'auto',\n    hasBackground: hasBackground !== 'false',\n    panelBackground: panelBackground === 'solid' ? 'solid' : 'translucent',\n    radius:\n      radius === 'none'\n        ? 'none'\n        : radius === 'sm'\n          ? 'sm'\n          : radius === 'lg'\n            ? 'lg'\n            : radius === 'full'\n              ? 'full'\n              : 'md',\n    scaling:\n      scaling === '90' || scaling === '95' || scaling === '100' || scaling === '105' || scaling === '110'\n        ? scaling\n        : undefined,\n  }\n}\n\nexport function PortalThemeBoundary({ children }: { children?: React.ReactNode }) {\n  const probeRef = React.useRef<HTMLSpanElement>(null)\n  const [themeState, setThemeState] = React.useState<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\n  React.useLayoutEffect(() => {\n    const probe = probeRef.current\n\n    if (!probe) {\n      return\n    }\n\n    const updateThemeState = () => {\n      setThemeState(resolvePortalThemeState(probe))\n    }\n\n    updateThemeState()\n\n    if (typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    const observer = new MutationObserver(updateThemeState)\n    const targets = getThemeObservationTargets(probe)\n\n    for (const target of targets) {\n      observer.observe(target, {\n        attributes: true,\n        attributeFilter: [\n          'data-accent-color',\n          'data-gray-color',\n          'data-dsx-theme',\n          'data-dsx-density',\n          'data-dsx-scaling',\n          'data-has-background',\n          'data-panel-background',\n          'data-radius',\n        ],\n      })\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  return (\n    <PortalThemeContext.Provider value={themeState}>\n      <span ref={probeRef} hidden aria-hidden=\"true\" data-dsx-portal-probe=\"\" />\n      {children}\n    </PortalThemeContext.Provider>\n  )\n}\n\nexport function PortalThemeWrapper({ children }: { children: React.ReactElement }) {\n  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState()\n\n  return (\n    <Theme\n      asChild\n      mode={mode}\n      density={density}\n      scaling={scaling}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      panelBackground={panelBackground}\n      radius={radius}\n      surface=\"transparent\"\n    >\n      {children}\n    </Theme>\n  )\n}\n\nexport type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\nexport function BaseDialogRoot({ children, ...props }: BaseDialogRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>\n    </PortalThemeBoundary>\n  )\n}\n\nexport const BaseDialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger\nexport const BaseDialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close\n\nexport const BaseDialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function BaseDialogOverlay({ className, ...props }, ref) {\n  return <DialogPrimitive.Overlay {...props} ref={ref} className={cn(className)} />\n})\n\nexport type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  overlayClassName?: string\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>\n}\n\nexport const BaseDialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  BaseDialogContentProps\n>(function BaseDialogContent(\n  { children, className, overlayClassName, overlayProps, portalProps, ...props },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <BaseDialogOverlay\n        {...overlayProps}\n        className={cn(overlayProps?.className, overlayClassName)}\n      />\n      <PortalThemeWrapper>\n        <DialogPrimitive.Content {...props} ref={ref} className={cn(className)}>\n          {children}\n        </DialogPrimitive.Content>\n      </PortalThemeWrapper>\n    </DialogPrimitive.Portal>\n  )\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  Theme,\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemeMode,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../foundations'\nimport { ACCENT_COLOR_VALUES } from './constants'\nimport { type DensityMode } from '../layout/responsive.props'\nimport { cn } from './cn'\n\nexport type PortalThemeState = {\n  accentColor: ThemeAccentColor\n  mode: ThemeMode\n  density: DensityMode\n  grayColor: ThemeGrayColor\n  hasBackground: boolean\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling?: ThemeScaling\n}\n\nconst DEFAULT_PORTAL_THEME_STATE: PortalThemeState = {\n  accentColor: 'rift',\n  mode: 'dark',\n  density: 'comfortable',\n  grayColor: 'auto',\n  hasBackground: true,\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\nconst PortalThemeContext = React.createContext<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\nexport function usePortalThemeState() {\n  return React.useContext(PortalThemeContext)\n}\n\nfunction getClosestThemeAttribute(element: HTMLElement | null, attributeName: string) {\n  let current = element\n\n  while (current) {\n    const value = current.getAttribute(attributeName)\n\n    if (value !== null) {\n      return value\n    }\n\n    current = current.parentElement\n  }\n\n  return null\n}\n\nfunction getThemeObservationTargets(element: HTMLElement | null) {\n  const targets: HTMLElement[] = []\n  let current = element?.parentElement ?? null\n\n  while (current) {\n    targets.push(current)\n    current = current.parentElement\n  }\n\n  return targets\n}\n\nfunction resolvePortalThemeState(element: HTMLElement | null): PortalThemeState {\n  const scaling = getClosestThemeAttribute(element, 'data-dsx-scaling')\n  const accentColor = getClosestThemeAttribute(element, 'data-accent-color')\n  const mode = getClosestThemeAttribute(element, 'data-dsx-theme')\n  const density = getClosestThemeAttribute(element, 'data-dsx-density')\n  const grayColor = getClosestThemeAttribute(element, 'data-gray-color')\n  const hasBackground = getClosestThemeAttribute(element, 'data-has-background')\n  const panelBackground = getClosestThemeAttribute(element, 'data-panel-background')\n  const radius = getClosestThemeAttribute(element, 'data-radius')\n\n  return {\n    // Real bug found live (2026-08-27, direct feedback: \"we don't have colors from the Astral\n    // and Spark inside of the dropdown menu\"): this ternary only ever recognized 'warp'/'ray' as\n    // non-default \u2014 every other accent, including the two added later (astral, spark), silently\n    // fell back to 'rift'. Confirmed live: a Select's checked-item color under\n    // data-accent-color=\"astral\" resolved to rift's hex, not astral's. Every portaled component\n    // in the DS (Dialog/Drawer/Menubar/Popover/Select/AlertDialog/HoverCard/Menu/Tooltip/\n    // ControlGroup) shares this one resolver, so the same silent-fallback hit all of them at\n    // once. Checking membership in the real accent list instead of two hardcoded literals also\n    // means this can't go stale again the next time an accent is added.\n    accentColor: (ACCENT_COLOR_VALUES as readonly string[]).includes(accentColor ?? '')\n      ? (accentColor as ThemeAccentColor)\n      : 'rift',\n    mode: mode === 'light' ? 'light' : 'dark',\n    density: density === 'compact' ? 'compact' : 'comfortable',\n    grayColor: grayColor === 'neutral' ? 'neutral' : 'auto',\n    hasBackground: hasBackground !== 'false',\n    panelBackground: panelBackground === 'solid' ? 'solid' : 'translucent',\n    radius:\n      radius === 'none'\n        ? 'none'\n        : radius === 'sm'\n          ? 'sm'\n          : radius === 'lg'\n            ? 'lg'\n            : radius === 'full'\n              ? 'full'\n              : 'md',\n    scaling:\n      scaling === '90' || scaling === '95' || scaling === '100' || scaling === '105' || scaling === '110'\n        ? scaling\n        : undefined,\n  }\n}\n\nexport function PortalThemeBoundary({ children }: { children?: React.ReactNode }) {\n  const probeRef = React.useRef<HTMLSpanElement>(null)\n  const [themeState, setThemeState] = React.useState<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\n  React.useLayoutEffect(() => {\n    const probe = probeRef.current\n\n    if (!probe) {\n      return\n    }\n\n    const updateThemeState = () => {\n      setThemeState(resolvePortalThemeState(probe))\n    }\n\n    updateThemeState()\n\n    if (typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    const observer = new MutationObserver(updateThemeState)\n    const targets = getThemeObservationTargets(probe)\n\n    for (const target of targets) {\n      observer.observe(target, {\n        attributes: true,\n        attributeFilter: [\n          'data-accent-color',\n          'data-gray-color',\n          'data-dsx-theme',\n          'data-dsx-density',\n          'data-dsx-scaling',\n          'data-has-background',\n          'data-panel-background',\n          'data-radius',\n        ],\n      })\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  return (\n    <PortalThemeContext.Provider value={themeState}>\n      <span ref={probeRef} hidden aria-hidden=\"true\" data-dsx-portal-probe=\"\" />\n      {children}\n    </PortalThemeContext.Provider>\n  )\n}\n\nexport function PortalThemeWrapper({ children }: { children: React.ReactElement }) {\n  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState()\n\n  return (\n    <Theme\n      asChild\n      mode={mode}\n      density={density}\n      scaling={scaling}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      panelBackground={panelBackground}\n      radius={radius}\n      surface=\"transparent\"\n    >\n      {children}\n    </Theme>\n  )\n}\n\nexport type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\nexport function BaseDialogRoot({ children, ...props }: BaseDialogRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>\n    </PortalThemeBoundary>\n  )\n}\n\nexport const BaseDialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger\nexport const BaseDialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close\n\nexport const BaseDialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function BaseDialogOverlay({ className, ...props }, ref) {\n  return <DialogPrimitive.Overlay {...props} ref={ref} className={cn(className)} />\n})\n\nexport type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  overlayClassName?: string\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>\n}\n\nexport const BaseDialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  BaseDialogContentProps\n>(function BaseDialogContent(\n  { children, className, overlayClassName, overlayProps, portalProps, ...props },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <BaseDialogOverlay\n        {...overlayProps}\n        className={cn(overlayProps?.className, overlayClassName)}\n      />\n      <PortalThemeWrapper>\n        <DialogPrimitive.Content {...props} ref={ref} className={cn(className)}>\n          {children}\n        </DialogPrimitive.Content>\n      </PortalThemeWrapper>\n    </DialogPrimitive.Portal>\n  )\n})\n"],
+  "mappings": "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",
   "names": ["BaseDialogOverlay", "BaseDialogContent"]
 }

package/dist/_internal/BaseDialog.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDialog.d.cts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AAqED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}
+{"version":3,"file":"BaseDialog.d.cts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AA2ED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}

package/dist/_internal/BaseDialog.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDialog.d.mts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AAqED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}
+{"version":3,"file":"BaseDialog.d.mts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AA2ED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}

package/dist/_internal/BaseDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDialog.d.ts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AAqED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}
+{"version":3,"file":"BaseDialog.d.ts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AA2ED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}

package/dist/_internal/BaseDialog.js

@@ -3,6 +3,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import {
   Theme
 } from "../foundations/index.js";
+import { ACCENT_COLOR_VALUES } from "./constants.js";
 import {} from "../layout/responsive.props.js";
 import { cn } from "./cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -50,7 +51,16 @@ function resolvePortalThemeState(element) {
   const panelBackground = getClosestThemeAttribute(element, "data-panel-background");
   const radius = getClosestThemeAttribute(element, "data-radius");
   return {
-    accentColor: accentColor === "warp" ? "warp" : accentColor === "ray" ? "ray" : "rift",
+    // Real bug found live (2026-08-27, direct feedback: "we don't have colors from the Astral
+    // and Spark inside of the dropdown menu"): this ternary only ever recognized 'warp'/'ray' as
+    // non-default — every other accent, including the two added later (astral, spark), silently
+    // fell back to 'rift'. Confirmed live: a Select's checked-item color under
+    // data-accent-color="astral" resolved to rift's hex, not astral's. Every portaled component
+    // in the DS (Dialog/Drawer/Menubar/Popover/Select/AlertDialog/HoverCard/Menu/Tooltip/
+    // ControlGroup) shares this one resolver, so the same silent-fallback hit all of them at
+    // once. Checking membership in the real accent list instead of two hardcoded literals also
+    // means this can't go stale again the next time an accent is added.
+    accentColor: ACCENT_COLOR_VALUES.includes(accentColor ?? "") ? accentColor : "rift",
     mode: mode === "light" ? "light" : "dark",
     density: density === "compact" ? "compact" : "comfortable",
     grayColor: grayColor === "neutral" ? "neutral" : "auto",

package/dist/_internal/BaseDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/_internal/BaseDialog.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  Theme,\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemeMode,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../foundations'\nimport { type DensityMode } from '../layout/responsive.props'\nimport { cn } from './cn'\n\nexport type PortalThemeState = {\n  accentColor: ThemeAccentColor\n  mode: ThemeMode\n  density: DensityMode\n  grayColor: ThemeGrayColor\n  hasBackground: boolean\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling?: ThemeScaling\n}\n\nconst DEFAULT_PORTAL_THEME_STATE: PortalThemeState = {\n  accentColor: 'rift',\n  mode: 'dark',\n  density: 'comfortable',\n  grayColor: 'auto',\n  hasBackground: true,\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\nconst PortalThemeContext = React.createContext<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\nexport function usePortalThemeState() {\n  return React.useContext(PortalThemeContext)\n}\n\nfunction getClosestThemeAttribute(element: HTMLElement | null, attributeName: string) {\n  let current = element\n\n  while (current) {\n    const value = current.getAttribute(attributeName)\n\n    if (value !== null) {\n      return value\n    }\n\n    current = current.parentElement\n  }\n\n  return null\n}\n\nfunction getThemeObservationTargets(element: HTMLElement | null) {\n  const targets: HTMLElement[] = []\n  let current = element?.parentElement ?? null\n\n  while (current) {\n    targets.push(current)\n    current = current.parentElement\n  }\n\n  return targets\n}\n\nfunction resolvePortalThemeState(element: HTMLElement | null): PortalThemeState {\n  const scaling = getClosestThemeAttribute(element, 'data-dsx-scaling')\n  const accentColor = getClosestThemeAttribute(element, 'data-accent-color')\n  const mode = getClosestThemeAttribute(element, 'data-dsx-theme')\n  const density = getClosestThemeAttribute(element, 'data-dsx-density')\n  const grayColor = getClosestThemeAttribute(element, 'data-gray-color')\n  const hasBackground = getClosestThemeAttribute(element, 'data-has-background')\n  const panelBackground = getClosestThemeAttribute(element, 'data-panel-background')\n  const radius = getClosestThemeAttribute(element, 'data-radius')\n\n  return {\n    accentColor:\n      accentColor === 'warp'\n        ? 'warp'\n        : accentColor === 'ray'\n          ? 'ray'\n          : 'rift',\n    mode: mode === 'light' ? 'light' : 'dark',\n    density: density === 'compact' ? 'compact' : 'comfortable',\n    grayColor: grayColor === 'neutral' ? 'neutral' : 'auto',\n    hasBackground: hasBackground !== 'false',\n    panelBackground: panelBackground === 'solid' ? 'solid' : 'translucent',\n    radius:\n      radius === 'none'\n        ? 'none'\n        : radius === 'sm'\n          ? 'sm'\n          : radius === 'lg'\n            ? 'lg'\n            : radius === 'full'\n              ? 'full'\n              : 'md',\n    scaling:\n      scaling === '90' || scaling === '95' || scaling === '100' || scaling === '105' || scaling === '110'\n        ? scaling\n        : undefined,\n  }\n}\n\nexport function PortalThemeBoundary({ children }: { children?: React.ReactNode }) {\n  const probeRef = React.useRef<HTMLSpanElement>(null)\n  const [themeState, setThemeState] = React.useState<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\n  React.useLayoutEffect(() => {\n    const probe = probeRef.current\n\n    if (!probe) {\n      return\n    }\n\n    const updateThemeState = () => {\n      setThemeState(resolvePortalThemeState(probe))\n    }\n\n    updateThemeState()\n\n    if (typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    const observer = new MutationObserver(updateThemeState)\n    const targets = getThemeObservationTargets(probe)\n\n    for (const target of targets) {\n      observer.observe(target, {\n        attributes: true,\n        attributeFilter: [\n          'data-accent-color',\n          'data-gray-color',\n          'data-dsx-theme',\n          'data-dsx-density',\n          'data-dsx-scaling',\n          'data-has-background',\n          'data-panel-background',\n          'data-radius',\n        ],\n      })\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  return (\n    <PortalThemeContext.Provider value={themeState}>\n      <span ref={probeRef} hidden aria-hidden=\"true\" data-dsx-portal-probe=\"\" />\n      {children}\n    </PortalThemeContext.Provider>\n  )\n}\n\nexport function PortalThemeWrapper({ children }: { children: React.ReactElement }) {\n  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState()\n\n  return (\n    <Theme\n      asChild\n      mode={mode}\n      density={density}\n      scaling={scaling}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      panelBackground={panelBackground}\n      radius={radius}\n      surface=\"transparent\"\n    >\n      {children}\n    </Theme>\n  )\n}\n\nexport type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\nexport function BaseDialogRoot({ children, ...props }: BaseDialogRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>\n    </PortalThemeBoundary>\n  )\n}\n\nexport const BaseDialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger\nexport const BaseDialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close\n\nexport const BaseDialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function BaseDialogOverlay({ className, ...props }, ref) {\n  return <DialogPrimitive.Overlay {...props} ref={ref} className={cn(className)} />\n})\n\nexport type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  overlayClassName?: string\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>\n}\n\nexport const BaseDialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  BaseDialogContentProps\n>(function BaseDialogContent(\n  { children, className, overlayClassName, overlayProps, portalProps, ...props },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <BaseDialogOverlay\n        {...overlayProps}\n        className={cn(overlayProps?.className, overlayClassName)}\n      />\n      <PortalThemeWrapper>\n        <DialogPrimitive.Content {...props} ref={ref} className={cn(className)}>\n          {children}\n        </DialogPrimitive.Content>\n      </PortalThemeWrapper>\n    </DialogPrimitive.Portal>\n  )\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  Theme,\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemeMode,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../foundations'\nimport { ACCENT_COLOR_VALUES } from './constants'\nimport { type DensityMode } from '../layout/responsive.props'\nimport { cn } from './cn'\n\nexport type PortalThemeState = {\n  accentColor: ThemeAccentColor\n  mode: ThemeMode\n  density: DensityMode\n  grayColor: ThemeGrayColor\n  hasBackground: boolean\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling?: ThemeScaling\n}\n\nconst DEFAULT_PORTAL_THEME_STATE: PortalThemeState = {\n  accentColor: 'rift',\n  mode: 'dark',\n  density: 'comfortable',\n  grayColor: 'auto',\n  hasBackground: true,\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\nconst PortalThemeContext = React.createContext<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\nexport function usePortalThemeState() {\n  return React.useContext(PortalThemeContext)\n}\n\nfunction getClosestThemeAttribute(element: HTMLElement | null, attributeName: string) {\n  let current = element\n\n  while (current) {\n    const value = current.getAttribute(attributeName)\n\n    if (value !== null) {\n      return value\n    }\n\n    current = current.parentElement\n  }\n\n  return null\n}\n\nfunction getThemeObservationTargets(element: HTMLElement | null) {\n  const targets: HTMLElement[] = []\n  let current = element?.parentElement ?? null\n\n  while (current) {\n    targets.push(current)\n    current = current.parentElement\n  }\n\n  return targets\n}\n\nfunction resolvePortalThemeState(element: HTMLElement | null): PortalThemeState {\n  const scaling = getClosestThemeAttribute(element, 'data-dsx-scaling')\n  const accentColor = getClosestThemeAttribute(element, 'data-accent-color')\n  const mode = getClosestThemeAttribute(element, 'data-dsx-theme')\n  const density = getClosestThemeAttribute(element, 'data-dsx-density')\n  const grayColor = getClosestThemeAttribute(element, 'data-gray-color')\n  const hasBackground = getClosestThemeAttribute(element, 'data-has-background')\n  const panelBackground = getClosestThemeAttribute(element, 'data-panel-background')\n  const radius = getClosestThemeAttribute(element, 'data-radius')\n\n  return {\n    // Real bug found live (2026-08-27, direct feedback: \"we don't have colors from the Astral\n    // and Spark inside of the dropdown menu\"): this ternary only ever recognized 'warp'/'ray' as\n    // non-default \u2014 every other accent, including the two added later (astral, spark), silently\n    // fell back to 'rift'. Confirmed live: a Select's checked-item color under\n    // data-accent-color=\"astral\" resolved to rift's hex, not astral's. Every portaled component\n    // in the DS (Dialog/Drawer/Menubar/Popover/Select/AlertDialog/HoverCard/Menu/Tooltip/\n    // ControlGroup) shares this one resolver, so the same silent-fallback hit all of them at\n    // once. Checking membership in the real accent list instead of two hardcoded literals also\n    // means this can't go stale again the next time an accent is added.\n    accentColor: (ACCENT_COLOR_VALUES as readonly string[]).includes(accentColor ?? '')\n      ? (accentColor as ThemeAccentColor)\n      : 'rift',\n    mode: mode === 'light' ? 'light' : 'dark',\n    density: density === 'compact' ? 'compact' : 'comfortable',\n    grayColor: grayColor === 'neutral' ? 'neutral' : 'auto',\n    hasBackground: hasBackground !== 'false',\n    panelBackground: panelBackground === 'solid' ? 'solid' : 'translucent',\n    radius:\n      radius === 'none'\n        ? 'none'\n        : radius === 'sm'\n          ? 'sm'\n          : radius === 'lg'\n            ? 'lg'\n            : radius === 'full'\n              ? 'full'\n              : 'md',\n    scaling:\n      scaling === '90' || scaling === '95' || scaling === '100' || scaling === '105' || scaling === '110'\n        ? scaling\n        : undefined,\n  }\n}\n\nexport function PortalThemeBoundary({ children }: { children?: React.ReactNode }) {\n  const probeRef = React.useRef<HTMLSpanElement>(null)\n  const [themeState, setThemeState] = React.useState<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\n  React.useLayoutEffect(() => {\n    const probe = probeRef.current\n\n    if (!probe) {\n      return\n    }\n\n    const updateThemeState = () => {\n      setThemeState(resolvePortalThemeState(probe))\n    }\n\n    updateThemeState()\n\n    if (typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    const observer = new MutationObserver(updateThemeState)\n    const targets = getThemeObservationTargets(probe)\n\n    for (const target of targets) {\n      observer.observe(target, {\n        attributes: true,\n        attributeFilter: [\n          'data-accent-color',\n          'data-gray-color',\n          'data-dsx-theme',\n          'data-dsx-density',\n          'data-dsx-scaling',\n          'data-has-background',\n          'data-panel-background',\n          'data-radius',\n        ],\n      })\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  return (\n    <PortalThemeContext.Provider value={themeState}>\n      <span ref={probeRef} hidden aria-hidden=\"true\" data-dsx-portal-probe=\"\" />\n      {children}\n    </PortalThemeContext.Provider>\n  )\n}\n\nexport function PortalThemeWrapper({ children }: { children: React.ReactElement }) {\n  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState()\n\n  return (\n    <Theme\n      asChild\n      mode={mode}\n      density={density}\n      scaling={scaling}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      panelBackground={panelBackground}\n      radius={radius}\n      surface=\"transparent\"\n    >\n      {children}\n    </Theme>\n  )\n}\n\nexport type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\nexport function BaseDialogRoot({ children, ...props }: BaseDialogRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>\n    </PortalThemeBoundary>\n  )\n}\n\nexport const BaseDialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger\nexport const BaseDialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close\n\nexport const BaseDialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function BaseDialogOverlay({ className, ...props }, ref) {\n  return <DialogPrimitive.Overlay {...props} ref={ref} className={cn(className)} />\n})\n\nexport type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  overlayClassName?: string\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>\n}\n\nexport const BaseDialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  BaseDialogContentProps\n>(function BaseDialogContent(\n  { children, className, overlayClassName, overlayProps, portalProps, ...props },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <BaseDialogOverlay\n        {...overlayProps}\n        className={cn(overlayProps?.className, overlayClassName)}\n      />\n      <PortalThemeWrapper>\n        <DialogPrimitive.Content {...props} ref={ref} className={cn(className)}>\n          {children}\n        </DialogPrimitive.Content>\n      </PortalThemeWrapper>\n    </DialogPrimitive.Portal>\n  )\n})\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAEjC;AAAA,EACE;AAAA,OAOK;AACP,SAAS,2BAA2B;AACpC,eAAiC;AACjC,SAAS,UAAU;AAqJf,SACE,KADF;AAxIJ,MAAM,6BAA+C;AAAA,EACnD,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,qBAAqB,MAAM,cAAgC,0BAA0B;AAEpF,SAAS,sBAAsB;AACpC,SAAO,MAAM,WAAW,kBAAkB;AAC5C;AAEA,SAAS,yBAAyB,SAA6B,eAAuB;AACpF,MAAI,UAAU;AAEd,SAAO,SAAS;AACd,UAAM,QAAQ,QAAQ,aAAa,aAAa;AAEhD,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AAEA,cAAU,QAAQ;AAAA,EACpB;AAEA,SAAO;AACT;AAEA,SAAS,2BAA2B,SAA6B;AAC/D,QAAM,UAAyB,CAAC;AAChC,MAAI,UAAU,SAAS,iBAAiB;AAExC,SAAO,SAAS;AACd,YAAQ,KAAK,OAAO;AACpB,cAAU,QAAQ;AAAA,EACpB;AAEA,SAAO;AACT;AAEA,SAAS,wBAAwB,SAA+C;AAC9E,QAAM,UAAU,yBAAyB,SAAS,kBAAkB;AACpE,QAAM,cAAc,yBAAyB,SAAS,mBAAmB;AACzE,QAAM,OAAO,yBAAyB,SAAS,gBAAgB;AAC/D,QAAM,UAAU,yBAAyB,SAAS,kBAAkB;AACpE,QAAM,YAAY,yBAAyB,SAAS,iBAAiB;AACrE,QAAM,gBAAgB,yBAAyB,SAAS,qBAAqB;AAC7E,QAAM,kBAAkB,yBAAyB,SAAS,uBAAuB;AACjF,QAAM,SAAS,yBAAyB,SAAS,aAAa;AAE9D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUL,aAAc,oBAA0C,SAAS,eAAe,EAAE,IAC7E,cACD;AAAA,IACJ,MAAM,SAAS,UAAU,UAAU;AAAA,IACnC,SAAS,YAAY,YAAY,YAAY;AAAA,IAC7C,WAAW,cAAc,YAAY,YAAY;AAAA,IACjD,eAAe,kBAAkB;AAAA,IACjC,iBAAiB,oBAAoB,UAAU,UAAU;AAAA,IACzD,QACE,WAAW,SACP,SACA,WAAW,OACT,OACA,WAAW,OACT,OACA,WAAW,SACT,SACA;AAAA,IACZ,SACE,YAAY,QAAQ,YAAY,QAAQ,YAAY,SAAS,YAAY,SAAS,YAAY,QAC1F,UACA;AAAA,EACR;AACF;AAEO,SAAS,oBAAoB,EAAE,SAAS,GAAmC;AAChF,QAAM,WAAW,MAAM,OAAwB,IAAI;AACnD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA2B,0BAA0B;AAE/F,QAAM,gBAAgB,MAAM;AAC1B,UAAM,QAAQ,SAAS;AAEvB,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,oBAAc,wBAAwB,KAAK,CAAC;AAAA,IAC9C;AAEA,qBAAiB;AAEjB,QAAI,OAAO,qBAAqB,aAAa;AAC3C;AAAA,IACF;AAEA,UAAM,WAAW,IAAI,iBAAiB,gBAAgB;AACtD,UAAM,UAAU,2BAA2B,KAAK;AAEhD,eAAW,UAAU,SAAS;AAC5B,eAAS,QAAQ,QAAQ;AAAA,QACvB,YAAY;AAAA,QACZ,iBAAiB;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,mBAAmB,UAAnB,EAA4B,OAAO,YAClC;AAAA,wBAAC,UAAK,KAAK,UAAU,QAAM,MAAC,eAAY,QAAO,yBAAsB,IAAG;AAAA,IACvE;AAAA,KACH;AAEJ;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAAqC;AACjF,QAAM,EAAE,aAAa,SAAS,WAAW,MAAM,iBAAiB,QAAQ,QAAQ,IAAI,oBAAoB;AAExG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MAEP;AAAA;AAAA,EACH;AAEJ;AAIO,SAAS,eAAe,EAAE,UAAU,GAAG,MAAM,GAAwB;AAC1E,SACE,oBAAC,uBACC,8BAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAQ,UAAS,GAC7C;AAEJ;AAEO,MAAM,oBAAoD,gBAAgB;AAC1E,MAAM,kBAAgD,gBAAgB;AAEtE,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACzD,SAAO,oBAAC,gBAAgB,SAAhB,EAAyB,GAAG,OAAO,KAAU,WAAW,GAAG,SAAS,GAAG;AACjF,CAAC;AAQM,MAAM,oBAAoB,MAAM,WAGrC,SAASC,mBACT,EAAE,UAAU,WAAW,kBAAkB,cAAc,aAAa,GAAG,MAAM,GAC7E,KACA;AACA,SACE,qBAAC,gBAAgB,QAAhB,EAAwB,GAAG,aAC1B;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,cAAc,WAAW,gBAAgB;AAAA;AAAA,IACzD;AAAA,IACA,oBAAC,sBACC,8BAAC,gBAAgB,SAAhB,EAAyB,GAAG,OAAO,KAAU,WAAW,GAAG,SAAS,GAClE,UACH,GACF;AAAA,KACF;AAEJ,CAAC;",
   "names": ["BaseDialogOverlay", "BaseDialogContent"]
 }

package/dist/_internal/constants.cjs

@@ -23,7 +23,7 @@ __export(constants_exports, {
   THEME_RADIUS_VALUES: () => THEME_RADIUS_VALUES
 });
 module.exports = __toCommonJS(constants_exports);
-const ACCENT_COLOR_VALUES = ["rift", "warp", "ray"];
+const ACCENT_COLOR_VALUES = ["rift", "warp", "ray", "astral", "spark"];
 const THEME_RADIUS_VALUES = ["none", "sm", "md", "lg", "full"];
 const COMPONENT_RADIUS_VALUES = ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 //# sourceMappingURL=constants.cjs.map

package/dist/_internal/constants.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/_internal/constants.ts"],
-  "sourcesContent": ["const ACCENT_COLOR_VALUES = ['rift', 'warp', 'ray'] as const\n\nconst THEME_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst COMPONENT_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nexport { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,sBAAsB,CAAC,QAAQ,QAAQ,KAAK;AAElD,MAAM,sBAAsB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE7D,MAAM,0BAA0B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;",
+  "sourcesContent": ["const ACCENT_COLOR_VALUES = ['rift', 'warp', 'ray', 'astral', 'spark'] as const\n\nconst THEME_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst COMPONENT_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nexport { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,sBAAsB,CAAC,QAAQ,QAAQ,OAAO,UAAU,OAAO;AAErE,MAAM,sBAAsB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE7D,MAAM,0BAA0B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;",
   "names": []
 }

package/dist/_internal/constants.d.cts

@@ -1,4 +1,4 @@
-declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray"];
+declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray", "astral", "spark"];
 declare const THEME_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "full"];
 declare const COMPONENT_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 export { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES };

package/dist/_internal/constants.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.cts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,kCAAmC,CAAA;AAE5D,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"constants.d.cts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,qDAAsD,CAAA;AAE/E,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/_internal/constants.d.mts

@@ -1,4 +1,4 @@
-declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray"];
+declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray", "astral", "spark"];
 declare const THEME_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "full"];
 declare const COMPONENT_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 export { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES };

package/dist/_internal/constants.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.mts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,kCAAmC,CAAA;AAE5D,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"constants.d.mts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,qDAAsD,CAAA;AAE/E,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/_internal/constants.d.ts

@@ -1,4 +1,4 @@
-declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray"];
+declare const ACCENT_COLOR_VALUES: readonly ["rift", "warp", "ray", "astral", "spark"];
 declare const THEME_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "full"];
 declare const COMPONENT_RADIUS_VALUES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 export { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES };

package/dist/_internal/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,kCAAmC,CAAA;AAE5D,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/_internal/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,qDAAsD,CAAA;AAE/E,QAAA,MAAM,mBAAmB,6CAA8C,CAAA;AAEvE,QAAA,MAAM,uBAAuB,0DAA2D,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/_internal/constants.js

@@ -1,4 +1,4 @@
-const ACCENT_COLOR_VALUES = ["rift", "warp", "ray"];
+const ACCENT_COLOR_VALUES = ["rift", "warp", "ray", "astral", "spark"];
 const THEME_RADIUS_VALUES = ["none", "sm", "md", "lg", "full"];
 const COMPONENT_RADIUS_VALUES = ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 export {

package/dist/_internal/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/_internal/constants.ts"],
-  "sourcesContent": ["const ACCENT_COLOR_VALUES = ['rift', 'warp', 'ray'] as const\n\nconst THEME_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst COMPONENT_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nexport { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES }\n"],
-  "mappings": "AAAA,MAAM,sBAAsB,CAAC,QAAQ,QAAQ,KAAK;AAElD,MAAM,sBAAsB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE7D,MAAM,0BAA0B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;",
+  "sourcesContent": ["const ACCENT_COLOR_VALUES = ['rift', 'warp', 'ray', 'astral', 'spark'] as const\n\nconst THEME_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst COMPONENT_RADIUS_VALUES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nexport { ACCENT_COLOR_VALUES, COMPONENT_RADIUS_VALUES, THEME_RADIUS_VALUES }\n"],
+  "mappings": "AAAA,MAAM,sBAAsB,CAAC,QAAQ,QAAQ,OAAO,UAAU,OAAO;AAErE,MAAM,sBAAsB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE7D,MAAM,0BAA0B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;",
   "names": []
 }

package/dist/_internal/props/height.prop.cjs

@@ -22,7 +22,6 @@ __export(height_prop_exports, {
   heightValues: () => heightValues
 });
 module.exports = __toCommonJS(height_prop_exports);
-var import_layout = require("../../layout/layout.props");
 var import_propDef = require("./propDef");
 const heightValues = ["auto", "full", ...import_propDef.sizeScaleValues];
 function parseLengthValue(value) {
@@ -36,7 +35,7 @@ function parseLengthValue(value) {
 }
 const heightPropDef = {
   height: {
-    ...(0, import_layout.createResponsiveVariableProp)("--dsx-r-height", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-r-height", parseLengthValue),
     className: "dsx-r-h",
     type: "enum | string",
     values: heightValues,