@midas-ds/components 16.4.0 → 16.4.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 16.4.2 (2026-01-19)
+
+### 🩹 Fixes
+
+- **components, accordion:** adjust padding of uncontained content container ([0134e1a054](https://github.com/migrationsverket/midas/commit/0134e1a054))
+
+## 16.4.1 (2026-01-16)
+
+### 🧪 Tests updated
+
+- **textfield:** rename file ([8287e354be](https://github.com/migrationsverket/midas/commit/8287e354be))
+- replace jest with vitest ([6d8ca7deb3](https://github.com/migrationsverket/midas/commit/6d8ca7deb3))
+- move new tests into component folder ([306aaaa4f5](https://github.com/migrationsverket/midas/commit/306aaaa4f5))
+- **Table:** skip a11y tests for slow virtualized table ([a6055b5c91](https://github.com/migrationsverket/midas/commit/a6055b5c91))
+- move tests and stories to component folders ([967763f723](https://github.com/migrationsverket/midas/commit/967763f723))
+
 ## 16.4.0 (2026-01-15)
 
 ### 🚀 Features

package/accordion/Accordion.stories.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { Accordion } from '.';
+type Story = StoryObj<typeof Accordion>;
+declare const _default: {
+    component: React.FC<import('./Accordion').MidasAccordion>;
+    subcomponents: {
+        AccordionItem: React.ComponentType<unknown>;
+    };
+    title: string;
+    tags: string[];
+    args: {
+        size: "large";
+    };
+};
+export default _default;
+export declare const Default: Story;
+export declare const Contained: Story;
+export declare const AllowsMultipleExpanded: Story;
+export declare const DefaultExpandedKeys: Story;
+export declare const CustomTriggerElements: Story;
+export declare const DynamicContent: Story;
+export declare const DS1060: Story;
+export declare const AccordionHasBackground: Story;

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../chunks/AccordionItem-D6vWtoJN.js";
+import { a as r, A as a } from "../chunks/AccordionItem-Cu5L1c1h.js";
 export {
   r as Accordion,
   a as AccordionItem

package/assets/AccordionItem.css

@@ -1 +1 @@
-._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}._item_hnuhb_1{--item-padding: 0;--content-padding: var(--midas-spacing-20) var(--midas-spacing-50) var(--midas-spacing-50) 1.85rem;--border: none;--accordion-background: transparent;--accordion-background-hover: transparent;--text-color: var(--midas-text-primary);--icon-color: var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_hnuhb_18{--gap: var(--midas-spacing-20);--item-padding: calc(var(--midas-spacing-40) - 2px) var(--midas-spacing-40);--content-padding: var(--midas-spacing-40) var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-50);--border-color: var(--midas-border-color-secondary);--border: 1px solid;--accordion-background: var(--midas-layer-01-base);--accordion-background-hover: var(--midas-layer-01-hover)}._contained_hnuhb_18._medium_hnuhb_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_hnuhb_33{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_hnuhb_39{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_hnuhb_45{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_hnuhb_51{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_hnuhb_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_hnuhb_1[data-disabled] ._triggerButton_hnuhb_62{background:transparent}._item_hnuhb_1[data-disabled] ._triggerText_hnuhb_66{color:var(--midas-text-disabled)}._trigger_hnuhb_62{border:0;cursor:pointer;margin:0}._triggerMainContent_hnuhb_77{flex:1 0 0;text-align:left}._triggerText_hnuhb_66{margin:0;padding:0}:not(#_\	_hnuhb_1) ._triggerButton_hnuhb_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_hnuhb_94{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_hnuhb_100{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media(forced-colors:active){._statusIcon_hnuhb_100{color:currentColor}}._triggerButton_hnuhb_62[aria-expanded=true] ._chevronIcon_hnuhb_94{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_hnuhb_62[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_hnuhb_62[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_hnuhb_122{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_hnuhb_130{height:auto;padding:var(--content-padding)}._hasBackground_hnuhb_135{background-color:var(--midas-background-base)}._header_hnuhb_139{margin:0}@media(prefers-reduced-motion){._chevronIcon_hnuhb_94,._triggerButton_hnuhb_62[aria-expanded=true] ._chevronIcon_hnuhb_94,._panel_hnuhb_122{transition:none}}
+._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}._item_hpbxd_1{--item-padding: 0;--content-padding: var(--midas-spacing-30) var(--midas-spacing-50) var(--midas-spacing-50) 1.85rem;--border: none;--accordion-background: transparent;--accordion-background-hover: transparent;--text-color: var(--midas-text-primary);--icon-color: var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_hpbxd_18{--gap: var(--midas-spacing-20);--item-padding: calc(var(--midas-spacing-40) - 2px) var(--midas-spacing-40);--content-padding: var(--midas-spacing-40) var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-50);--border-color: var(--midas-border-color-secondary);--border: 1px solid;--accordion-background: var(--midas-layer-01-base);--accordion-background-hover: var(--midas-layer-01-hover)}._contained_hpbxd_18._medium_hpbxd_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_hpbxd_33{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_hpbxd_39{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_hpbxd_45{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_hpbxd_51{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_hpbxd_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_hpbxd_1[data-disabled] ._triggerButton_hpbxd_62{background:transparent}._item_hpbxd_1[data-disabled] ._triggerText_hpbxd_66{color:var(--midas-text-disabled)}._trigger_hpbxd_62{border:0;cursor:pointer;margin:0}._triggerMainContent_hpbxd_77{flex:1 0 0;text-align:left}._triggerText_hpbxd_66{margin:0;padding:0}:not(#_\	_hpbxd_1) ._triggerButton_hpbxd_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_hpbxd_94{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_hpbxd_100{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media(forced-colors:active){._statusIcon_hpbxd_100{color:currentColor}}._triggerButton_hpbxd_62[aria-expanded=true] ._chevronIcon_hpbxd_94{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_hpbxd_62[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_hpbxd_62[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_hpbxd_122{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_hpbxd_130{height:auto;padding:var(--content-padding)}._hasBackground_hpbxd_135{background-color:var(--midas-background-base)}._header_hpbxd_139{margin:0}@media(prefers-reduced-motion){._chevronIcon_hpbxd_94,._triggerButton_hpbxd_62[aria-expanded=true] ._chevronIcon_hpbxd_94,._panel_hpbxd_122{transition:none}}

package/badge/Badge.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Badge } from './Badge';
+type Story = StoryObj<typeof Badge>;
+declare const _default: {
+    component: import('react').FC<import('react').HTMLAttributes<HTMLSpanElement>>;
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {};
+    render: (args: import('react').HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const NoLabel: Story;
+export declare const WithLabel: Story;
+export declare const LongLabel: Story;

package/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Breadcrumbs } from './Breadcrumbs';
+type Story = StoryObj<typeof Breadcrumbs>;
+declare const _default: {
+    component: <T extends import('./Breadcrumbs').BreadcrumbItem>({ items, className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    args: {
+        items: {
+            title: string;
+            href: string;
+        }[];
+    };
+};
+export default _default;
+export declare const Primary: Story;

package/button/Button.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const TertiaryWithIcon: Story;
+export declare const PrimaryDisabled: Story;
+export declare const SecondaryDisabled: Story;
+export declare const PrimaryFullwidth: {
+    args: {
+        children: string;
+        fullwidth: boolean;
+    };
+};
+export declare const Icon: {
+    args: {
+        children: undefined;
+        icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+        variant: string;
+        'aria-label': string;
+    };
+};
+export declare const Danger: Story;

package/button/ButtonGroup.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ButtonGroup } from './ButtonGroup';
+type Story = StoryObj<typeof ButtonGroup>;
+declare const _default: {
+    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement>>;
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {};
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: Story;

package/calendar/Calendar.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Calendar } from './Calendar';
+type Story = StoryObj<typeof Calendar>;
+declare const _default: {
+    component: import('react').FC<import('./Calendar').CalendarProps>;
+    render: (args: import('./Calendar').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Invalid: Story;
+export declare const UnavailableWeekends: Story;

package/calendar/RangeCalendar.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { RangeCalendar } from './RangeCalendar';
+type Story = StoryObj<typeof RangeCalendar>;
+declare const _default: {
+    component: import('react').FC<import('./RangeCalendar').RangeCalendarProps>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Primary: Story;
+export declare const SelectedDates: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;

package/card/Card.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Card } from './Card';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Example: Story;
+export declare const Horizontal: Story;
+export declare const WithActions: Story;
+export declare const WithPrimaryAction: Story;
+export declare const WithLink: Story;
+export declare const WithImage: Story;
+export declare const WithContainedImage: Story;

package/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Checkbox } from './Checkbox';
+type Story = StoryObj<typeof Checkbox>;
+declare const _default: {
+    component: import('react').ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
+        className?: string;
+    } & import('react').RefAttributes<HTMLLabelElement>>;
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isDisabled: false;
+        isIndeterminate: false;
+        isInvalid: false;
+        isReadOnly: false;
+        isRequired: false;
+        value: string;
+        children: string;
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Invalid: Story;
+export declare const Indeterminate: Story;
+export declare const Selected: Story;
+export declare const Required: Story;

package/checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,29 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CheckboxGroup } from './CheckboxGroup';
+type Story = StoryObj<typeof CheckboxGroup>;
+declare const _default: {
+    title: string;
+    component: typeof CheckboxGroup;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isInvalid: false;
+        isDisabled: false;
+        isRequired: false;
+        isReadOnly: false;
+        label: string;
+        description: string;
+        errorMessage: string;
+        errorPosition: "top";
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+    tags: string[];
+};
+export default _default;
+export declare const Primary: Story;
+export declare const ShowSelectAll: Story;
+export declare const SelectAllInteraction: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Invalid: Story;

package/chunks/{AccordionItem-D6vWtoJN.js → AccordionItem-Cu5L1c1h.js}

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { c as _ } from "./clsx-AexbMWKp.js";
-import { DisclosureGroup as v, Disclosure as x, DisclosurePanel as C } from "react-aria-components";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { c as d } from "./clsx-AexbMWKp.js";
+import { DisclosureGroup as f, Disclosure as v, DisclosurePanel as C } from "react-aria-components";
 import { createContext as I, useContext as N, useEffect as B } from "react";
 import { B as k } from "./Button-BYrLbzir.js";
 import { H as w } from "./Heading-D8tNNJkt.js";
@@ -9,16 +9,16 @@ import { C as T } from "./chevron-down-DgT-uSF9.js";
 import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
   root: D,
   contained: M
-}, m = I(void 0), en = ({
+}, g = I(void 0), et = ({
   children: o,
   className: c,
   isContained: s,
   size: r = "large",
   ...e
-}) => /* @__PURE__ */ t(m.Provider, { value: { isContained: s, size: r }, children: /* @__PURE__ */ t(
-  v,
+}) => /* @__PURE__ */ n(g.Provider, { value: { isContained: s, size: r }, children: /* @__PURE__ */ n(
+  f,
   {
-    className: _(
+    className: d(
       a.root,
       s ? a.contained : a.uncontained,
       c
@@ -26,7 +26,7 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
     ...e,
     children: o
   }
-) }), j = "_item_hnuhb_1", z = "_contained_hnuhb_18", F = "_medium_hnuhb_28", H = "_success_hnuhb_33", P = "_warning_hnuhb_39", S = "_info_hnuhb_45", y = "_important_hnuhb_51", E = "_triggerButton_hnuhb_62", G = "_triggerText_hnuhb_66", R = "_trigger_hnuhb_62", W = "_triggerMainContent_hnuhb_77", $ = "_chevronIcon_hnuhb_94", q = "_statusIcon_hnuhb_100", J = "_panel_hnuhb_122", K = "_content_hnuhb_130", L = "_hasBackground_hnuhb_135", O = "_header_hnuhb_139", n = {
+) }), j = "_item_hpbxd_1", z = "_contained_hpbxd_18", F = "_medium_hpbxd_28", H = "_success_hpbxd_33", P = "_warning_hpbxd_39", S = "_info_hpbxd_45", y = "_important_hpbxd_51", E = "_triggerButton_hpbxd_62", G = "_triggerText_hpbxd_66", R = "_trigger_hpbxd_62", W = "_triggerMainContent_hpbxd_77", $ = "_chevronIcon_hpbxd_94", q = "_statusIcon_hpbxd_100", J = "_panel_hpbxd_122", K = "_content_hpbxd_130", L = "_hasBackground_hpbxd_135", O = "_header_hpbxd_139", t = {
   item: j,
   contained: z,
   medium: F,
@@ -38,82 +38,82 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
   triggerText: G,
   trigger: R,
   triggerMainContent: W,
-  "	": "_	_hnuhb_1",
+  "	": "_	_hpbxd_1",
   chevronIcon: $,
   statusIcon: q,
   panel: J,
   content: K,
   hasBackground: L,
   header: O
-}, on = ({
+}, ot = ({
   title: o,
   children: c,
   className: s,
   headingLevel: r = "h2",
   type: e,
-  hasBackground: d = !0,
-  size: g = "large",
-  isContained: l,
-  iconAriaLabel: b,
-  ...f
+  hasBackground: l = !0,
+  size: h = "large",
+  isContained: u,
+  iconAriaLabel: p,
+  ...x
 }) => {
-  const h = N(m), i = l ?? h?.isContained ?? !1, p = typeof o == "object";
+  const _ = N(g), i = u ?? _?.isContained ?? !1, b = typeof o == "object";
   return B(() => {
     e && !i && console.warn(
       "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
     );
-  }, [e, i]), /* @__PURE__ */ u(
-    x,
+  }, [e, i]), /* @__PURE__ */ m(
+    v,
     {
-      ...f,
-      className: _(
-        n.item,
-        e && n[e],
-        (g === "medium" || h?.size === "medium") && n.medium,
-        i && n.contained,
+      ...x,
+      className: d(
+        t.item,
+        e && t[e],
+        (h === "medium" || _?.size === "medium") && t.medium,
+        i && t.contained,
         s
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: n.trigger, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ n("div", { className: t.trigger, children: /* @__PURE__ */ m(
           k,
           {
-            className: n.triggerButton,
+            className: t.triggerButton,
             slot: "trigger",
             variant: "icon",
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 T,
                 {
                   size: 20,
-                  className: n.chevronIcon
+                  className: t.chevronIcon
                 }
               ),
-              /* @__PURE__ */ t("div", { className: n.triggerMainContent, children: p ? o : /* @__PURE__ */ t(
+              /* @__PURE__ */ n("div", { className: t.triggerMainContent, children: b ? o : /* @__PURE__ */ n(
                 w,
                 {
                   level: 3,
                   elementType: r,
-                  className: n.triggerText,
+                  className: t.triggerText,
                   children: o
                 }
               ) }),
-              e && /* @__PURE__ */ t(
+              e && /* @__PURE__ */ n(
                 A,
                 {
-                  "aria-label": b,
-                  className: n.statusIcon,
+                  "aria-label": p,
+                  className: t.statusIcon,
                   status: e
                 }
               )
             ]
           }
         ) }),
-        /* @__PURE__ */ t(C, { className: n.panel, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ n(C, { className: t.panel, children: /* @__PURE__ */ n(
           "div",
           {
-            className: _(
-              n.content,
-              d && n.hasBackground
+            className: d(
+              t.content,
+              l && t.hasBackground
             ),
             children: c
           }
@@ -123,6 +123,6 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
   );
 };
 export {
-  on as A,
-  en as a
+  ot as A,
+  et as a
 };

package/color-scheme-switch/ColorSchemeSwitch.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ColorSchemeSwitch } from './ColorSchemeSwitch';
+declare const meta: Meta<typeof ColorSchemeSwitch>;
+export default meta;
+type Story = StoryObj<typeof ColorSchemeSwitch>;
+export declare const Primary: Story;

package/combobox/ComboBox.stories.d.ts

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/react-vite';
+import { optionsWithSections } from '../utils/tests';
+import { ComboBox } from './ComboBox';
+type Item = (typeof options)[0];
+type Section = (typeof optionsWithSections)[0];
+type Story<T extends object = Item> = StoryObj<typeof ComboBox<T>>;
+declare const options: {
+    id: number;
+    name: string;
+}[];
+declare const _default: {
+    component: typeof ComboBox;
+    title: string;
+    tags: string[];
+    args: {
+        label: string;
+        placeholder: string;
+        description: string;
+        errorMessage: string;
+        errorPosition: "top";
+        size: "large";
+    };
+    argTypes: {
+        placeholder: {
+            control: "text";
+        };
+    };
+    render: (args: import('./ComboBox').ComboBoxProps<{
+        id: number;
+        name: string;
+    }>) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Invalid: Story;
+export declare const DS1253: Story;
+export declare const MediumSizeInvalid: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Required: Story;
+export declare const Sectioned: Story<Section>;
+export declare const PerformanceTest: Story;
+export declare const AsynchronousLoadingWithEmptyMessage: Story;
+export declare const InfiniteScroll: Story;

package/date-field/DateField.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DateField } from './DateField';
+type Story = StoryObj<typeof DateField>;
+declare const _default: Meta<typeof DateField>;
+export default _default;
+/** Don't put format in description, it changes with browser language settings! */
+export declare const Primary: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+/** When using uncontrolled value */
+export declare const WithDefaultValue: Story;
+export declare const WithClearButton: Story;

package/date-picker/DatePicker.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Primary: Story;
+export declare const WithTime: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Invalid: Story;
+export declare const Required: Story;
+export declare const CustomValiation: Story;
+export declare const ControlledState: Story;
+export declare const WithClearButton: Story;

package/date-picker/DateRangePicker.stories.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+import { DateRangePicker } from './DateRangePicker';
+type Story = StoryObj<typeof DateRangePicker>;
+declare const _default: {
+    component: import('react').FC<import('./DateRangePicker').DateRangePickerProps>;
+    title: string;
+    tags: string[];
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    selector: string;
+                    enabled: boolean;
+                }[];
+            };
+            options: {
+                rules: {
+                    'color-contrast': {
+                        enabled: boolean;
+                    };
+                };
+            };
+        };
+    };
+    args: {
+        label: string;
+        description: string;
+        errorMessage: string;
+        errorPosition: "top";
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Invalid: Story;
+export declare const WithClearButton: Story;

package/file-upload/DropZone.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DropZone } from './FileUpload';
+declare const meta: Meta<typeof DropZone>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/file-upload/FileUpload.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+import { DropZone } from './FileUpload';
+type Story = StoryObj<typeof DropZone>;
+declare const _default: {
+    component: import('react').FC<import('react-aria-components').DropZoneProps>;
+    title: string;
+    tags: string[];
+    args: {};
+};
+export default _default;
+export declare const DropIt: Story;

package/grid/Grid.stories.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    component: import('react').FC<import('./Grid').GridProps>;
+    subcomponents: {
+        GridItem: import('react').FC<import('./GridItem').GridItemProps>;
+    };
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        isContained: {
+            control: {
+                type: "boolean";
+            };
+        };
+        removeMargins: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+};
+export default _default;
+export declare const Primary: {
+    args: {};
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/heading/Heading.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Heading } from './Heading';
+type Story = StoryObj<typeof Heading>;
+declare const _default: {
+    component: import('react').FC<import('./Heading').HeadingProps>;
+    title: string;
+    tags: string[];
+    args: {
+        isExpressive: false;
+        enableMargins: false;
+    };
+    argTypes: {
+        level: {
+            control: {
+                max: number;
+                min: number;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Heading1: Story;
+export declare const ExpressiveHeading1: Story;
+export declare const Heading2: Story;
+export declare const ExpressiveHeading2: Story;
+export declare const Heading3: Story;
+export declare const ExpressiveHeading3: Story;
+export declare const ExpressiveHeading4: Story;
+export declare const ExpressiveHeading5: Story;
+export declare const ChangeSemanticElement: Story;

package/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as e } from "./chunks/AccordionItem-D6vWtoJN.js";
+import { a as r, A as e } from "./chunks/AccordionItem-Cu5L1c1h.js";
 import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
 import { B as f } from "./chunks/Button-BYrLbzir.js";

package/info-banner/InfoBanner.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as React } from 'react';
+import { InfoBanner } from './InfoBanner';
+type Story = StoryObj<typeof InfoBanner>;
+declare const _default: {
+    component: React.FC<import('./InfoBanner').InfoBannerProps>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Important: Story;
+export declare const Dismissable: Story;
+export declare const Controlled: Story;