@wallarm-org/design-system 0.37.0 → 0.38.0-rc-feature-AS-962.1

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,34 @@
+import type { FC, ReactNode } from 'react';
+import { Accordion as ArkUiAccordion } from '@ark-ui/react/accordion';
+import { type TestableProps } from '../../utils/testId';
+import { type AccordionVariant } from './AccordionContext';
+export type AccordionValueChangeDetails = ArkUiAccordion.ValueChangeDetails;
+export interface AccordionProps extends TestableProps {
+    children: ReactNode;
+    /** Visual variant of the accordion */
+    variant?: AccordionVariant;
+    /** Whether multiple items can be expanded at the same time */
+    multiple?: boolean;
+    /** Whether an expanded item can be collapsed (when `multiple` is false) */
+    collapsible?: boolean;
+    /** Controlled expanded item values */
+    value?: string[];
+    /** Initial expanded item values for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback fired when expanded items change */
+    onValueChange?: (details: AccordionValueChangeDetails) => void;
+    /** Disable all interaction */
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Accordion component for progressive disclosure of content.
+ *
+ * Three variants:
+ * - `primary` — lightweight row, 40px height, base font.
+ * - `secondary` — compact row, 24px height, small muted text.
+ * - `section` — bordered panel with title, optional `AccordionActions` and content area.
+ *
+ * Compose with `AccordionItem`, `AccordionTrigger`, `AccordionActions`, and `AccordionContent`.
+ */
+export declare const Accordion: FC<AccordionProps>;

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@ark-ui/react/accordion";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider } from "../../utils/testId.js";
+import { AccordionContextProvider } from "./AccordionContext/index.js";
+import { accordionRootVariants } from "./classes.js";
+const Accordion_Accordion = ({ children, variant = 'primary', multiple = false, collapsible = true, value, defaultValue, onValueChange, disabled, className, 'data-testid': testId })=>/*#__PURE__*/ jsx(AccordionContextProvider, {
+        variant: variant,
+        children: /*#__PURE__*/ jsx(Accordion.Root, {
+            "data-slot": "accordion",
+            "data-testid": testId,
+            "data-variant": variant,
+            className: cn(accordionRootVariants(), className),
+            multiple: multiple,
+            collapsible: collapsible,
+            value: value,
+            defaultValue: defaultValue,
+            onValueChange: onValueChange,
+            disabled: disabled,
+            children: /*#__PURE__*/ jsx(TestIdProvider, {
+                value: testId,
+                children: children
+            })
+        })
+    });
+Accordion_Accordion.displayName = 'Accordion';
+export { Accordion_Accordion as Accordion };

package/dist/components/Accordion/AccordionActions.d.ts

@@ -0,0 +1,11 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface AccordionActionsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}
+/**
+ * Action slot for the `section` variant — renders as a sibling of
+ * `AccordionTrigger` (not nested inside the trigger `<button>`), so clicks
+ * on its children do not toggle the accordion.
+ */
+export declare const AccordionActions: FC<AccordionActionsProps>;

package/dist/components/Accordion/AccordionActions.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { accordionActionsVariants } from "./classes.js";
+const AccordionActions = ({ ref, children, className, ...rest })=>{
+    const testId = useTestId('actions');
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "accordion-actions",
+        "data-testid": testId,
+        className: cn(accordionActionsVariants(), className),
+        ...rest,
+        children: children
+    });
+};
+AccordionActions.displayName = 'AccordionActions';
+export { AccordionActions };

package/dist/components/Accordion/AccordionContent.d.ts

@@ -0,0 +1,7 @@
+import type { FC, ReactNode, Ref } from 'react';
+import { Accordion as ArkUiAccordion } from '@ark-ui/react/accordion';
+export interface AccordionContentProps extends ArkUiAccordion.ItemContentProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}
+export declare const AccordionContent: FC<AccordionContentProps>;

package/dist/components/Accordion/AccordionContent.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@ark-ui/react/accordion";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { useAccordionContext } from "./AccordionContext/index.js";
+import { accordionContentInnerVariants, accordionContentVariants } from "./classes.js";
+const AccordionContent = ({ ref, children, className, ...rest })=>{
+    const { variant } = useAccordionContext();
+    const testId = useTestId('content');
+    return /*#__PURE__*/ jsx(Accordion.ItemContent, {
+        ref: ref,
+        "data-slot": "accordion-content",
+        "data-testid": testId,
+        className: cn(accordionContentVariants({
+            variant
+        }), className),
+        ...rest,
+        children: /*#__PURE__*/ jsx("div", {
+            className: cn(accordionContentInnerVariants()),
+            children: children
+        })
+    });
+};
+AccordionContent.displayName = 'AccordionContent';
+export { AccordionContent };

