@persona/design-system 0.1.8 → 0.2.0

package/dist/components/DataTable/types.d.mts

@@ -1,5 +1,5 @@
-import { o as StickerProps } from "../../Sticker-Bs25ISz7.mjs";
-import { l as MenuItemProps } from "../../Menu-CUp_9HgC.mjs";
+import { o as StickerProps } from "../../Sticker-C8rvpu7M.mjs";
+import { l as MenuItemProps } from "../../Menu-BLtjpLst.mjs";
 import { ReactNode } from "react";
 import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
 

package/dist/components/DatePicker/index.mjs

@@ -1,2 +1,2 @@
-import { i as Calendar, n as DatePicker, r as DateField, t as DateRangePicker } from "../../DatePicker-DY1YA_Fu.mjs";
+import { i as Calendar, n as DatePicker, r as DateField, t as DateRangePicker } from "../../DatePicker-CK2D9jvG.mjs";
 export { Calendar, DateField, DatePicker, DatePicker as default, DateRangePicker };

package/dist/components/DropdownButton/index.mjs

@@ -1,2 +1,2 @@
-import { t as DropdownButton } from "../../DropdownButton-DKLjJylQ.mjs";
+import { t as DropdownButton } from "../../DropdownButton-CaM0itat.mjs";
 export { DropdownButton, DropdownButton as default };

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

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

package/dist/components/DropdownMenu/index.mjs

@@ -1,2 +1,2 @@
-import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-DGYexb7s.mjs";
+import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-B4f3LNoW.mjs";
 export { DropdownMenu, DropdownMenu_default as default };

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

@@ -1,3 +1,3 @@
-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-DH3bgqaB.mjs";
-import { r as useFormField } from "../../useFormField-D8mLsiQc.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-iPeOOlFb.mjs";
+import { r as useFormField } from "../../useFormField-DhwEi45-.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText, useFormField };

package/dist/components/FormControl/index.mjs

@@ -1,3 +1,3 @@
 import { n as useFormField } from "../../useFormField-DhYd6bNn.mjs";
-import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-B28qa7aQ.mjs";
+import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-CFYlkv7E.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormInputContainer, FormLabel, HelperText, WarningText, useFormField };

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

@@ -1,6 +1,6 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-BugkBvN4.mjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-BruK7Des.mjs";
 import { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps } from "../../inputFields.mjs";
 import CheckboxGroupField from "../../CheckboxGroupField.mjs";
 import ListBoxField from "../../ListBoxField.mjs";
-import TableBoxField, { TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup } from "../../TableBoxField.mjs";
-export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TableBoxField, type TableBoxFieldAction, type TableBoxFieldActionEntry, type TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };
+import TableBoxField, { TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup } from "../../TableBoxField.mjs";
+export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, type TableBoxFieldAction, type TableBoxFieldActionEntry, type TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };

package/dist/components/FormField/index.mjs

@@ -1,2 +1,2 @@
-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 };
+import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-Bol8gzNt.mjs";
+export { CheckboxField, CheckboxGroupField, ComboboxField, FormField, FormField as default, ListBoxField, RadioGroupField, SegmentedControlField, SelectField, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TextAreaField, TextField, ToggleField, splitOutFormFieldProps };

package/dist/components/HoverCopyableField/index.mjs

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

package/dist/components/ImageTile/index.mjs

@@ -1,16 +1,16 @@
-import { focusOutline } from "../../mixins/focus.mjs";
+import { i as Paragraph } from "../../Text-hEoPeOc9.mjs";
 import "../../variables/transitions.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 { a as Tooltip } from "../../Tooltip-B-DDlRMw.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
+import { n as Stack } from "../../Stack-ckRN7LrP.mjs";
+import { t as IconButton } from "../../IconButton-Bi4kdsbV.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-B4f3LNoW.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-Dsc_RCCf.mjs";
-import { t as Checkbox } from "../../Checkbox-B0bjZbji.mjs";
+import { t as Checkbox } from "../../Checkbox-D77Rg7La.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
+import { useEffect, useState } from "react";
 import styled, { css } from "styled-components";
 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.d.mts

