@persona/design-system 0.1.8 → 0.2.0

package/dist/ComboboxBase-zZ3tE-dH.d.cts

@@ -1,361 +0,0 @@
-import { r as ButtonProps } from "./Button-C_3p5Xfi.cjs";
-import { c as ParagraphProps, u as SpanProps } from "./Text-CrGiWG2E.cjs";
-import { n as InputSizes } from "./input-DPB0cX2m.cjs";
-import { a as InputProps } from "./Input-BM0DzWEf.cjs";
-import { o as StickerProps } from "./Sticker-CI-XxUmM.cjs";
-import * as _$react from "react";
-import { CSSProperties, ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import { Spacing } from "@persona/design-tokens";
-import { Virtualizer } from "@tanstack/react-virtual";
-
-//#region components/Combobox/ComboboxBase.d.ts
-/**
- * In the future, we may extend this to include other style properties
- * like fontWeight, fontStyle, etc. if needed.
- */
-type LabelStyle = Pick<CSSProperties, 'fontFamily'>;
-interface ComboboxOption<T = string> {
-  label: string;
-  /**
-   * Description of the option that will be displayed below the label. Will not be rendered when labelStickerVariant is provided.
-   */
-  description?: string;
-  value: T;
-  /**
-   * Sticker variant to render the label within.
-   */
-  labelStickerVariant?: StickerProps['variant'];
-  /**
-   * Optional style properties to apply to the option label currently limited to fontFamily.
-   * This should only be used as a one-off for font dropdowns and most comboboxes should use the default fontFamily.
-   */
-  PLEASE_DO_NOT_USE_labelFontStyle?: LabelStyle;
-}
-interface ComboboxOptionGroup<T = string> {
-  readonly label: string;
-  readonly prefixIcon?: ReactNode;
-  readonly options: ComboboxOptionsOrGroups<T>;
-  /**
-   * Sublabel beneath the group label. Only honored for `nested` groups — an
-   * inline group renders as a bare `MenuHeading` with no room for it.
-   */
-  readonly description?: string;
-  /**
-   * When `true`, the group renders as a single navigation row with a
-   * trailing chevron. Clicking it descends into a submenu whose
-   * contents are this group's `options`; the group itself never
-   * commits a value via `onChange`. The `label` becomes the
-   * breadcrumb crumb shown alongside any leaf inside in search mode.
-   *
-   * When omitted (or `false`), the group renders inline as a section
-   * header above its options — the legacy `MenuHeading` behavior.
-   *
-   * Today only single-select Combobox honors the nested-navigation
-   * UX. Multi-select degrades gracefully: it strips the `nested`
-   * flag from every group at the top of the component (treating the
-   * tree as inline section headers + leaves), so every leaf stays
-   * reachable with checkboxes — just without the chevron / Back-row
-   * navigation. Nested-nav for multi-select can be added once we
-   * have customer demand without changing this API.
-   */
-  readonly nested?: boolean;
-}
-declare function isOptionGroup<T>(item: ComboboxOption<T> | ComboboxOptionGroup<T>): item is ComboboxOptionGroup<T>;
-/** True when a group renders as a navigation row rather than a section header. */
-declare function isNestedGroup<T>(item: ComboboxOption<T> | ComboboxOptionGroup<T>): item is ComboboxOptionGroup<T> & {
-  nested: true;
-};
-type ComboboxOptionsOrGroups<T = string> = readonly (ComboboxOption<T> | ComboboxOptionGroup<T>)[];
-/**
- * Flatten the visible leaves at the current navigation level. Inline
- * (non-nested) groups are walked through transparently — their leaves
- * surface at this level. Nested groups are skipped along with their
- * contents — those leaves live behind a navigation step in single-
- * select. Multi-select doesn't reach this code with nested groups
- * intact (it inlines them at the component boundary), so the skip
- * here is the single-select-only contract.
- */
-declare function flattenOptions<T>(items: ComboboxOptionsOrGroups<T>): ComboboxOption<T>[];
-/**
- * Recurse through the entire option tree looking for any nested
- * group. Used to gate nested-mode behavior so trees that don't opt
- * in (the overwhelmingly common case) skip the extra book-keeping
- * entirely. Single-select uses this to switch between its nested-nav
- * render path and the legacy renderer; multi-select uses it to
- * short-circuit its `nested → inline` transform when there's nothing
- * to convert.
- */
-declare function containsNestedGroup<T>(items: readonly (ComboboxOption<T> | ComboboxOptionGroup<T>)[]): boolean;
-/**
- * Walk the option tree by following `path` step-by-step. Each entry
- * in `path` is the `label` of a nested group at that level; we
- * descend into its `options` at each step. Returns the items visible
- * at the resolved level (a mix of leaves, inline groups, and further
- * nested groups).
- *
- * - Empty `path` returns the original top-level items unchanged.
- * - If any step doesn't resolve to a known nested group (e.g. stale
- *   state after the registry changes), returns an empty list so the
- *   consumer can fall back to the root view.
- */
-declare function getOptionsAtPath<T>(options: ComboboxOptionsOrGroups<T>, path: readonly string[]): ComboboxOptionsOrGroups<T>;
-/**
- * One leaf hit returned by `flattenLeafOptions`. Carries the leaf's
- * `option` alongside the labels of every nested-group ancestor
- * (top-down). Used as the search-results data shape so each hit can
- * render with a breadcrumb (e.g. "Business Account" for a custom
- * field that lives under that parent record type's submenu).
- */
-interface LeafOptionEntry<T = string> {
-  option: ComboboxOption<T>;
-  breadcrumb: readonly string[];
-}
-/**
- * Recursively walk the tree and return every leaf option, each paired
- * with the labels of its nested-group ancestors. Used by single-select
- * Combobox to populate the search-results view: the search query
- * bypasses the active navigation path and matches against every leaf
- * in the tree, with the breadcrumb surfacing parent context in each
- * hit.
- *
- * Inline (non-nested) groups are walked through transparently — their
- * `label` isn't a breadcrumb crumb because they don't correspond to a
- * navigation step. Only nested groups contribute a crumb.
- */
-declare function flattenLeafOptions<T>(options: ComboboxOptionsOrGroups<T>, breadcrumb?: readonly string[]): LeafOptionEntry<T>[];
-/**
- * Discriminated tagged item for single-select's downshift items list
- * in nested-navigation mode. Leaves are selectable and commit via
- * `onChange`; groups are navigable and descend into a submenu instead.
- */
-type NavigableItem<T> = {
-  readonly kind: 'leaf';
-  readonly option: ComboboxOption<T>;
-} | {
-  readonly kind: 'group';
-  readonly group: ComboboxOptionGroup<T>;
-};
-/**
- * Build the flat list of navigable items at the current navigation
- * level, in document order. Inline (non-nested) groups are walked
- * through transparently; their leaves and any nested subgroups
- * contribute at this level. Nested groups become a `kind: 'group'`
- * entry that the renderer turns into a navigation row.
- */
-declare function getNavigableItemsAtLevel<T>(items: ComboboxOptionsOrGroups<T>): NavigableItem<T>[];
-/**
- * A hook which provides the caller with dynamically filtered options
- *
- * @param options - The options to filter (can be flat or grouped)
- * @param inputValue - The input value to filter the options by
- * @returns The subset of the options that match the input value according to the fuse.js library
- */
-declare function useFilteredOptions<T = string>(options: ComboboxOptionsOrGroups<T>, inputValue: string): ComboboxOption<T>[];
-type VirtualRow<T> = {
-  kind: 'group-header';
-  label: string;
-} | {
-  kind: 'option';
-  option: ComboboxOption<T>;
-  index: number;
-};
-declare function buildVirtualRows<T>(options: ComboboxOptionsOrGroups<T>, filteredOptions: ComboboxOption<T>[], indexRealToIndexVirtual: Map<number, number>): VirtualRow<T>[];
-interface RenderOptionsWithGroupsParams<T> {
-  options: ComboboxOptionsOrGroups<T>;
-  filteredOptions: ComboboxOption<T>[];
-  virtualizer?: Virtualizer<HTMLDivElement, Element>;
-  virtualRows?: VirtualRow<T>[];
-  renderOption: (option: ComboboxOption<T>, flatIndex: number) => React.ReactNode;
-}
-/**
- * Renders options with support for groups, handling filtering and proper indexing
- *
- * @param params - Object containing options, filteredOptions, and renderOption
- * @param params.options - The original options array (can include groups)
- * @param params.filteredOptions - The flat filtered options to display
- * @param params.virtualizer - Optional virtualizer for large lists
- * @param params.virtualRows - Pre-built flat rows list (required when virtualizer is provided)
- * @param params.renderOption - Callback to render each individual option with its flat index
- * @returns React nodes with properly grouped and filtered options
- */
-declare function renderOptionsWithGroups<T>({
-  options,
-  filteredOptions,
-  renderOption,
-  virtualizer,
-  virtualRows
-}: RenderOptionsWithGroupsParams<T>): React.ReactNode;
-interface FooterAction {
-  /** Text shown on the footer button. */
-  label: string;
-  /**
-   * Invoked when the footer button is clicked. The Combobox is agnostic to
-   * what it does (e.g. load more options); it just calls this on click.
-   */
-  onClick: () => void;
-}
-interface ComboboxBaseProps<T = string> {
-  /**
-   * Size of the combobox input
-   */
-  size?: InputSizes;
-  /**
-   * Array of options to display in the dropdown
-   * Can be flat options, grouped options, or a mix of both
-   */
-  options: ComboboxOptionsOrGroups<T>;
-  /**
-   * If true, the options are currently being loaded
-   */
-  isOptionsLoading?: boolean;
-  /**
-   * Callback when input value changes (for filtering)
-   * In single this is the main input, in multi this is the search input
-   * In both cases this corresponds to the input the user can type into to filter the options
-   */
-  onInputChange?: (value: string) => void;
-  /**
-   * Callback when dropdown open state changes
-   */
-  onOpenChange?: (isOpen: boolean) => void;
-  /**
-   * Custom empty state message when no options match filter
-   */
-  emptyStateMessage?: string;
-  /**
-   * Whether the combobox is disabled
-   */
-  disabled?: boolean;
-  /**
-   * ID of the label for the combobox input
-   */
-  labelId?: string;
-  /**
-   * Aria label for accessibility when no visible label is provided
-   */
-  'aria-label'?: string;
-  /**
-   * Placeholder text when no option is selected
-   */
-  placeholder?: string;
-  /**
-   * Whether the combobox has a warning state
-   */
-  hasWarning?: boolean;
-  /**
-   * Whether the combobox has an error state
-   */
-  hasError?: boolean;
-  /**
-   * ID for the combobox input
-   */
-  id?: string;
-  /**
-   * Whether to render the dropdown in a portal (breaks out of overflow containers)
-   */
-  portal?: boolean;
-  /**
-   * Reference to the container element for portal rendering.
-   * When provided, the dropdown will use this element's dimensions for positioning.
-   */
-  portalContainerRef?: React.RefObject<HTMLElement>;
-  /**
-   * Optional external trigger (e.g. an "Add" button or icon-only menu opener).
-   * When provided, the Combobox clones it with downshift's toggle props and
-   * renders it in place of the default input + caret; the search input moves
-   * inside the dropdown.
-   */
-  trigger?: React.ReactElement;
-  /**
-   * Render the searchable option list inline without a trigger or floating
-   * dropdown. Use when another component already owns the containing popover.
-   *
-   * When `true`, the in-panel search uses bordered `Input` chrome and the
-   * embedder owns all surrounding spacing; when `false`, the floating-dropdown
-   * borderless search strip is preserved.
-   */
-  embedded?: boolean;
-  /**
-   * **THIS IS A BAD PATTERN AND ONLY EXISTS AS A BANDAID. AVOID USING THIS PROP IF POSSIBLE.**
-   * Optional action button rendered at the bottom of the dropdown, below the
-   * option list. Common use is "Load more" pagination, but the label/handler
-   * are up to the consumer. Works identically in single- and multi-select.
-   */
-  footerAction?: FooterAction;
-}
-declare const MAX_DROPDOWN_HEIGHT = "300px";
-declare const Container: _$styled_components0.StyledComponent<"div", any, {}, never>;
-declare const InputContainer: _$styled_components0.StyledComponent<"div", any, {}, never>;
-interface ComboboxInputProps {
-  $isOpen?: boolean;
-  hasError?: boolean;
-  hasWarning?: boolean;
-  $selectedItemStyle?: LabelStyle;
-}
-declare const ComboboxInput: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<InputProps & _$react.RefAttributes<HTMLInputElement>>, any, ComboboxInputProps, never>;
-declare const CaretButton: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>, any, {
-  width: "icon";
-}, "width">;
-interface DropdownContainerProps {
-  $isOpen?: boolean;
-  $portal?: boolean;
-  $embedded?: boolean;
-  $top?: number;
-  $left?: number;
-  $width?: number;
-  /** Minimum dropdown width (decouples from a narrow trigger). */
-  $minWidth?: string;
-}
-declare const DropdownContainer: _$styled_components0.StyledComponent<_$react.ComponentType<any>, any, DropdownContainerProps, never>;
-declare const ScrollableMenuList: _$styled_components0.StyledComponent<"div", any, {
-  padding?: Spacing;
-}, never>;
-declare const SearchInputContainer: _$styled_components0.StyledComponent<"div", any, {
-  $embedded?: boolean;
-}, never>;
-declare const SearchInput: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<InputProps & _$react.RefAttributes<HTMLInputElement>>, any, {
-  $embedded?: boolean;
-}, never>;
-declare const EmptyState: _$styled_components0.StyledComponent<_$react.FC<_$react.PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
-declare const LoadingContainer: _$styled_components0.StyledComponent<"div", any, {}, never>;
-/**
- * Action button rendered at the bottom of the dropdown, below the option list.
- * Kept out of downshift's `items` list and out of the Tab order, mirroring the
- * `BackRow` affordance: `onMouseDown` preventDefault beats downshift's
- * blur-on-mousedown so the dropdown stays open on click. Keyboard users reach it
- * by arrowing past the last option (the parent drives `isHighlighted` and points
- * the input's `aria-activedescendant` at this button via `id`).
- */
-declare function FooterActionRow({
-  action,
-  size,
-  id,
-  isHighlighted
-}: {
-  action: FooterAction;
-  size: InputSizes;
-  id?: string;
-  isHighlighted?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
-declare const OptionLabel: _$styled_components0.StyledComponent<"div", any, {
-  $labelStyle?: LabelStyle;
-}, never>;
-declare const Description: _$styled_components0.StyledComponent<"p", any, {}, never>;
-declare function useDropdownPosition(portalContainerRef: React.RefObject<HTMLElement>, isOpen: boolean, portal?: boolean): {
-  top: number;
-  left: number;
-  width: number;
-};
-interface DropdownPortalWrapperProps {
-  children: React.ReactNode;
-  portal?: boolean;
-}
-declare function DropdownPortalWrapper({
-  children,
-  portal
-}: DropdownPortalWrapperProps): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { isNestedGroup as A, SearchInputContainer as C, flattenOptions as D, flattenLeafOptions as E, renderOptionsWithGroups as M, useDropdownPosition as N, getNavigableItemsAtLevel as O, useFilteredOptions as P, SearchInput as S, containsNestedGroup as T, LoadingContainer as _, ComboboxOptionGroup as a, OptionLabel as b, Description as c, DropdownPortalWrapperProps as d, EmptyState as f, LeafOptionEntry as g, InputContainer as h, ComboboxOption as i, isOptionGroup as j, getOptionsAtPath as k, DropdownContainer as l, FooterActionRow as m, ComboboxBaseProps as n, ComboboxOptionsOrGroups as o, FooterAction as p, ComboboxInput as r, Container as s, CaretButton as t, DropdownPortalWrapper as u, MAX_DROPDOWN_HEIGHT as v, buildVirtualRows as w, ScrollableMenuList as x, NavigableItem as y };
-//# sourceMappingURL=ComboboxBase-zZ3tE-dH.d.cts.map

package/dist/ComboboxBase.d.cts

@@ -1,2 +0,0 @@
-import { A as isNestedGroup, C as SearchInputContainer, D as flattenOptions, E as flattenLeafOptions, M as renderOptionsWithGroups, N as useDropdownPosition, O as getNavigableItemsAtLevel, P as useFilteredOptions, S as SearchInput, T as containsNestedGroup, _ as LoadingContainer, a as ComboboxOptionGroup, b as OptionLabel, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as LeafOptionEntry, h as InputContainer, i as ComboboxOption, j as isOptionGroup, k as getOptionsAtPath, l as DropdownContainer, m as FooterActionRow, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as FooterAction, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as MAX_DROPDOWN_HEIGHT, w as buildVirtualRows, x as ScrollableMenuList, y as NavigableItem } from "./ComboboxBase-zZ3tE-dH.cjs";
-export { CaretButton, ComboboxBaseProps, ComboboxInput, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, Container, Description, DropdownContainer, DropdownPortalWrapper, DropdownPortalWrapperProps, EmptyState, FooterAction, FooterActionRow, InputContainer, LeafOptionEntry, LoadingContainer, MAX_DROPDOWN_HEIGHT, NavigableItem, OptionLabel, ScrollableMenuList, SearchInput, SearchInputContainer, buildVirtualRows, containsNestedGroup, flattenLeafOptions, flattenOptions, getNavigableItemsAtLevel, getOptionsAtPath, isNestedGroup, isOptionGroup, renderOptionsWithGroups, useDropdownPosition, useFilteredOptions };

package/dist/ComboboxMultiSelect-ioB4Jx7_.d.cts

@@ -1,47 +0,0 @@
-import { n as ComboboxBaseProps } from "./ComboboxBase-zZ3tE-dH.cjs";
-
-//#region components/Combobox/ComboboxMultiSelect.d.ts
-interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
-  /**
-   * Multi-select mode
-   */
-  multiple: true;
-  /**
-   * Selected values
-   */
-  values?: T[];
-  /**
-   * Callback when selection changes
-   */
-  onValuesChange?: (values: T[]) => void;
-  /**
-   * Placeholder for search input in dropdown
-   */
-  searchPlaceholder?: string;
-  /**
-   * If true, the combobox will truncate the selected items to a single line with overflow indicator.
-   */
-  truncate?: boolean;
-  /**
-   * If true, the combobox will show a special option to select or deselect all items in the current list
-   */
-  selectAll?: boolean;
-  /**
-   * When `true`, options keep their given order instead of floating
-   * currently-selected options to the top. Toggling a value no longer
-   * reorders the list under the pointer — important for surfaces like filter
-   * value pickers, where the just-clicked row visibly jumping to another
-   * position reads as "the wrong item toggled". Defaults to `false`
-   * (selected-first).
-   */
-  stableOptionOrder?: boolean;
-  value?: never;
-  onChange?: never;
-  virtualize?: boolean;
-}
-declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<T> & {
-  ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
-//#endregion
-export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
-//# sourceMappingURL=ComboboxMultiSelect-ioB4Jx7_.d.cts.map

package/dist/ComboboxMultiSelect.d.cts

@@ -1,2 +0,0 @@
-import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-ioB4Jx7_.cjs";
-export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/ComboboxSingleSelect-Fn80tdhz.d.cts

@@ -1,35 +0,0 @@
-import { n as InputSizes } from "./input-DPB0cX2m.cjs";
-import { n as ComboboxBaseProps } from "./ComboboxBase-zZ3tE-dH.cjs";
-import { u as MenuItemType } from "./Menu-fUnbIYr5.cjs";
-import * as _$styled_components0 from "styled-components";
-
-//#region components/Combobox/ComboboxSingleSelect.d.ts
-interface ComboboxSingleSelectProps<T = string> extends ComboboxBaseProps<T> {
-  /**
-   * Single-select mode
-   */
-  multiple?: false;
-  /**
-   * Selected value
-   */
-  value?: T | null;
-  /**
-   * Callback when selection changes
-   */
-  onChange?: (value: T | null) => void;
-  values?: never;
-  onValuesChange?: never;
-  searchPlaceholder?: never;
-  truncate?: never;
-  selectAll?: never;
-  stableOptionOrder?: never;
-}
-declare const StyledMenuItem: _$styled_components0.StyledComponent<MenuItemType<"div">, any, {
-  size?: InputSizes;
-}, never>;
-declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProps<T> & {
-  ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
-//#endregion
-export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
-//# sourceMappingURL=ComboboxSingleSelect-Fn80tdhz.d.cts.map

package/dist/ComboboxSingleSelect.d.cts

@@ -1,2 +0,0 @@
-import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-Fn80tdhz.cjs";
-export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/CompactBar-BEAK55kh.d.cts

@@ -1,21 +0,0 @@
-import { n as HStackProps } from "./Stack-BzVkf3cz.cjs";
-import { n as ControlBarProps } from "./ControlBar-D8CirAyZ.cjs";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/DataTable/TableControls/CompactBar.d.ts
-declare const DataTableCompactBar: _$styled_components0.StyledComponent<(props: HStackProps) => _$react_jsx_runtime0.JSX.Element, any, {}, never>;
-type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilters' | 'setShowFilters' | 'filtersId' | 'isLoading' | 'propertiesButton' | 'tableActions' | 'data-tour-target' | 'filterPanel'>;
-/**
- * Compact variant of the ControlBar.
- * Not intended to be used by itself.
- *
- * Tested using the ControlBar specs.
- *
- * @see ControlBar.tsx
- * @see ControlBar.spec.tsx
- */
-declare const CompactBar: React.FC<CompactBarProps>;
-//#endregion
-export { DataTableCompactBar as n, CompactBar as t };
-//# sourceMappingURL=CompactBar-BEAK55kh.d.cts.map

package/dist/CompactBar.d.cts

@@ -1,2 +0,0 @@
-import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-BEAK55kh.cjs";
-export { DataTableCompactBar, CompactBar as default };

package/dist/ConfigFormGroup-m5YdVa9n.cjs

@@ -1,35 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_useFormGroup = require("./useFormGroup-Bmnzgq0S.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 react = require("react");
-//#region components/ConfigFormGroup/ConfigFormGroup.tsx
-/**
-* Use to wrap a group of config fields.
-* Provides consistent spacing between the fields.
-*/
-const FormGroup = styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${_persona_design_tokens.Spacing[5]};
-`;
-const ConfigFormGroup = (0, react.forwardRef)(function ConfigFormGroup(props, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useFormGroup.FormGroupContext.Provider, {
-		value: { configField: true },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormGroup, {
-			ref,
-			...props
-		})
-	});
-});
-//#endregion
-Object.defineProperty(exports, "ConfigFormGroup", {
-	enumerable: true,
-	get: function() {
-		return ConfigFormGroup;
-	}
-});
-
-//# sourceMappingURL=ConfigFormGroup-m5YdVa9n.cjs.map

package/dist/ConfigFormGroup-m5YdVa9n.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigFormGroup-m5YdVa9n.cjs","names":["Spacing","FormGroupContext"],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,YAAY,kBAAA,QAAO,GAAG;;;SAGnBA,uBAAAA,QAAQ,GAAG;;AAGpB,MAAa,mBAAA,GAAA,MAAA,YACX,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,iBAAA,GAAA,kBAAA,KAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}

package/dist/ConfigFormGroup.d.cts

@@ -1,7 +0,0 @@
-import * as _$react from "react";
-
-//#region components/ConfigFormGroup/ConfigFormGroup.d.ts
-declare const ConfigFormGroup: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ConfigFormGroup, ConfigFormGroup as default };
-//# sourceMappingURL=ConfigFormGroup.d.cts.map