package/dist/components/Accordion/AccordionContext/AccordionContext.d.ts

@@ -0,0 +1,5 @@
+export type AccordionVariant = 'primary' | 'secondary' | 'section';
+export interface AccordionContextValue {
+    variant: AccordionVariant;
+}
+export declare const AccordionContext: import("react").Context<AccordionContextValue | null>;

package/dist/components/Accordion/AccordionContext/AccordionContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+const AccordionContext = createContext(null);
+export { AccordionContext };

package/dist/components/Accordion/AccordionContext/AccordionContextProvider.d.ts

@@ -0,0 +1,7 @@
+import type { FC, PropsWithChildren } from 'react';
+import { type AccordionVariant } from './AccordionContext';
+interface AccordionContextProviderProps extends PropsWithChildren {
+    variant: AccordionVariant;
+}
+export declare const AccordionContextProvider: FC<AccordionContextProviderProps>;
+export {};

package/dist/components/Accordion/AccordionContext/AccordionContextProvider.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { AccordionContext } from "./AccordionContext.js";
+const AccordionContextProvider = ({ children, variant })=>/*#__PURE__*/ jsx(AccordionContext.Provider, {
+        value: {
+            variant
+        },
+        children: children
+    });
+export { AccordionContextProvider };

package/dist/components/Accordion/AccordionContext/index.d.ts

@@ -0,0 +1,3 @@
+export { AccordionContext, type AccordionContextValue, type AccordionVariant, } from './AccordionContext';
+export { AccordionContextProvider } from './AccordionContextProvider';
+export { useAccordionContext } from './useAccordionContext';

package/dist/components/Accordion/AccordionContext/index.js

@@ -0,0 +1,4 @@
+import { AccordionContext } from "./AccordionContext.js";
+import { AccordionContextProvider } from "./AccordionContextProvider.js";
+import { useAccordionContext } from "./useAccordionContext.js";
+export { AccordionContext, AccordionContextProvider, useAccordionContext };

package/dist/components/Accordion/AccordionContext/useAccordionContext.d.ts

@@ -0,0 +1,2 @@
+import { type AccordionContextValue } from './AccordionContext';
+export declare const useAccordionContext: () => AccordionContextValue;

package/dist/components/Accordion/AccordionContext/useAccordionContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { AccordionContext } from "./AccordionContext.js";
+const useAccordionContext = ()=>{
+    const ctx = useContext(AccordionContext);
+    if (!ctx) throw new Error('Accordion sub-components must be rendered inside an <Accordion> root');
+    return ctx;
+};
+export { useAccordionContext };

package/dist/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,7 @@
+import type { FC, ReactNode, Ref } from 'react';
+import { Accordion as ArkUiAccordion } from '@ark-ui/react/accordion';
+export interface AccordionItemProps extends ArkUiAccordion.ItemProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}
+export declare const AccordionItem: FC<AccordionItemProps>;

package/dist/components/Accordion/AccordionItem.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@ark-ui/react/accordion";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider, useTestId } from "../../utils/testId.js";
+import { useAccordionContext } from "./AccordionContext/index.js";
+import { accordionItemVariants } from "./classes.js";
+const AccordionItem = ({ ref, children, value, className, ...rest })=>{
+    const { variant } = useAccordionContext();
+    const testId = useTestId(`item-${value}`);
+    return /*#__PURE__*/ jsx(Accordion.Item, {
+        ref: ref,
+        value: value,
+        "data-slot": "accordion-item",
+        "data-testid": testId,
+        className: cn(accordionItemVariants({
+            variant
+        }), className),
+        ...rest,
+        children: /*#__PURE__*/ jsx(TestIdProvider, {
+            value: testId,
+            children: children
+        })
+    });
+};
+AccordionItem.displayName = 'AccordionItem';
+export { AccordionItem };

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -0,0 +1,7 @@
+import type { FC, ReactNode, Ref } from 'react';
+import { Accordion as ArkUiAccordion } from '@ark-ui/react/accordion';
+export interface AccordionTriggerProps extends Omit<ArkUiAccordion.ItemTriggerProps, 'type'> {
+    ref?: Ref<HTMLButtonElement>;
+    children: ReactNode;
+}
+export declare const AccordionTrigger: FC<AccordionTriggerProps>;

package/dist/components/Accordion/AccordionTrigger.js