@@ -1,2 +1,2 @@
-import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-BPClVzwD.mjs";
+import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-CEcoDtTu.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-BFI_e7aU.mjs";
+import { n as Input, r as InputGroup, t as ClearButton } from "../../Input-CSOxMzlt.mjs";
 //#region components/Input/index.ts
 var Input_default = Input;
 //#endregion

package/dist/components/Link/index.mjs

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

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

@@ -1,4 +1,4 @@
-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";
+import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-CajNIX9P.mjs";
+import { n as LogicRowProps } from "../../LogicRow-DK1NcP2a.mjs";
+import { t as ListBox } from "../../index-DLV1eMsr.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-BwID8jpk.mjs";
+import { n as useListBoxContext, t as ListBox } from "../../ListBox-CSMVAgHm.mjs";
 export { ListBox, ListBox as default, useListBoxContext };

package/dist/components/MaskedInput/index.mjs

@@ -1,6 +1,6 @@
-import { n as Input } from "../../Input-BFI_e7aU.mjs";
-import { jsx } from "react/jsx-runtime";
+import { n as Input } from "../../Input-CSOxMzlt.mjs";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 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.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-CUp_9HgC.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-BLtjpLst.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };

package/dist/components/Menu/index.mjs

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-CPYXo61N.mjs";
+import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-DDXR9uHy.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuItem, MenuList };

package/dist/components/Modal/index.mjs

@@ -1,13 +1,13 @@
-import { n as Stack, t as HStack } from "../../Stack-Bl54WmhY.mjs";
-import { t as Card_default } from "../../Card-BMCB9eFC.mjs";
-import { n as Heading$1 } from "../../Text-RcEfNFLx.mjs";
-import { n as Button$1 } from "../../IconButton-CIWiEsS-.mjs";
-import { i as TabBar, r as Tab } from "../../TabBar-zSA8kyE6.mjs";
+import { t as Card_default } from "../../Card-CLTkZLKr.mjs";
+import { n as Heading$1 } from "../../Text-hEoPeOc9.mjs";
+import { n as Stack, t as HStack } from "../../Stack-ckRN7LrP.mjs";
+import { n as Button$1 } from "../../IconButton-Bi4kdsbV.mjs";
+import { i as TabBar, r as Tab } from "../../TabBar-DX1Spi6D.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
+import { forwardRef, useEffect, useRef, useState } from "react";
 import styled from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Dialog, DialogTrigger, Heading, Modal, ModalOverlay, Pressable } from "react-aria-components";
-import { forwardRef, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "@persona/icons";
 //#region lib/useModalInsetRight.ts
 const CSS_VAR = "--modal-inset-right";

package/dist/components/PageHeader/index.mjs

@@ -1,2 +1,2 @@
-import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-D-6W61E_.mjs";
+import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-BI2gxol5.mjs";
 export { PageHeaderContainer, PageHeader as default };

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

@@ -1,4 +1,4 @@
-import { t as Pagination } from "../../Pagination-ygLutOst.mjs";
-import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-vay4jpMp.mjs";
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-BASogfT_.mjs";
+import { t as Pagination } from "../../Pagination-Dcmv7bVe.mjs";
+import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-BDo3ge1E.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-bA9kCzRQ.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination as default };

package/dist/components/Pagination/index.mjs

@@ -1,2 +1,2 @@
-import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-ztqhywAP.mjs";
+import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-DiaJX5Da.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination_default as default };

package/dist/components/Pii/index.mjs

@@ -1,2 +1,2 @@
-import { t as Pii_default } from "../../Pii-DrrtEz7U.mjs";
+import { t as Pii_default } from "../../Pii-CSBV5Is7.mjs";
 export { Pii_default as default };

package/dist/components/Popover/index.mjs

@@ -1,2 +1,2 @@
-import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-BkDpDdaO.mjs";
+import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-5y0p85Sw.mjs";
 export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };

package/dist/components/ProgressBar/index.mjs

@@ -1,5 +1,5 @@
 import { paragraphMixins } from "../../mixins/text.mjs";
-import { a as Tooltip } from "../../Tooltip-C6AR1xT-.mjs";
+import { a as Tooltip } from "../../Tooltip-B-DDlRMw.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled, { keyframes } from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ProgressIndicator/index.mjs

