@wallarm-org/design-system 0.87.1 → 0.88.1-rc-fix-status-code-zero-value.1

package/dist/components/FilterInput/lib/statusCode/utils/index.js

@@ -1,3 +1,3 @@
 export { canonicalizeStatusCodeInput } from "./canonicalize.js";
-export { MASK_PLACEHOLDER, MASK_ROOTS, STATUS_CODE_LENGTH } from "./constants.js";
+export { MASK_PLACEHOLDER, MASK_ROOTS, NO_RESPONSE_CODE, STATUS_CODE_LENGTH } from "./constants.js";
 export { makeMask } from "./makeMask.js";

package/dist/components/FilterInput/lib/statusCode/utils/makeMask.d.ts

@@ -4,5 +4,7 @@ import type { FieldValueOption } from '../../../types';
  *  in sync. Throws if the input falls outside the 1XX–5XX classes — this is
  *  unreachable in practice because callers gate on `maskRoots`, but the check
  *  is kept as a safety net so a future refactor can't silently emit a
- *  colorless pill. */
+ *  colorless pill. The one deliberate exception is the `NO_RESPONSE_CODE`
+ *  sentinel, which is a legitimate value with no HTTP class and renders as a
+ *  neutral slate pill. */
 export declare const makeMask: (label: string) => FieldValueOption;

package/dist/components/FilterInput/lib/statusCode/utils/makeMask.js

@@ -1,7 +1,18 @@
 import { RESPONSE_CODE_COLOR, getResponseCodeCategory } from "../../../../ResponseCode/index.js";