@@ -0,0 +1,50 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Accordion } from "@ark-ui/react/accordion";
+import { ChevronDown, ChevronRight } from "../../icons/index.js";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { useAccordionContext } from "./AccordionContext/index.js";
+import { accordionIndicatorVariants, accordionTriggerTitleVariants, accordionTriggerVariants } from "./classes.js";
+const AccordionTrigger = ({ ref, children, className, ...rest })=>{
+    const { variant } = useAccordionContext();
+    const testId = useTestId('trigger');
+    const indicator = /*#__PURE__*/ jsx(Accordion.ItemIndicator, {
+        className: cn(accordionIndicatorVariants({
+            variant
+        })),
+        "data-slot": "accordion-indicator",
+        children: 'section' === variant ? /*#__PURE__*/ jsx(ChevronDown, {}) : /*#__PURE__*/ jsx(ChevronRight, {})
+    });
+    return /*#__PURE__*/ jsx(Accordion.ItemTrigger, {
+        ref: ref,
+        "data-slot": "accordion-trigger",
+        "data-testid": testId,
+        className: cn(accordionTriggerVariants({
+            variant
+        }), className),
+        ...rest,
+        children: 'section' === variant ? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: cn(accordionTriggerTitleVariants({
+                        variant
+                    })),
+                    children: children
+                }),
+                indicator
+            ]
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                indicator,
+                /*#__PURE__*/ jsx("span", {
+                    className: cn(accordionTriggerTitleVariants({
+                        variant
+                    })),
+                    children: children
+                })
+            ]
+        })
+    });
+};
+AccordionTrigger.displayName = 'AccordionTrigger';
+export { AccordionTrigger };

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

