@persona/design-system 0.1.6 → 0.1.7

package/dist/{ControlBar-oT-I2y6E.d.cts → ControlBar-BGmXymCB.d.cts}

@@ -1,4 +1,4 @@
-import { t as OmniSearchProps } from "./SearchInput-B6d2Qyzb.cjs";
+import { t as OmniSearchProps } from "./SearchInput-CAHYPQVX.cjs";
 import { FC } from "react";
 
 //#region components/DataTable/TableControls/ControlBar.d.ts
@@ -148,4 +148,4 @@ interface ControlBarProps extends EventHandlers {
 declare const ControlBar: FC<ControlBarProps>;
 //#endregion
 export { ControlBarProps as n, ControlBar as t };
-//# sourceMappingURL=ControlBar-oT-I2y6E.d.cts.map
+//# sourceMappingURL=ControlBar-BGmXymCB.d.cts.map

package/dist/{ControlBar-9m-DNImB.d.mts → ControlBar-DXyl1gjc.d.mts}

@@ -1,4 +1,4 @@
-import { t as OmniSearchProps } from "./SearchInput-2lsv5_R6.mjs";
+import { t as OmniSearchProps } from "./SearchInput-s6qGC2WZ.mjs";
 import { FC } from "react";
 
 //#region components/DataTable/TableControls/ControlBar.d.ts
@@ -148,4 +148,4 @@ interface ControlBarProps extends EventHandlers {
 declare const ControlBar: FC<ControlBarProps>;
 //#endregion
 export { ControlBarProps as n, ControlBar as t };
-//# sourceMappingURL=ControlBar-9m-DNImB.d.mts.map
+//# sourceMappingURL=ControlBar-DXyl1gjc.d.mts.map

package/dist/ControlBar.d.cts

@@ -1,2 +1,2 @@
-import { n as ControlBarProps, t as ControlBar } from "./ControlBar-oT-I2y6E.cjs";
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-BGmXymCB.cjs";
 export { ControlBarProps, ControlBar as default };

package/dist/ControlBar.d.mts

@@ -1,2 +1,2 @@
-import { n as ControlBarProps, t as ControlBar } from "./ControlBar-9m-DNImB.mjs";
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-DXyl1gjc.mjs";
 export { ControlBarProps, ControlBar as default };

package/dist/DataTable.d.cts

@@ -1,6 +1,6 @@
-import { t as AttributeColumn } from "./types-BG21GgBe.cjs";
-import { n as TableControlsProps, t as TableControls } from "./TableControls-BG0OKwjj.cjs";
-import { t as Pagination } from "./Pagination-CeoHVtYD.cjs";
+import { t as AttributeColumn } from "./types-C_AUGurs.cjs";
+import { n as TableControlsProps, t as TableControls } from "./TableControls-Bkd3jhC1.cjs";
+import { t as Pagination } from "./Pagination-B97xQ-Wk.cjs";
 import { BulkAction, DataTableColumnFormat, DataTableColumns, RowAction, SortProps } from "./components/DataTable/types.cjs";
 import { RenderFormatFn } from "./useTableColumns.cjs";
 import { ComponentProps } from "react";

package/dist/DataTable.d.mts

@@ -1,6 +1,6 @@
-import { t as AttributeColumn } from "./types-ChCqSD9N.mjs";
-import { n as TableControlsProps, t as TableControls } from "./TableControls-B4gpAvl7.mjs";
-import { t as Pagination } from "./Pagination-BUjpYIwq.mjs";
+import { t as AttributeColumn } from "./types-B34lbI2k.mjs";
+import { n as TableControlsProps, t as TableControls } from "./TableControls-BZyiqk9V.mjs";
+import { t as Pagination } from "./Pagination-QWNK_hH7.mjs";
 import { BulkAction, DataTableColumnFormat, DataTableColumns, RowAction, SortProps } from "./components/DataTable/types.mjs";
 import { RenderFormatFn } from "./useTableColumns.mjs";
 import * as _$styled_components0 from "styled-components";

package/dist/DateField.d.cts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { n as InputSizes } from "./input-BkzqXwn7.cjs";
 import * as _$react from "react";
 import { DateValue } from "@internationalized/date";
 import { AriaDateFieldProps } from "@react-aria/datepicker";

package/dist/DateField.d.mts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-FEaQ66an.mjs";
+import { n as InputSizes } from "./input-DrG6mA0V.mjs";
 import * as _$react from "react";
 import { DateValue } from "@internationalized/date";
 import { AriaDateFieldProps } from "@react-aria/datepicker";

package/dist/DatePicker.d.cts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { n as InputSizes } from "./input-BkzqXwn7.cjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
 import { DateValue } from "@internationalized/date";
 import { DatePickerProps as DatePickerProps$1 } from "@react-types/datepicker";

package/dist/DatePicker.d.mts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-FEaQ66an.mjs";
+import { n as InputSizes } from "./input-DrG6mA0V.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DateValue } from "@internationalized/date";
 import { DatePickerProps as DatePickerProps$1 } from "@react-types/datepicker";

package/dist/DateRangePicker.d.cts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { n as InputSizes } from "./input-BkzqXwn7.cjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
 import { DateValue } from "@internationalized/date";
 import { DateRangePickerProps as DateRangePickerProps$1 } from "@react-types/datepicker";
@@ -34,12 +34,17 @@ interface DateRangePickerProps extends DateRangePickerProps$1<DateValue>, AriaLa
    * z-index of the calendar popover
    */
   calendarZIndex?: number;
+  /**
+   * Element that should contain the calendar portal.
+   */
+  portalContainer?: HTMLElement | null;
 }
 declare const DateRangePicker: ({
   granularity,
   hideTimeZone,
   className,
   calendarZIndex,
+  portalContainer,
   ...props
 }: DateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/DateRangePicker.d.mts

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-FEaQ66an.mjs";
+import { n as InputSizes } from "./input-DrG6mA0V.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import { DateValue } from "@internationalized/date";
@@ -34,12 +34,17 @@ interface DateRangePickerProps extends DateRangePickerProps$1<DateValue>, AriaLa
    * z-index of the calendar popover
    */
   calendarZIndex?: number;
+  /**
+   * Element that should contain the calendar portal.
+   */
+  portalContainer?: HTMLElement | null;
 }
 declare const DateRangePicker: ({
   granularity,
   hideTimeZone,
   className,
   calendarZIndex,
+  portalContainer,
   ...props
 }: DateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/{DropdownButton-BS1QfVX_.mjs → DropdownButton-B397h6ka.mjs}

@@ -1,5 +1,5 @@
 import { n as Button } from "./IconButton-DC4rh6ow.mjs";
-import { n as DropdownMenu_default } from "./DropdownMenu-cN_AnKAT.mjs";
+import { n as DropdownMenu_default } from "./DropdownMenu-cnkoGc7C.mjs";
 import { jsx } from "react/jsx-runtime";
 import { CaretDownIcon } from "@persona/icons";
 //#region components/DropdownButton/DropdownButton.tsx
@@ -23,4 +23,4 @@ const DropdownButton = ({ children, menuItems, menuProps, side, ...props }) => {
 //#endregion
 export { DropdownButton as t };
 
-//# sourceMappingURL=DropdownButton-BS1QfVX_.mjs.map
+//# sourceMappingURL=DropdownButton-B397h6ka.mjs.map

package/dist/{DropdownButton-BS1QfVX_.mjs.map → DropdownButton-B397h6ka.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton-BS1QfVX_.mjs","names":["DropdownMenu"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport { CaretDownIcon } from '@persona/icons';\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,oBAACA,sBAAD;EACE,SACE,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,oBAAC,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}
+{"version":3,"file":"DropdownButton-B397h6ka.mjs","names":["DropdownMenu"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport { CaretDownIcon } from '@persona/icons';\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,oBAACA,sBAAD;EACE,SACE,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,oBAAC,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}

package/dist/{DropdownButton-Dpiy5v-R.cjs → DropdownButton-Du6dwZVL.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-CKQMccvm.cjs");
 const require_IconButton = require("./IconButton-DNy7g5zh.cjs");
-const require_DropdownMenu = require("./DropdownMenu-CeqZAxjs.cjs");
+const require_DropdownMenu = require("./DropdownMenu-CfJxgWN5.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _persona_icons = require("@persona/icons");
 //#region components/DropdownButton/DropdownButton.tsx
@@ -29,4 +29,4 @@ Object.defineProperty(exports, "DropdownButton", {
 	}
 });
 
-//# sourceMappingURL=DropdownButton-Dpiy5v-R.cjs.map
+//# sourceMappingURL=DropdownButton-Du6dwZVL.cjs.map

package/dist/{DropdownButton-Dpiy5v-R.cjs.map → DropdownButton-Du6dwZVL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton-Dpiy5v-R.cjs","names":["DropdownMenu","Button","CaretDownIcon"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport { CaretDownIcon } from '@persona/icons';\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,sBAAD;EACE,SACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}
+{"version":3,"file":"DropdownButton-Du6dwZVL.cjs","names":["DropdownMenu","Button","CaretDownIcon"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport { CaretDownIcon } from '@persona/icons';\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,sBAAD;EACE,SACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}

package/dist/DropdownButton.d.cts

@@ -1,5 +1,5 @@
 import { r as ButtonProps } from "./Button-C_3p5Xfi.cjs";
-import { n as DropdownMenuProps } from "./DropdownMenu-D1E1jpZu.cjs";
+import { n as DropdownMenuProps } from "./DropdownMenu-FIYz6oAo.cjs";
 import { FC, ReactNode } from "react";
 
 //#region components/DropdownButton/DropdownButton.d.ts

package/dist/DropdownButton.d.mts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "./Button-DcTUxRNI.mjs";
-import { n as DropdownMenuProps } from "./DropdownMenu-COkpUmIO.mjs";
+import { r as ButtonProps } from "./Button-DXsYU5qU.mjs";
+import { n as DropdownMenuProps } from "./DropdownMenu-5qIgQ14A.mjs";
 import { FC, ReactNode } from "react";
 
 //#region components/DropdownButton/DropdownButton.d.ts

package/dist/{DropdownMenu-COkpUmIO.d.mts → DropdownMenu-5qIgQ14A.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-CSgCXX0k.mjs";
+import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-BJ5c7HGD.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";
@@ -72,4 +72,4 @@ declare const _default: (({
 };
 //#endregion
 export { DropdownMenuProps as n, _default as r, DropdownMenu as t };
-//# sourceMappingURL=DropdownMenu-COkpUmIO.d.mts.map
+//# sourceMappingURL=DropdownMenu-5qIgQ14A.d.mts.map

package/dist/{DropdownMenu-CeqZAxjs.cjs → DropdownMenu-CfJxgWN5.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require("./chunk-CKQMccvm.cjs");
 require("./variables/spacing.cjs");
 const require_lib_zindex = require("./lib/zindex.cjs");
-const require_Menu = require("./Menu-BLbEcodU.cjs");
+const require_Menu = require("./Menu-BXic-30n.cjs");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
 let react = require("react");
@@ -71,4 +71,4 @@ Object.defineProperty(exports, "DropdownMenu_default", {
 	}
 });
 
-//# sourceMappingURL=DropdownMenu-CeqZAxjs.cjs.map
+//# sourceMappingURL=DropdownMenu-CfJxgWN5.cjs.map

package/dist/{DropdownMenu-CeqZAxjs.cjs.map → DropdownMenu-CfJxgWN5.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-CeqZAxjs.cjs","names":["Primitive","Z_INDICES","Children","Menu","MenuItem","MenuHeading","MenuDivider"],"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,CAAA,GAAA,kBAAA,SAAOA,8BAAU,QAAQ;cACvC,EAAE,cAAc,WAAWC,mBAAAA,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,KAAIC,MAAAA,SAAS,MAAM,SAAS,KAAK,EAC/B,QAAO;CAGT,MAAM,UAAU,WAAW,OACzB,iBAAA,GAAA,kBAAA,KAAC,qBAAD;EACE,YAAA;EACA,kBAAA;EACO;EACD;EACN,SAAS;EACT,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;GAAiB;GAAW,cAAA;GACzB;GACI,CAAA;EACa,CAAA;AAGxB,QACE,iBAAA,GAAA,kBAAA,MAACH,8BAAU,MAAX;EAAuB;EAAO,GAAI;YAAlC,CACE,iBAAA,GAAA,kBAAA,KAACA,8BAAU,SAAX;GAAmB,SAAA;GAAQ,GAAI;aAC5B;GACiB,CAAA,EAEnB,SAAS,iBAAA,GAAA,kBAAA,KAACA,8BAAU,QAAX;GAAkB,GAAI;aAAc;GAA2B,CAAA,GAAG,QAC7D;;;AAgBrB,MAAM,oBAAA,GAAA,MAAA,YAAoD,SAAS,iBACjE,EAAE,UAAU,UAAU,GAAG,SACzB,KACA;AACA,QACE,iBAAA,GAAA,kBAAA,KAACA,8BAAU,MAAX;EAAgB,SAAA;EAAkB;EAAU,GAAI;YAC9C,iBAAA,GAAA,kBAAA,KAACI,aAAAA,UAAD;GAAoB;GAAe;GAChC;GACQ,CAAA;EACI,CAAA;EAEnB;AAEF,IAAA,uBAAe,OAAO,OAAO,cAAc;CACzC,MAAM;CACN,SAASC,aAAAA;CACT,SAASC,aAAAA;CACV,CAAC"}
+{"version":3,"file":"DropdownMenu-CfJxgWN5.cjs","names":["Primitive","Z_INDICES","Children","Menu","MenuItem","MenuHeading","MenuDivider"],"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,CAAA,GAAA,kBAAA,SAAOA,8BAAU,QAAQ;cACvC,EAAE,cAAc,WAAWC,mBAAAA,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,KAAIC,MAAAA,SAAS,MAAM,SAAS,KAAK,EAC/B,QAAO;CAGT,MAAM,UAAU,WAAW,OACzB,iBAAA,GAAA,kBAAA,KAAC,qBAAD;EACE,YAAA;EACA,kBAAA;EACO;EACD;EACN,SAAS;EACT,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;GAAiB;GAAW,cAAA;GACzB;GACI,CAAA;EACa,CAAA;AAGxB,QACE,iBAAA,GAAA,kBAAA,MAACH,8BAAU,MAAX;EAAuB;EAAO,GAAI;YAAlC,CACE,iBAAA,GAAA,kBAAA,KAACA,8BAAU,SAAX;GAAmB,SAAA;GAAQ,GAAI;aAC5B;GACiB,CAAA,EAEnB,SAAS,iBAAA,GAAA,kBAAA,KAACA,8BAAU,QAAX;GAAkB,GAAI;aAAc;GAA2B,CAAA,GAAG,QAC7D;;;AAgBrB,MAAM,oBAAA,GAAA,MAAA,YAAoD,SAAS,iBACjE,EAAE,UAAU,UAAU,GAAG,SACzB,KACA;AACA,QACE,iBAAA,GAAA,kBAAA,KAACA,8BAAU,MAAX;EAAgB,SAAA;EAAkB;EAAU,GAAI;YAC9C,iBAAA,GAAA,kBAAA,KAACI,aAAAA,UAAD;GAAoB;GAAe;GAChC;GACQ,CAAA;EACI,CAAA;EAEnB;AAEF,IAAA,uBAAe,OAAO,OAAO,cAAc;CACzC,MAAM;CACN,SAASC,aAAAA;CACT,SAASC,aAAAA;CACV,CAAC"}

package/dist/{DropdownMenu-D1E1jpZu.d.cts → DropdownMenu-FIYz6oAo.d.cts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-C_NOsHAm.cjs";
+import { l as MenuItemProps, s as MenuHeadingProps } from "./Menu-BKMxOXkj.cjs";
 import { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, FC, FunctionComponentElement } from "react";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
@@ -72,4 +72,4 @@ declare const _default: (({
 };
 //#endregion
 export { DropdownMenuProps as n, _default as r, DropdownMenu as t };
-//# sourceMappingURL=DropdownMenu-D1E1jpZu.d.cts.map
+//# sourceMappingURL=DropdownMenu-FIYz6oAo.d.cts.map

package/dist/{DropdownMenu-cN_AnKAT.mjs → DropdownMenu-cnkoGc7C.mjs}

@@ -1,6 +1,6 @@
 import "./variables/spacing.mjs";
 import { Z_INDICES } from "./lib/zindex.mjs";
-import { a as MenuDivider, i as Menu, o as MenuHeading, s as MenuItem } from "./Menu-BbSyWxFD.mjs";
+import { a as MenuDivider, i as Menu, o as MenuHeading, s as MenuItem } from "./Menu-CVuFAxl2.mjs";
 import styled from "styled-components";
 import { Children, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -57,4 +57,4 @@ var DropdownMenu_default = Object.assign(DropdownMenu, {
 //#endregion
 export { DropdownMenu_default as n, DropdownMenu as t };
 
-//# sourceMappingURL=DropdownMenu-cN_AnKAT.mjs.map
+//# sourceMappingURL=DropdownMenu-cnkoGc7C.mjs.map

package/dist/{DropdownMenu-cN_AnKAT.mjs.map → DropdownMenu-cnkoGc7C.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-cN_AnKAT.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-cnkoGc7C.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.d.cts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "./DropdownMenu-D1E1jpZu.cjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "./DropdownMenu-FIYz6oAo.cjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/DropdownMenu.d.mts

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

package/dist/{ErrorProps-DBw1_Z0a.d.mts → ErrorProps-BosuK6zJ.d.cts}

@@ -5,4 +5,4 @@ interface ErrorProps {
 }
 //#endregion
 export { ErrorProps as t };
-//# sourceMappingURL=ErrorProps-DBw1_Z0a.d.mts.map
+//# sourceMappingURL=ErrorProps-BosuK6zJ.d.cts.map

package/dist/{ErrorProps-DLdVsYlk.d.cts → ErrorProps-iEj4BIVA.d.mts}

@@ -5,4 +5,4 @@ interface ErrorProps {
 }
 //#endregion
 export { ErrorProps as t };
-//# sourceMappingURL=ErrorProps-DLdVsYlk.d.cts.map
+//# sourceMappingURL=ErrorProps-iEj4BIVA.d.mts.map

package/dist/ErrorProps.d.cts

@@ -1,2 +1,2 @@
-import { t as ErrorProps } from "./ErrorProps-DLdVsYlk.cjs";
+import { t as ErrorProps } from "./ErrorProps-BosuK6zJ.cjs";
 export = ErrorProps;

package/dist/ErrorProps.d.mts

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

package/dist/{FormControl-fK4HA_yF.mjs → FormControl-ArDcvmir.mjs}

@@ -1,6 +1,6 @@
 import { a as Tooltip, n as TextWithDashedUnderline } from "./Tooltip-CDvOu1UN.mjs";
-import { n as useFormGroup } from "./useFormGroup-z0epBxXn.mjs";
-import { n as useFormField, t as FormControlContext } from "./useFormField-D0RTrPld.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";
@@ -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-fK4HA_yF.mjs.map
+//# sourceMappingURL=FormControl-ArDcvmir.mjs.map

package/dist/{FormControl-fK4HA_yF.mjs.map → FormControl-ArDcvmir.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FormControl-fK4HA_yF.mjs","names":[],"sources":["../components/FormControl/FormControl.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-label';\nimport uniqueId from 'lodash/fp/uniqueId';\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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"}
+{"version":3,"file":"FormControl-ArDcvmir.mjs","names":[],"sources":["../components/FormControl/FormControl.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-label';\nimport uniqueId from 'lodash/fp/uniqueId';\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-OqBTbSwv.d.cts → FormControl-BrsML00L.d.cts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-DLdVsYlk.cjs";
+import { t as ErrorProps } from "./ErrorProps-BosuK6zJ.cjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$styled_components0 from "styled-components";
@@ -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-OqBTbSwv.d.cts.map
+//# sourceMappingURL=FormControl-BrsML00L.d.cts.map

package/dist/{FormControl-DjxkL5Ft.cjs → FormControl-Czt95h2L.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require("./chunk-CKQMccvm.cjs");
 const require_Tooltip = require("./Tooltip-vylydKVv.cjs");
-const require_useFormGroup = require("./useFormGroup-DQJdKaL9.cjs");
-const require_useFormField = require("./useFormField-BpYf3CAW.cjs");
+const require_useFormGroup = require("./useFormGroup-BE7v9eAj.cjs");
+const require_useFormField = require("./useFormField-B98dmreO.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
@@ -209,4 +209,4 @@ Object.defineProperty(exports, "WarningText", {
 	}
 });
 
-//# sourceMappingURL=FormControl-DjxkL5Ft.cjs.map
+//# sourceMappingURL=FormControl-Czt95h2L.cjs.map

package/dist/{FormControl-DjxkL5Ft.cjs.map → FormControl-Czt95h2L.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FormControl-DjxkL5Ft.cjs","names":["Root","Typography","useFormField","useFormGroup","Tooltip","TextWithDashedUnderline","Color","Spacing","FormControlContext"],"sources":["../components/FormControl/FormControl.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-label';\nimport uniqueId from 'lodash/fp/uniqueId';\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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"}
+{"version":3,"file":"FormControl-Czt95h2L.cjs","names":["Root","Typography","useFormField","useFormGroup","Tooltip","TextWithDashedUnderline","Color","Spacing","FormControlContext"],"sources":["../components/FormControl/FormControl.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-label';\nimport uniqueId from 'lodash/fp/uniqueId';\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-vfFzrYhv.d.mts → FormControl-DnsC4vTX.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-DBw1_Z0a.mjs";
+import { t as ErrorProps } from "./ErrorProps-iEj4BIVA.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
@@ -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-vfFzrYhv.d.mts.map
+//# sourceMappingURL=FormControl-DnsC4vTX.d.mts.map

package/dist/FormControl.d.cts

@@ -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-OqBTbSwv.cjs";
+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-BrsML00L.cjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText };

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-vfFzrYhv.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-DnsC4vTX.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText };

package/dist/FormControlLabel.d.mts

@@ -1,4 +1,4 @@
-import { c as ParagraphProps, o as LabelProps, u as SpanProps } from "./Text-CPd0r0w2.mjs";
+import { c as ParagraphProps, o as LabelProps, u as SpanProps } from "./Text-D3FXEnG6.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react from "react";
 

package/dist/{FormField-24UPuoL6.d.mts → FormField-BddCs6P0.d.mts}

@@ -1,4 +1,4 @@
-import { a as FormControlProps, l as HelperText, n as ErrorText, s as FormLabel, u as WarningText } from "./FormControl-vfFzrYhv.mjs";
+import { a as FormControlProps, l as HelperText, n as ErrorText, s as FormLabel, u as WarningText } from "./FormControl-DnsC4vTX.mjs";
 import * as _$react from "react";
 import { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
 
@@ -66,4 +66,4 @@ interface FormFieldProps extends Omit<FormControlProps, 'children'>, FormFieldBa
 declare const FormField: _$react.ForwardRefExoticComponent<FormFieldProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FormFieldBaseProps as n, FormFieldProps as r, FormField as t };
-//# sourceMappingURL=FormField-24UPuoL6.d.mts.map
+//# sourceMappingURL=FormField-BddCs6P0.d.mts.map

package/dist/{FormField-Cqwi_PyR.d.cts → FormField-DoSXvnJ3.d.cts}

@@ -1,4 +1,4 @@
-import { a as FormControlProps, l as HelperText, n as ErrorText, s as FormLabel, u as WarningText } from "./FormControl-OqBTbSwv.cjs";
+import { a as FormControlProps, l as HelperText, n as ErrorText, s as FormLabel, u as WarningText } from "./FormControl-BrsML00L.cjs";
 import * as _$react from "react";
 import { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
 
@@ -66,4 +66,4 @@ interface FormFieldProps extends Omit<FormControlProps, 'children'>, FormFieldBa
 declare const FormField: _$react.ForwardRefExoticComponent<FormFieldProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FormFieldBaseProps as n, FormFieldProps as r, FormField as t };
-//# sourceMappingURL=FormField-Cqwi_PyR.d.cts.map
+//# sourceMappingURL=FormField-DoSXvnJ3.d.cts.map

package/dist/FormField.d.cts

@@ -1,2 +1,2 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "./FormField-Cqwi_PyR.cjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "./FormField-DoSXvnJ3.cjs";
 export { FormField, FormField as default, FormFieldBaseProps, FormFieldProps };

package/dist/FormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "./FormField-24UPuoL6.mjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "./FormField-BddCs6P0.mjs";
 export { FormField, FormField as default, FormFieldBaseProps, FormFieldProps };

package/dist/{Header-WNGlG541.d.mts → Header-B-Us54dR.d.mts}

@@ -32,4 +32,4 @@ declare const Root: ({
 }: HeaderProps & ComponentPropsWithoutRef<"div">) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Root as a, HeaderProps as i, Header as n, Title as o, HeaderContainer as r, TitleContainer as s, ActionsContainer as t };
-//# sourceMappingURL=Header-WNGlG541.d.mts.map
+//# sourceMappingURL=Header-B-Us54dR.d.mts.map

package/dist/{Header-D8oDtnIL.d.cts → Header-CkZvzbzL.d.cts}

@@ -32,4 +32,4 @@ declare const Root: ({
 }: HeaderProps & ComponentPropsWithoutRef<"div">) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Root as a, HeaderProps as i, Header as n, Title as o, HeaderContainer as r, TitleContainer as s, ActionsContainer as t };
-//# sourceMappingURL=Header-D8oDtnIL.d.cts.map
+//# sourceMappingURL=Header-CkZvzbzL.d.cts.map