@@ -1,5 +1,5 @@
-import { focusOutline } from "../../mixins/focus.mjs";
 import { paragraphMixins } from "../../mixins/text.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Radio/index.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "../../Radio-CSX2eO-O.mjs";
+import { t as Radio } from "../../Radio-aMjdUp4K.mjs";
 export { Radio, Radio as default };

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

@@ -1,2 +1,2 @@
-import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-DKqbSfju.mjs";
+import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-Xn46ovrV.mjs";
 export { RadioGroup, RadioGroup as default, RadioGroupProps };

package/dist/components/RadioGroup/index.mjs

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../../RadioGroup-CnK0opBd.mjs";
+import { t as RadioGroup } from "../../RadioGroup-BpoKyoi3.mjs";
 export { RadioGroup, RadioGroup as default };

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

@@ -1,2 +1,2 @@
-import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-DrjdUOU9.mjs";
+import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-DckAdhcD.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem, SegmentedControlProps };

package/dist/components/SegmentedControl/index.mjs

@@ -1,2 +1,2 @@
-import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-CgDQIVll.mjs";
+import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-Cgs6qlhN.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };

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

@@ -1,2 +1,2 @@
-import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-2KbtKawr.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-COT4bkPb.mjs";
 export { Option, Select, Select as default, SelectHeader, SelectProps };

package/dist/components/Select/index.mjs

@@ -1,2 +1,2 @@
-import { n as Select, r as SelectHeader, t as Option } from "../../Select-cPEORy70.mjs";
+import { n as Select, r as SelectHeader, t as Option } from "../../Select-CmJEiYXU.mjs";
 export { Option, Select, Select as default, SelectHeader };

package/dist/components/Slider/index.mjs

@@ -1,10 +1,10 @@
-import { focusStyle } from "../../mixins/focus.mjs";
 import { paragraphMixins } from "../../mixins/text.mjs";
-import { i as FloatingTooltip } from "../../Tooltip-C6AR1xT-.mjs";
+import { i as FloatingTooltip } from "../../Tooltip-B-DDlRMw.mjs";
+import { focusStyle } from "../../mixins/focus.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
+import { useEffect, useMemo, useRef, useState } from "react";
 import styled, { css } from "styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
 import { debounce } from "lodash";
 import { mergeProps } from "@react-aria/utils";
 import { useNumberFormatter } from "@react-aria/i18n";

package/dist/components/Spacer/index.mjs

@@ -1,2 +1,2 @@
-import { t as Spacer_default } from "../../Spacer-CJp0lwkL.mjs";
+import { t as Spacer_default } from "../../Spacer-Ln3KChb5.mjs";
 export { Spacer_default as default };

package/dist/components/Spinner/index.mjs

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../../Spinner-BEPF42RW.mjs";
+import { t as Spinner } from "../../Spinner-BXfYWjC_.mjs";
 export { Spinner, Spinner as default };

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

@@ -1,2 +1,2 @@
-import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-CkV7k7TE.mjs";
+import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-DHaK1-dw.mjs";
 export { HStack, HStackProps, Stack, Stack as default, StackProps };

package/dist/components/Stack/index.mjs

@@ -1,2 +1,2 @@
-import { n as Stack, t as HStack } from "../../Stack-Bl54WmhY.mjs";
+import { n as Stack, t as HStack } from "../../Stack-ckRN7LrP.mjs";
 export { HStack, Stack, Stack as default };

package/dist/components/StatusIndicator/index.mjs

@@ -1,5 +1,5 @@
-import { paragraphMixins } from "../../mixins/text.mjs";
 import { TruncatedText } from "../../lib/TruncatedText.mjs";
+import { paragraphMixins } from "../../mixins/text.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-Bs25ISz7.mjs";
+import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-C8rvpu7M.mjs";
 export { LabelBackgrounds, STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StickerProps, StyledTruncatedText };

package/dist/components/Sticker/index.mjs

