@persona/design-system 0.1.6 → 0.1.8

package/dist/components/FormField/index.mjs

@@ -1,453 +1,2 @@
-import { t as HStack } from "../../Stack-ckRN7LrP.mjs";
-import { t as IconButton } from "../../IconButton-DC4rh6ow.mjs";
-import { n as useFormGroup } from "../../useFormGroup-z0epBxXn.mjs";
-import { t as FormControlContext } from "../../useFormField-D0RTrPld.mjs";
-import { t as Checkbox } from "../../Checkbox-UWdk4pqb.mjs";
-import { s as MenuItem } from "../../Menu-BbSyWxFD.mjs";
-import { n as DropdownMenu_default } from "../../DropdownMenu-cN_AnKAT.mjs";
-import Input_default from "../Input/index.mjs";
-import { t as Combobox } from "../../Combobox-I44W5oX0.mjs";
-import { n as Select } from "../../Select-Fg2z5J-p.mjs";
-import { t as Toggle } from "../../Toggle-DOo0cLmI.mjs";
-import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText } from "../../FormControl-fK4HA_yF.mjs";
-import { t as RadioGroup } from "../../RadioGroup-BDHhFlmy.mjs";
-import { t as SegmentedControl } from "../../SegmentedControl-pRkMcMXe.mjs";
-import { t as TextAreaWithStyle } from "../../TextArea-CJJlw3rV.mjs";
-import { t as ListBox } from "../../ListBox-B7sbubm5.mjs";
-import { t as TableBox } from "../../TableBox-CPCWzwSl.mjs";
-import { Spacing } from "@persona/design-tokens";
-import { Children, cloneElement, createContext, forwardRef, useContext, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { MoreIcon, PlusIcon } from "@persona/icons";
-import { mergeProps, useCheckboxGroup, useCheckboxGroupItem } from "react-aria";
-import { uniqueId } from "lodash/fp.js";
-import { useCheckboxGroupState } from "react-stately";
-import innerText from "react-innertext";
-//#region components/FormField/FormField.tsx
-/**
-* > **Please do not use in production! This component is subject to API and style changes.**
-*
-* Helper components with preset slots for label, input, and helper texts.
-* Fully composed components with different form input types are available.
-* This is the recommended way to implement form elements.
-* You can use `<FormControl>` if you require more flexibility.
-*
-* ## Usage
-*
-* ```tsx
-* import FormField from 'design-system/components/FormField';
-* ```
-*/
-const FormField = forwardRef(function FormField({ label, children, helperText, warningText, errorText, labelProps, helperProps, warningProps, errorProps, configField: configFieldProp, configFieldInputWidth, rightActions, ...props }, ref) {
-	const { configField: configFieldFormGroup } = useFormGroup();
-	const configField = configFieldProp ?? configFieldFormGroup;
-	const labelElement = label ? /* @__PURE__ */ jsx(FormLabel, {
-		tooltip: configField && helperText ? helperText : void 0,
-		...labelProps,
-		children: label
-	}) : null;
-	return /* @__PURE__ */ jsxs(FormControl, {
-		hasError: !!errorText,
-		hasWarning: !!warningText,
-		ref,
-		configField,
-		hasRightActions: !!rightActions,
-		configFieldInputWidth,
-		...props,
-		children: [
-			rightActions ? /* @__PURE__ */ jsxs(HStack, {
-				justify: "space-between",
-				align: "center",
-				children: [labelElement, /* @__PURE__ */ jsx(HStack, {
-					spacing: Spacing[1],
-					children: rightActions
-				})]
-			}) : labelElement,
-			/* @__PURE__ */ jsx(FormInputContainer, { children }),
-			!configField && helperText && /* @__PURE__ */ jsx(HelperText, {
-				...helperProps,
-				children: helperText
-			}),
-			!configField && warningText && /* @__PURE__ */ jsx(WarningText, {
-				...warningProps,
-				children: warningText
-			}),
-			!configField && errorText && /* @__PURE__ */ jsx(ErrorText, {
-				...errorProps,
-				children: errorText
-			})
-		]
-	});
-});
-//#endregion
-//#region components/FormField/inputFields.tsx
-/**
-* Helper to split out props that are sent to the FormField component from props sent
-* to the underlying input component.
-*/
-const splitOutFormFieldProps = (props) => {
-	const { label, inputId, helperText, errorText, warningText, labelProps, helperProps, warningProps, errorProps, configField, configFieldInputWidth, rightActions, ...inputProps } = props;
-	return {
-		formFieldProps: {
-			label,
-			inputId,
-			helperText,
-			errorText,
-			warningText,
-			labelProps,
-			helperProps,
-			warningProps,
-			errorProps,
-			configField,
-			configFieldInputWidth,
-			rightActions
-		},
-		inputProps
-	};
-};
-const TextField = forwardRef(function TextField(props, ref) {
-	const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
-	const { id, ...rest } = inputProps;
-	return /* @__PURE__ */ jsx(FormField, {
-		...formFieldProps,
-		labelProps: {
-			size: props.size,
-			...formFieldProps.labelProps
-		},
-		inputId: formFieldProps.inputId ?? id,
-		children: /* @__PURE__ */ jsx(Input_default, {
-			...rest,
-			ref
-		})
-	});
-});
-const TextAreaField = forwardRef(function TextAreaField({ label, helperText, errorText, warningText, inputId, id, configField, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FormField, {
-		inputId: inputId ?? id,
-		label,
-		labelProps: { size: props.size },
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ jsx(TextAreaWithStyle, {
-			...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]);
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		labelProps: {
-			htmlFor: linkedId,
-			size: props.size,
-			...labelProps
-		},
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ jsx(Select, {
-			...props,
-			id: linkedId,
-			children
-		})
-	});
-};
-const RadioGroupField = ({ label, helperText, errorText, warningText, children, ...props }) => {
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		children: /* @__PURE__ */ jsx(RadioGroup, {
-			...props,
-			children
-		})
-	});
-};
-const CheckboxField = ({ label, helperText, errorText, warningText, checkboxLabel, configField, labelProps, ...props }) => {
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		labelProps,
-		children: /* @__PURE__ */ jsx(Checkbox, {
-			label: checkboxLabel,
-			...props
-		})
-	});
-};
-const ToggleField = forwardRef(function ToggleField({ label, helperText, errorText, warningText, configField, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		labelProps: { size: props.size },
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ jsx(Toggle, {
-			...props,
-			ref
-		})
-	});
-});
-const SegmentedControlField = forwardRef(function SegmentedControlField({ label, helperText, errorText, warningText, configField, children, labelProps, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		labelProps,
-		children: /* @__PURE__ */ jsx(SegmentedControl, {
-			fullWidth: true,
-			...props,
-			ref,
-			children
-		})
-	});
-});
-const ComboboxField = ({ label, labelProps, helperText, errorText, warningText, configField, ...props }) => {
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		labelProps,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ jsx(Combobox, { ...props })
-	});
-};
-//#endregion
-//#region components/FormField/CheckboxGroupField.tsx
-const CheckboxGroupContext = createContext(null);
-/** Preserves the parent FormControl context (disabled, hasError, etc.) but clears
-*  inputId so each Checkbox inside the group generates its own unique id. */
-const ClearGroupInputId = ({ children }) => {
-	const parentContext = useContext(FormControlContext);
-	return /* @__PURE__ */ jsx(FormControlContext.Provider, {
-		value: {
-			...parentContext,
-			inputId: void 0
-		},
-		children
-	});
-};
-const CheckboxGroupItem = (props) => {
-	const { children } = props;
-	const checkboxProps = children.props;
-	const state = useContext(CheckboxGroupContext);
-	const ref = useRef();
-	const { inputProps } = useCheckboxGroupItem({
-		...checkboxProps,
-		onChange: void 0,
-		isDisabled: checkboxProps.disabled,
-		isReadOnly: checkboxProps.readOnly,
-		isRequired: checkboxProps.required,
-		isIndeterminate: checkboxProps.indeterminate,
-		value: String(children.props.value),
-		"aria-label": innerText(checkboxProps.label)
-	}, state, ref);
-	return cloneElement(children, mergeProps(inputProps, {
-		onChange: checkboxProps.onChange,
-		disabled: state.isDisabled || checkboxProps.disabled,
-		checked: state.isSelected(String(inputProps.value)),
-		ref
-	}));
-};
-const CheckboxGroupField = ({ children, name, onChange, disabled, readOnly, required, ...props }) => {
-	const reactAriaProps = {
-		...props,
-		description: props.helperText,
-		errorMessage: props.errorText,
-		onChange,
-		name,
-		isDisabled: disabled,
-		isReadOnly: readOnly,
-		isRequired: required
-	};
-	const state = useCheckboxGroupState(reactAriaProps);
-	const { groupProps, labelProps, descriptionProps, errorMessageProps } = useCheckboxGroup(reactAriaProps, state);
-	return /* @__PURE__ */ jsx(FormField, {
-		labelProps,
-		helperProps: descriptionProps,
-		errorProps: errorMessageProps,
-		disabled,
-		...groupProps,
-		...props,
-		children: /* @__PURE__ */ jsx(ClearGroupInputId, { children: /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
-			value: state,
-			children: Children.map(children, (checkbox) => /* @__PURE__ */ jsx(CheckboxGroupItem, { children: checkbox }))
-		}) })
-	});
-};
-//#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 { configField } = useFormGroup({ configField: configFieldProp });
-	const menuActions = [...actions];
-	const [selectedKeysState, setSelectedKeys] = useState(defaultSelectedKeys);
-	const selectedKeys = selectedKeysProp ?? selectedKeysState;
-	const effectiveSize = configField ? "sm" : size;
-	if (onDelete) menuActions.unshift({
-		label: "Delete",
-		onClick: () => onDelete(selectedKeys),
-		disabled: deleteDisabled || selectedKeys == null || typeof selectedKeys === "object" && [...selectedKeys].length === 0
-	});
-	const addButton = /* @__PURE__ */ jsx(IconButton, {
-		size: "sm",
-		onClick: onAdd,
-		"aria-label": "Add item to list",
-		children: /* @__PURE__ */ jsx(PlusIcon, {})
-	});
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		helperText,
-		errorText,
-		warningText,
-		labelProps,
-		helperProps,
-		errorProps,
-		warningProps,
-		inputId,
-		configField,
-		rightActions: configField && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			menuActions.length > 0 && /* @__PURE__ */ jsx(DropdownMenu_default, {
-				trigger: /* @__PURE__ */ jsx(IconButton, {
-					"aria-label": "Actions",
-					size: "sm",
-					children: /* @__PURE__ */ jsx(MoreIcon, {})
-				}),
-				portal: true,
-				children: menuActions.map((action) => /* @__PURE__ */ jsx(MenuItem, {
-					...action,
-					onClick: () => action.onClick(selectedKeys),
-					size: effectiveSize,
-					children: action.label
-				}, action.label))
-			}),
-			onAdd && !addDropdownConfig && addButton,
-			addDropdownConfig && /* @__PURE__ */ jsx(DropdownMenu_default, {
-				trigger: addButton,
-				align: "start",
-				portal: true,
-				children: addDropdownConfig.options.map((option) => /* @__PURE__ */ jsx(MenuItem, {
-					...option,
-					onClick: () => addDropdownConfig.onSelection(option.value),
-					size: effectiveSize,
-					children: option.label
-				}, option.value))
-			})
-		] }),
-		children: /* @__PURE__ */ jsx(ListBox, {
-			id: inputId,
-			fullWidth: configField,
-			size: effectiveSize,
-			deleteDisabled,
-			selectedKeys,
-			onSelectionChange: (keys) => {
-				onSelectionChange?.(keys);
-				setSelectedKeys(keys);
-			},
-			...props
-		})
-	});
-};
-//#endregion
-//#region components/FormField/TableBoxField.tsx
-const TableBoxField = ({ label, helperText, errorText, warningText, labelProps: labelPropsProp, helperProps, errorProps, warningProps, inputId, onAdd, onDelete, deleteDisabled, configField: configFieldProp = true, actions = [], addDropdownConfig, selectedKey: selectedKeyProp, onSelectionChange, defaultSelectedKey, selectionMode, disabled, createNewRow, children, emptyText = "No data", ...props }) => {
-	const { configField } = useFormGroup({ configField: configFieldProp });
-	const menuActions = [...actions];
-	const [selectedKeyState, setSelectedKey] = useState(defaultSelectedKey);
-	const selectedKey = selectedKeyProp ?? selectedKeyState;
-	const [newRowId, setNewRowId] = useState(null);
-	const labelProps = {
-		size: "sm",
-		...labelPropsProp
-	};
-	const handleCreateNewRow = () => {
-		if (createNewRow) setNewRowId(createNewRow());
-	};
-	const handleAddClick = (e) => {
-		if (createNewRow) handleCreateNewRow();
-		else if (onAdd) onAdd(e);
-	};
-	if (onDelete) menuActions.unshift({
-		label: "Delete",
-		onClick: () => selectedKey && onDelete(selectedKey),
-		disabled: deleteDisabled || selectedKey == null
-	});
-	const addButton = /* @__PURE__ */ jsx(IconButton, {
-		size: "sm",
-		onClick: handleAddClick,
-		"aria-label": "Add item to table",
-		disabled,
-		children: /* @__PURE__ */ jsx(PlusIcon, {})
-	});
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		helperText,
-		errorText,
-		warningText,
-		labelProps,
-		helperProps,
-		errorProps,
-		warningProps,
-		inputId,
-		rightActions: configField && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			menuActions.length > 0 && /* @__PURE__ */ jsx(DropdownMenu_default, {
-				trigger: /* @__PURE__ */ jsx(IconButton, {
-					"aria-label": "Actions",
-					size: "sm",
-					disabled,
-					children: /* @__PURE__ */ jsx(MoreIcon, {})
-				}),
-				portal: true,
-				children: menuActions.map((action) => /* @__PURE__ */ jsx(MenuItem, {
-					...action,
-					disabled: disabled || action.disabled,
-					onClick: () => action.onClick(selectedKey),
-					size: "sm",
-					children: action.label
-				}, action.label))
-			}),
-			(onAdd || createNewRow) && !addDropdownConfig && addButton,
-			addDropdownConfig && /* @__PURE__ */ jsx(DropdownMenu_default, {
-				trigger: addButton,
-				portal: true,
-				children: addDropdownConfig.options.map((option) => /* @__PURE__ */ jsx(MenuItem, {
-					...option,
-					onClick: () => addDropdownConfig.onSelection(option.value),
-					size: "sm",
-					children: option.label
-				}, option.value))
-			})
-		] }),
-		children: /* @__PURE__ */ jsx(TableBox, {
-			"aria-label": `${label} table`,
-			selectedKey,
-			onSelectionChange: (key) => {
-				onSelectionChange?.(key);
-				setSelectedKey(key);
-			},
-			selectionMode,
-			newRowId,
-			onCreateNewRow: createNewRow ? handleCreateNewRow : void 0,
-			emptyText,
-			disabled,
-			...props,
-			children
-		})
-	});
-};
-TableBoxField.Row = TableBox.Row;
-TableBoxField.Cell = TableBox.Cell;
-//#endregion
+import { a as ComboboxField, c as SelectField, d as ToggleField, f as splitOutFormFieldProps, i as CheckboxField, l as TextAreaField, n as ListBoxField, o as RadioGroupField, p as FormField, r as CheckboxGroupField, s as SegmentedControlField, t as TableBoxField, u as TextField } from "../../FormField-PeYYRO4s.mjs";
 export { CheckboxField, CheckboxGroupField, ComboboxField, FormField, FormField as default, ListBoxField, RadioGroupField, SegmentedControlField, SelectField, TableBoxField, TextAreaField, TextField, ToggleField, splitOutFormFieldProps };
