@persona/design-system 0.2.1 → 0.3.0

package/dist/{DropdownMenu-DZIFSJXD.mjs.map → DropdownMenu-BCyV8nC0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-DZIFSJXD.mjs","names":[],"sources":["../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as Primitive from '@radix-ui/react-dropdown-menu';\nimport type { Property } from 'csstype';\nimport {\n  Children,\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type ElementType,\n  type FC,\n  forwardRef,\n  type FunctionComponentElement,\n  type Ref,\n} from 'react';\nimport styled from 'styled-components';\n\nimport Menu, {\n  MenuDivider,\n  MenuHeading,\n  MenuItem,\n  type MenuItemProps,\n} from 'design-system/components/Menu/Menu';\nimport { Z_INDICES } from 'design-system/lib/zindex';\nimport { BASE } from 'design-system/variables/spacing';\n\nconst DropdownMenuContent = styled(Primitive.Content)<{ $zIndex?: Property.ZIndex }>`\n  z-index: ${({ $zIndex }) => $zIndex || Z_INDICES.tooltip};\n`;\n\nexport interface DropdownMenuProps\n  extends Primitive.DropdownMenuProps, Pick<Primitive.DropdownMenuContentProps, 'side' | 'align'> {\n  id?: string;\n  className?: string;\n\n  trigger: FunctionComponentElement<any>;\n\n  /**\n   * Props passed to internal DropdownMenu.Content component.\n   */\n  contentProps?: Primitive.DropdownMenuContentProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Trigger component.\n   */\n  triggerProps?: Primitive.DropdownMenuTriggerProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Portal component.\n   */\n  portalProps?: Primitive.DropdownMenuPortalProps;\n\n  /**\n   * Whether or not to wrap menu with DropdownMenu.Portal component.\n   */\n  portal?: boolean;\n\n  /**\n   * Whether or not clicks render menu items.\n   */\n  disabled?: boolean;\n\n  zIndex?: Property.ZIndex;\n}\n\nexport const DropdownMenu = ({\n  trigger,\n  children,\n  side,\n  align = 'end',\n  contentProps,\n  triggerProps,\n  portalProps,\n  className,\n  portal = false, // Default to false for old behavior\n  modal = false,\n  disabled = false,\n  zIndex,\n  ...props\n}: DropdownMenuProps) => {\n  if (Children.count(children) === 0) {\n    return null;\n  }\n\n  const content = disabled ? null : (\n    <DropdownMenuContent\n      sideOffset={BASE}\n      collisionPadding={BASE}\n      align={align}\n      side={side}\n      $zIndex={zIndex}\n      {...contentProps}\n    >\n      <Menu className={className} doNotSetRole>\n        {children}\n      </Menu>\n    </DropdownMenuContent>\n  );\n\n  return (\n    <Primitive.Root modal={modal} {...props}>\n      <Primitive.Trigger asChild {...triggerProps}>\n        {trigger}\n      </Primitive.Trigger>\n\n      {portal ? <Primitive.Portal {...portalProps}>{content}</Primitive.Portal> : content}\n    </Primitive.Root>\n  );\n};\n\ninterface DropdownMenuItemProps<T extends ElementType = 'div'>\n  extends MenuItemProps<T>, Omit<Primitive.DropdownMenuItemProps, 'asChild' | 'children'> {}\n\ninterface DropdownMenuItemType<T extends ElementType = 'div'> extends FC<\n  DropdownMenuItemProps<T> & ComponentPropsWithRef<T>\n> {\n  <T extends ElementType = 'div'>(\n    props: DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>,\n  ): ReturnType<FC<DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>>>;\n}\n\n/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\nconst DropdownMenuItem: DropdownMenuItemType = forwardRef(function DropdownMenuItem(\n  { children, disabled, ...props },\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <Primitive.Item asChild disabled={disabled} {...props}>\n      <MenuItem disabled={disabled} ref={ref}>\n        {children}\n      </MenuItem>\n    </Primitive.Item>\n  );\n});\n\nexport default Object.assign(DropdownMenu, {\n  Item: DropdownMenuItem,\n  Heading: MenuHeading,\n  Divider: MenuDivider,\n});\n"],"mappings":";;;;;;;;AAuBA,MAAM,sBAAsB,OAAO,UAAU,QAAQ;cACvC,EAAE,cAAc,WAAW,UAAU,QAAQ;;AAsC3D,MAAa,gBAAgB,EAC3B,SACA,UACA,MACA,QAAQ,OACR,cACA,cACA,aACA,WACA,SAAS,OACT,QAAQ,OACR,WAAW,OACX,QACA,GAAG,YACoB;AACvB,KAAI,SAAS,MAAM,SAAS,KAAK,EAC/B,QAAO;CAGT,MAAM,UAAU,WAAW,OACzB,oBAAC,qBAAD;EACE,YAAA;EACA,kBAAA;EACO;EACD;EACN,SAAS;EACT,GAAI;YAEJ,oBAAC,MAAD;GAAiB;GAAW,cAAA;GACzB;GACI,CAAA;EACa,CAAA;AAGxB,QACE,qBAAC,UAAU,MAAX;EAAuB;EAAO,GAAI;YAAlC,CACE,oBAAC,UAAU,SAAX;GAAmB,SAAA;GAAQ,GAAI;aAC5B;GACiB,CAAA,EAEnB,SAAS,oBAAC,UAAU,QAAX;GAAkB,GAAI;aAAc;GAA2B,CAAA,GAAG,QAC7D;;;AAgBrB,MAAM,mBAAyC,WAAW,SAAS,iBACjE,EAAE,UAAU,UAAU,GAAG,SACzB,KACA;AACA,QACE,oBAAC,UAAU,MAAX;EAAgB,SAAA;EAAkB;EAAU,GAAI;YAC9C,oBAAC,UAAD;GAAoB;GAAe;GAChC;GACQ,CAAA;EACI,CAAA;EAEnB;AAEF,IAAA,uBAAe,OAAO,OAAO,cAAc;CACzC,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC"}
+{"version":3,"file":"DropdownMenu-BCyV8nC0.mjs","names":[],"sources":["../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as Primitive from '@radix-ui/react-dropdown-menu';\nimport type { Property } from 'csstype';\nimport {\n  Children,\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type ElementType,\n  type FC,\n  forwardRef,\n  type FunctionComponentElement,\n  type Ref,\n} from 'react';\nimport styled from 'styled-components';\n\nimport Menu, {\n  MenuDivider,\n  MenuHeading,\n  MenuItem,\n  type MenuItemProps,\n} from 'design-system/components/Menu/Menu';\nimport { Z_INDICES } from 'design-system/lib/zindex';\nimport { BASE } from 'design-system/variables/spacing';\n\nconst DropdownMenuContent = styled(Primitive.Content)<{ $zIndex?: Property.ZIndex }>`\n  z-index: ${({ $zIndex }) => $zIndex || Z_INDICES.tooltip};\n`;\n\nexport interface DropdownMenuProps\n  extends Primitive.DropdownMenuProps, Pick<Primitive.DropdownMenuContentProps, 'side' | 'align'> {\n  id?: string;\n  className?: string;\n\n  trigger: FunctionComponentElement<any>;\n\n  /**\n   * Props passed to internal DropdownMenu.Content component.\n   */\n  contentProps?: Primitive.DropdownMenuContentProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Trigger component.\n   */\n  triggerProps?: Primitive.DropdownMenuTriggerProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Portal component.\n   */\n  portalProps?: Primitive.DropdownMenuPortalProps;\n\n  /**\n   * Whether or not to wrap menu with DropdownMenu.Portal component.\n   */\n  portal?: boolean;\n\n  /**\n   * Whether or not clicks render menu items.\n   */\n  disabled?: boolean;\n\n  zIndex?: Property.ZIndex;\n}\n\nexport const DropdownMenu = ({\n  trigger,\n  children,\n  side,\n  align = 'end',\n  contentProps,\n  triggerProps,\n  portalProps,\n  className,\n  portal = false, // Default to false for old behavior\n  modal = false,\n  disabled = false,\n  zIndex,\n  ...props\n}: DropdownMenuProps) => {\n  if (Children.count(children) === 0) {\n    return null;\n  }\n\n  const content = disabled ? null : (\n    <DropdownMenuContent\n      sideOffset={BASE}\n      collisionPadding={BASE}\n      align={align}\n      side={side}\n      $zIndex={zIndex}\n      {...contentProps}\n    >\n      <Menu className={className} doNotSetRole>\n        {children}\n      </Menu>\n    </DropdownMenuContent>\n  );\n\n  return (\n    <Primitive.Root modal={modal} {...props}>\n      <Primitive.Trigger asChild {...triggerProps}>\n        {trigger}\n      </Primitive.Trigger>\n\n      {portal ? <Primitive.Portal {...portalProps}>{content}</Primitive.Portal> : content}\n    </Primitive.Root>\n  );\n};\n\ninterface DropdownMenuItemProps<T extends ElementType = 'div'>\n  extends MenuItemProps<T>, Omit<Primitive.DropdownMenuItemProps, 'asChild' | 'children'> {}\n\ninterface DropdownMenuItemType<T extends ElementType = 'div'> extends FC<\n  DropdownMenuItemProps<T> & ComponentPropsWithRef<T>\n> {\n  <T extends ElementType = 'div'>(\n    props: DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>,\n  ): ReturnType<FC<DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>>>;\n}\n\n/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\nconst DropdownMenuItem: DropdownMenuItemType = forwardRef(function DropdownMenuItem(\n  { children, disabled, ...props },\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <Primitive.Item asChild disabled={disabled} {...props}>\n      <MenuItem disabled={disabled} ref={ref}>\n        {children}\n      </MenuItem>\n    </Primitive.Item>\n  );\n});\n\nexport default Object.assign(DropdownMenu, {\n  Item: DropdownMenuItem,\n  Heading: MenuHeading,\n  Divider: MenuDivider,\n});\n"],"mappings":";;;;;;;;AAuBA,MAAM,sBAAsB,OAAO,UAAU,QAAQ;cACvC,EAAE,cAAc,WAAW,UAAU,QAAQ;;AAsC3D,MAAa,gBAAgB,EAC3B,SACA,UACA,MACA,QAAQ,OACR,cACA,cACA,aACA,WACA,SAAS,OACT,QAAQ,OACR,WAAW,OACX,QACA,GAAG,YACoB;AACvB,KAAI,SAAS,MAAM,SAAS,KAAK,EAC/B,QAAO;CAGT,MAAM,UAAU,WAAW,OACzB,oBAAC,qBAAD;EACE,YAAA;EACA,kBAAA;EACO;EACD;EACN,SAAS;EACT,GAAI;YAEJ,oBAAC,MAAD;GAAiB;GAAW,cAAA;GACzB;GACI,CAAA;EACa,CAAA;AAGxB,QACE,qBAAC,UAAU,MAAX;EAAuB;EAAO,GAAI;YAAlC,CACE,oBAAC,UAAU,SAAX;GAAmB,SAAA;GAAQ,GAAI;aAC5B;GACiB,CAAA,EAEnB,SAAS,oBAAC,UAAU,QAAX;GAAkB,GAAI;aAAc;GAA2B,CAAA,GAAG,QAC7D;;;AAgBrB,MAAM,mBAAyC,WAAW,SAAS,iBACjE,EAAE,UAAU,UAAU,GAAG,SACzB,KACA;AACA,QACE,oBAAC,UAAU,MAAX;EAAgB,SAAA;EAAkB;EAAU,GAAI;YAC9C,oBAAC,UAAD;GAAoB;GAAe;GAChC;GACQ,CAAA;EACI,CAAA;EAEnB;AAEF,IAAA,uBAAe,OAAO,OAAO,cAAc;CACzC,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC"}

package/dist/{DropdownMenu-B2t3Bwky.d.mts → DropdownMenu-CnaK78rP.d.mts}

@@ -1,7 +1,7 @@
-import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-DM9OoZ71.mjs";
+import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-CYRdEnfo.mjs";
 import * as _$styled_components0 from "styled-components";
-import { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, FC, FunctionComponentElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, FC, FunctionComponentElement } from "react";
 import * as Primitive from "@radix-ui/react-dropdown-menu";
 import { Property } from "csstype";
 
@@ -72,4 +72,4 @@ declare const _default: (({
 };
 //#endregion
 export { DropdownMenuProps as n, _default as r, DropdownMenu as t };
-//# sourceMappingURL=DropdownMenu-B2t3Bwky.d.mts.map
+//# sourceMappingURL=DropdownMenu-CnaK78rP.d.mts.map

package/dist/DropdownMenu.d.mts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "./DropdownMenu-B2t3Bwky.mjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "./DropdownMenu-CnaK78rP.mjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/{ErrorProps-DX50vo-U.d.mts → ErrorProps-CN2XjaOX.d.mts}

@@ -5,4 +5,4 @@ interface ErrorProps {
 }
 //#endregion
 export { ErrorProps as t };
-//# sourceMappingURL=ErrorProps-DX50vo-U.d.mts.map
+//# sourceMappingURL=ErrorProps-CN2XjaOX.d.mts.map

package/dist/ErrorProps.d.mts

@@ -1,2 +1,2 @@
-import { t as ErrorProps } from "./ErrorProps-DX50vo-U.mjs";
+import { t as ErrorProps } from "./ErrorProps-CN2XjaOX.mjs";
 export { ErrorProps as default };

package/dist/{FieldRegistry-COyIA4VU.d.mts → FieldRegistry-DdA63Vnh.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator } from "./types-mb3woqzE.mjs";
+import { a as FilterField, c as FilterOperator } from "./types-C-TkDdkG.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/FieldRegistry.d.ts
 /**
@@ -119,4 +119,4 @@ declare function buildFieldRegistry(resource: string, fieldKeyToInfo: Record<str
 }): FieldRegistry;
 //#endregion
 export { RawFieldInfo as n, buildFieldRegistry as r, FieldRegistry as t };
-//# sourceMappingURL=FieldRegistry-COyIA4VU.d.mts.map
+//# sourceMappingURL=FieldRegistry-DdA63Vnh.d.mts.map

package/dist/FieldRegistry.d.mts

@@ -1,2 +1,2 @@
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "./FieldRegistry-COyIA4VU.mjs";
+import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "./FieldRegistry-DdA63Vnh.mjs";
 export { FieldRegistry, RawFieldInfo, buildFieldRegistry };

package/dist/{FilterBar-CS2YjiTr.d.mts → FilterBar-CxNsBVrn.d.mts}

@@ -1,6 +1,6 @@
-import { d as FilterSize, f as FilterStateV2 } from "./types-mb3woqzE.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-COyIA4VU.mjs";
-import { n as ValueControlResolver } from "./value-control-resolver-CiGEHQAc.mjs";
+import { d as FilterSize, f as FilterStateV2 } from "./types-C-TkDdkG.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-DdA63Vnh.mjs";
+import { n as ValueControlResolver } from "./value-control-resolver-BPlTeIX7.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/FilterBar.d.ts
@@ -88,8 +88,6 @@ interface FilterBarProps {
    * Return a nullish value to use the built-in resolver.
    */
   valueControlResolver?: ValueControlResolver;
-  /** Host element used by filter editor portals. */
-  portalContainer?: HTMLElement | null;
 }
 declare function FilterBar({
   registry,
@@ -98,9 +96,8 @@ declare function FilterBar({
   advancedRulesEnabled,
   singleUseFields,
   size,
-  valueControlResolver,
-  portalContainer
+  valueControlResolver
 }: FilterBarProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FilterBarProps as n, FilterBar as t };
-//# sourceMappingURL=FilterBar-CS2YjiTr.d.mts.map
+//# sourceMappingURL=FilterBar-CxNsBVrn.d.mts.map

package/dist/FilterBar.d.mts

@@ -1,2 +1,2 @@
-import { n as FilterBarProps, t as FilterBar } from "./FilterBar-CS2YjiTr.mjs";
+import { n as FilterBarProps, t as FilterBar } from "./FilterBar-CxNsBVrn.mjs";
 export { FilterBarProps, FilterBar as default };

package/dist/FilterPickerMenu.d.mts

@@ -1,7 +1,7 @@
-import { a as FilterField, d as FilterSize } from "./types-mb3woqzE.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-COyIA4VU.mjs";
-import { HTMLAttributes } from "react";
+import { a as FilterField, d as FilterSize } from "./types-C-TkDdkG.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-DdA63Vnh.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterPickerMenu/FilterPickerMenu.d.ts
 /**

package/dist/FilterPill.d.mts

@@ -1,4 +1,4 @@
-import { a as FilterField, d as FilterSize, l as FilterRule } from "./types-mb3woqzE.mjs";
+import { a as FilterField, d as FilterSize, l as FilterRule } from "./types-C-TkDdkG.mjs";
 import * as _$react from "react";
 import { HTMLAttributes } from "react";
 

package/dist/FilterPopover.d.mts

@@ -1,6 +1,6 @@
-import { a as FilterField, c as FilterOperator, d as FilterSize } from "./types-mb3woqzE.mjs";
-import { ReactNode } from "react";
+import { a as FilterField, c as FilterOperator, d as FilterSize } from "./types-C-TkDdkG.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterPopover/FilterPopover.d.ts
 /**
@@ -57,15 +57,6 @@ interface FilterPopoverProps {
    * passed to any DropdownMenu items.
    */
   size?: FilterSize;
-  /**
-   * Element to mount the editor into instead of `document.body`. Supplying one
-   * hands the host responsibility for the editor's stacking and clipping, so
-   * viewport collision handling is dropped: the editor stays pinned below its
-   * pill and the host's own scroll box decides how much of it is visible. The
-   * container must be a containing block for fixed positioning (`contain`,
-   * `transform`, …) for that clipping to apply.
-   */
-  portalContainer?: HTMLElement | null;
 }
 /**
  * The single-rule editor popover. Renders a Radix `Popover` anchored on
@@ -89,8 +80,7 @@ declare const FilterPopover: ({
   trigger,
   open,
   onOpenChange,
-  size,
-  portalContainer
+  size
 }: FilterPopoverProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FilterPopoverProps, FilterPopover as default };

package/dist/FloatValueControl.d.mts

@@ -1,4 +1,4 @@
-import { t as ValueControlProps } from "./types-BKEwt0uq.mjs";
+import { t as ValueControlProps } from "./types-NJtAxsU1.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/FloatValueControl/FloatValueControl.d.ts

package/dist/FloatingPanel.d.mts

@@ -0,0 +1,80 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode, RefObject } from "react";
+import { Placement } from "@floating-ui/react";
+
+//#region components/FloatingPanel/FloatingPanel.d.ts
+declare const FLOATING_PANEL_ID_PREFIX: "floating-panel__";
+interface FloatingPanelProps {
+  /** The title text displayed in the panel header */
+  title: ReactNode;
+  /** Callback function called when the close button is clicked */
+  onClose?: () => void;
+  /** Content to render inside the main panel area */
+  children?: ReactNode;
+  /** Optional React component rendered to the left of the expand button in the header */
+  headerActions?: ReactNode;
+  /** Whether the panel displays the fullsize button */
+  canFullsize?: boolean;
+  /** When true, the panel opens already in full-size (maximized) mode. */
+  defaultFullSize?: boolean;
+  /** Initial width of the panel in pixels */
+  initialWidth?: number;
+  /** Initial height of the panel in pixels */
+  initialHeight?: number;
+  /** Minimum width the panel can be resized to in pixels */
+  minWidth?: number;
+  /** Minimum height the panel can be resized to in pixels */
+  minHeight?: number;
+  footerButtons?: ReactNode;
+  footerAdditionalAction?: ReactNode;
+  portal?: boolean;
+  /** Reference to the element that triggered this panel, used for automatic positioning */
+  triggerRef?: RefObject<HTMLElement>;
+  /** Which placement of the trigger element to position the panel on */
+  placement?: Placement;
+  /** Additional main axis offset in pixels from the calculated position. Main axis is defined as the axis in position to where its being defined
+   * i.e. right, top, left ,bottom */
+  mainAxisOffset?: number;
+  /** Additional cross offset in pixels from the calculated position. Cross is defined as the axis that runs along the alignment
+   * of the floating element. */
+  crossAxisOffset?: number;
+  /** remove padding from the panel content */
+  noPadding?: boolean;
+  /** When true, automatically calls `onClose` if the route changes after the
+   * panel mounts. Mirrors the auto-dismiss-on-navigation behavior provided by
+   * `PanelProvider` / `usePersistentFloatingPanel` for panels that don't opt
+   * into the persistent panel context. Defaults to `false` so existing
+   * consumers (e.g. dirty-check confirmation flows) are not broken. */
+  dismissOnNavigate?: boolean;
+  /** When true, the panel's height auto-fits its content via CSS (`max-content`)
+   * up to the viewport, instead of using `initialHeight`. Once the user manually
+   * resizes, the panel switches to pixel mode and stays there. `initialHeight`
+   * is ignored while auto-fitting. */
+  fitContent?: boolean;
+}
+declare function FloatingPanel({
+  title,
+  children,
+  portal,
+  triggerRef,
+  initialWidth,
+  initialHeight,
+  minWidth,
+  minHeight,
+  mainAxisOffset,
+  crossAxisOffset,
+  footerButtons,
+  footerAdditionalAction,
+  placement,
+  canFullsize,
+  defaultFullSize,
+  noPadding,
+  headerActions,
+  dismissOnNavigate,
+  fitContent,
+  onClose,
+  ...restProps
+}: FloatingPanelProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FLOATING_PANEL_ID_PREFIX, FloatingPanelProps, FloatingPanel as default };
+//# sourceMappingURL=FloatingPanel.d.mts.map

package/dist/FloatingPanelContext.d.mts

@@ -0,0 +1,33 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
+
+//#region components/FloatingPanel/FloatingPanelContext.d.ts
+type Panel = {
+  key: string;
+  panelElement: ReactElement;
+  persistUntilPathRoot?: string;
+};
+interface PanelContextType {
+  openPanel: (panel: Panel) => void;
+  closePanel: (key: string) => void;
+  togglePanel: (panel: Panel) => void;
+  closeAllPanels: () => void;
+  isPanelOpen: (key: string) => boolean;
+  panels: Panel[];
+}
+declare const PanelProvider: ({
+  children
+}: {
+  children: ReactNode;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const usePersistentFloatingPanels: () => PanelContextType;
+declare const usePersistentFloatingPanel: (panelId?: string) => {
+  id: string;
+  openPanel: (panel: Panel) => void;
+  closePanel: () => void;
+  togglePanel: (panel: Panel) => void;
+  isPanelOpen: boolean;
+};
+//#endregion
+export { Panel, PanelProvider, usePersistentFloatingPanel, usePersistentFloatingPanels };
+//# sourceMappingURL=FloatingPanelContext.d.mts.map

package/dist/FloatingPanelRenderer.d.mts

@@ -0,0 +1,7 @@
+import * as _$react from "react";
+
+//#region components/FloatingPanel/FloatingPanelRenderer.d.ts
+declare function FloatingPanelRenderer(): _$react.ReactPortal | null;
+//#endregion
+export { FloatingPanelRenderer as default };
+//# sourceMappingURL=FloatingPanelRenderer.d.mts.map

package/dist/{FormControl-CZFmub1N.d.mts → FormControl-Doj2gvF0.d.mts}

@@ -1,8 +1,8 @@
-import { t as ErrorProps } from "./ErrorProps-DX50vo-U.mjs";
+import { t as ErrorProps } from "./ErrorProps-CN2XjaOX.mjs";
 import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-label";
 
 //#region components/FormControl/FormControl.d.ts
@@ -57,4 +57,4 @@ interface FormControlProps extends ComponentPropsWithoutRef<'div'>, FormControlB
 declare const FormControl: _$react.ForwardRefExoticComponent<FormControlProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FormControlProps as a, FormLabelProps as c, FormControlBaseProps as i, HelperText as l, ErrorText as n, FormInputContainer as o, FormControl as r, FormLabel as s, Container as t, WarningText as u };
-//# sourceMappingURL=FormControl-CZFmub1N.d.mts.map
+//# sourceMappingURL=FormControl-Doj2gvF0.d.mts.map

package/dist/{FormControl-BIXJ-FPI.mjs → FormControl-HVzZEqJH.mjs}

@@ -1,11 +1,11 @@
-import { a as Tooltip, n as TextWithDashedUnderline } from "./Tooltip-CDvOu1UN.mjs";
+import { a as Tooltip, n as TextWithDashedUnderline } from "./Tooltip-BvDbmXak.mjs";
 import { n as useFormGroup } from "./useFormGroup-BMukAMAd.mjs";
 import { n as useFormField, t as FormControlContext } from "./useFormField-eftOPiXj.mjs";
 import { Color, Spacing, Typography } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
-import { Children, forwardRef, isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import uniqueId from "lodash/fp/uniqueId.js";
+import { Children, forwardRef, isValidElement, useMemo } from "react";
+import { uniqueId } from "lodash-es";
 import { Root } from "@radix-ui/react-label";
 //#region components/FormControl/FormControl.tsx
 const LabelBase = styled(Root)`
@@ -165,4 +165,4 @@ const FormControl = forwardRef(function FormControl({ children, hasError, hasWar
 //#endregion
 export { FormLabel as a, FormInputContainer as i, ErrorText as n, HelperText as o, FormControl as r, WarningText as s, Container as t };
 
-//# sourceMappingURL=FormControl-BIXJ-FPI.mjs.map
+//# sourceMappingURL=FormControl-HVzZEqJH.mjs.map

package/dist/FormControl-HVzZEqJH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl-HVzZEqJH.mjs","names":[],"sources":["../components/FormControl/FormControl.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-label';\nimport { uniqueId } from 'lodash-es';\nimport {\n  Children,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  isValidElement,\n  type ReactNode,\n  useMemo,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport useFormField, {\n  FormControlContext,\n  type FormControlContextProps,\n} from 'design-system/components/FormControl/useFormField';\nimport Tooltip, { TextWithDashedUnderline } from 'design-system/components/Tooltip';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\ntype LabelSizes = 'md' | 'sm';\n\ninterface StyledLabelProps {\n  $size?: LabelSizes;\n}\n\nconst LabelBase = styled(Root)<StyledLabelProps>`\n  ${({ $size }) => {\n    switch ($size) {\n      default:\n      case 'md':\n        return css`\n          ${Typography.TextMedium};\n        `;\n      case 'sm':\n        return css`\n          ${Typography.TextSmall};\n        `;\n    }\n  }}\n\n  color: ${({ theme }) => theme.color.text.primary};\n`;\n\nexport interface FormLabelProps extends ComponentPropsWithoutRef<typeof Root> {\n  tooltip?: ReactNode;\n  size?: LabelSizes;\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  labelTooltipZIndex?: number;\n}\n\nexport const FormLabel = ({\n  tooltip,\n  side,\n  size,\n  children,\n  labelTooltipZIndex,\n  ...props\n}: FormLabelProps) => {\n  const field = useFormField({ labelId: props.id });\n  const formGroup = useFormGroup();\n  const labelProps = {\n    id: field.labelId,\n    htmlFor: field.inputId,\n    ...props,\n  };\n\n  // Use labelTooltipZIndex from props, then from form group context\n  const effectivelabelTooltipZIndex = labelTooltipZIndex ?? formGroup.labelTooltipZIndex;\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        size={size}\n        trigger={\n          <LabelBase {...labelProps} $size={size}>\n            <TextWithDashedUnderline>{children}</TextWithDashedUnderline>\n          </LabelBase>\n        }\n        side={side}\n        {...(effectivelabelTooltipZIndex != null && { zIndex: effectivelabelTooltipZIndex })}\n      >\n        {tooltip}\n      </Tooltip>\n    );\n  }\n\n  return (\n    <LabelBase {...labelProps} $size={size}>\n      {children}\n    </LabelBase>\n  );\n};\n\n/**\n * Used to target an input field within a FormControl.\n */\nexport const FormInputContainer = styled.div``;\n\nconst HelperTextBase = styled.div<ErrorProps>`\n  ${Typography.TextSmall};\n  line-height: 1;\n  color: ${({ theme, hasWarning, hasError }) =>\n    hasError\n      ? theme.color.variants.danger.default\n      : hasWarning\n        ? Color.CoreOrange900\n        : theme.color.text.secondary};\n`;\n\ninterface HelperTextProps extends ComponentPropsWithoutRef<'div'>, ErrorProps {}\n\nexport const HelperText = forwardRef<HTMLDivElement, HelperTextProps>(\n  function HelperText(props, ref) {\n    const field = useFormField({ helperTextId: props.id });\n    return (\n      <HelperTextBase\n        hasError={field.hasError}\n        hasWarning={field.hasWarning}\n        id={field.helperTextId}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ErrorText = forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  function ErrorText(props, ref) {\n    const field = useFormField({ errorTextId: props.id });\n    return <HelperTextBase hasError id={field.errorTextId} ref={ref} {...props} />;\n  },\n);\n\nexport const WarningText = forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  function WarningText(props, ref) {\n    const field = useFormField({ warningTextId: props.id });\n    return <HelperTextBase hasWarning id={field.warningTextId} ref={ref} {...props} />;\n  },\n);\n\nexport const Container = styled.div<{\n  $configField?: boolean;\n  $hasRightActions?: boolean;\n  $configFieldInputWidth?: string;\n}>`\n  display: flex;\n  ${({ $configField, $hasRightActions, $configFieldInputWidth }) =>\n    $configField\n      ? $hasRightActions\n        ? css`\n            flex-direction: column;\n          `\n        : css`\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: ${Spacing[4]};\n            min-width: 288px;\n\n            > ${FormInputContainer} {\n              display: flex;\n              flex-direction: row-reverse;\n              width: ${$configFieldInputWidth ?? '50%'};\n              min-width: 180px;\n            }\n\n            &:has(textarea) {\n              flex-direction: column;\n              align-items: flex-start;\n              gap: ${Spacing[1]};\n\n              > ${FormInputContainer} {\n                width: 100%;\n              }\n            }\n          `\n      : css`\n          flex-direction: column;\n          margin-bottom: ${Spacing[3]};\n        `}\n\n  > *:not(:first-child) {\n    margin-top: ${({ $configField, $hasRightActions }) =>\n      $hasRightActions ? Spacing[1] : $configField ? Spacing[0] : Spacing[2]};\n  }\n\n  > ${HelperTextBase} {\n    margin-top: ${Spacing[1]};\n  }\n`;\n\nexport interface FormControlBaseProps extends ErrorProps {\n  inputId?: string;\n  disabled?: boolean;\n  /**\n   * Whether to render the form field as a config field.\n   * This will remove the label and helper text.\n   */\n  configField?: boolean;\n  /**\n   * Whether the form field has right actions.\n   */\n  hasRightActions?: boolean;\n  /**\n   * Override the width of the form input container when `configField` is true.\n   * Accepts any valid CSS width value (e.g. `'33%'`, `'66.67%'`).\n   * Defaults to `'50%'`.\n   */\n  configFieldInputWidth?: string;\n}\n\nexport interface FormControlProps extends ComponentPropsWithoutRef<'div'>, FormControlBaseProps {}\n\nexport const FormControl = forwardRef<HTMLDivElement, FormControlProps>(function FormControl(\n  {\n    children,\n    hasError,\n    hasWarning,\n    inputId,\n    disabled,\n    configField,\n    hasRightActions,\n    configFieldInputWidth,\n    ...props\n  }: FormControlProps,\n  ref,\n) {\n  const generatedId = useMemo(() => uniqueId('pds_form_control__'), []);\n\n  const initFormField: FormControlContextProps = {\n    hasError,\n    hasWarning,\n    disabled,\n    inputId: inputId ?? generatedId,\n    configField,\n  };\n\n  Children.map(children, (child: ReactNode) => {\n    if (isValidElement(child)) {\n      switch (child.type) {\n        case FormLabel: {\n          initFormField.labelId = child.props.id ?? `${initFormField.inputId}-label`;\n          break;\n        }\n        case HelperText: {\n          initFormField.helperTextId = child.props.id ?? `${initFormField.inputId}-help-text`;\n          break;\n        }\n        case ErrorText: {\n          initFormField.errorTextId = child.props.id ?? `${initFormField.inputId}-error-text`;\n          break;\n        }\n        case WarningText: {\n          initFormField.warningTextId = child.props.id ?? `${initFormField.inputId}-warning-text`;\n          break;\n        }\n      }\n    }\n  });\n\n  const field = useFormField(initFormField);\n\n  return (\n    <FormControlContext.Provider value={field}>\n      <Container\n        ref={ref}\n        $configField={field.configField}\n        $hasRightActions={hasRightActions}\n        $configFieldInputWidth={configFieldInputWidth}\n        {...props}\n      >\n        {children}\n      </Container>\n    </FormControlContext.Provider>\n  );\n});\n\nexport default FormControl;\n"],"mappings":"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"}

package/dist/FormControl.d.mts

@@ -1,2 +1,2 @@
-import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "./FormControl-CZFmub1N.mjs";
+import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "./FormControl-Doj2gvF0.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText };

package/dist/{FormField-DcGQvgNW.mjs → FormField-B9P3BWvS.mjs}

@@ -1,24 +1,24 @@
-import { t as HStack } from "./Stack-ckRN7LrP.mjs";
-import { t as IconButton } from "./IconButton-DC4rh6ow.mjs";
+import { t as HStack } from "./Stack-Bl54WmhY.mjs";
+import { t as IconButton } from "./IconButton-BfDlic2K.mjs";
 import { n as useFormGroup } from "./useFormGroup-BMukAMAd.mjs";
 import { t as FormControlContext } from "./useFormField-eftOPiXj.mjs";
 import Input_default from "./components/Input/index.mjs";
-import { t as Checkbox } from "./Checkbox-CU27-Aa8.mjs";
-import { n as DropdownMenu_default } from "./DropdownMenu-DZIFSJXD.mjs";
-import { t as Combobox } from "./Combobox-DhTUY8JT.mjs";
-import { n as Select } from "./Select-DL-AjL0Q.mjs";
-import { t as Toggle } from "./Toggle-CC2FTAKS.mjs";
-import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText } from "./FormControl-BIXJ-FPI.mjs";
-import { t as ListBox } from "./ListBox-BwD-q7wF.mjs";
-import { t as RadioGroup } from "./RadioGroup-sjBzFE_-.mjs";
-import { t as SegmentedControl } from "./SegmentedControl-BugnH-h2.mjs";
-import { t as TextAreaWithStyle } from "./TextArea-BFsXUkuj.mjs";
-import { t as TableBox } from "./TableBox-DGjKVQFO.mjs";
+import { n as DropdownMenu_default } from "./DropdownMenu-BCyV8nC0.mjs";
+import { t as Checkbox } from "./Checkbox-DAvbgZgO.mjs";
+import { t as Combobox } from "./Combobox-xBrxiUAu.mjs";
+import { n as Select } from "./Select-D6MqSYVa.mjs";
+import { t as Toggle } from "./Toggle-BPgfSjuu.mjs";
+import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText } from "./FormControl-HVzZEqJH.mjs";
+import { t as ListBox } from "./ListBox-DKZpGYjo.mjs";
+import { t as RadioGroup } from "./RadioGroup-ClMzOZl0.mjs";
+import { t as SegmentedControl } from "./SegmentedControl-DgyJL4uN.mjs";
+import { t as TextAreaWithStyle } from "./TextArea-ZMgbE_Lh.mjs";
+import { t as TableBox } from "./TableBox-C5qWhr82.mjs";
 import { Spacing } from "@persona/design-tokens";
-import { Children, Fragment, cloneElement, createContext, forwardRef, useContext, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as Fragment$1, cloneElement, createContext, forwardRef, useContext, useMemo, useRef, useState } from "react";
 import { MoreIcon, PlusIcon } from "@persona/icons";
-import { uniqueId } from "lodash/fp.js";
+import { uniqueId } from "lodash-es";
 import { mergeProps, useCheckboxGroup, useCheckboxGroupItem } from "react-aria";
 import { useCheckboxGroupState } from "react-stately";
 import innerText from "react-innertext";
@@ -136,21 +136,19 @@ const TextAreaField = forwardRef(function TextAreaField(props, ref) {
 		})
 	});
 });
-const SelectField = ({ id, label, helperText, errorText, warningText, children, configField, labelProps, ...props }) => {
-	const linkedId = useMemo(() => id ?? uniqueId("pds-form-field-input-fields-select__"), [id]);
+const SelectField = ({ id, children, ...props }) => {
+	const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
+	const linkedId = useMemo(() => formFieldProps.inputId ?? id ?? uniqueId("pds-form-field-input-fields-select__"), [formFieldProps.inputId, id]);
 	return /* @__PURE__ */ jsx(FormField, {
-		label,
+		...formFieldProps,
+		inputId: linkedId,
 		labelProps: {
 			htmlFor: linkedId,
-			size: props.size,
-			...labelProps
+			size: inputProps.size,
+			...formFieldProps.labelProps
 		},
-		helperText,
-		warningText,
-		errorText,
-		configField,
 		children: /* @__PURE__ */ jsx(Select, {
-			...props,
+			...inputProps,
 			id: linkedId,
 			children
 		})
@@ -182,16 +180,16 @@ const CheckboxField = ({ label, helperText, errorText, warningText, checkboxLabe
 		})
 	});
 };
-const ToggleField = forwardRef(function ToggleField({ label, helperText, errorText, warningText, configField, ...props }, ref) {
+const ToggleField = forwardRef(function ToggleField(props, ref) {
+	const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
 	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		labelProps: { size: props.size },
-		helperText,
-		warningText,
-		errorText,
-		configField,
+		...formFieldProps,
+		labelProps: {
+			size: inputProps.size,
+			...formFieldProps.labelProps
+		},
 		children: /* @__PURE__ */ jsx(Toggle, {
-			...props,
+			...inputProps,
 			ref
 		})
 	});
@@ -212,15 +210,18 @@ const SegmentedControlField = forwardRef(function SegmentedControlField({ label,
 		})
 	});
 });
-const ComboboxField = ({ label, labelProps, helperText, errorText, warningText, configField, ...props }) => {
+const ComboboxField = (props) => {
+	if (props.multiple) {
+		const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
+		return /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			children: /* @__PURE__ */ jsx(Combobox, { ...inputProps })
+		});
+	}
+	const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
 	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		labelProps,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ jsx(Combobox, { ...props })
+		...formFieldProps,
+		children: /* @__PURE__ */ jsx(Combobox, { ...inputProps })
 	});
 };
 //#endregion
@@ -288,7 +289,7 @@ const CheckboxGroupField = ({ children, name, onChange, disabled, readOnly, requ
 };
 //#endregion
 //#region components/FormField/ListBoxField.tsx
-const ListBoxField = ({ label, helperText, errorText, warningText, labelProps, helperProps, errorProps, warningProps, inputId, onAdd, onDelete, deleteDisabled, configField: configFieldProp, size = "md", actions = [], addDropdownConfig, selectedKeys: selectedKeysProp, onSelectionChange, defaultSelectedKeys, ...props }) => {
+const ListBoxField = ({ label, helperText, errorText, warningText, labelProps, helperProps, errorProps, warningProps, inputId, onAdd, onDelete, deleteDisabled, configField: configFieldProp, size = "md", actions = [], addDropdownConfig, addDisabled, selectedKeys: selectedKeysProp, onSelectionChange, defaultSelectedKeys, ...props }) => {
 	const { configField } = useFormGroup({ configField: configFieldProp });
 	const menuActions = [...actions];
 	const [selectedKeysState, setSelectedKeys] = useState(defaultSelectedKeys);
@@ -303,6 +304,7 @@ const ListBoxField = ({ label, helperText, errorText, warningText, labelProps, h
 		size: "sm",
 		onClick: onAdd,
 		"aria-label": "Add item to list",
+		disabled: addDisabled,
 		children: /* @__PURE__ */ jsx(PlusIcon, {})
 	});
 	return /* @__PURE__ */ jsx(FormField, {
@@ -316,7 +318,7 @@ const ListBoxField = ({ label, helperText, errorText, warningText, labelProps, h
 		warningProps,
 		inputId,
 		configField,
-		rightActions: configField && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		rightActions: configField && /* @__PURE__ */ jsxs(Fragment, { children: [
 			menuActions.length > 0 && /* @__PURE__ */ jsx(DropdownMenu_default, {
 				trigger: /* @__PURE__ */ jsx(IconButton, {
 					"aria-label": "Actions",
@@ -404,7 +406,7 @@ const TableBoxField = ({ label, helperText, errorText, warningText, labelProps:
 		errorProps,
 		warningProps,
 		inputId,
-		rightActions: configField && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		rightActions: configField && /* @__PURE__ */ jsxs(Fragment, { children: [
 			visibleMenuActions.length > 0 && /* @__PURE__ */ jsx(DropdownMenu_default, {
 				trigger: /* @__PURE__ */ jsx(IconButton, {
 					"aria-label": "Actions",
@@ -415,7 +417,7 @@ const TableBoxField = ({ label, helperText, errorText, warningText, labelProps:
 				portal: true,
 				children: visibleMenuActions.map((entry, entryIndex) => {
 					const previousEntry = visibleMenuActions[entryIndex - 1];
-					if (isActionGroup(entry)) return /* @__PURE__ */ jsxs(Fragment, { children: [
+					if (isActionGroup(entry)) return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 						entryIndex > 0 && /* @__PURE__ */ jsx(DropdownMenu_default.Divider, {}),
 						/* @__PURE__ */ jsx(DropdownMenu_default.Heading, {
 							size: "sm",
@@ -429,7 +431,7 @@ const TableBoxField = ({ label, helperText, errorText, warningText, labelProps:
 							children: action.label
 						}, action.label))
 					] }, `${entry.heading}-${entryIndex}`);
-					return /* @__PURE__ */ jsxs(Fragment, { children: [previousEntry && isActionGroup(previousEntry) && /* @__PURE__ */ jsx(DropdownMenu_default.Divider, {}), /* @__PURE__ */ jsx(DropdownMenu_default.Item, {
+					return /* @__PURE__ */ jsxs(Fragment$1, { children: [previousEntry && isActionGroup(previousEntry) && /* @__PURE__ */ jsx(DropdownMenu_default.Divider, {}), /* @__PURE__ */ jsx(DropdownMenu_default.Item, {
 						...entry,
 						disabled: disabled || entry.disabled,
 						onClick: () => entry.onClick(selectedKey),
@@ -472,4 +474,4 @@ TableBoxField.Cell = TableBox.Cell;
 //#endregion
 export { CheckboxField as a, SegmentedControlField as c, TextField as d, ToggleField as f, CheckboxGroupField as i, SelectField as l, FormField as m, TableBoxField as n, ComboboxField as o, splitOutFormFieldProps as p, ListBoxField as r, RadioGroupField as s, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL as t, TextAreaField as u };
 
-//# sourceMappingURL=FormField-DcGQvgNW.mjs.map
+//# sourceMappingURL=FormField-B9P3BWvS.mjs.map