@@ -0,0 +1,18 @@
+export declare const accordionRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionItemVariants: (props?: ({
+    variant?: "primary" | "secondary" | "section" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionTriggerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "section" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionTriggerTitleVariants: (props?: ({
+    variant?: "primary" | "secondary" | "section" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionIndicatorVariants: (props?: ({
+    variant?: "primary" | "secondary" | "section" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionContentVariants: (props?: ({
+    variant?: "primary" | "secondary" | "section" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionContentInnerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/Accordion/classes.js

@@ -0,0 +1,66 @@
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn.js";
+const accordionRootVariants = cva('flex flex-col w-full');
+const accordionItemVariants = cva('w-full', {
+    variants: {
+        variant: {
+            primary: 'flex flex-col',
+            secondary: 'flex flex-col',
+            section: cn('grid grid-cols-[minmax(0,1fr)_auto] items-center', 'border-b-1 border-border-primary last:border-b-0', 'pl-16 pr-8 py-8')
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const accordionTriggerVariants = cva(cn('group/accordion-trigger flex items-center w-full cursor-pointer min-w-0', 'transition-[background-color,opacity] duration-150 ease-out motion-reduce:transition-none', 'rounded-12 bg-transparent', 'hover:bg-states-primary-hover', 'active:bg-states-primary-pressed', 'focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-focus-primary', 'disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent', 'font-sans text-text-primary'), {
+    variants: {
+        variant: {
+            primary: 'h-40 gap-4 px-12 text-base font-normal',
+            secondary: cn('h-24 gap-4 px-0 text-sm font-medium text-text-secondary', 'hover:bg-transparent active:bg-transparent'),
+            section: cn('col-start-1 row-start-1 justify-between gap-8 px-0 py-0 text-sm font-medium', 'hover:bg-transparent active:bg-transparent')
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const accordionActionsVariants = cva(cn('flex items-center gap-4 col-start-2 row-start-1 pl-8 shrink-0'));
+const accordionTriggerTitleVariants = cva('block flex-1 min-w-0 truncate text-left', {
+    variants: {
+        variant: {
+            primary: '',
+            secondary: '',
+            section: '[&>*]:align-middle [&>*+*]:ms-8'
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const accordionIndicatorVariants = cva(cn('inline-flex items-center justify-center shrink-0', 'rounded-8 size-24', 'transition-transform duration-[220ms] ease-[cubic-bezier(0.4,0,0.2,1)] motion-reduce:transition-none'), {
+    variants: {
+        variant: {
+            primary: 'text-text-primary data-[state=open]:rotate-90',
+            secondary: 'text-text-secondary data-[state=open]:rotate-90',
+            section: 'text-text-primary data-[state=open]:rotate-180'
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const accordionContentVariants = cva(cn('overflow-hidden', 'data-[state=open]:animate-[ds-accordion-down_220ms_cubic-bezier(0.4,0,0.2,1)]', 'data-[state=closed]:animate-[ds-accordion-up_220ms_cubic-bezier(0.4,0,0.2,1)]', 'motion-reduce:animate-none'), {
+    variants: {
+        variant: {
+            primary: '',
+            secondary: '',
+            section: 'col-span-2 row-start-2'
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const accordionContentInnerVariants = cva('pt-8');
+export { accordionActionsVariants, accordionContentInnerVariants, accordionContentVariants, accordionIndicatorVariants, accordionItemVariants, accordionRootVariants, accordionTriggerTitleVariants, accordionTriggerVariants };

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,6 @@
+export { Accordion, type AccordionProps, type AccordionValueChangeDetails, } from './Accordion';
+export { AccordionActions, type AccordionActionsProps } from './AccordionActions';
+export { AccordionContent, type AccordionContentProps } from './AccordionContent';
+export type { AccordionVariant } from './AccordionContext';
+export { AccordionItem, type AccordionItemProps } from './AccordionItem';
+export { AccordionTrigger, type AccordionTriggerProps } from './AccordionTrigger';

package/dist/components/Accordion/index.js

@@ -0,0 +1,6 @@
+import { Accordion } from "./Accordion.js";
+import { AccordionActions } from "./AccordionActions.js";
+import { AccordionContent } from "./AccordionContent.js";
+import { AccordionItem } from "./AccordionItem.js";
+import { AccordionTrigger } from "./AccordionTrigger.js";
+export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger };

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

@@ -3,7 +3,7 @@ export declare const badgeVariants: (props?: ({
     variant?: "default" | "dotted" | null | undefined;
     size?: "medium" | "large" | null | undefined;
     isIconOnly?: boolean | null | undefined;
-    type?: "text" | "secondary" | "outline" | "solid" | "text-color" | null | undefined;
+    type?: "secondary" | "text" | "outline" | "solid" | "text-color" | null | undefined;
     color?: BadgeColor | null | undefined;
     muted?: boolean | null | undefined;
     textVariant?: "code" | "default" | null | undefined;

package/dist/components/Code/Code.d.ts

@@ -4,7 +4,7 @@ import type { TestableProps } from '../../utils/testId';
 declare const codeVariants: (props?: ({
     size?: "s" | "m" | "l" | null | undefined;
     weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
-    color?: "primary" | "destructive" | "secondary" | null | undefined;
+    color?: "primary" | "secondary" | "destructive" | null | undefined;
     italic?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.d.ts

@@ -9,7 +9,7 @@ export declare const chipVariants: (props?: ({
 export declare const segmentContainer = "flex flex-col justify-center overflow-hidden leading-none";
 /** Segment text styles by variant */
 export declare const segmentTextVariants: (props?: ({
-    variant?: "operator" | "value" | "attribute" | null | undefined;
+    variant?: "value" | "operator" | "attribute" | null | undefined;
     error?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /** Remove button styles — hidden by default, shown on chip hover or button focus */

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

@@ -4,8 +4,8 @@ import type { TestableProps } from '../../utils/testId';
 declare const flexVariants: (props?: ({
     inline?: boolean | null | undefined;
     direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
-    align?: "end" | "baseline" | "start" | "center" | "stretch" | null | undefined;
-    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | 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 | 12 | 16 | 24 | 32 | 20 | 28 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
     grow?: boolean | null | undefined;

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

@@ -5,8 +5,8 @@ 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?: "inherit" | "primary" | "primary-alt" | "secondary" | "secondary-alt" | null | undefined;
-    align?: "left" | "center" | "right" | null | undefined;
+    color?: "primary" | "secondary" | "inherit" | "primary-alt" | "secondary-alt" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
     grow?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -22,9 +22,9 @@ export declare const barListBarVariants: (props?: ({
 export declare const barListLabelClasses: string;
 export declare const barListValueClasses: string;
 export declare const barListPercentVariants: (props?: ({
-    variant?: "inherit" | "split" | "muted" | null | undefined;
+    variant?: "split" | "inherit" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const barListPercentSymbolVariants: (props?: ({
-    variant?: "inherit" | "split" | "muted" | null | undefined;
+    variant?: "split" | "inherit" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const barListSkeletonRowClasses: string;

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

@@ -4,7 +4,7 @@ export declare const lineChartBodyZoomEnabledClasses: string;
 export declare const lineChartZoomCursorPopoverClasses: string;
 export declare const lineChartLegendVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    align?: "end" | "start" | "center" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const lineChartLegendItemVariants: (props?: ({
     interactive?: boolean | null | undefined;

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?: "inherit" | "split" | "muted" | null | undefined;
+    variant?: "split" | "inherit" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const pieChartLegendPercentSymbolVariants: (props?: ({
-    variant?: "inherit" | "split" | "muted" | null | undefined;
+    variant?: "split" | "inherit" | "muted" | 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?: "none" | 2 | 4 | 6 | 8 | "full" | 12 | 16 | 24 | 32 | null | undefined;
+    rounded?: 2 | 4 | 6 | "none" | 8 | "full" | 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/Stack/Stack.d.ts

@@ -4,8 +4,8 @@ import type { TestableProps } from '../../utils/testId';
 declare const stackVariants: (props?: ({
     inline?: boolean | null | undefined;
     direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
-    align?: "end" | "baseline" | "start" | "center" | "stretch" | null | undefined;
-    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | 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;
     fullWidth?: boolean | null | undefined;
     flexGrow?: boolean | null | undefined;

package/dist/components/Text/Text.d.ts

@@ -4,8 +4,8 @@ import type { TestableProps } from '../../utils/testId';
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
-    color?: "inherit" | "primary" | "primary-alt" | "secondary" | "secondary-alt" | "tertiary-alt" | "danger" | null | undefined;
-    align?: "left" | "center" | "right" | null | undefined;
+    color?: "primary" | "secondary" | "inherit" | "primary-alt" | "secondary-alt" | "tertiary-alt" | "danger" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
     grow?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
     decoration?: "dashed" | null | undefined;

package/dist/components/Tour/TourSpotlight.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
 export declare const tourSpotlightVariants: (props?: ({
-    shape?: "rect" | "circle" | null | undefined;
+    shape?: "circle" | "rect" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const TourSpotlight: FC;

package/dist/index.d.ts

@@ -10,6 +10,7 @@
  * narrows the union automatically.
  */
 export { CalendarDate, CalendarDateTime, getLocalTimeZone, parseDate, parseDateTime, parseTime, parseZonedDateTime, Time, today, ZonedDateTime, } from '@internationalized/date';
+export { Accordion, AccordionActions, type AccordionActionsProps, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionValueChangeDetails, type AccordionVariant, } from './components/Accordion';
 export { Alert, AlertClose, type AlertCloseProps, type AlertColor, AlertContent, type AlertContentProps, AlertControls, type AlertControlsProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, AlertTitle, type AlertTitleProps, } from './components/Alert';
 export { AppShell, AppShellHeader, type AppShellHeaderProps, type AppShellProps, AppShellRail, type AppShellRailProps, AppShellRemote, type AppShellRemoteProps, } from './components/AppShell';
 export { Attribute, AttributeActions, AttributeActionsContent, type AttributeActionsContentProps, AttributeActionsItem, type AttributeActionsItemProps, type AttributeActionsProps, AttributeActionsTarget, type AttributeActionsTargetProps, AttributeLabel, AttributeLabelDescription, type AttributeLabelDescriptionProps, AttributeLabelInfo, type AttributeLabelInfoProps, type AttributeLabelProps, type AttributeProps, AttributeValue, type AttributeValueProps, } from './components/Attribute';

package/dist/index.js

@@ -1,4 +1,5 @@
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime, getLocalTimeZone, parseDate, parseDateTime, parseTime, parseZonedDateTime, today } from "@internationalized/date";
+import { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger } from "./components/Accordion/index.js";
 import { Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle } from "./components/Alert/index.js";
 import { AppShell, AppShellHeader, AppShellRail, AppShellRemote } from "./components/AppShell/index.js";
 import { Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue } from "./components/Attribute/index.js";
@@ -57,4 +58,4 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./components/Tooltip/in
 import { TopHeader, TopHeaderActions, TopHeaderLogo } from "./components/TopHeader/index.js";
 import { Tour, beaconStepEffect, useTour, waitForStepEvent } from "./components/Tour/index.js";
 import { TestIdProvider, useTestId } from "./utils/testId.js";
-export { Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, MONTH_NAMES, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NumberInput, NumericBadge, OverflowTooltip, OverflowTooltipContent, ParameterPath, Popover, PopoverContent, PopoverTrigger, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableEmptyState, TableSettingsMenu, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, VStack, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, useTestId, useTheme, useTour, waitForStepEvent };
+export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, MONTH_NAMES, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NumberInput, NumericBadge, OverflowTooltip, OverflowTooltipContent, ParameterPath, Popover, PopoverContent, PopoverTrigger, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableEmptyState, TableSettingsMenu, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, VStack, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, useTestId, useTheme, useTour, waitForStepEvent };