-
-//# sourceMappingURL=index.mjs.map

package/dist/components/HoverCopyableField/index.cjs

@@ -1,2 +1,2 @@
-const require_HoverCopyableField = require("../../HoverCopyableField-DyW2iZuo.cjs");
+const require_HoverCopyableField = require("../../HoverCopyableField-CRkM7o4B.cjs");
 module.exports = require_HoverCopyableField.HoverCopyableField_default;

package/dist/components/HoverCopyableField/index.mjs

@@ -1,2 +1,2 @@
-import { t as HoverCopyableField_default } from "../../HoverCopyableField-DBkYvwii.mjs";
+import { t as HoverCopyableField_default } from "../../HoverCopyableField-ClXBg_ld.mjs";
 export { HoverCopyableField_default as default };

package/dist/components/ImageTile/index.cjs

@@ -5,18 +5,18 @@ Object.defineProperties(exports, {
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_mixins_focus = require("../../mixins/focus.cjs");
 require("../../variables/transitions.cjs");
-const require_Text = require("../../Text-CzN0DOXV.cjs");
-const require_Tooltip = require("../../Tooltip-vylydKVv.cjs");
-const require_Stack = require("../../Stack-BF-9YjA1.cjs");
-const require_IconButton = require("../../IconButton-DNy7g5zh.cjs");
-const require_Checkbox = require("../../Checkbox-B83WfsOZ.cjs");
-const require_DropdownMenu = require("../../DropdownMenu-CeqZAxjs.cjs");
-const require_LoadingShimmer = require("../../LoadingShimmer-uG2UzYQd.cjs");
+const require_Stack = require("../../Stack-UeifHn3c.cjs");
+const require_Text = require("../../Text-G9QmYf0P.cjs");
+const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
+const require_IconButton = require("../../IconButton-nlgjJQCS.cjs");
+const require_DropdownMenu = require("../../DropdownMenu-DnlQqTjs.cjs");
+const require_LoadingShimmer = require("../../LoadingShimmer-Dx6ncVUV.cjs");
+const require_Checkbox = require("../../Checkbox-CmCujC1W.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let _persona_icons = require("@persona/icons");
 //#region components/ImageTile/ImageTile.tsx
 const MIN_WIDTH = "180px";

package/dist/components/ImageTile/index.mjs

@@ -1,16 +1,16 @@
 import { focusOutline } from "../../mixins/focus.mjs";
 import "../../variables/transitions.mjs";
-import { i as Paragraph } from "../../Text-hEoPeOc9.mjs";
-import { a as Tooltip } from "../../Tooltip-CDvOu1UN.mjs";
-import { n as Stack } from "../../Stack-ckRN7LrP.mjs";
-import { t as IconButton } from "../../IconButton-DC4rh6ow.mjs";
-import { t as Checkbox } from "../../Checkbox-UWdk4pqb.mjs";
-import { n as DropdownMenu_default } from "../../DropdownMenu-cN_AnKAT.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-b430vgof.mjs";
+import { n as Stack } from "../../Stack-Bl54WmhY.mjs";
+import { i as Paragraph } from "../../Text-RcEfNFLx.mjs";
+import { a as Tooltip } from "../../Tooltip-C6AR1xT-.mjs";
+import { t as IconButton } from "../../IconButton-CIWiEsS-.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-DGYexb7s.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-Dsc_RCCf.mjs";
+import { t as Checkbox } from "../../Checkbox-B0bjZbji.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
-import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { ImageIcon, LockedIcon, MoreIcon } from "@persona/icons";
 //#region components/ImageTile/ImageTile.tsx
 const MIN_WIDTH = "180px";

package/dist/components/Input/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Input = require("../../Input-DQS-BEym.cjs");
+const require_Input = require("../../Input-OJPQ07TW.cjs");
 //#region components/Input/index.ts
 var Input_default = require_Input.Input;
 //#endregion

package/dist/components/Input/index.d.cts

@@ -1,2 +1,2 @@
-import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-XppkvfUf.cjs";
+import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-BM0DzWEf.cjs";
 export { ClearButton, Input, Input as default, InputGroup, InputGroupProps, InputProps };

package/dist/components/Input/index.d.mts

@@ -1,2 +1,2 @@
-import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-DW7oacjc.mjs";
+import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-BPClVzwD.mjs";
 export { ClearButton, Input, Input as default, InputGroup, InputGroupProps, InputProps };

package/dist/components/Input/index.mjs

@@ -1,4 +1,4 @@
-import { n as Input, r as InputGroup, t as ClearButton } from "../../Input-Bl7633Ux.mjs";
+import { n as Input, r as InputGroup, t as ClearButton } from "../../Input-BFI_e7aU.mjs";
 //#region components/Input/index.ts
 var Input_default = Input;
 //#endregion

package/dist/components/Link/index.cjs

@@ -10,8 +10,8 @@ let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _persona_icons = require("@persona/icons");
 let react_router_dom = require("react-router-dom");
+let _persona_icons = require("@persona/icons");
 //#region components/Link/Link.tsx
 const IconContainer = styled_components.default.span`
   display: inline-block;

package/dist/components/Link/index.mjs

@@ -4,8 +4,8 @@ import { paragraphMixins } from "../../mixins/text.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { LinkExternalIcon } from "@persona/icons";
 import { Link as Link$1 } from "react-router-dom";
+import { LinkExternalIcon } from "@persona/icons";
 //#region components/Link/Link.tsx
 const IconContainer = styled.span`
   display: inline-block;

package/dist/components/ListBox/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_ListBox = require("../../ListBox-B4uoo_PT.cjs");
+const require_ListBox = require("../../ListBox-BP1eaG7L.cjs");
 exports.ListBox = require_ListBox.ListBox;
 exports.default = require_ListBox.ListBox;
 exports.useListBoxContext = require_ListBox.useListBoxContext;

package/dist/components/ListBox/index.d.cts

@@ -1,2 +1,4 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps, t as ListBox } from "../../ListBox-DeVmbXeC.cjs";
-export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, useListBoxContext };
+import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-QaeRQBSC.cjs";
+import { n as LogicRowProps } from "../../LogicRow-C6lrFIq0.cjs";
+import { t as ListBox } from "../../index-D34XP8vp.cjs";
+export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };

package/dist/components/ListBox/index.d.mts

@@ -1,2 +1,4 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps, t as ListBox } from "../../ListBox-CVvKa5sc.mjs";
-export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, useListBoxContext };
+import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-_fcSPynx.mjs";
+import { n as LogicRowProps } from "../../LogicRow-BtCKGX_j.mjs";
+import { t as ListBox } from "../../index-IlwGkCAe2.mjs";
+export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };

package/dist/components/ListBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as useListBoxContext, t as ListBox } from "../../ListBox-B7sbubm5.mjs";
+import { n as useListBoxContext, t as ListBox } from "../../ListBox-BwID8jpk.mjs";
 export { ListBox, ListBox as default, useListBoxContext };

package/dist/components/LoadingShimmer/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_LoadingShimmer = require("../../LoadingShimmer-uG2UzYQd.cjs");
+const require_LoadingShimmer = require("../../LoadingShimmer-Dx6ncVUV.cjs");
 exports.LoadingShimmer = require_LoadingShimmer.LoadingShimmer;
 exports.LoadingShimmerHeading = require_LoadingShimmer.LoadingShimmerHeading;
 exports.LoadingShimmerParagraph = require_LoadingShimmer.LoadingShimmerParagraph;

package/dist/components/LoadingShimmer/index.mjs