+import { NO_RESPONSE_CODE } from "./constants.js";
 const makeMask = (label)=>{
     const category = getResponseCodeCategory(label);
-    if ('unknown' === category) throw new Error(`statusCode: no badge color for mask "${label}"`);
+    if ('unknown' === category) {
+        if (label === NO_RESPONSE_CODE) return {
+            value: label,
+            label,
+            badge: {
+                color: RESPONSE_CODE_COLOR.unknown,
+                text: label
+            }
+        };
+        throw new Error(`statusCode: no badge color for mask "${label}"`);
+    }
     return {
         value: label,
         label,

package/dist/components/FilterInput/lib/validation.d.ts

@@ -40,4 +40,4 @@ export declare const isValidFieldValue: (fieldValues: FieldValueOption[], v: str
  */
 export declare const getInvalidValueIndices: (field: FieldMetadata, values: Array<string | number | boolean>) => number[];
 /** Check if condition value(s) are valid for the given field. Returns true if error. */
-export declare const validateValueForField: (field: FieldMetadata, value: Condition["value"]) => boolean;
+export declare const validateValueForField: (field: FieldMetadata, value: Condition['value']) => boolean;

package/dist/components/Flex/Flex.d.ts

@@ -3,15 +3,15 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const flexVariants: (props?: ({
     inline?: boolean | null | undefined;
-    direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
-    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
-    wrap?: "reverse" | "nowrap" | "wrap" | null | undefined;
-    gap?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
+    direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
+    align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;
+    justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
+    wrap?: "nowrap" | "reverse" | "wrap" | null | undefined;
+    gap?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
     grow?: boolean | null | undefined;
     shrink?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
-    basis?: 0 | "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | null | undefined;
+    basis?: "1/12" | "1/2" | "1/3" | "1/4" | "1/5" | "1/6" | "10/12" | "11/12" | "2/12" | "2/3" | "2/4" | "2/5" | "2/6" | "3/12" | "3/4" | "3/5" | "3/6" | "4/12" | "4/5" | "4/6" | "5/12" | "5/6" | "6/12" | "7/12" | "8/12" | "9/12" | "auto" | "full" | 0 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type FlexNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
 type FlexVariantProps = VariantProps<typeof flexVariants>;

package/dist/components/Heading/Heading.d.ts

@@ -3,9 +3,9 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 import type { PolymorphicComponentProps } from '../Polymorphic';
 declare const headingVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
-    color?: "primary" | "secondary" | "inherit" | "primary-alt" | "secondary-alt" | null | undefined;
+    size?: "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "lg" | "md" | "sm" | "xl" | null | undefined;
+    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
+    color?: "inherit" | "primary" | "primary-alt" | "secondary" | "secondary-alt" | null | undefined;
     align?: "center" | "left" | "right" | null | undefined;
     grow?: boolean | null | undefined;
     truncate?: boolean | null | undefined;

package/dist/components/InlineEdit/InlineEditSelect.d.ts

@@ -33,7 +33,7 @@ export interface InlineEditSelectProps {
      */
     children: ReactNode;
 }
-export declare const InlineEditSelect: {
-    ({ items, collection, multiple, children, }: InlineEditSelectProps): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function InlineEditSelect({ items, collection, multiple, children, }: InlineEditSelectProps): import("react").JSX.Element;
+export declare namespace InlineEditSelect {
+    var displayName: string;
+}

package/dist/components/Input/classes.d.ts

@@ -1,4 +1,4 @@
 export declare const inputVariants: (props?: ({
     error?: boolean | null | undefined;
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/InputGroup/InputGroup.d.ts

@@ -2,7 +2,7 @@ import type { FC, HTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import { type TestableProps } from '../../utils/testId';
 export declare const inputGroupVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type InputGroupSize = NonNullable<VariantProps<typeof inputGroupVariants>['size']>;
 type InputGroupProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof inputGroupVariants> & TestableProps;

package/dist/components/InputGroup/InputGroupAddon.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentProps, FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | null | undefined;
-    variant?: "outline" | "ghost" | null | undefined;
+    align?: "block-end" | "inline-end" | "inline-start" | null | undefined;
+    variant?: "ghost" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const InputGroupAddon: FC<ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>>;
 export {};

package/dist/components/Ip/constants.d.ts

@@ -1,27 +1,27 @@
 export declare const datacenters: {
-    readonly alibaba: "Alibaba Cloud";
-    readonly aws: "AWS";
-    readonly azure: "Azure";
-    readonly docean: "Digital Ocean";
-    readonly gce: "GCP";
-    readonly hetzner: "Hetzner";
-    readonly huawei: "Huawei Cloud";
-    readonly ibm: "IBM Cloud";
-    readonly linode: "Linode";
-    readonly oracle: "Oracle Cloud";
-    readonly ovh: "OVHcloud";
-    readonly plusserver: "PlusServer";
-    readonly rackspace: "Rackspace";
-    readonly tencent: "Tencent";
+    readonly alibaba: 'Alibaba Cloud';
+    readonly aws: 'AWS';
+    readonly azure: 'Azure';
+    readonly docean: 'Digital Ocean';
+    readonly gce: 'GCP';
+    readonly hetzner: 'Hetzner';
+    readonly huawei: 'Huawei Cloud';
+    readonly ibm: 'IBM Cloud';
+    readonly linode: 'Linode';
+    readonly oracle: 'Oracle Cloud';
+    readonly ovh: 'OVHcloud';
+    readonly plusserver: 'PlusServer';
+    readonly rackspace: 'Rackspace';
+    readonly tencent: 'Tencent';
 };
 export declare const proxyTypes: {
-    readonly TOR: "Tor";
-    readonly VPN: "VPN";
-    readonly DCH: "DC";
-    readonly SES: "Search engine spiders";
-    readonly MIP: "Malicious IPs";
-    readonly WEB: "Web proxy";
-    readonly PUB: "Public proxy";
+    readonly TOR: 'Tor';
+    readonly VPN: 'VPN';
+    readonly DCH: 'DC';
+    readonly SES: 'Search engine spiders';
+    readonly MIP: 'Malicious IPs';
+    readonly WEB: 'Web proxy';
+    readonly PUB: 'Public proxy';
 };
 export type DatacenterKey = keyof typeof datacenters;
 export type ProxyTypeKey = keyof typeof proxyTypes;

package/dist/components/Kbd/Kbd.d.ts

@@ -2,7 +2,7 @@ import type { ComponentProps, FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const kbdVariants: (props?: ({
-    size?: "small" | "medium" | "xsmall" | null | undefined;
+    size?: "medium" | "small" | "xsmall" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KbdVariantsProps = VariantProps<typeof kbdVariants>;
 type KbdProps = ComponentProps<'kbd'> & KbdVariantsProps & TestableProps;

package/dist/components/Link/classes.d.ts

@@ -1,6 +1,6 @@
 export declare const linkVariants: (props?: ({
-    type?: "table" | "alt" | "default" | "muted" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    weight?: "regular" | "medium" | null | undefined;
+    type?: "alt" | "default" | "muted" | "table" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
+    weight?: "medium" | "regular" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Loader/Loader.d.ts

@@ -2,8 +2,8 @@ import type { FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const loaderVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
-    color?: "primary" | "primary-alt" | "danger" | "primary-alt-fixed" | "brand" | null | undefined;
+    size?: "2xl" | "3xl" | "lg" | "md" | "sm" | "xl" | null | undefined;
+    color?: "brand" | "danger" | "primary" | "primary-alt" | "primary-alt-fixed" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type LoaderType = 'circle' | 'sonner';
 type LoaderVariantsProps = VariantProps<typeof loaderVariants>;

package/dist/components/Logo/classes.d.ts

@@ -1,3 +1,3 @@
 export declare const logoVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/NumberInput/classes.d.ts

@@ -1,12 +1,12 @@
 export declare const numberInputRootVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const numberInputFieldVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const numberInputControlVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const numberInputTriggerVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/NumericBadge/classes.d.ts

@@ -1,5 +1,5 @@
 export declare const numericBadgeVariants: (props?: ({
-    type?: "primary" | "destructive" | "info" | "primary-alt" | "brand" | "outline" | null | undefined;
-    size?: "small" | "default" | null | undefined;
+    type?: "brand" | "destructive" | "info" | "outline" | "primary" | "primary-alt" | null | undefined;
+    size?: "default" | "small" | null | undefined;
     clickable?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/OverflowTooltip/OverflowTooltip.d.ts

@@ -5,11 +5,7 @@ export interface OverflowTooltipProps {
     forceTooltip?: boolean;
     positioning?: TooltipProps['positioning'];
 }
-/**
- * Root component for OverflowTooltip.
- * Automatically detects overflow in child elements.
- */
-export declare const OverflowTooltip: {
-    ({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function OverflowTooltip({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
+export declare namespace OverflowTooltip {
+    var displayName: string;
+}

package/dist/components/OverflowTooltip/OverflowTooltipContent.d.ts

@@ -4,10 +4,7 @@ export interface OverflowTooltipContentProps {
     className?: string;
     maxWidth?: number;
 }
-/**
- * Content component for the overflow tooltip.
- */
-export declare const OverflowTooltipContent: {
-    ({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function OverflowTooltipContent({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
+export declare namespace OverflowTooltipContent {
+    var displayName: string;
+}

package/dist/components/Pagination/classes.d.ts

@@ -2,8 +2,8 @@ export declare const paginationVariants: (props?: ({
     align?: "center" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const paginationItemVariants: (props?: ({
-    size?: "small" | "medium" | null | undefined;
+    size?: "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const paginationEllipsisVariants: (props?: ({
-    size?: "small" | "medium" | null | undefined;
+    size?: "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ParameterPath/constants.d.ts

@@ -1,12 +1,12 @@
 export declare const MEASURE: {
-    readonly method: "method";
-    readonly joint: "joint";
-    readonly segment: "segment";
-    readonly encoding: "encoding";
-    readonly ellipsis: "ellipsis";
+    readonly method: 'method';
+    readonly joint: 'joint';
+    readonly segment: 'segment';
+    readonly encoding: 'encoding';
+    readonly ellipsis: 'ellipsis';
 };
 export declare const ROW: {
-    readonly visible: "visible";
-    readonly measure: "measure";
+    readonly visible: 'visible';
+    readonly measure: 'measure';
 };
 export declare const EXPAND_KEYS: readonly string[];

package/dist/components/Progress/classes.d.ts

@@ -1,9 +1,9 @@
 import type { ProgressColor } from './types';
 export declare const progressTrackVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
     color?: ProgressColor | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const progressRangeVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
     color?: ProgressColor | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Progress/constants.d.ts

@@ -1,24 +1,24 @@
 export declare const ProgressColorEnum: {
-    readonly Brand: "brand";
-    readonly Slate: "slate";
-    readonly Red: "red";
-    readonly WOrange: "w-orange";
-    readonly Amber: "amber";
-    readonly Yellow: "yellow";
-    readonly Lime: "lime";
-    readonly Green: "green";
-    readonly Emerald: "emerald";
-    readonly Teal: "teal";
-    readonly Cyan: "cyan";
-    readonly Sky: "sky";
-    readonly Blue: "blue";
-    readonly Indigo: "indigo";
-    readonly Violet: "violet";
-    readonly Fuchsia: "fuchsia";
-    readonly Pink: "pink";
-    readonly Rose: "rose";
-    readonly Gray: "gray";
-    readonly Zinc: "zinc";
-    readonly Neutral: "neutral";
-    readonly Stone: "stone";
+    readonly Brand: 'brand';
+    readonly Slate: 'slate';
+    readonly Red: 'red';
+    readonly WOrange: 'w-orange';
+    readonly Amber: 'amber';
+    readonly Yellow: 'yellow';
+    readonly Lime: 'lime';
+    readonly Green: 'green';
+    readonly Emerald: 'emerald';
+    readonly Teal: 'teal';
+    readonly Cyan: 'cyan';
+    readonly Sky: 'sky';
+    readonly Blue: 'blue';
+    readonly Indigo: 'indigo';
+    readonly Violet: 'violet';
+    readonly Fuchsia: 'fuchsia';
+    readonly Pink: 'pink';
+    readonly Rose: 'rose';
+    readonly Gray: 'gray';
+    readonly Zinc: 'zinc';
+    readonly Neutral: 'neutral';
+    readonly Stone: 'stone';
 };

package/dist/components/Radio/RadioGroup.d.ts

@@ -2,7 +2,7 @@ import type { FC } from 'react';
 import { RadioGroup as ArkUiRadioGroup } from '@ark-ui/react/radio-group';
 import { type VariantProps } from 'class-variance-authority';
 declare const radioGroupVariants: (props?: ({
-    variant?: "default" | "card" | null | undefined;
+    variant?: "card" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type RadioGroupNativeProps = Omit<ArkUiRadioGroup.RootProps, 'className'>;
 export type RadioGroupVariantsProps = VariantProps<typeof radioGroupVariants>;

package/dist/components/SegmentedControl/SegmentedControlSeparator.d.ts

@@ -2,7 +2,7 @@ import type { ComponentRef, FC, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import { Separator, type SeparatorProps } from '../Separator';
 declare const segmentedControlSeparatorVariants: (props?: ({
-    mx?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
+    mx?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SegmentedControlSeparatorVariants = VariantProps<typeof segmentedControlSeparatorVariants>;
 /**

package/dist/components/Select/Select.d.ts

@@ -5,8 +5,8 @@ export interface SelectBaseProps {
     loading?: boolean;
 }
 type SelectProps<T extends CollectionItem> = SelectNativeProps<T> & SelectBaseProps & TestableProps;
-export declare const Select: {
-    <T extends unknown>({ children, loading, disabled, "data-testid": testId, ...props }: SelectProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function Select<T extends CollectionItem>({ children, loading, disabled, 'data-testid': testId, ...props }: SelectProps<T>): import("react").JSX.Element;
+export declare namespace Select {
+    var displayName: string;
+}
 export {};

package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.d.ts

@@ -1,2 +1,2 @@
 import type { SelectDataItem } from '../types';
-export declare const createSelectInputOverflowRenderer: (size: "small" | "medium" | "default" | "inline-edit") => (items: SelectDataItem[]) => import("react").JSX.Element;
+export declare const createSelectInputOverflowRenderer: (size: 'small' | 'medium' | 'default' | 'inline-edit') => (items: SelectDataItem[]) => import("react").JSX.Element;

package/dist/components/Selection/Selection.d.ts

@@ -12,7 +12,7 @@ export interface SelectionProps<T> extends TestableProps {
     className?: string;
     children?: ReactNode;
 }
-export declare const Selection: {
-    <T>({ items, getItemId, value, onChange, className, "data-testid": testId, children, }: SelectionProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function Selection<T>({ items, getItemId, value, onChange, className, 'data-testid': testId, children, }: SelectionProps<T>): import("react").JSX.Element;
+export declare namespace Selection {
+    var displayName: string;
+}

package/dist/components/Separator/Separator.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    spacing?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
+    spacing?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SeparatorProps = ComponentPropsWithoutRef<'div'> & VariantProps<typeof separatorVariants> & TestableProps & {
     ref?: Ref<HTMLDivElement>;

package/dist/components/SimpleCharts/BarList/classes.d.ts

@@ -17,14 +17,14 @@ export declare const barListItemVariants: (props?: ({
  * `<BarListBar className='bg-sky-500/16' />`.
  */
 export declare const barListBarVariants: (props?: ({
-    color?: "brand" | "blue" | "cyan" | "green" | "indigo" | "pink" | "purple" | "red" | "teal" | "slate" | "amber" | "rose" | null | undefined;
+    color?: "amber" | "blue" | "brand" | "cyan" | "green" | "indigo" | "pink" | "purple" | "red" | "rose" | "slate" | "teal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const barListLabelClasses: string;
 export declare const barListValueClasses: string;
 export declare const barListPercentVariants: (props?: ({
-    variant?: "split" | "inherit" | "muted" | null | undefined;
+    variant?: "inherit" | "muted" | "split" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const barListPercentSymbolVariants: (props?: ({
-    variant?: "split" | "inherit" | "muted" | null | undefined;
+    variant?: "inherit" | "muted" | "split" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const barListSkeletonRowClasses: string;

package/dist/components/SimpleCharts/LineChart/constants.d.ts

@@ -18,8 +18,8 @@ export declare const LINE_DEFAULT_BODY_MARGIN: {
 };
 export declare const HOVER_POPOVER_TOP = 8;
 export declare const LINE_AXIS_TICK_TEXT_PROPS: {
-    readonly fill: "var(--color-text-secondary)";
+    readonly fill: 'var(--color-text-secondary)';
     readonly fontSize: 10;
-    readonly fontFamily: "var(--font-sans)";
+    readonly fontFamily: 'var(--font-sans)';
     readonly fontWeight: 400;
 };

package/dist/components/SimpleCharts/PieChart/classes.d.ts

@@ -14,9 +14,9 @@ export declare const pieChartLegendValueClasses: string;
 export declare const pieChartLegendPercentClasses: string;
 export declare const legendDotClasses: string;
 export declare const pieChartLegendPercentValueVariants: (props?: ({
-    variant?: "split" | "inherit" | "muted" | null | undefined;
+    variant?: "inherit" | "muted" | "split" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const pieChartLegendPercentSymbolVariants: (props?: ({
-    variant?: "split" | "inherit" | "muted" | null | undefined;
+    variant?: "inherit" | "muted" | "split" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const pieChartSkeletonRowClasses: string;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const skeletonVariants: (props?: ({
     transparent?: boolean | null | undefined;
-    rounded?: 2 | 4 | 6 | "none" | 8 | 16 | 12 | 32 | 24 | "full" | null | undefined;
+    rounded?: "full" | "none" | 2 | 4 | 6 | 8 | 12 | 16 | 24 | 32 | null | undefined;
     withDimensions?: boolean | null | undefined;
     withChildren?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/SplashScreen/classes.d.ts

@@ -1,12 +1,12 @@
 export declare const splashContainerVariants: (props?: ({
-    phase?: "enter-start" | "entered" | "content-fading" | "shrinking" | "settled" | "exiting" | null | undefined;
+    phase?: "content-fading" | "enter-start" | "entered" | "exiting" | "settled" | "shrinking" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const splashContentVariants: (props?: ({
-    phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
+    phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const splashLogoVariants: (props?: ({
-    phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
+    phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const splashProgressVariants: (props?: ({
-    phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
+    phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Stack/Stack.d.ts

@@ -3,14 +3,14 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const stackVariants: (props?: ({
     inline?: boolean | null | undefined;
-    direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
-    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
-    wrap?: "reverse" | "nowrap" | "wrap" | null | undefined;
+    direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
+    align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;
+    justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
+    wrap?: "nowrap" | "reverse" | "wrap" | null | undefined;
     fullWidth?: boolean | null | undefined;
     flexGrow?: boolean | null | undefined;
     flexShrink?: boolean | null | undefined;
-    gap?: 0 | 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
+    gap?: 0 | 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type StackNativeProps = HTMLAttributes<HTMLDivElement>;
 type StackVariantProps = VariantProps<typeof stackVariants>;

package/dist/components/Table/EditableCell/EditableSelectCell.d.ts

@@ -0,0 +1,28 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../../utils/testId';
+import { type SelectDataItem } from '../../Select';
+type NativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'>;
+export interface EditableSelectCellProps extends NativeProps, TestableProps {
+    /** Current committed value; `null` / `''` renders the placeholder. */
+    value: string | null;
+    /** Called with the picked value when the selection changes. */
+    onCommit: (value: string) => void;
+    /** Options for the dropdown. */
+    items: SelectDataItem[];
+    /** Read-mode rendering of the selected value (e.g. a `Badge`). */
+    children?: ReactNode;
+    /** Shown when nothing is selected. Defaults to `'Select…'`. */
+    placeholder?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Inline-editable, fixed-option cell for the DataTable. The cell IS the select
+ * trigger, so the read view is never swapped out — opening the menu only paints
+ * the brand-orange border and drops the dropdown below (zero layout shift).
+ * When nothing is selected it renders `placeholder`.
+ *
+ * Analytics-ready: arbitrary `data-*` / `aria-*` / `id` / event props land on
+ * the trigger element, which is the real interactive node.
+ */
+export declare const EditableSelectCell: FC<EditableSelectCellProps>;
+export {};