@xenide-io/the-old-ui-theme 0.4.4 → 0.4.8

package/dist/{chunk-54ZR4VL5.mjs → chunk-RZXHZWUB.mjs}

@@ -1011,7 +1011,7 @@ FileUpload.displayName = "FileUpload";
 // src/components/ui/Modal.tsx
 import * as Dialog from "@radix-ui/react-dialog";
 import { useRef } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var sizeMap4 = {
   sm: "max-w-sm",
   md: "max-w-lg",
@@ -1028,10 +1028,16 @@ function Modal({
   footer,
   size = "md",
   className,
+  customLayout = false,
   showCloseButton = true,
   closeOnOutsideClick = true,
   closeOnEscape = true,
-  "aria-label": ariaLabel
+  dataTest,
+  panelDataTest,
+  zIndex,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = useRef(null);
@@ -1043,13 +1049,23 @@ function Modal({
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
       children: /* @__PURE__ */ jsxs11(Dialog.Portal, { children: [
-        /* @__PURE__ */ jsx12(Dialog.Overlay, { className: "ph-modal-overlay" }),
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsx12(
+          Dialog.Overlay,
+          {
+            "data-test": dataTest,
+            className: "ph-modal-overlay",
+            style: zIndex ? { zIndex } : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx12(
           Dialog.Content,
-          __spreadProps(__spreadValues({
-            className: cn("ph-modal-panel", sizeMap4[size], className),
-            "aria-label": ariaLabel
-          }, description ? {} : { "aria-describedby": void 0 }), {
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+            id,
+            "data-test": panelDataTest,
+            className: cn("ph-modal-panel", sizeMap4[size], className)
+          }, ariaLabel ? { "aria-label": ariaLabel } : {}), ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}), {
+            style: zIndex ? { zIndex } : void 0
+          }), description ? {} : { "aria-describedby": void 0 }), {
             onOpenAutoFocus: () => {
               restoreFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
             },
@@ -1064,18 +1080,29 @@ function Modal({
             onPointerDownOutside: (event) => {
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
-            children: [
+            children: customLayout ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+              /* @__PURE__ */ jsx12(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              children
+            ] }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
               title ? null : /* @__PURE__ */ jsx12(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
               title || description || showCloseButton && canDismiss ? /* @__PURE__ */ jsxs11("header", { className: "ph-modal-header", children: [
                 /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
                   title ? /* @__PURE__ */ jsx12(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
                   description ? /* @__PURE__ */ jsx12(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ jsx12(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx12("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ jsx12(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
+                showCloseButton && canDismiss ? /* @__PURE__ */ jsx12(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx12(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ph-modal-close",
+                    "aria-label": "Close dialog",
+                    children: /* @__PURE__ */ jsx12(IconClose, { className: "h-5 w-5", "aria-hidden": true })
+                  }
+                ) }) : null
               ] }) : null,
               /* @__PURE__ */ jsx12("div", { className: "ph-modal-body", children }),
               footer ? /* @__PURE__ */ jsx12("div", { className: "ph-modal-footer", children: footer }) : null
-            ]
+            ] })
           })
         )
       ] })
@@ -1684,12 +1711,12 @@ function ThemeDomSync() {
 
 // src/components/ui/ThemeManager.tsx
 import { useLayoutEffect as useLayoutEffect2 } from "react";
-import { Fragment as Fragment3, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21 } from "react/jsx-runtime";
 function ThemeManager({ children }) {
   useLayoutEffect2(() => {
     persistTheme(readStoredTheme());
   }, []);
-  return /* @__PURE__ */ jsx21(Fragment3, { children });
+  return /* @__PURE__ */ jsx21(Fragment4, { children });
 }
 
 // src/components/ui/ThemeSwitcher.tsx
@@ -2109,7 +2136,7 @@ function EmptyState({ icon, title, description, action, className }) {
 }
 
 // src/components/ui/FilterChips.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function FilterChips({
   chips,
   onToggle,
@@ -2120,7 +2147,7 @@ function FilterChips({
   return /* @__PURE__ */ jsx30("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
     var _a;
     const label = (_a = chip.removeLabel) != null ? _a : getChipText(chip);
-    const content = /* @__PURE__ */ jsxs27(Fragment4, { children: [
+    const content = /* @__PURE__ */ jsxs27(Fragment5, { children: [
       /* @__PURE__ */ jsx30("span", { className: "ph-filter-chip__label", children: chip.label }),
       chip.value != null ? /* @__PURE__ */ jsx30("span", { className: "ph-filter-chip__value", children: chip.value }) : null
     ] });
@@ -2768,7 +2795,7 @@ function ChatBubble(_a) {
 }
 
 // src/components/ui/Terminal.tsx
-import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function Terminal(_a) {
   var _b = _a, {
     title = "sandbox",
@@ -2796,7 +2823,7 @@ function Terminal(_a) {
           /* @__PURE__ */ jsx41("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
           title && /* @__PURE__ */ jsx41("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ jsx41(Fragment5, { children: lines == null ? void 0 : lines.map((line, i) => {
+        /* @__PURE__ */ jsx41("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ jsx41(Fragment6, { children: lines == null ? void 0 : lines.map((line, i) => {
           const text = typeof line === "string" ? line : line.text;
           const color = typeof line === "string" ? void 0 : line.color;
           return /* @__PURE__ */ jsxs37("span", { children: [

package/dist/{index-B5NOyoKS.d.mts → index-Od4pIP4F.d.mts}

@@ -307,12 +307,18 @@ interface ModalProps {
     footer?: ReactNode;
     size?: ModalSize;
     className?: string;
+    customLayout?: boolean;
     showCloseButton?: boolean;
     closeOnOutsideClick?: boolean;
     closeOnEscape?: boolean;
+    dataTest?: string;
+    panelDataTest?: string;
+    zIndex?: number;
+    id?: string;
     "aria-label"?: string;
+    "aria-labelledby"?: string;
 }
-declare function Modal({ open, onClose, title, description, children, footer, size, className, showCloseButton, closeOnOutsideClick, closeOnEscape, "aria-label": ariaLabel, }: ModalProps): react.JSX.Element;
+declare function Modal({ open, onClose, title, description, children, footer, size, className, customLayout, showCloseButton, closeOnOutsideClick, closeOnEscape, dataTest, panelDataTest, zIndex, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalProps): react.JSX.Element;
 
 interface BreadcrumbItem {
     label: string;

package/dist/{index-B5NOyoKS.d.ts → index-Od4pIP4F.d.ts}

@@ -307,12 +307,18 @@ interface ModalProps {
     footer?: ReactNode;
     size?: ModalSize;
     className?: string;
+    customLayout?: boolean;
     showCloseButton?: boolean;
     closeOnOutsideClick?: boolean;
     closeOnEscape?: boolean;
+    dataTest?: string;
+    panelDataTest?: string;
+    zIndex?: number;
+    id?: string;
     "aria-label"?: string;
+    "aria-labelledby"?: string;
 }
-declare function Modal({ open, onClose, title, description, children, footer, size, className, showCloseButton, closeOnOutsideClick, closeOnEscape, "aria-label": ariaLabel, }: ModalProps): react.JSX.Element;
+declare function Modal({ open, onClose, title, description, children, footer, size, className, customLayout, showCloseButton, closeOnOutsideClick, closeOnEscape, dataTest, panelDataTest, zIndex, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalProps): react.JSX.Element;
 
 interface BreadcrumbItem {
     label: string;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { bU as IconProps } from './index-B5NOyoKS.mjs';
-export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, Q as CANONICAL_ICONS, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b2 as IconActivity, b3 as IconAliasName, b4 as IconAreaChart, b5 as IconArrowDown, b6 as IconArrowUp, b7 as IconBase, b8 as IconBell, b9 as IconBellOff, ba as IconBolt, bb as IconBox, bc as IconByName, bd as IconCancel, be as IconCheck, bf as IconCheckCircle, bg as IconChevronDown, bh as IconChevronLeft, bi as IconChevronRight, bj as IconClipboardEdit, bk as IconClose, bl as IconCodePreview, bm as IconCohort, bn as IconCommandCursor, bo as IconCopy, bp as IconCumulativeChart, bq as IconDataReel, br as IconDatabase, bs as IconDownload, bt as IconEdit, bu as IconErrorOutline, bv as IconEventStream, bw as IconExclamation, bx as IconExperimentSplit, by as IconFeatureGate, bz as IconFlag, bA as IconFlare, bB as IconFlask, bC as IconGift, bD as IconGridView, bE as IconHandClick, bF as IconHome, bG as IconInfo, bH as IconInsightBoard, bI as IconLayers, bJ as IconListView, bK as IconLogout, bL as IconMail, bM as IconMoon, bN as IconName, bO as IconOldWindow, bP as IconPanelRight, bQ as IconPerson, bR as IconPlayCircle, bS as IconPlus, bT as IconPremium, bV as IconQueryEditor, bW as IconQueryStack, bX as IconRadar, bY as IconRecording, bZ as IconReplayFrame, b_ as IconRobot, b$ as IconRocket, c0 as IconSave, c1 as IconSearch, c2 as IconSelectEvents, c3 as IconShoppingCart, c4 as IconSpinner, c5 as IconStar, c6 as IconSubArrowRight, c7 as IconSun, c8 as IconSurveyCard, c9 as IconSurveys, ca as IconSync, cb as IconTableChart, cc as IconTerminal, cd as IconToggle, ce as IconTrash, cf as IconTuning, cg as IconUpload, ch as IconVolume, ci as IconVolumeOff, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cV as OLD_UI_ICONS, cW as Overline, cX as P, cY as PH_ICONS, cZ as PH_ICON_ALIASES, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-B5NOyoKS.mjs';
+import { bU as IconProps } from './index-Od4pIP4F.mjs';
+export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, Q as CANONICAL_ICONS, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b2 as IconActivity, b3 as IconAliasName, b4 as IconAreaChart, b5 as IconArrowDown, b6 as IconArrowUp, b7 as IconBase, b8 as IconBell, b9 as IconBellOff, ba as IconBolt, bb as IconBox, bc as IconByName, bd as IconCancel, be as IconCheck, bf as IconCheckCircle, bg as IconChevronDown, bh as IconChevronLeft, bi as IconChevronRight, bj as IconClipboardEdit, bk as IconClose, bl as IconCodePreview, bm as IconCohort, bn as IconCommandCursor, bo as IconCopy, bp as IconCumulativeChart, bq as IconDataReel, br as IconDatabase, bs as IconDownload, bt as IconEdit, bu as IconErrorOutline, bv as IconEventStream, bw as IconExclamation, bx as IconExperimentSplit, by as IconFeatureGate, bz as IconFlag, bA as IconFlare, bB as IconFlask, bC as IconGift, bD as IconGridView, bE as IconHandClick, bF as IconHome, bG as IconInfo, bH as IconInsightBoard, bI as IconLayers, bJ as IconListView, bK as IconLogout, bL as IconMail, bM as IconMoon, bN as IconName, bO as IconOldWindow, bP as IconPanelRight, bQ as IconPerson, bR as IconPlayCircle, bS as IconPlus, bT as IconPremium, bV as IconQueryEditor, bW as IconQueryStack, bX as IconRadar, bY as IconRecording, bZ as IconReplayFrame, b_ as IconRobot, b$ as IconRocket, c0 as IconSave, c1 as IconSearch, c2 as IconSelectEvents, c3 as IconShoppingCart, c4 as IconSpinner, c5 as IconStar, c6 as IconSubArrowRight, c7 as IconSun, c8 as IconSurveyCard, c9 as IconSurveys, ca as IconSync, cb as IconTableChart, cc as IconTerminal, cd as IconToggle, ce as IconTrash, cf as IconTuning, cg as IconUpload, ch as IconVolume, ci as IconVolumeOff, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cV as OLD_UI_ICONS, cW as Overline, cX as P, cY as PH_ICONS, cZ as PH_ICON_ALIASES, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-Od4pIP4F.mjs';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { bU as IconProps } from './index-B5NOyoKS.js';
-export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, Q as CANONICAL_ICONS, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b2 as IconActivity, b3 as IconAliasName, b4 as IconAreaChart, b5 as IconArrowDown, b6 as IconArrowUp, b7 as IconBase, b8 as IconBell, b9 as IconBellOff, ba as IconBolt, bb as IconBox, bc as IconByName, bd as IconCancel, be as IconCheck, bf as IconCheckCircle, bg as IconChevronDown, bh as IconChevronLeft, bi as IconChevronRight, bj as IconClipboardEdit, bk as IconClose, bl as IconCodePreview, bm as IconCohort, bn as IconCommandCursor, bo as IconCopy, bp as IconCumulativeChart, bq as IconDataReel, br as IconDatabase, bs as IconDownload, bt as IconEdit, bu as IconErrorOutline, bv as IconEventStream, bw as IconExclamation, bx as IconExperimentSplit, by as IconFeatureGate, bz as IconFlag, bA as IconFlare, bB as IconFlask, bC as IconGift, bD as IconGridView, bE as IconHandClick, bF as IconHome, bG as IconInfo, bH as IconInsightBoard, bI as IconLayers, bJ as IconListView, bK as IconLogout, bL as IconMail, bM as IconMoon, bN as IconName, bO as IconOldWindow, bP as IconPanelRight, bQ as IconPerson, bR as IconPlayCircle, bS as IconPlus, bT as IconPremium, bV as IconQueryEditor, bW as IconQueryStack, bX as IconRadar, bY as IconRecording, bZ as IconReplayFrame, b_ as IconRobot, b$ as IconRocket, c0 as IconSave, c1 as IconSearch, c2 as IconSelectEvents, c3 as IconShoppingCart, c4 as IconSpinner, c5 as IconStar, c6 as IconSubArrowRight, c7 as IconSun, c8 as IconSurveyCard, c9 as IconSurveys, ca as IconSync, cb as IconTableChart, cc as IconTerminal, cd as IconToggle, ce as IconTrash, cf as IconTuning, cg as IconUpload, ch as IconVolume, ci as IconVolumeOff, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cV as OLD_UI_ICONS, cW as Overline, cX as P, cY as PH_ICONS, cZ as PH_ICON_ALIASES, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-B5NOyoKS.js';
+import { bU as IconProps } from './index-Od4pIP4F.js';
+export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, Q as CANONICAL_ICONS, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b2 as IconActivity, b3 as IconAliasName, b4 as IconAreaChart, b5 as IconArrowDown, b6 as IconArrowUp, b7 as IconBase, b8 as IconBell, b9 as IconBellOff, ba as IconBolt, bb as IconBox, bc as IconByName, bd as IconCancel, be as IconCheck, bf as IconCheckCircle, bg as IconChevronDown, bh as IconChevronLeft, bi as IconChevronRight, bj as IconClipboardEdit, bk as IconClose, bl as IconCodePreview, bm as IconCohort, bn as IconCommandCursor, bo as IconCopy, bp as IconCumulativeChart, bq as IconDataReel, br as IconDatabase, bs as IconDownload, bt as IconEdit, bu as IconErrorOutline, bv as IconEventStream, bw as IconExclamation, bx as IconExperimentSplit, by as IconFeatureGate, bz as IconFlag, bA as IconFlare, bB as IconFlask, bC as IconGift, bD as IconGridView, bE as IconHandClick, bF as IconHome, bG as IconInfo, bH as IconInsightBoard, bI as IconLayers, bJ as IconListView, bK as IconLogout, bL as IconMail, bM as IconMoon, bN as IconName, bO as IconOldWindow, bP as IconPanelRight, bQ as IconPerson, bR as IconPlayCircle, bS as IconPlus, bT as IconPremium, bV as IconQueryEditor, bW as IconQueryStack, bX as IconRadar, bY as IconRecording, bZ as IconReplayFrame, b_ as IconRobot, b$ as IconRocket, c0 as IconSave, c1 as IconSearch, c2 as IconSelectEvents, c3 as IconShoppingCart, c4 as IconSpinner, c5 as IconStar, c6 as IconSubArrowRight, c7 as IconSun, c8 as IconSurveyCard, c9 as IconSurveys, ca as IconSync, cb as IconTableChart, cc as IconTerminal, cd as IconToggle, ce as IconTrash, cf as IconTuning, cg as IconUpload, ch as IconVolume, ci as IconVolumeOff, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cV as OLD_UI_ICONS, cW as Overline, cX as P, cY as PH_ICONS, cZ as PH_ICON_ALIASES, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-Od4pIP4F.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.js

@@ -2055,10 +2055,16 @@ function Modal({
   footer,
   size = "md",
   className,
+  customLayout = false,
   showCloseButton = true,
   closeOnOutsideClick = true,
   closeOnEscape = true,
-  "aria-label": ariaLabel
+  dataTest,
+  panelDataTest,
+  zIndex,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = (0, import_react11.useRef)(null);
@@ -2070,13 +2076,23 @@ function Modal({
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog.Portal, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Overlay, { className: "ph-modal-overlay" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Dialog.Overlay,
+          {
+            "data-test": dataTest,
+            className: "ph-modal-overlay",
+            style: zIndex ? { zIndex } : void 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Dialog.Content,
-          __spreadProps(__spreadValues({
-            className: cn("ph-modal-panel", sizeMap4[size], className),
-            "aria-label": ariaLabel
-          }, description ? {} : { "aria-describedby": void 0 }), {
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+            id,
+            "data-test": panelDataTest,
+            className: cn("ph-modal-panel", sizeMap4[size], className)
+          }, ariaLabel ? { "aria-label": ariaLabel } : {}), ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}), {
+            style: zIndex ? { zIndex } : void 0
+          }), description ? {} : { "aria-describedby": void 0 }), {
             onOpenAutoFocus: () => {
               restoreFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
             },
@@ -2091,18 +2107,29 @@ function Modal({
             onPointerDownOutside: (event) => {
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
-            children: [
+            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              children
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
               title ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
               title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "ph-modal-header", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0", children: [
                   title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
                   description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
+                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ph-modal-close",
+                    "aria-label": "Close dialog",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
+                  }
+                ) }) : null
               ] }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-body", children }),
               footer ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
-            ]
+            ] })
           })
         )
       ] })

package/dist/index.mjs

@@ -116,7 +116,7 @@ import {
   isThemeId,
   persistTheme,
   readStoredTheme
-} from "./chunk-54ZR4VL5.mjs";
+} from "./chunk-RZXHZWUB.mjs";
 import {
   ButtonChrome,
   CANONICAL_ICONS,