@persona/design-system 0.1.7 → 0.1.8

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-BKMxOXkj.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-BJ5c7HGD.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 };

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-CVuFAxl2.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-CPYXo61N.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuItem, MenuList };

package/dist/components/Modal/index.cjs

@@ -3,17 +3,17 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_Card = require("../../Card-CaOItkgL.cjs");
-const require_Text = require("../../Text-CzN0DOXV.cjs");
-const require_Stack = require("../../Stack-BF-9YjA1.cjs");
-const require_IconButton = require("../../IconButton-DNy7g5zh.cjs");
-const require_TabBar = require("../../TabBar-BpHMYvNb.cjs");
+const require_Stack = require("../../Stack-UeifHn3c.cjs");
+const require_Card = require("../../Card-Csz-PxX0.cjs");
+const require_Text = require("../../Text-G9QmYf0P.cjs");
+const require_IconButton = require("../../IconButton-nlgjJQCS.cjs");
+const require_TabBar = require("../../TabBar-PFaDNRw0.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_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+let react = require("react");
 let _persona_icons = require("@persona/icons");
 //#region lib/useModalInsetRight.ts
 const CSS_VAR = "--modal-inset-right";

package/dist/components/Modal/index.mjs

@@ -1,13 +1,13 @@
-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-DC4rh6ow.mjs";
-import { i as TabBar, r as Tab } from "../../TabBar-ByusqAXF.mjs";
+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 { Color, Spacing } from "@persona/design-tokens";
 import styled from "styled-components";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { Button, Dialog, DialogTrigger, Heading, Modal, ModalOverlay, Pressable } from "react-aria-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 { XIcon } from "@persona/icons";
 //#region lib/useModalInsetRight.ts
 const CSS_VAR = "--modal-inset-right";

package/dist/components/PageHeader/index.cjs

@@ -2,70 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_Text = require("../../Text-CzN0DOXV.cjs");
-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");
-//#region components/PageHeader/PageHeader.tsx
-const PageHeaderContainer = styled_components.default.header`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[5]};
-  background-color: ${({ theme }) => theme.color.background.primary};
-  border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};
-  box-sizing: border-box;
-  min-height: 56px; /* Standardize height for most PageHeaders */
-`;
-const TitleContainer = styled_components.default.div`
-  display: flex;
-  flex: 1;
-  align-items: center;
-  h1 {
-    margin: 0;
-  }
-  p {
-    margin: 0 0 0 ${_persona_design_tokens.Spacing[2]};
-  }
-`;
-const LeftContainer = styled_components.default.div`
-  display: flex;
-  align-items: center;
-`;
-const RightContainer = styled_components.default.div`
-  display: flex;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  margin-left: ${_persona_design_tokens.Spacing[3]};
-`;
-const PageHeader = ({ title, subtitle, level = "product", prepend, append, children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PageHeaderContainer, {
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LeftContainer, { children: [
-		prepend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: prepend }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TitleContainer, { children: [
-			level === "product" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-				as: "h1",
-				size: "sm",
-				children: title
-			}),
-			level === "detail" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-				as: "h1",
-				size: "lg",
-				color: "primary",
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-				size: "md",
-				children: subtitle
-			})
-		] }),
-		append && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: append })
-	] }), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RightContainer, { children })]
-});
-//#endregion
-exports.PageHeaderContainer = PageHeaderContainer;
-exports.default = PageHeader;
-
-//# sourceMappingURL=index.cjs.map
+const require_PageHeader = require("../../PageHeader-CUDnarkt.cjs");
+exports.PageHeaderContainer = require_PageHeader.PageHeaderContainer;
+exports.default = require_PageHeader.PageHeader;

package/dist/components/PageHeader/index.mjs

@@ -1,64 +1,2 @@
-import { i as Paragraph, n as Heading } from "../../Text-hEoPeOc9.mjs";
-import { Spacing } from "@persona/design-tokens";
-import styled from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region components/PageHeader/PageHeader.tsx
-const PageHeaderContainer = styled.header`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${Spacing[3]} ${Spacing[5]};
-  background-color: ${({ theme }) => theme.color.background.primary};
-  border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};
-  box-sizing: border-box;
-  min-height: 56px; /* Standardize height for most PageHeaders */
-`;
-const TitleContainer = styled.div`
-  display: flex;
-  flex: 1;
-  align-items: center;
-  h1 {
-    margin: 0;
-  }
-  p {
-    margin: 0 0 0 ${Spacing[2]};
-  }
-`;
-const LeftContainer = styled.div`
-  display: flex;
-  align-items: center;
-`;
-const RightContainer = styled.div`
-  display: flex;
-  gap: ${Spacing[2]};
-  margin-left: ${Spacing[3]};
-`;
-const PageHeader = ({ title, subtitle, level = "product", prepend, append, children, ...props }) => /* @__PURE__ */ jsxs(PageHeaderContainer, {
-	...props,
-	children: [/* @__PURE__ */ jsxs(LeftContainer, { children: [
-		prepend && /* @__PURE__ */ jsx("div", { children: prepend }),
-		/* @__PURE__ */ jsxs(TitleContainer, { children: [
-			level === "product" && /* @__PURE__ */ jsx(Heading, {
-				as: "h1",
-				size: "sm",
-				children: title
-			}),
-			level === "detail" && /* @__PURE__ */ jsx(Paragraph, {
-				as: "h1",
-				size: "lg",
-				color: "primary",
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ jsx(Paragraph, {
-				size: "md",
-				children: subtitle
-			})
-		] }),
-		append && /* @__PURE__ */ jsx("div", { children: append })
-	] }), children && /* @__PURE__ */ jsx(RightContainer, { children })]
-});
-//#endregion
+import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-D-6W61E_.mjs";
 export { PageHeaderContainer, PageHeader as default };
-
-//# sourceMappingURL=index.mjs.map

package/dist/components/Pagination/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Pagination = require("../../Pagination-D4IVVj3S.cjs");
+const require_Pagination = require("../../Pagination-2Yo1vRJZ.cjs");
 exports.DEFAULT_PAGE_SIZE_OPTIONS = require_Pagination.DEFAULT_PAGE_SIZE_OPTIONS;
 exports.MIN_PAGE_SIZE = require_Pagination.MIN_PAGE_SIZE;
 exports.PAGE_LIMIT_BEFORE_SCROLL_MODE = require_Pagination.PAGE_LIMIT_BEFORE_SCROLL_MODE;

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

@@ -1,4 +1,4 @@
-import { t as Pagination } from "../../Pagination-B97xQ-Wk.cjs";
-import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-DoROR_Uh.cjs";
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-kwVsjw8O.cjs";
+import { t as Pagination } from "../../Pagination-D04tn-tf.cjs";
+import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-CNnVp3Al.cjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-B6c8S033.cjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination as default };

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

@@ -1,4 +1,4 @@
-import { t as Pagination } from "../../Pagination-QWNK_hH7.mjs";
-import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-CMoV-cHa.mjs";
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-DVwPpTt5.mjs";
+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";
 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-Cj08JRG9.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-ztqhywAP.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination_default as default };

package/dist/components/Pii/index.cjs

@@ -1,2 +1,2 @@
-const require_Pii = require("../../Pii-D-Ry7L0t.cjs");
+const require_Pii = require("../../Pii-DHTb3ewO.cjs");
 module.exports = require_Pii.Pii_default;

package/dist/components/Pii/index.mjs

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

package/dist/components/Popover/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Popover = require("../../Popover-BAv7BujW.cjs");
+const require_Popover = require("../../Popover-BzgMAhsX.cjs");
 exports.PopoverAnchor = require_Popover.PopoverAnchor;
 exports.PopoverCard = require_Popover.PopoverCard;
 exports.PopoverClose = require_Popover.PopoverClose;

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-D0QY5f-J.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-BkDpDdaO.mjs";
 export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };

package/dist/components/ProgressBar/index.cjs

@@ -4,7 +4,7 @@ Object.defineProperties(exports, {
 });
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_mixins_text = require("../../mixins/text.cjs");
-const require_Tooltip = require("../../Tooltip-vylydKVv.cjs");
+const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);

package/dist/components/ProgressBar/index.mjs

@@ -1,5 +1,5 @@
 import { paragraphMixins } from "../../mixins/text.mjs";
-import { a as Tooltip } from "../../Tooltip-CDvOu1UN.mjs";
+import { a as Tooltip } from "../../Tooltip-C6AR1xT-.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/Radio/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Radio = require("../../Radio-nw846eRv.cjs");
+const require_Radio = require("../../Radio-BrTzy7-C.cjs");
 exports.Radio = require_Radio.Radio;
 exports.default = require_Radio.Radio;

package/dist/components/Radio/index.mjs

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

package/dist/components/RadioGroup/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_RadioGroup = require("../../RadioGroup-DmGVJCgT.cjs");
+const require_RadioGroup = require("../../RadioGroup-CriF2InQ.cjs");
 exports.RadioGroup = require_RadioGroup.RadioGroup;
 exports.default = require_RadioGroup.RadioGroup;

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

@@ -1,2 +1,2 @@
-import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-D_H1B7JV.cjs";
+import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-XYWjprsv.cjs";
 export { RadioGroup, RadioGroup as default, RadioGroupProps };

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

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

package/dist/components/RadioGroup/index.mjs

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

package/dist/components/SegmentedControl/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_SegmentedControl = require("../../SegmentedControl-CIJz0oxY.cjs");
+const require_SegmentedControl = require("../../SegmentedControl-C2XZF0ys.cjs");
 exports.SegmentedControl = require_SegmentedControl.SegmentedControl;
 exports.SegmentedControlItem = require_SegmentedControl.SegmentedControlItem;
 exports.default = require_SegmentedControl.SegmentedControl;

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

@@ -1,2 +1,2 @@
-import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-BYuXohIp.cjs";
+import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-nHIK1ZvR.cjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem, SegmentedControlProps };

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

@@ -1,2 +1,2 @@
-import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-CE845gnm.mjs";
+import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-DrjdUOU9.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-B1ZLgu61.mjs";
+import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-CgDQIVll.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };

package/dist/components/Select/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Select = require("../../Select-C65bfYeT.cjs");
+const require_Select = require("../../Select-BurtT6bN.cjs");
 exports.Option = require_Select.Option;
 exports.Select = require_Select.Select;
 exports.SelectHeader = require_Select.SelectHeader;

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

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

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-BMEwCfbv.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-2KbtKawr.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-ByTgXOlU.mjs";
+import { n as Select, r as SelectHeader, t as Option } from "../../Select-cPEORy70.mjs";
 export { Option, Select, Select as default, SelectHeader };

package/dist/components/Slider/index.cjs

@@ -5,13 +5,13 @@ Object.defineProperties(exports, {
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_mixins_focus = require("../../mixins/focus.cjs");
 const require_mixins_text = require("../../mixins/text.cjs");
-const require_Tooltip = require("../../Tooltip-vylydKVv.cjs");
+const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 let styled_components$1 = require_chunk.__toESM(styled_components, 1);
 styled_components = require_chunk.__toESM(styled_components);
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let lodash = require("lodash");
 let _react_aria_utils = require("@react-aria/utils");
 let _react_aria_i18n = require("@react-aria/i18n");

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-CDvOu1UN.mjs";
+import { i as FloatingTooltip } from "../../Tooltip-C6AR1xT-.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
-import { useEffect, useMemo, useRef, useState } from "react";
 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.cjs

@@ -1,2 +1,2 @@
-const require_Spacer = require("../../Spacer-GYHbk-dS.cjs");
+const require_Spacer = require("../../Spacer-B2CerL6e.cjs");
 module.exports = require_Spacer.Spacer_default;

package/dist/components/Spacer/index.mjs

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

package/dist/components/Stack/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Stack = require("../../Stack-BF-9YjA1.cjs");
+const require_Stack = require("../../Stack-UeifHn3c.cjs");
 exports.HStack = require_Stack.HStack;
 exports.Stack = require_Stack.Stack;
 exports.default = require_Stack.Stack;

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

@@ -1,2 +1,2 @@
-import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-D979gYU9.cjs";
+import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-BzVkf3cz.cjs";
 export { HStack, HStackProps, Stack, Stack as default, StackProps };

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-UMhJ6F_3.mjs";
+import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-CkV7k7TE.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-ckRN7LrP.mjs";
+import { n as Stack, t as HStack } from "../../Stack-Bl54WmhY.mjs";
 export { HStack, Stack, Stack as default };

package/dist/components/StatusIndicator/index.cjs

@@ -4,12 +4,49 @@ Object.defineProperties(exports, {
 });
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_mixins_text = require("../../mixins/text.cjs");
+const require_lib_TruncatedText = require("../../lib/TruncatedText.cjs");
 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_12px = require("@persona/icons/12px");
 //#region components/StatusIndicator/StatusIndicator.tsx
+const STATUS_CONFIG = {
+	open: {
+		type: "neutral",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleNullIcon, {})
+	},
+	pending: {
+		type: "neutral",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleHalfIcon, {})
+	},
+	completed: {
+		type: "success",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleFillIcon, {})
+	},
+	active: {
+		type: "success",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleCheckFillIcon, {})
+	},
+	failed: {
+		type: "critical",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleSlashIcon, {})
+	},
+	needs_review: {
+		type: "warning",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.WarningFillIcon, {})
+	},
+	canceled: {
+		type: "attention",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleSlashIcon, {})
+	},
+	archived: {
+		type: "informational",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleSlashIcon, {})
+	}
+};
+/** All supported `status` preset keys, derived from the config map. */
+const STATUSES = Object.keys(STATUS_CONFIG);
 const FILLED_STATUS_COLORS = {
 	neutral: {
 		background: _persona_design_tokens.Color.BackgroundStatusIndicatorDefault,
@@ -99,10 +136,13 @@ const Label = styled_components.default.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
-  flex-shrink: 0;
-  line-height: 8px;
+  flex-shrink: ${({ $truncate }) => $truncate ? 1 : 0};
+  min-width: ${({ $truncate }) => $truncate ? "0" : "auto"};
+  /* Line box hugs the font so pill height is driven by padding alone, and clipping an overflowing
+     label can't cut into descenders. Matches Sticker. */
+  line-height: 1;
   white-space: nowrap;
-  text-transform: capitalize;
+  text-transform: ${({ $preserveCase }) => $preserveCase ? "none" : "capitalize"};
   /* Slight optical centering adjustment */
   transform: translateY(0.5px);
   color: ${({ $type, $background }) => {
@@ -117,15 +157,17 @@ const LabelContainer = styled_components.default.div`
   display: flex;
   align-items: center;
   gap: ${_persona_design_tokens.Spacing[1]};
-  padding: ${({ $hasIcon }) => $hasIcon ? `${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[1]}` : `6px ${_persona_design_tokens.Spacing[2]}`};
+  padding: ${({ $hasIcon }) => `${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[1]} ${$hasIcon ? _persona_design_tokens.Spacing[1] : _persona_design_tokens.Spacing[2]}`};
   position: relative;
-  flex-shrink: 0;
+  flex-shrink: ${({ $truncate }) => $truncate ? 1 : 0};
+  min-width: ${({ $truncate }) => $truncate ? "0" : "auto"};
 `;
 const StyledStatusIndicator = styled_components.default.div`
   display: inline-flex;
   align-items: center;
   border-radius: ${_persona_design_tokens.BorderRadius.Xl};
   width: fit-content;
+  max-width: ${({ $truncate }) => $truncate ? "100%" : "none"};
 
   ${({ $type, $background }) => {
 	return styled_components.css`
@@ -139,35 +181,43 @@ const StyledStatusIndicator = styled_components.default.div`
 *
 * @example
 * ```tsx
+* <StatusIndicator status="active">Active</StatusIndicator>
 * <StatusIndicator type="success" background="filled">Approved</StatusIndicator>
 * <StatusIndicator type="critical" background="none">Failed</StatusIndicator>
 * ```
 */
-const StatusIndicator = ({ type = "neutral", background = "filled", showIcon = true, leadingIcon, children, ...props }) => {
+const StatusIndicator = ({ status, type, background = "filled", showIcon = true, leadingIcon, truncate = false, preserveCase = false, children, ...props }) => {
+	const resolvedType = type ?? (status != null ? STATUS_CONFIG[status].type : "neutral");
 	const colors = background === "filled" ? FILLED_STATUS_COLORS : TRANSPARENT_STATUS_COLORS;
 	let iconToRender;
 	if (!showIcon && background === "filled") iconToRender = null;
 	else if (typeof leadingIcon !== "undefined") iconToRender = leadingIcon;
+	else if (status != null) iconToRender = STATUS_CONFIG[status].icon;
 	else iconToRender = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleNullIcon, {});
 	const hasIcon = iconToRender != null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledStatusIndicator, {
-		$type: type,
+		$type: resolvedType,
 		$background: background,
+		$truncate: truncate,
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LabelContainer, {
 			$hasIcon: hasIcon,
+			$truncate: truncate,
 			children: [hasIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconContainer, {
-				$iconColor: colors[type].icon,
+				$iconColor: colors[resolvedType].icon,
 				children: iconToRender
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
-				$type: type,
+				$type: resolvedType,
 				$background: background,
-				children
+				$truncate: truncate,
+				$preserveCase: preserveCase,
+				children: truncate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_TruncatedText.TruncatedText, { children }) : children
 			})]
 		})
 	});
 };
 //#endregion
+exports.STATUSES = STATUSES;
 exports.StatusIndicator = StatusIndicator;
 exports.default = StatusIndicator;