@@ -1,2 +1,2 @@
-import { a as StyledTruncatedText, i as StickerContentContainer, n as Sticker, r as StickerContainer, t as STICKER_COLOR_CONFIG } from "../../Sticker-DbqKLe33.mjs";
+import { a as StyledTruncatedText, i as StickerContentContainer, n as Sticker, r as StickerContainer, t as STICKER_COLOR_CONFIG } from "../../Sticker-BOlAy2TE.mjs";
 export { STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StyledTruncatedText };

package/dist/components/TabBar/index.mjs

@@ -1,2 +1,2 @@
-import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-zSA8kyE6.mjs";
+import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-DX1Spi6D.mjs";
 export { StyledTab, Tab, TabBar, TabBar as default, TabBarIconButton_default as TabBarIconButton, TabContainer };

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

@@ -1,8 +1,8 @@
-import { t as Table } from "../../Table-BNScLj9g.mjs";
-import { t as TableHeaderCell } from "../../TableHeaderCell-Br8ZE3Xe.mjs";
-import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD, u as TableTH } from "../../index-DDbjWdk0.mjs";
-import { t as TableRow } from "../../TableRow-BvS4yjo6.mjs";
-import { t as TableHead } from "../../TableHead-LxvG0e9k.mjs";
-import { t as TableBody } from "../../TableBody-CrDNMyT8.mjs";
-import { t as TableLayout } from "../../TableLayout-nwy094C_.mjs";
+import { t as Table } from "../../Table-8jXlKYLy.mjs";
+import { t as TableHeaderCell } from "../../TableHeaderCell-CWTMf2Fe.mjs";
+import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD, u as TableTH } from "../../index-Doptc4HI.mjs";
+import { t as TableRow } from "../../TableRow-lvjbVccA.mjs";
+import { t as TableHead } from "../../TableHead-g3afLl5B.mjs";
+import { t as TableBody } from "../../TableBody-ByEcFueE.mjs";
+import { t as TableLayout } from "../../TableLayout-hPlVO3dD.mjs";
 export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellProps, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };

package/dist/components/Table/index.mjs

@@ -1,2 +1,2 @@
-import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-D8IcpACv.mjs";
+import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-BnYZVCLj.mjs";
 export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };

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

@@ -1,3 +1,3 @@
-import { t as DragDirection } from "../../useTableBoxDragAndDrop-BMo-iaUF.mjs";
-import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-By1xE6_Q.mjs";
+import { t as DragDirection } from "../../useTableBoxDragAndDrop-CsnN52lx.mjs";
+import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-CWh_riC8.mjs";
 export { DragDirection, InlineEditConfig, TableBoxContext, TableBoxProps, TableBox as default };

package/dist/components/TableBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as TableBoxContext, t as TableBox } from "../../TableBox-luasMC73.mjs";
+import { n as TableBoxContext, t as TableBox } from "../../TableBox-BC5l3UMT.mjs";
 export { TableBoxContext, TableBox as default };

package/dist/components/TechnicalSticker/index.mjs