@@ -1,2 +1,2 @@
-import { i as MaybeLoadingShimmer, n as LoadingShimmerHeading, r as LoadingShimmerParagraph, t as LoadingShimmer } from "../../LoadingShimmer-b430vgof.mjs";
+import { i as MaybeLoadingShimmer, n as LoadingShimmerHeading, r as LoadingShimmerParagraph, t as LoadingShimmer } from "../../LoadingShimmer-Dsc_RCCf.mjs";
 export { LoadingShimmer, LoadingShimmerHeading, LoadingShimmerParagraph, MaybeLoadingShimmer };

package/dist/components/MaskedInput/index.cjs

@@ -3,9 +3,9 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 require("../../chunk-CKQMccvm.cjs");
-const require_Input = require("../../Input-DQS-BEym.cjs");
-let react = require("react");
+const require_Input = require("../../Input-OJPQ07TW.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region components/MaskedInput/MaskedInput.tsx
 const MaskedInputBase = (0, require("react-imask").IMaskMixin)(({ inputRef, size, componentProps, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
 	...props,

package/dist/components/MaskedInput/index.mjs

@@ -1,6 +1,6 @@
-import { n as Input } from "../../Input-Bl7633Ux.mjs";
-import { forwardRef } from "react";
+import { n as Input } from "../../Input-BFI_e7aU.mjs";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { IMaskMixin } from "react-imask";
 //#region components/MaskedInput/MaskedInput.tsx
 const MaskedInputBase = IMaskMixin(({ inputRef, size, componentProps, ...props }) => /* @__PURE__ */ jsx(Input, {

package/dist/components/Menu/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Menu = require("../../Menu-BLbEcodU.cjs");
+const require_Menu = require("../../Menu-t2q8NrV0.cjs");
 exports.FloatingCard = require_Menu.FloatingCard;
 exports.IconContainer = require_Menu.IconContainer;
 exports.ListItem = require_Menu.ListItem;

package/dist/components/Menu/index.d.cts

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-C_NOsHAm.cjs";
+import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-fUnbIYr5.cjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };

package/dist/components/Menu/index.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-CSgCXX0k.mjs";
+import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-CUp_9HgC.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };