@persona/design-system 0.1.6 → 0.1.8

package/dist/{Action-DSg3yZck.d.mts → Action-CVtzREhU.d.mts}

@@ -1,5 +1,5 @@
-import { n as Tooltip } from "./Tooltip-DtWJO_kU.mjs";
-import { t as RequireOneOf } from "./utilities-DT-Hh45R.mjs";
+import { n as Tooltip } from "./Tooltip-CUC-JuRL.mjs";
+import { t as RequireOneOf } from "./utilities-BO_95qFA.mjs";
 import { ComponentProps, ComponentPropsWithoutRef, ReactElement } from "react";
 
 //#region types/Action.d.ts
@@ -32,4 +32,4 @@ type MenuAction = Action & {
 };
 //#endregion
 export { TextAction as i, IconAction as n, MenuAction as r, Action as t };
-//# sourceMappingURL=Action-DSg3yZck.d.mts.map
+//# sourceMappingURL=Action-CVtzREhU.d.mts.map

package/dist/{Action-uduFOh2m.d.cts → Action-E90Wvqmc.d.cts}

@@ -1,5 +1,5 @@
-import { n as Tooltip } from "./Tooltip-CE1oH6Iz.cjs";
-import { t as RequireOneOf } from "./utilities-C8Jf-xpi.cjs";
+import { n as Tooltip } from "./Tooltip--eDrrk2r.cjs";
+import { t as RequireOneOf } from "./utilities-mSlaTrjB.cjs";
 import { ComponentProps, ComponentPropsWithoutRef, ReactElement } from "react";
 
 //#region types/Action.d.ts
@@ -32,4 +32,4 @@ type MenuAction = Action & {
 };
 //#endregion
 export { TextAction as i, IconAction as n, MenuAction as r, Action as t };
-//# sourceMappingURL=Action-uduFOh2m.d.cts.map
+//# sourceMappingURL=Action-E90Wvqmc.d.cts.map

package/dist/Action.d.cts

@@ -1,2 +1,2 @@
-import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-uduFOh2m.cjs";
+import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-E90Wvqmc.cjs";
 export { Action, IconAction, MenuAction, TextAction };

package/dist/Action.d.mts

@@ -1,2 +1,2 @@
-import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-DSg3yZck.mjs";
+import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-CVtzREhU.mjs";
 export { Action, IconAction, MenuAction, TextAction };

package/dist/AdvancedFilterRuleRow.d.mts

@@ -0,0 +1,37 @@
+import { a as FilterField, c as FilterOperator, d as FilterSize, l as FilterRule, u as FilterRuleValue } from "./types-D58IoRx6.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-rqSkjchY.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/AdvancedFilterRuleRow.d.ts
+interface AdvancedFilterRuleRowProps {
+  registry: FieldRegistry;
+  groupIndex: number;
+  ruleIndex: number;
+  rule: FilterRule;
+  size: FilterSize;
+  isOpen: boolean;
+  onClose: () => void;
+  onDelete: () => void;
+  onFieldChange: (groupIndex: number, ruleIndex: number, nextFieldId: string) => void;
+  onOperatorChange: (groupIndex: number, ruleIndex: number, nextOperator: FilterOperator) => void;
+  onValueChange: (groupIndex: number, ruleIndex: number, nextValue: FilterRuleValue) => void;
+  renderValueControl: (field: FilterField, operator: FilterOperator, value: FilterRuleValue, onChange: (value: FilterRuleValue) => void) => ReactNode;
+}
+declare function AdvancedFilterRuleRow({
+  registry,
+  groupIndex,
+  ruleIndex,
+  rule,
+  size,
+  isOpen,
+  onClose,
+  onDelete,
+  onFieldChange,
+  onOperatorChange,
+  onValueChange,
+  renderValueControl
+}: AdvancedFilterRuleRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdvancedFilterRuleRow as default };
+//# sourceMappingURL=AdvancedFilterRuleRow.d.mts.map

package/dist/AdvancedFilterRulesPopover.d.mts

@@ -0,0 +1,62 @@
+import { a as FilterField, c as FilterOperator, d as FilterSize, n as CompoundExpression, u as FilterRuleValue } from "./types-D58IoRx6.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-rqSkjchY.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
+
+//#region components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/AdvancedFilterRulesPopover.d.ts
+interface AdvancedFilterRulesPopoverProps {
+  registry: FieldRegistry;
+  compound: CompoundExpression;
+  onChange: (next: CompoundExpression) => void;
+  /**
+   * Trigger element supplied by parent (typically a ref-forwarding
+   * `<RulesPill>`). Radix `Popover.Trigger asChild` injects trigger props
+   * and a ref into this element, so callers should pass a native element
+   * or a ref-forwarding component.
+   */
+  trigger: ReactElement;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Size variant. Defaults to whatever the surrounding
+   * `FilterBarContext` provides (`'sm'` outside a `FilterBar`).
+   */
+  size?: FilterSize;
+  /**
+   * Slot renderer parents use to plug type-aware value controls into
+   * the row dropdown when a rule is being edited. Required — every
+   * production caller routes through `resolveValueControl` from
+   * `FilterBar/value-control-resolver.tsx`. Storybook stories that
+   * exercise this component in isolation should pass a story-local
+   * stub.
+   */
+  renderValueControl: (field: FilterField, operator: FilterOperator, value: FilterRuleValue, onChange: (value: FilterRuleValue) => void) => ReactNode;
+}
+/**
+ * DNF (OR-of-AND) editor popover for the compound expression owned by the
+ * Rules pill.
+ *
+ * The popover is fully controlled by `compound` + `onChange` — it never
+ * holds compound state internally so parents can persist edits incrementally
+ * (URL state, saved-view dual-write, etc.). `open` / `onOpenChange` are
+ * optional; when omitted the popover manages its own open state and is
+ * opened by clicking the parent-supplied trigger.
+ *
+ * Each AndGroup's rules are rendered as a `<ListBox>` of `<LogicRow>` items.
+ * The collapsed row reads `[If/And] [field-sticker] [operator] [value-sticker]`
+ * inline; clicking a row reveals the field/operator/value editor inside the
+ * row's dropdown popover.
+ */
+declare const AdvancedFilterRulesPopover: ({
+  registry,
+  compound,
+  onChange,
+  trigger,
+  open,
+  onOpenChange,
+  renderValueControl,
+  size
+}: AdvancedFilterRulesPopoverProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdvancedFilterRulesPopoverProps, AdvancedFilterRulesPopover as default };
+//# sourceMappingURL=AdvancedFilterRulesPopover.d.mts.map

package/dist/ArrayValueControl.d.mts

@@ -0,0 +1,38 @@
+import { t as ValueControlProps } from "./types-D7ppqnNj.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/DataTable/TableControls/FiltersV2/value-controls/ArrayValueControl/ArrayValueControl.d.ts
+type ArrayValueControlProps = ValueControlProps;
+/**
+ * Array-typed value control for the Filter UI v2 popover.
+ *
+ * Used for `array` fields with operators `contains` / `does_not_contain`.
+ * The popover renders nothing when the operator is valueless
+ * (`is_empty` / `is_not_empty`).
+ *
+ * The rendered control depends on the inner item type advertised by the
+ * field's `itemType`:
+ *
+ * - `'choices'`           → single-select Combobox sourced from `field.options`.
+ * - `'string'` or unset   → free-text input (a single value to test for
+ *                           membership against the array column).
+ *
+ * Output value is always a single string; an empty text input emits `''`, not
+ * `null`, because the pill lifecycle reads a `null` value on a value-requiring
+ * operator as a removal and drops the pill. `''` keeps the pill as a visible
+ * draft; the serialize boundary is what filters incomplete values out of the
+ * request. The predicate is "does this array contain (or not contain) this
+ * scalar?", so we never produce an array-of-values from this control.
+ */
+declare const ArrayValueControl: ({
+  field,
+  operator,
+  value,
+  onChange,
+  onCommit,
+  ariaLabel,
+  layout
+}: ArrayValueControlProps) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { ArrayValueControl, ArrayValueControl as default, ArrayValueControlProps };
+//# sourceMappingURL=ArrayValueControl.d.mts.map

package/dist/Attribute.d.mts

@@ -1,10 +1,10 @@
-import { n as IconButtonProps } from "./IconButton-DggxojBH.mjs";
-import { i as ParagraphSize } from "./text-BEKhEWTa.mjs";
-import { c as ParagraphProps, u as SpanProps } from "./Text-CPd0r0w2.mjs";
+import { n as IconButtonProps } from "./IconButton-BSES_-6g.mjs";
+import { i as ParagraphSize } from "./text-B21s9mRZ.mjs";
+import { c as ParagraphProps, u as SpanProps } from "./Text-DNPbAuUG.mjs";
 import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Attribute/Attribute.d.ts
 type WordBreak = 'break-all' | 'break-word' | 'normal';

package/dist/AttributeGrid.d.mts

@@ -1,6 +1,6 @@
 import { AttributeSize, TableLayoutValue } from "./Attribute.mjs";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region components/Attribute/AttributeGrid.d.ts
 type AttributeGridProps = {

package/dist/{Badge-CvdUyXSH.cjs → Badge-ADPloFsd.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_Sticker = require("./Sticker-D0jIU2Dt.cjs");
+const require_Sticker = require("./Sticker-CIoseh9f.cjs");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,9 +25,6 @@ const Badge = (0, styled_components.default)(({ variant, ...rest }) => {
     border-radius: 100px;
     span {
       font-size: 10px;
-
-      /* Need to reset the visual alignment for numbers on badges here */
-      transform: none;
     }
   `);
 //#endregion
@@ -38,4 +35,4 @@ Object.defineProperty(exports, "Badge", {
 	}
 });
 
-//# sourceMappingURL=Badge-CvdUyXSH.cjs.map
+//# sourceMappingURL=Badge-ADPloFsd.cjs.map

package/dist/{Badge-CvdUyXSH.cjs.map → Badge-ADPloFsd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-CvdUyXSH.cjs","names":["Sticker"],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;;;AAuBA,MAAa,SAAA,GAAA,kBAAA,UAAgB,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,kBAAA,GAAG;;;;;;;;;;IAWV"}
+{"version":3,"file":"Badge-ADPloFsd.cjs","names":["Sticker"],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;;;AAuBA,MAAa,SAAA,GAAA,kBAAA,UAAgB,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,kBAAA,GAAG;;;;;;;IAQV"}

package/dist/{Badge-pq6B-3ue.mjs → Badge-DortWowZ.mjs}

@@ -1,4 +1,4 @@
-import { n as Sticker } from "./Sticker-B0TbkV4o.mjs";
+import { n as Sticker } from "./Sticker-DbqKLe33.mjs";
 import styled, { css } from "styled-components";
 import { jsx } from "react/jsx-runtime";
 //#region components/Badge/Badge.tsx
@@ -23,12 +23,9 @@ const Badge = styled(({ variant, ...rest }) => {
     border-radius: 100px;
     span {
       font-size: 10px;
-
-      /* Need to reset the visual alignment for numbers on badges here */
-      transform: none;
     }
   `);
 //#endregion
 export { Badge as t };
 
-//# sourceMappingURL=Badge-pq6B-3ue.mjs.map
+//# sourceMappingURL=Badge-DortWowZ.mjs.map

package/dist/{Badge-pq6B-3ue.mjs.map → Badge-DortWowZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-pq6B-3ue.mjs","names":[],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,QAAQ,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,oBAAC,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,GAAG;;;;;;;;;;IAWV"}
+{"version":3,"file":"Badge-DortWowZ.mjs","names":[],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,QAAQ,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,oBAAC,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,GAAG;;;;;;;IAQV"}

package/dist/Banner.d.mts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
 
 //#region components/Banner/Banner.d.ts
 interface BannerProps extends ComponentPropsWithoutRef<'div'> {

package/dist/BooleanValueControl.d.mts

@@ -0,0 +1,20 @@
+import { t as ValueControlProps } from "./types-D7ppqnNj.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/DataTable/TableControls/FiltersV2/value-controls/BooleanValueControl/BooleanValueControl.d.ts
+type BooleanValueControlProps = ValueControlProps;
+/**
+ * Filter UI v2 — boolean value picker for `boolean`-typed fields with `is` /
+ * `is_not` operators. Renders two rows (True / False); the selected row uses
+ * the same purple treatment as other filter value selections. Renders nothing
+ * for valueless operators (`is_empty`, `is_not_empty`).
+ */
+declare function BooleanValueControl({
+  operator,
+  value,
+  onChange,
+  ariaLabel
+}: BooleanValueControlProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { BooleanValueControlProps, BooleanValueControl as default };
+//# sourceMappingURL=BooleanValueControl.d.mts.map

package/dist/Breadcrumb-VH-Mwo-M.d.cts

@@ -0,0 +1,44 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/Breadcrumbs/Breadcrumb.d.ts
+type BreadcrumbSize = 'md' | 'lg';
+type BreadcrumbHeadingAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type BreadcrumbProps = {
+  label: string;
+  size?: BreadcrumbSize;
+  current?: boolean;
+  /**
+   * Overrides the heading element rendered for the current crumb. Defaults to `h1`; use `h2` or
+   * lower when the page already has an `h1`.
+   */
+  headingAs?: BreadcrumbHeadingAs;
+  showCopyAction?: boolean;
+  copyValue?: string;
+  copyTooltipLabel?: string; /** Internal dashboard path (e.g. `/cases`). Passed to the router `Link` as `to`. */
+  href?: string;
+  /**
+   * Activates a non-current crumb without a route change, for trails that navigate in-place (e.g.
+   * a control panel drilling into a sub-panel). Ignored when `href` is set.
+   */
+  onClick?: () => void;
+  onEdit?: (newLabel: string) => void;
+  editMaxLength?: number;
+  onCopy?: () => void;
+};
+declare const Breadcrumb: ({
+  label,
+  size,
+  current,
+  headingAs,
+  showCopyAction,
+  copyValue,
+  copyTooltipLabel,
+  href,
+  onClick,
+  onEdit,
+  editMaxLength,
+  onCopy
+}: BreadcrumbProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BreadcrumbSize as i, BreadcrumbHeadingAs as n, BreadcrumbProps as r, Breadcrumb as t };
+//# sourceMappingURL=Breadcrumb-VH-Mwo-M.d.cts.map

package/dist/Breadcrumb-lziQ1FX9.d.mts

@@ -0,0 +1,44 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/Breadcrumbs/Breadcrumb.d.ts
+type BreadcrumbSize = 'md' | 'lg';
+type BreadcrumbHeadingAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type BreadcrumbProps = {
+  label: string;
+  size?: BreadcrumbSize;
+  current?: boolean;
+  /**
+   * Overrides the heading element rendered for the current crumb. Defaults to `h1`; use `h2` or
+   * lower when the page already has an `h1`.
+   */
+  headingAs?: BreadcrumbHeadingAs;
+  showCopyAction?: boolean;
+  copyValue?: string;
+  copyTooltipLabel?: string; /** Internal dashboard path (e.g. `/cases`). Passed to the router `Link` as `to`. */
+  href?: string;
+  /**
+   * Activates a non-current crumb without a route change, for trails that navigate in-place (e.g.
+   * a control panel drilling into a sub-panel). Ignored when `href` is set.
+   */
+  onClick?: () => void;
+  onEdit?: (newLabel: string) => void;
+  editMaxLength?: number;
+  onCopy?: () => void;
+};
+declare const Breadcrumb: ({
+  label,
+  size,
+  current,
+  headingAs,
+  showCopyAction,
+  copyValue,
+  copyTooltipLabel,
+  href,
+  onClick,
+  onEdit,
+  editMaxLength,
+  onCopy
+}: BreadcrumbProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BreadcrumbSize as i, BreadcrumbHeadingAs as n, BreadcrumbProps as r, Breadcrumb as t };
+//# sourceMappingURL=Breadcrumb-lziQ1FX9.d.mts.map

package/dist/Breadcrumb.d.cts

@@ -0,0 +1,2 @@
+import { i as BreadcrumbSize, n as BreadcrumbHeadingAs, r as BreadcrumbProps, t as Breadcrumb } from "./Breadcrumb-VH-Mwo-M.cjs";
+export { BreadcrumbHeadingAs, BreadcrumbProps, BreadcrumbSize, Breadcrumb as default };

package/dist/Breadcrumb.d.mts

@@ -0,0 +1,2 @@
+import { i as BreadcrumbSize, n as BreadcrumbHeadingAs, r as BreadcrumbProps, t as Breadcrumb } from "./Breadcrumb-lziQ1FX9.mjs";
+export { BreadcrumbHeadingAs, BreadcrumbProps, BreadcrumbSize, Breadcrumb as default };

package/dist/Breadcrumbs-BBREROrw.d.cts

@@ -0,0 +1,26 @@
+import { i as BreadcrumbSize, n as BreadcrumbHeadingAs, r as BreadcrumbProps } from "./Breadcrumb-VH-Mwo-M.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/Breadcrumbs/Breadcrumbs.d.ts
+type BreadcrumbsItemProps = Omit<BreadcrumbProps, 'size' | 'current' | 'headingAs'>;
+type BreadcrumbsProps = {
+  items: BreadcrumbsItemProps[];
+  size?: BreadcrumbSize;
+  /**
+   * Overrides the heading element rendered for the current crumb. Defaults to `h1`; use `h2` or
+   * lower when the page already has an `h1`.
+   */
+  headingAs?: BreadcrumbHeadingAs;
+  'aria-label'?: string;
+  className?: string;
+};
+declare const Breadcrumbs: ({
+  items,
+  size,
+  headingAs,
+  "aria-label": ariaLabel,
+  className
+}: BreadcrumbsProps) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { BreadcrumbsItemProps as n, BreadcrumbsProps as r, Breadcrumbs as t };
+//# sourceMappingURL=Breadcrumbs-BBREROrw.d.cts.map