@@ -1,232 +1,2 @@
-import { isHovered } from "../../lib/pseudoClass.mjs";
-import { t as MiddleTruncatedText } from "../../MiddleTruncatedText-GXI-CPvs.mjs";
-import { t as useToggle } from "../../useToggle-Bo3yd14Y.mjs";
-import { a as Tooltip } from "../../Tooltip-C6AR1xT-.mjs";
-import copyTextToClipboard from "../../lib/copyTextToClipboard.mjs";
-import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
-import styled, { css } from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { CopyIcon } from "@persona/icons/12px";
-//#region components/TechnicalSticker/TechnicalSticker.tsx
-const COPY_CONFIRMATION_TEXT = "Copied!";
-const COPY_CONFIRMATION_DURATION_MS = 1200;
-const DEFAULT_COPY_TOOLTIP_LABEL = "Copy ID";
-const HREF_VALIDATION_BASE_URL = "https://withpersona.com";
-const TECHNICAL_TEXT_FONT = `${Typography.TextMono.fontWeight} ${Typography.TextExtraSmall.fontSize} ${Typography.TextMono.fontFamily}`;
-const technicalStickerBackgrounds = {
-	grey: Color.BackgroundLabelGrey,
-	white: Color.BackgroundLabelWhite
-};
-const technicalStickerHoverBackgrounds = {
-	grey: Color.BackgroundLabelGreyHover,
-	white: Color.BackgroundButtonInverseHover
-};
-const isSafeTechnicalStickerHref = (href) => {
-	try {
-		const url = new URL(href, HREF_VALIDATION_BASE_URL);
-		return url.protocol === "http:" || url.protocol === "https:";
-	} catch {
-		return false;
-	}
-};
-const TechnicalStickerShell = styled.div`
-  display: inline-flex;
-  align-items: center;
-  white-space: nowrap;
-
-  border-radius: ${BorderRadius.Sm};
-  height: 1rem;
-  width: ${({ $width }) => typeof $width === "number" ? `${$width}px` : $width ?? "auto"};
-  max-width: 100%;
-  box-sizing: border-box;
-
-  color: ${({ theme, disabled }) => disabled ? theme.color.text.disabled : theme.color.text.primary};
-  background: ${({ variant }) => technicalStickerBackgrounds[variant]};
-
-  position: relative;
-  overflow: hidden;
-  border: 1px solid ${Color.BorderInputDefault};
-
-  ${({ variant, disabled }) => !disabled && css`
-      &:hover {
-        background: ${technicalStickerHoverBackgrounds[variant]};
-      }
-    `}
-`;
-const labelContainerStyles = css`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 1 auto;
-  min-width: 0;
-  padding: 0 ${Spacing[1]};
-`;
-const LabelContainer = styled.div`
-  ${labelContainerStyles}
-`;
-const LabelLink = styled.a`
-  ${labelContainerStyles}
-  color: inherit;
-  text-decoration: none;
-`;
-const TechnicalText = styled(MiddleTruncatedText)`
-  ${Typography.TextMono};
-  font-size: ${Typography.TextExtraSmall.fontSize};
-  line-height: ${Typography.TextExtraSmall.lineHeight};
-  text-align: center;
-
-  ${({ $isLinkEnabled, $isTruncated }) => $isTruncated && css`
-      cursor: ${$isLinkEnabled ? "pointer" : "default"};
-      user-select: none;
-
-      & > span {
-        user-select: none;
-      }
-    `}
-`;
-const CopyActions = styled.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  height: 16px;
-  opacity: ${({ $visible }) => $visible ? 1 : 0};
-  pointer-events: ${({ $visible }) => $visible ? "auto" : "none"};
-  transition: opacity 120ms ease-in-out;
-
-  &:focus-within {
-    opacity: 1;
-    pointer-events: auto;
-  }
-`;
-const CopyGradient = styled.div`
-  width: 8px;
-  height: 16px;
-  background: linear-gradient(to left, ${({ $background }) => $background}, transparent);
-`;
-const CopyButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  padding: 0 2px 0 0;
-  border: none;
-  background: ${({ $background }) => $background};
-  color: ${Color.BorderIconPrimary};
-  cursor: pointer;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &${isHovered}:not(:disabled) {
-    color: ${Color.TextPrimary};
-  }
-`;
-const TechnicalSticker = ({ variant = "grey", href, tooltipLabel: tooltipLabelProp, copyTooltipLabel = DEFAULT_COPY_TOOLTIP_LABEL, copyable = true, copyValue, width, maxWidth = "96px", children, disabled, onMouseEnter, onMouseLeave, ...stickerProps }) => {
-	const [isHoveredState, setIsHoveredState] = useState(false);
-	const [isCopyButtonFocused, setIsCopyButtonFocused] = useState(false);
-	const [isTruncated, setIsTruncated] = useState(false);
-	const [isCopyTooltipOpen, setIsCopyTooltipOpen] = useState(false);
-	const [copyConfirmationOpen, { enable: showCopyConfirmation, disable: hideCopyConfirmation }] = useToggle(false);
-	const copyConfirmationTimerRef = useRef(null);
-	const tooltipLabel = tooltipLabelProp ?? children;
-	const hasCustomTooltipLabel = tooltipLabelProp != null;
-	const hoverBackground = technicalStickerHoverBackgrounds[variant];
-	const copyActionBackground = isHoveredState ? hoverBackground : technicalStickerBackgrounds[variant];
-	const showCopyActions = copyable && !disabled && (isHoveredState || isCopyButtonFocused || copyConfirmationOpen);
-	const showStickerTooltip = tooltipLabel.length > 0 && (isTruncated || hasCustomTooltipLabel);
-	const isCopyTooltipVisible = isCopyTooltipOpen || copyConfirmationOpen;
-	const isLinkEnabled = href != null && !disabled && isSafeTechnicalStickerHref(href);
-	const handleCopyTooltipOpenChange = useCallback((open) => {
-		if (copyConfirmationOpen) return;
-		setIsCopyTooltipOpen(open);
-	}, [copyConfirmationOpen]);
-	const handleCopy = useCallback(async (event) => {
-		event.preventDefault();
-		event.stopPropagation();
-		if (disabled) return;
-		if (!await copyTextToClipboard(copyValue ?? children)) return;
-		setIsCopyTooltipOpen(true);
-		showCopyConfirmation();
-		if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
-		copyConfirmationTimerRef.current = setTimeout(() => {
-			setIsCopyTooltipOpen(false);
-			hideCopyConfirmation();
-			copyConfirmationTimerRef.current = null;
-		}, COPY_CONFIRMATION_DURATION_MS);
-	}, [
-		children,
-		copyValue,
-		disabled,
-		hideCopyConfirmation,
-		showCopyConfirmation
-	]);
-	useEffect(() => () => {
-		if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
-	}, []);
-	const technicalText = /* @__PURE__ */ jsx(TechnicalText, {
-		value: children,
-		maxWidth: width ?? maxWidth,
-		font: TECHNICAL_TEXT_FONT,
-		onTruncatedChange: setIsTruncated,
-		titleBehavior: "never",
-		$isLinkEnabled: isLinkEnabled,
-		$isTruncated: isTruncated
-	});
-	const labelContent = isLinkEnabled ? /* @__PURE__ */ jsx(LabelLink, {
-		href,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		children: technicalText
-	}) : /* @__PURE__ */ jsx(LabelContainer, { children: technicalText });
-	const labelWithTooltip = showStickerTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-		trigger: labelContent,
-		interactive: true,
-		side: "top",
-		maxWidth: "400px",
-		children: tooltipLabel
-	}) : labelContent;
-	return /* @__PURE__ */ jsxs(TechnicalStickerShell, {
-		...stickerProps,
-		variant,
-		disabled,
-		$width: width,
-		onMouseEnter: (event) => {
-			onMouseEnter?.(event);
-			setIsHoveredState(true);
-		},
-		onMouseLeave: (event) => {
-			onMouseLeave?.(event);
-			setIsHoveredState(false);
-		},
-		children: [labelWithTooltip, copyable && /* @__PURE__ */ jsxs(CopyActions, {
-			$visible: showCopyActions,
-			children: [/* @__PURE__ */ jsx(CopyGradient, { $background: copyActionBackground }), /* @__PURE__ */ jsx(Tooltip, {
-				open: isCopyTooltipVisible,
-				onOpenChange: handleCopyTooltipOpenChange,
-				trigger: /* @__PURE__ */ jsx(CopyButton, {
-					type: "button",
-					"aria-label": "Copy",
-					disabled,
-					$background: copyActionBackground,
-					onClick: handleCopy,
-					onBlur: () => setIsCopyButtonFocused(false),
-					onFocus: () => setIsCopyButtonFocused(true),
-					children: /* @__PURE__ */ jsx(CopyIcon, {})
-				}),
-				interactive: false,
-				side: "top",
-				children: copyConfirmationOpen ? COPY_CONFIRMATION_TEXT : copyTooltipLabel
-			})]
-		})]
-	});
-};
-//#endregion
+import { t as TechnicalSticker } from "../../TechnicalSticker-D7viw4H5.mjs";
 export { TechnicalSticker, TechnicalSticker as default };
-
-//# sourceMappingURL=index.mjs.map

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

@@ -1,2 +1,2 @@
-import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-DNPbAuUG.mjs";
+import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-CEisq2at.mjs";
 export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/components/Text/index.mjs

@@ -1,2 +1,2 @@
-import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-RcEfNFLx.mjs";
+import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-hEoPeOc9.mjs";
 export { Display, Heading, Label, Paragraph, Span, TabularNumber };