@midas-ds/components 17.23.9 → 17.25.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 17.25.0 (2026-09-17)
+
+### 🚀 Features
+
+- **components,checkbox:** export CheckboxButton & CheckboxField ([#1361](https://github.com/migrationsverket/midas/pull/1361))
+
+## 17.24.0 (2026-09-17)
+
+### 🚀 Features
+
+- **components,radio:** export RadioButton & RadioField ([#1359](https://github.com/migrationsverket/midas/pull/1359))
+
 ## 17.23.9 (2026-09-17)
 
 ### 🩹 Fixes

package/assets/checkbox.css

@@ -1 +1 @@
-._checkboxInner_klbao_1{--border-color:var(--midas-border-color-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);box-sizing:border-box;border:1px solid var(--border-color);transition:background-color 50ms,border-color 50ms;display:flex}._checkboxInner_klbao_1[data-readonly]{--border-color:var(--midas-border-color-subtle)}._checkboxInner_klbao_1 svg path{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in-out)}._checkbox_klbao_1[data-selected] svg path,._checkbox_klbao_1[data-indeterminate] svg path{stroke-dashoffset:0}._checkbox_klbao_1{--checkbox-base-color:var(--midas-button-background-primary-base);--checkbox-hover-color:var(--midas-button-background-primary-hover);--checkbox-active-color:var(--midas-button-background-primary-active);--checkbox-disabled-border:var(--midas-border-color-disabled);--checkbox-disabled-background:var(--midas-field-disabled,var(--midas-field-01-disabled));--checkbox-readonly-border:var(--midas-border-color-subtle);--checkbox-warning-border:var(--midas-support-border-warning);font-family:var(--midas-typography-font-family);font-weight:var(--midas-typography-weight-regular);gap:var(--midas-space-small);cursor:pointer;width:max-content;color:var(--midas-text-primary);line-height:var(--midas-typography-line-height-30);align-items:center;display:flex}._checkbox_klbao_1[data-focus-visible],._checkbox_klbao_1:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._checkbox_klbao_1[data-focus-visible],._checkbox_klbao_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._checkbox_klbao_1[data-hovered] ._checkboxInner_klbao_1{border-color:var(--checkbox-hover-color)}._checkbox_klbao_1[data-pressed] ._checkboxInner_klbao_1{border-color:var(--checkbox-active-color)}._checkbox_klbao_1[data-selected] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-indeterminate] ._checkboxInner_klbao_1{background:var(--checkbox-base-color);border-color:var(--checkbox-base-color)}._checkbox_klbao_1[data-selected][data-hovered] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-indeterminate][data-hovered] ._checkboxInner_klbao_1{background:var(--checkbox-hover-color);border-color:var(--checkbox-hover-color)}._checkbox_klbao_1[data-selected][data-pressed] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-indeterminate][data-pressed] ._checkboxInner_klbao_1{background:var(--checkbox-active-color);border-color:var(--checkbox-active-color)}._checkbox_klbao_1[data-invalid] ._checkboxInner_klbao_1{outline:2px solid var(--checkbox-warning-border);outline-offset:-2px}._checkbox_klbao_1[data-invalid][data-hovered] ._checkboxInner_klbao_1{opacity:.5;transition:opacity 50ms}._checkbox_klbao_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._checkbox_klbao_1[data-disabled] ._checkboxInner_klbao_1{pointer-events:none;border:1px solid var(--checkbox-disabled-border)}._checkbox_klbao_1[data-disabled][data-selected] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-disabled][data-indeterminate] ._checkboxInner_klbao_1{background:var(--checkbox-disabled-background)}._checkbox_klbao_1[data-readonly],._checkbox_klbao_1[data-readonly][data-indeterminate],._checkbox_klbao_1[data-readonly][data-selected]{pointer-events:none;border-color:var(--checkbox-readonly-border);background-color:#0000}:is(._checkbox_klbao_1[data-readonly],._checkbox_klbao_1[data-readonly][data-indeterminate],._checkbox_klbao_1[data-readonly][data-selected]) ._checkboxInner_klbao_1{border-color:var(--checkbox-readonly-border);background:0 0}:is(._checkbox_klbao_1[data-readonly],._checkbox_klbao_1[data-readonly][data-indeterminate],._checkbox_klbao_1[data-readonly][data-selected]) svg{stroke:currentColor}._checkboxWrapper_klbao_144{align-items:flex-start;gap:var(--midas-space-05);flex-direction:column;width:100%;display:flex}._checkboxGroup_klbao_155{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);flex-direction:column;min-width:150px;display:flex}._checkboxGroup_klbao_155[data-disabled]{color:var(--midas-text-disabled)}._checkboxGroup_klbao_155 ._checkboxList_klbao_166{gap:var(--midas-space-small);flex-direction:column;display:flex}@media (width<=479px){._checkboxGroup_klbao_155 ._checkbox_klbao_1{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._checkboxGroup_klbao_155 ._checkbox_klbao_1[data-hovered]{background-color:var(--midas-layer-01-hover)}._checkboxGroup_klbao_155 ._checkbox_klbao_1[data-invalid]{border:2px solid var(--checkbox-warning-border)}._checkboxGroup_klbao_155 ._checkbox_klbao_1[data-disabled]{border-color:var(--checkbox-disabled-border);pointer-events:none}._checkboxGroup_klbao_155 ._checkbox_klbao_1[data-readonly]{border-color:var(--checkbox-readonly-border)}}@media (forced-colors:active){._checkbox_klbao_1[data-hovered] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-selected] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-indeterminate] ._checkboxInner_klbao_1{border-color:selecteditem}._checkbox_klbao_1[data-selected] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-indeterminate] ._checkboxInner_klbao_1{background:selecteditem}._checkbox_klbao_1[data-disabled]{color:graytext}._checkbox_klbao_1[data-disabled] ._checkboxInner_klbao_1{border-color:graytext}._checkbox_klbao_1[data-disabled][data-selected] ._checkboxInner_klbao_1,._checkbox_klbao_1[data-disabled][data-indeterminate] ._checkboxInner_klbao_1{background:graytext}}@media (prefers-reduced-motion){._checkboxInner_klbao_1 svg path{transition:none}}
+._indicator_3jfn4_1{--border-color:var(--midas-border-color-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);box-sizing:border-box;border:1px solid var(--border-color);transition:background-color 50ms,border-color 50ms;display:flex}._indicator_3jfn4_1[data-readonly]{--border-color:var(--midas-border-color-subtle)}._indicator_3jfn4_1 svg path{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in-out)}._checkboxButton_3jfn4_27[data-selected] svg path,._checkboxButton_3jfn4_27[data-indeterminate] svg path{stroke-dashoffset:0}._checkboxButton_3jfn4_27{--checkbox-base-color:var(--midas-button-background-primary-base);--checkbox-hover-color:var(--midas-button-background-primary-hover);--checkbox-active-color:var(--midas-button-background-primary-active);--checkbox-disabled-border:var(--midas-border-color-disabled);--checkbox-disabled-background:var(--midas-field-disabled,var(--midas-field-01-disabled));--checkbox-readonly-border:var(--midas-border-color-subtle);--checkbox-warning-border:var(--midas-support-border-warning);font-family:var(--midas-typography-font-family);font-weight:var(--midas-typography-weight-regular);gap:var(--midas-space-small);cursor:pointer;width:max-content;color:var(--midas-text-primary);line-height:var(--midas-typography-line-height-30);align-items:center;display:flex}._checkboxButton_3jfn4_27[data-focus-visible],._checkboxButton_3jfn4_27:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._checkboxButton_3jfn4_27[data-focus-visible],._checkboxButton_3jfn4_27:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._checkboxButton_3jfn4_27[data-hovered] ._indicator_3jfn4_1{border-color:var(--checkbox-hover-color)}._checkboxButton_3jfn4_27[data-pressed] ._indicator_3jfn4_1{border-color:var(--checkbox-active-color)}._checkboxButton_3jfn4_27[data-selected] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-indeterminate] ._indicator_3jfn4_1{background:var(--checkbox-base-color);border-color:var(--checkbox-base-color)}._checkboxButton_3jfn4_27[data-selected][data-hovered] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-indeterminate][data-hovered] ._indicator_3jfn4_1{background:var(--checkbox-hover-color);border-color:var(--checkbox-hover-color)}._checkboxButton_3jfn4_27[data-selected][data-pressed] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-indeterminate][data-pressed] ._indicator_3jfn4_1{background:var(--checkbox-active-color);border-color:var(--checkbox-active-color)}._checkboxButton_3jfn4_27[data-invalid] ._indicator_3jfn4_1{outline:2px solid var(--checkbox-warning-border);outline-offset:-2px}._checkboxButton_3jfn4_27[data-invalid][data-hovered] ._indicator_3jfn4_1{opacity:.5;transition:opacity 50ms}._checkboxButton_3jfn4_27[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._checkboxButton_3jfn4_27[data-disabled] ._indicator_3jfn4_1{pointer-events:none;border:1px solid var(--checkbox-disabled-border)}._checkboxButton_3jfn4_27[data-disabled][data-selected] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-disabled][data-indeterminate] ._indicator_3jfn4_1{background:var(--checkbox-disabled-background)}._checkboxButton_3jfn4_27[data-readonly],._checkboxButton_3jfn4_27[data-readonly][data-indeterminate],._checkboxButton_3jfn4_27[data-readonly][data-selected]{pointer-events:none;border-color:var(--checkbox-readonly-border);background-color:#0000}:is(._checkboxButton_3jfn4_27[data-readonly],._checkboxButton_3jfn4_27[data-readonly][data-indeterminate],._checkboxButton_3jfn4_27[data-readonly][data-selected]) ._indicator_3jfn4_1{border-color:var(--checkbox-readonly-border);background:0 0}:is(._checkboxButton_3jfn4_27[data-readonly],._checkboxButton_3jfn4_27[data-readonly][data-indeterminate],._checkboxButton_3jfn4_27[data-readonly][data-selected]) svg{stroke:currentColor}._checkboxField_3jfn4_144{align-items:flex-start;gap:var(--midas-space-05);flex-direction:column;width:100%;display:flex}._checkboxGroup_3jfn4_155{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);flex-direction:column;min-width:150px;display:flex}._checkboxGroup_3jfn4_155[data-disabled]{color:var(--midas-text-disabled)}._checkboxGroup_3jfn4_155 ._checkboxList_3jfn4_166{gap:var(--midas-space-small);flex-direction:column;display:flex}@media (width<=479px){._checkboxGroup_3jfn4_155 ._checkboxButton_3jfn4_27{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._checkboxGroup_3jfn4_155 ._checkboxButton_3jfn4_27[data-hovered]{background-color:var(--midas-layer-01-hover)}._checkboxGroup_3jfn4_155 ._checkboxButton_3jfn4_27[data-invalid]{border:2px solid var(--checkbox-warning-border)}._checkboxGroup_3jfn4_155 ._checkboxButton_3jfn4_27[data-disabled]{border-color:var(--checkbox-disabled-border);pointer-events:none}._checkboxGroup_3jfn4_155 ._checkboxButton_3jfn4_27[data-readonly]{border-color:var(--checkbox-readonly-border)}}@media (forced-colors:active){._checkboxButton_3jfn4_27[data-hovered] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-selected] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-indeterminate] ._indicator_3jfn4_1{border-color:selecteditem}._checkboxButton_3jfn4_27[data-selected] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-indeterminate] ._indicator_3jfn4_1{background:selecteditem}._checkboxButton_3jfn4_27[data-disabled]{color:graytext}._checkboxButton_3jfn4_27[data-disabled] ._indicator_3jfn4_1{border-color:graytext}._checkboxButton_3jfn4_27[data-disabled][data-selected] ._indicator_3jfn4_1,._checkboxButton_3jfn4_27[data-disabled][data-indeterminate] ._indicator_3jfn4_1{background:graytext}}@media (prefers-reduced-motion){._indicator_3jfn4_1 svg path{transition:none}}

package/assets/radio.css

@@ -1 +1 @@
-._radioGroup_1oic0_1{font-family:var(--midas-typography-font-family);flex-direction:column;display:flex}._radioGroup_1oic0_1[data-disabled]{cursor:not-allowed;opacity:1;color:var(--midas-text-disabled)}._radioGroup_1oic0_1 ._wrap_1oic0_12{gap:var(--midas-space-small);flex-direction:column;align-items:start;display:flex}._radioGroup_1oic0_1[aria-orientation=horizontal] ._wrap_1oic0_12{gap:var(--midas-space-medium);flex-direction:row}._radio_1oic0_1{font-size:var(--midas-typography-font-size-30);align-items:center;gap:var(--midas-space-small);color:var(--midas-text-primary);cursor:pointer;display:flex}._radio_1oic0_1:before{content:"";box-sizing:border-box;border:.0625rem solid var(--midas-border-color-primary);width:1rem;height:1rem;transition:border-color var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), border-width var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), background var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), padding var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out);border-radius:1.286rem;display:block}@media (forced-colors:active){._radio_1oic0_1:before{transition:none}}._radio_1oic0_1[data-readonly]{cursor:default;border-color:var(--midas-border-color-subtle)}._radio_1oic0_1[data-readonly]:before{border-color:var(--midas-border-color-subtle)}._radio_1oic0_1[data-focus-visible],._radio_1oic0_1:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._radio_1oic0_1[data-focus-visible],._radio_1oic0_1:focus-visible{outline-offset:2px;outline:3px solid highlight}}._radio_1oic0_1[data-hovered]:before{border-color:var(--midas-border-color-secondary)}._radio_1oic0_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}@media (forced-colors:active){._radio_1oic0_1[data-disabled]{color:graytext}}._radio_1oic0_1[data-disabled]:before{border-color:var(--midas-border-color-disabled)}@media (forced-colors:active){._radio_1oic0_1[data-disabled]:before{border-color:graytext}}._radio_1oic0_1[data-pressed]:before{border-color:var(--midas-border-color-subtle)}._radio_1oic0_1[data-selected]:before{background:var(--midas-icon-secondary) 50% 50% no-repeat content-box;border-width:.1rem;padding:.188rem}@media (forced-colors:active){._radio_1oic0_1[data-selected]:before{background:highlight 50% no-repeat content-box content-box}}._radio_1oic0_1[data-selected][data-pressed]:before{border-color:var(--midas-border-color-subtle);background:var(--midas-icon-secondary) 50% 50% no-repeat content-box}._radio_1oic0_1[data-invalid]:before{border:.125rem solid var(--midas-support-border-warning)}@media (width<=479px){._radio_1oic0_1{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._radio_1oic0_1._radio_1oic0_1{box-sizing:border-box;width:100%}._radio_1oic0_1[data-hovered]{background-color:var(--midas-field-02-hover)}._radio_1oic0_1[data-invalid]{border:2px solid var(--midas-support-border-warning)}._radio_1oic0_1[data-disabled]{pointer-events:none;border-color:var(--midas-border-color-disabled)}}@media (prefers-reduced-motion){._radio_1oic0_1:before{transition:none}}
+._radioGroup_1l7aa_1{font-family:var(--midas-typography-font-family);flex-direction:column;display:flex}._radioGroup_1l7aa_1[data-disabled]{cursor:not-allowed;opacity:1;color:var(--midas-text-disabled)}._radioGroup_1l7aa_1 ._wrap_1l7aa_12{gap:var(--midas-space-small);flex-direction:column;align-items:start;display:flex}._radioGroup_1l7aa_1[aria-orientation=horizontal] ._wrap_1l7aa_12{gap:var(--midas-space-medium);flex-direction:row}._radioButton_1l7aa_25{font-size:var(--midas-typography-font-size-30);align-items:center;gap:var(--midas-space-small);color:var(--midas-text-primary);cursor:pointer;display:flex}._radioButton_1l7aa_25:before{content:"";box-sizing:border-box;border:.0625rem solid var(--midas-border-color-primary);width:1rem;height:1rem;transition:border-color var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), border-width var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), background var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out), padding var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out);border-radius:1.286rem;display:block}@media (forced-colors:active){._radioButton_1l7aa_25:before{transition:none}}._radioButton_1l7aa_25[data-readonly]{cursor:default;border-color:var(--midas-border-color-subtle)}._radioButton_1l7aa_25[data-readonly]:before{border-color:var(--midas-border-color-subtle)}._radioButton_1l7aa_25[data-focus-visible],._radioButton_1l7aa_25:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._radioButton_1l7aa_25[data-focus-visible],._radioButton_1l7aa_25:focus-visible{outline-offset:2px;outline:3px solid highlight}}._radioButton_1l7aa_25[data-hovered]:before{border-color:var(--midas-border-color-secondary)}._radioButton_1l7aa_25[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}@media (forced-colors:active){._radioButton_1l7aa_25[data-disabled]{color:graytext}}._radioButton_1l7aa_25[data-disabled]:before{border-color:var(--midas-border-color-disabled)}@media (forced-colors:active){._radioButton_1l7aa_25[data-disabled]:before{border-color:graytext}}._radioButton_1l7aa_25[data-pressed]:before{border-color:var(--midas-border-color-subtle)}._radioButton_1l7aa_25[data-selected]:before{background:var(--midas-icon-secondary) 50% 50% no-repeat content-box;border-width:.1rem;padding:.188rem}@media (forced-colors:active){._radioButton_1l7aa_25[data-selected]:before{background:highlight 50% no-repeat content-box content-box}}._radioButton_1l7aa_25[data-selected][data-pressed]:before{border-color:var(--midas-border-color-subtle);background:var(--midas-icon-secondary) 50% 50% no-repeat content-box}._radioButton_1l7aa_25[data-invalid]:before{border:.125rem solid var(--midas-support-border-warning)}@media (width<=479px){._radioButton_1l7aa_25{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._radioButton_1l7aa_25._radioButton_1l7aa_25{box-sizing:border-box;width:100%}._radioButton_1l7aa_25[data-hovered]{background-color:var(--midas-field-02-hover)}._radioButton_1l7aa_25[data-invalid]{border:2px solid var(--midas-support-border-warning)}._radioButton_1l7aa_25[data-disabled]{pointer-events:none;border-color:var(--midas-border-color-disabled)}}@media (prefers-reduced-motion){._radioButton_1l7aa_25:before{transition:none}}

package/checkbox/Checkbox.d.ts

@@ -1,6 +1,7 @@
-export declare const Checkbox: import('react').ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
-    className?: string;
+import { CheckboxFieldProps as AriaCheckboxFieldProps, ValidationResult } from 'react-aria-components';
+export interface CheckboxProps extends AriaCheckboxFieldProps {
     description?: string;
-    errorMessage?: string | ((validation: import('react-aria-components').ValidationResult) => string);
-    errorPosition?: "top" | "bottom";
-} & import('react').RefAttributes<HTMLLabelElement>>;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    errorPosition?: 'top' | 'bottom';
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/Checkbox.stories.d.ts

@@ -2,12 +2,7 @@ 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;
-        description?: string;
-        errorMessage?: string | ((validation: import('react-aria-components').ValidationResult) => string);
-        errorPosition?: "top" | "bottom";
-    } & import('react').RefAttributes<HTMLLabelElement>>;
+    component: import('react').ForwardRefExoticComponent<import('./Checkbox').CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     title: string;
     tags: string[];
     parameters: {

package/checkbox/CheckboxButton.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxButtonProps as AriaCheckboxButtonProps } from 'react-aria-components';
+export type CheckboxButtonProps = AriaCheckboxButtonProps;
+export declare const CheckboxButton: import('react').ForwardRefExoticComponent<AriaCheckboxButtonProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxField.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxFieldProps as AriaCheckboxFieldProps } from 'react-aria-components';
+export type CheckboxFieldProps = AriaCheckboxFieldProps;
+export declare const CheckboxField: ({ className, ...rest }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;

package/checkbox/CheckboxGroup.d.ts

@@ -1,11 +1,12 @@
-import { AriaCheckboxGroupProps } from 'react-aria';
+import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult } from 'react-aria-components';
 import { InfoPopoverProps } from '../label';
-import * as React from 'react';
 export interface CheckboxGroupProps extends AriaCheckboxGroupProps {
-    children: React.ReactNode;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
     showSelectAll?: boolean;
     selectAllLabel?: string;
     errorPosition?: 'top' | 'bottom';
     popover?: InfoPopoverProps;
 }
-export declare function CheckboxGroup(props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroup: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/checkbox/CheckboxGroup.stories.d.ts

@@ -3,7 +3,7 @@ import { CheckboxGroup } from './CheckboxGroup';
 type Story = StoryObj<typeof CheckboxGroup>;
 declare const _default: {
     title: string;
-    component: typeof CheckboxGroup;
+    component: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: import('./CheckboxGroup').CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/checkbox/SelectAllCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface SelectAllCheckboxProps {
+    checkboxes: ReactNode;
+    label?: string;
+}
+export declare const SelectAllCheckbox: ({ checkboxes, label, }: SelectAllCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/checkbox/index.d.ts

@@ -1,3 +1,4 @@
-export { Checkbox } from './Checkbox';
+export { type CheckboxProps, Checkbox } from './Checkbox';
+export { type CheckboxButtonProps, CheckboxButton } from './CheckboxButton';
+export { type CheckboxFieldProps, CheckboxField } from './CheckboxField';
 export { type CheckboxGroupProps, CheckboxGroup } from './CheckboxGroup';
-export type { CheckboxProps } from './types';

package/checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/checkbox-BjPgN3h_.js";
-export { e as Checkbox, t as CheckboxGroup };
+import { i as e, n as t, r as n, t as r } from "../chunks/checkbox-ivInWvEp.js";
+export { t as Checkbox, n as CheckboxButton, e as CheckboxField, r as CheckboxGroup };

package/checkbox/useSelectAll.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxGroupState } from 'react-stately';
 import * as React from 'react';
-export declare const useSelectAll: (children: React.ReactNode, { value: selectedItems }: CheckboxGroupState) => {
+export declare const useSelectAll: (children: React.ReactNode, state: CheckboxGroupState | null) => {
     allSelected: boolean;
     someSelected: boolean;
     checkboxValues: string[];

package/chunks/checkbox-ivInWvEp.js

@@ -0,0 +1,105 @@
+'use client';
+import { t as e } from "./clsx-B1NYyfch.js";
+import { t } from "./createLucideIcon-BgluSHFG.js";
+import { t as n } from "./check-DV00NPU0.js";
+import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { t as i } from "./text-EUdAWwZz.js";
+import { t as a } from "./field-error-pJiSw4PN.js";
+import { n as o, t as s } from "./label-CEYHiWSa.js";
+import * as c from "react";
+import { forwardRef as l, useContext as u } from "react";
+import { CheckboxButton as d, CheckboxField as f, CheckboxGroup as p, CheckboxGroupStateContext as m, composeRenderProps as h } from "react-aria-components";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { variables as y } from "@midas-ds/theme";
+import '../assets/checkbox.css';var b = t("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), x = {
+	indicator: "_indicator_3jfn4_1",
+	checkboxButton: "_checkboxButton_3jfn4_27",
+	checkboxField: "_checkboxField_3jfn4_144",
+	checkboxGroup: "_checkboxGroup_3jfn4_155",
+	checkboxList: "_checkboxList_3jfn4_166"
+}, S = ({ className: t, ...n }) => /* @__PURE__ */ _(f, {
+	className: e(x.checkboxField, t),
+	...n
+}), C = l(({ className: t, ...n }, r) => /* @__PURE__ */ _(d, {
+	className: e(x.checkboxButton, t),
+	ref: r,
+	...n
+})), w = l(({ className: e, description: t, errorMessage: r, errorPosition: o = "top", children: s, ...c }, l) => /* @__PURE__ */ v(S, {
+	...c,
+	children: [
+		t && /* @__PURE__ */ _(i, {
+			slot: "description",
+			children: t
+		}),
+		o === "top" && /* @__PURE__ */ _(a, { children: r }),
+		/* @__PURE__ */ _(C, {
+			ref: l,
+			className: e,
+			children: ({ isIndeterminate: e }) => /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+				className: x.indicator,
+				children: _(e ? b : n, {
+					size: 14,
+					color: y.iconOnColor
+				})
+			}), s] })
+		}),
+		o === "bottom" && /* @__PURE__ */ _(a, { children: r })
+	]
+}));
+w.displayName = "Checkbox";
+//#endregion
+//#region src/checkbox/useSelectAll.ts
+var T = (e, t) => {
+	let n = t?.value ?? [], r = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === w), i = r.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), a = r.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => n.includes(e)), o = n.filter((e) => i.includes(e)).length, s = o === 0, l = o === i.length;
+	return {
+		allSelected: l,
+		someSelected: !s && !l,
+		checkboxValues: i,
+		disabledSelectedValues: a
+	};
+}, E = {
+	en: { selectAll: "Select all" },
+	sv: { selectAll: "Välj alla" }
+}, D = ({ checkboxes: e, label: t }) => {
+	let n = u(m), i = r(E), { allSelected: a, someSelected: o, checkboxValues: s, disabledSelectedValues: c } = T(e, n);
+	return /* @__PURE__ */ _(m.Provider, {
+		value: null,
+		children: /* @__PURE__ */ _(w, {
+			isSelected: a,
+			isIndeterminate: o,
+			isReadOnly: n?.isReadOnly,
+			isDisabled: n?.isDisabled,
+			onChange: (e) => {
+				n?.setValue(e ? [...s, ...c] : c);
+			},
+			children: t || i.format("selectAll")
+		})
+	});
+}, O = ({ label: t, description: n, errorMessage: r, errorPosition: c = "top", popover: l, showSelectAll: u, selectAllLabel: d, className: f, children: m, ...y }) => /* @__PURE__ */ _(p, {
+	...y,
+	className: e(x.checkboxGroup, f),
+	children: h(m, (e) => /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(o, {
+			popover: l,
+			children: t && /* @__PURE__ */ _(s, { children: t })
+		}),
+		n && /* @__PURE__ */ _(i, {
+			slot: "description",
+			children: n
+		}),
+		c === "top" && r && /* @__PURE__ */ _(a, { children: r }),
+		/* @__PURE__ */ v("div", {
+			className: x.checkboxList,
+			children: [u && /* @__PURE__ */ _(D, {
+				label: d,
+				checkboxes: e
+			}), e]
+		}),
+		c === "bottom" && r && /* @__PURE__ */ _(a, { children: r })
+	] }))
+});
+//#endregion
+export { S as i, w as n, C as r, O as t };

package/chunks/radio-W0YqY7lo.js

@@ -0,0 +1,48 @@
+import { t as e } from "./clsx-B1NYyfch.js";
+import { t } from "./text-EUdAWwZz.js";
+import { t as n } from "./field-error-pJiSw4PN.js";
+import { n as r, t as i } from "./label-CEYHiWSa.js";
+import { Group as a, RadioButton as o, RadioField as s, RadioGroup as c, composeRenderProps as l } from "react-aria-components";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../assets/radio.css';//#region src/radio/RadioField.tsx
+var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
+	radioGroup: "_radioGroup_1l7aa_1",
+	wrap: "_wrap_1l7aa_12",
+	radioButton: "_radioButton_1l7aa_25"
+}, h = ({ className: t, ...n }) => /* @__PURE__ */ d(o, {
+	className: e(m.radioButton, t),
+	...n
+}), g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d(p, {
+	...n,
+	children: /* @__PURE__ */ d(h, {
+		className: t,
+		children: e
+	})
+}), _ = ({ label: o, description: s, errorMessage: p, children: h, className: g, errorPosition: _ = "top", popover: v, ...y }) => /* @__PURE__ */ d(c, {
+	...y,
+	className: e(m.radioGroup, g),
+	children: l(h, (e) => /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d(r, {
+			popover: v,
+			children: o && /* @__PURE__ */ d(i, { children: o })
+		}),
+		s && /* @__PURE__ */ d(t, {
+			slot: "description",
+			children: s
+		}),
+		_ === "top" && /* @__PURE__ */ d(n, {
+			"data-testid": "fieldError",
+			children: p
+		}),
+		/* @__PURE__ */ d(a, {
+			className: m.wrap,
+			children: e
+		}),
+		_ === "bottom" && /* @__PURE__ */ d(n, {
+			"data-testid": "fieldError",
+			children: p
+		})
+	] }))
+});
+//#endregion
+export { p as i, g as n, h as r, _ as t };

package/chunks/{select-CZklrPAQ.js → select-LjjT_7hr.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./clsx-B1NYyfch.js";
 import { t as n } from "./chevron-down-CP7nEDei.js";
-import { n as r } from "./checkbox-BjPgN3h_.js";
+import { n as r } from "./checkbox-ivInWvEp.js";
 import { t as i } from "./x-BJAOO5a5.js";
 import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { t as o } from "./text-EUdAWwZz.js";

package/chunks/{table-BrA5r_BP.js → table-O7Ht2ilY.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n } from "./checkbox-BjPgN3h_.js";
+import { n } from "./checkbox-ivInWvEp.js";
 import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import '../assets/table.css';var h = t("arrow-down", [["path", {

package/index.js

@@ -5,49 +5,49 @@ import { t as n } from "./chunks/clsx-B1NYyfch.js";
 import { t as r } from "./chunks/spinner-DMR5G-6u.js";
 import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-DVj8wSj3.js";
 import { n as l, t as u } from "./chunks/link-CQoSw1Pv.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-BrA5r_BP.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-O7Ht2ilY.js";
 import { t as _ } from "./chunks/link-button-BMFzCHH8.js";
 import { n as v, t as y } from "./chunks/date-picker-1W7OmCT0.js";
 import { n as b, t as x } from "./chunks/calendar-R7x0m8ch.js";
-import { n as S, t as C } from "./chunks/checkbox-BjPgN3h_.js";
-import { n as w, t as T } from "./chunks/color-scheme-switch-jgoxUu3x.js";
-import { t as E } from "./chunks/search-field-d7FV4Kuv.js";
-import { n as D, t as O } from "./chunks/file-list-DM1Vtkun.js";
-import { t as k } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as A, t as j } from "./chunks/button-Ch860h28.js";
-import { t as M } from "./chunks/heading-bnDePIbv.js";
-import { n as N, t as P } from "./chunks/badge-BplGU5BS.js";
-import { n as F, t as I } from "./chunks/breadcrumbs-C-Z6UlQn.js";
-import { t as L } from "./chunks/text-EUdAWwZz.js";
-import { t as R } from "./chunks/field-error-pJiSw4PN.js";
-import { a as z, c as B, i as V, l as H, n as U, o as W, r as G, s as K, t as q } from "./chunks/card-Bzc8kToe.js";
-import { t as J } from "./chunks/character-counter-CSoVSrxZ.js";
-import { t as Y } from "./chunks/label-CEYHiWSa.js";
-import { t as X } from "./chunks/popover-wAwxm_cM.js";
-import { n as Z, r as Q, t as $ } from "./chunks/modal-C-xHt7Ds.js";
-import { t as ee } from "./chunks/icons-UBHIX2oV.js";
-import { n as te, t as ne } from "./chunks/toggle-button-BgUQKcK-.js";
-import { a as re, i as ie, n as ae, o as oe, r as se, t as ce } from "./chunks/menu-CPCGm0MC.js";
-import { t as le } from "./chunks/combobox-DDO4fEtI.js";
-import { a as ue, c as de, i as fe, n as pe, o as me, r as he, s as ge, t as _e } from "./chunks/list-box-VdBVTwZK.js";
-import { i as ve, n as ye, r as be, t as xe } from "./chunks/date-field-DG5TYsTF.js";
-import { n as Se, t as Ce } from "./chunks/file-upload-DInuSFCB.js";
-import { n as we, t as Te } from "./chunks/grid-DZB3GGDg.js";
-import { t as Ee } from "./chunks/info-banner-DnFNZ1_o.js";
-import { n as De, t as Oe } from "./chunks/tooltip-D7LYQwj0.js";
-import { n as ke, t as Ae } from "./chunks/logo-CDxNjDeI.js";
-import { t as je } from "./chunks/progress-bar-Cft_RPHz.js";
-import { n as Me, t as Ne } from "./chunks/radio-DmCYqo3Z.js";
-import { t as Pe } from "./chunks/select-CZklrPAQ.js";
-import { n as Fe, r as Ie, t as Le } from "./chunks/tag-mzNjP8EX.js";
-import { t as Re } from "./chunks/skeleton-DWmvym7R.js";
-import { i as ze, n as Be, r as Ve, t as He } from "./chunks/tabs-BFFTnO4i.js";
-import { i as Ue, n as We, r as Ge, t as Ke } from "./chunks/textfield-BsijPPRD.js";
-import { t as qe } from "./chunks/time-field-BlNUOjUJ.js";
-import { a as Je, i as Ye, n as Xe, o as Ze, r as Qe, t as $e } from "./chunks/toast-Cz0JDIr1.js";
+import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-ivInWvEp.js";
+import { n as E, t as D } from "./chunks/color-scheme-switch-jgoxUu3x.js";
+import { t as O } from "./chunks/search-field-d7FV4Kuv.js";
+import { n as k, t as A } from "./chunks/file-list-DM1Vtkun.js";
+import { t as j } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
+import { n as M, t as N } from "./chunks/button-Ch860h28.js";
+import { t as P } from "./chunks/heading-bnDePIbv.js";
+import { n as F, t as I } from "./chunks/badge-BplGU5BS.js";
+import { n as L, t as R } from "./chunks/breadcrumbs-C-Z6UlQn.js";
+import { t as z } from "./chunks/text-EUdAWwZz.js";
+import { t as B } from "./chunks/field-error-pJiSw4PN.js";
+import { a as V, c as H, i as U, l as W, n as G, o as K, r as q, s as J, t as Y } from "./chunks/card-Bzc8kToe.js";
+import { t as X } from "./chunks/character-counter-CSoVSrxZ.js";
+import { t as Z } from "./chunks/label-CEYHiWSa.js";
+import { t as Q } from "./chunks/popover-wAwxm_cM.js";
+import { n as $, r as ee, t as te } from "./chunks/modal-C-xHt7Ds.js";
+import { t as ne } from "./chunks/icons-UBHIX2oV.js";
+import { n as re, t as ie } from "./chunks/toggle-button-BgUQKcK-.js";
+import { a as ae, i as oe, n as se, o as ce, r as le, t as ue } from "./chunks/menu-CPCGm0MC.js";
+import { t as de } from "./chunks/combobox-DDO4fEtI.js";
+import { a as fe, c as pe, i as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./chunks/list-box-VdBVTwZK.js";
+import { i as be, n as xe, r as Se, t as Ce } from "./chunks/date-field-DG5TYsTF.js";
+import { n as we, t as Te } from "./chunks/file-upload-DInuSFCB.js";
+import { n as Ee, t as De } from "./chunks/grid-DZB3GGDg.js";
+import { t as Oe } from "./chunks/info-banner-DnFNZ1_o.js";
+import { n as ke, t as Ae } from "./chunks/tooltip-D7LYQwj0.js";
+import { n as je, t as Me } from "./chunks/logo-CDxNjDeI.js";
+import { t as Ne } from "./chunks/progress-bar-Cft_RPHz.js";
+import { i as Pe, n as Fe, r as Ie, t as Le } from "./chunks/radio-W0YqY7lo.js";
+import { t as Re } from "./chunks/select-LjjT_7hr.js";
+import { n as ze, r as Be, t as Ve } from "./chunks/tag-mzNjP8EX.js";
+import { t as He } from "./chunks/skeleton-DWmvym7R.js";
+import { i as Ue, n as We, r as Ge, t as Ke } from "./chunks/tabs-BFFTnO4i.js";
+import { i as qe, n as Je, r as Ye, t as Xe } from "./chunks/textfield-BsijPPRD.js";
+import { t as Ze } from "./chunks/time-field-BlNUOjUJ.js";
+import { a as Qe, i as $e, n as et, o as tt, r as nt, t as rt } from "./chunks/toast-Cz0JDIr1.js";
 //#endregion
 //#region src/version.ts
-var et = {
+var it = {
 	name: "@midas-ds/components",
 	author: { name: "Migrationsverket" },
 	keywords: [
@@ -59,7 +59,7 @@ var et = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.23.9",
+	version: "17.25.0",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",
@@ -91,4 +91,4 @@ var et = {
 	}
 }.version;
 //#endregion
-export { e as Accordion, t as AccordionItem, N as Badge, P as BadgeContainer, I as Breadcrumb, F as Breadcrumbs, A as Button, j as ButtonGroup, b as Calendar, G as Card, V as CardActionArea, z as CardActions, U as CardBody, W as CardContent, q as CardHeader, K as CardImage, B as CardLink, H as CardTitle, g as Cell, J as CharacterCounter, S as Checkbox, C as CheckboxGroup, w as ColorSchemeSwitch, T as ColorSchemeSwitchMenu, p as Column, le as ComboBox, ee as ContrastFilled, ve as DateField, ye as DateInput, xe as DateInputDivider, v as DatePicker, y as DateRangePicker, be as DateSegment, $ as DialogTrigger, Ce as DropZone, R as FieldError, D as FileList, O as FileListItem, Se as FileTrigger, $e as GlobalToastRegion, we as Grid, Te as GridItem, s as Header, M as Heading, Ee as InfoBanner, Ge as Input, Y as Label, c as Layout, u as Link, _ as LinkButton, de as ListBox, ge as ListBoxButton, _e as ListBoxEmptyState, pe as ListBoxHeader, me as ListBoxItem, he as ListBoxLoadMoreItem, ue as ListBoxPopover, fe as ListBoxSection, Ae as Logo, ke as LogoContext, re as Menu, ie as MenuItem, se as MenuPopover, ae as MenuSection, oe as MenuTrigger, Z as Modal, Q as ModalOverlay, o as Navbar, X as Popover, je as ProgressBar, Ne as Radio, Me as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, E as SearchField, Pe as Select, ce as Separator, a as Sidebar, i as SidebarLink, Re as Skeleton, r as Spinner, Ve as Tab, He as TabList, Be as TabPanel, f as Table, d as TableBody, m as TableHeader, ze as Tabs, Ie as Tag, Le as TagGroup, Fe as TagList, L as Text, Ke as TextArea, We as TextField, Ue as TextFieldBase, qe as TimeField, Xe as Toast, Qe as ToastProvider, Ye as ToastRegion, te as ToggleButton, ne as ToggleButtonGroup, Oe as Tooltip, De as TooltipTrigger, et as VERSION, n as clsx, Je as toastQueue, k as useLocalizedStringFormatter, Ze as useToastState };
+export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar, q as Card, U as CardActionArea, V as CardActions, G as CardBody, K as CardContent, Y as CardHeader, J as CardImage, H as CardLink, W as CardTitle, g as Cell, X as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, de as ComboBox, ne as ContrastFilled, be as DateField, xe as DateInput, Ce as DateInputDivider, v as DatePicker, y as DateRangePicker, Se as DateSegment, te as DialogTrigger, Te as DropZone, B as FieldError, k as FileList, A as FileListItem, we as FileTrigger, rt as GlobalToastRegion, Ee as Grid, De as GridItem, s as Header, P as Heading, Oe as InfoBanner, Ye as Input, Z as Label, c as Layout, u as Link, _ as LinkButton, pe as ListBox, ve as ListBoxButton, ye as ListBoxEmptyState, he as ListBoxHeader, ge as ListBoxItem, _e as ListBoxLoadMoreItem, fe as ListBoxPopover, me as ListBoxSection, Me as Logo, je as LogoContext, ae as Menu, oe as MenuItem, le as MenuPopover, se as MenuSection, ce as MenuTrigger, $ as Modal, ee as ModalOverlay, o as Navbar, Q as Popover, Ne as ProgressBar, Fe as Radio, Ie as RadioButton, Pe as RadioField, Le as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, Re as Select, ue as Separator, a as Sidebar, i as SidebarLink, He as Skeleton, r as Spinner, Ge as Tab, Ke as TabList, We as TabPanel, f as Table, d as TableBody, m as TableHeader, Ue as Tabs, Be as Tag, Ve as TagGroup, ze as TagList, z as Text, Xe as TextArea, Je as TextField, qe as TextFieldBase, Ze as TimeField, et as Toast, nt as ToastProvider, $e as ToastRegion, re as ToggleButton, ie as ToggleButtonGroup, Ae as Tooltip, ke as TooltipTrigger, it as VERSION, n as clsx, Qe as toastQueue, j as useLocalizedStringFormatter, tt as useToastState };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.23.9",
+  "version": "17.25.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/radio/Radio.d.ts

@@ -1,23 +1,3 @@
-import { RadioGroupProps as AriaRadioGroupProps, RadioProps, ValidationResult } from 'react-aria-components';
-import { InfoPopoverProps } from '../label';
-import * as React from 'react';
-export interface RadioGroupProps extends AriaRadioGroupProps {
-    /** Label for the RadioGroup */
-    label?: string;
-    /** Additional description rendered below the label */
-    description?: string;
-    /** String to display as error message or function to handle the result and produce the error message */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    errorPosition?: 'top' | 'bottom';
-    /** An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button. */
-    popover?: InfoPopoverProps;
-}
-/**
- * @deprecated since v17.0.0 please use `RadioGroupProps` instead
- */
-export type MVDSRadioGroupProps = RadioGroupProps;
-/**
- * RadioGroup is used to group several radio items together
- */
-export declare const RadioGroup: React.FC<RadioGroupProps>;
-export declare const Radio: ({ className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+import { RadioFieldProps } from 'react-aria-components';
+export type RadioProps = RadioFieldProps;
+export declare const Radio: ({ children, className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/radio/Radio.stories.d.ts

@@ -1,54 +1,110 @@
 import { StoryObj } from '@storybook/react-vite';
-import { RadioGroup } from './Radio';
+import { Radio } from '.';
+type Story = StoryObj<typeof Radio>;
 declare const _default: {
     title: string;
-    component: import('react').FC<import('./Radio').RadioGroupProps>;
-    subcomponents: {
-        Radio: ({ className, ...rest }: import('react-aria-components').RadioProps) => import("react/jsx-runtime").JSX.Element;
-    };
-    tags: string[];
     args: {
-        label: string;
-        description: string;
-        errorMessage: string;
-        errorPosition: "top";
-    };
-    argTypes: {
-        children: {
-            table: {
-                disable: true;
-            };
-        };
-        label: {
-            type: "string";
-            control: {
-                type: "text";
-            };
-        };
-        isDisabled: {
-            type: "boolean";
-            options: boolean[];
-            control: {
-                type: "radio";
-            };
-        };
-        isInvalid: {
-            type: "boolean";
-            options: boolean[];
-            control: {
-                type: "radio";
-            };
-        };
+        children: string;
+        isDisabled: false;
     };
+    component: ({ children, className, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: (Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        className?: import('react-aria-components').ClassNameOrFunction<import('react-aria-components').RadioFieldRenderProps> | undefined;
+        inputRef?: import('@react-types/shared').RefObject<HTMLInputElement | null> | undefined;
+        isDisabled?: boolean | undefined;
+        id?: string | undefined;
+        onClick?: ((e: import('react').MouseEvent<import('@react-types/shared').FocusableElement>) => void) | undefined;
+        value: string;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        onFocus?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
+        onBlur?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
+        onKeyDown?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
+        onKeyUp?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
+        onPress?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
+        onPressStart?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
+        onPressEnd?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
+        onPressChange?: ((isPressed: boolean) => void) | undefined;
+        onPressUp?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
+        autoFocus?: boolean | undefined;
+        onFocusChange?: ((isFocused: boolean) => void) | undefined;
+        children?: import('react-aria-components').ChildrenOrFunction<import('react-aria-components').RadioFieldRenderProps>;
+        style?: import('react-aria-components').StyleOrFunction<import('react-aria-components').RadioFieldRenderProps> | undefined;
+        render?: import('react-aria-components').DOMRenderFunction<"div", import('react-aria-components').RadioFieldRenderProps> | undefined;
+        slot?: string | null | undefined;
+        dir?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
 };
 export default _default;
-type Story = StoryObj<typeof RadioGroup>;
 export declare const Primary: Story;
 export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-export declare const OneItemDisabled: Story;
-export declare const Invalid: Story;
-export declare const Required: Story;
-export declare const CustomValidation: Story;
-export declare const Horizontal: Story;
-export declare const WithHelpPopover: Story;

package/radio/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import { RadioButtonProps as AriaRadioButtonProps } from 'react-aria-components';
+export type RadioButtonProps = AriaRadioButtonProps;
+export declare const RadioButton: ({ className, ...rest }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/radio/RadioField.d.ts

@@ -0,0 +1,3 @@
+import { RadioFieldProps as AriaRadioFieldProps } from 'react-aria-components';
+export type RadioFieldProps = AriaRadioFieldProps;
+export declare const RadioField: (props: RadioFieldProps) => import("react/jsx-runtime").JSX.Element;

package/radio/RadioGroup.d.ts

@@ -0,0 +1,21 @@
+import { RadioGroupProps as AriaRadioGroupProps, ValidationResult } from 'react-aria-components';
+import { InfoPopoverProps } from '../label';
+export interface RadioGroupProps extends AriaRadioGroupProps {
+    /** Label for the RadioGroup */
+    label?: string;
+    /** Additional description rendered below the label */
+    description?: string;
+    /** String to display as error message or function to handle the result and produce the error message */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    errorPosition?: 'top' | 'bottom';
+    /** An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button. */
+    popover?: InfoPopoverProps;
+}
+/**
+ * @deprecated since v17.0.0 please use `RadioGroupProps` instead
+ */
+export type MVDSRadioGroupProps = RadioGroupProps;
+/**
+ * RadioGroup is used to group several radio items together
+ */
+export declare const RadioGroup: React.FC<RadioGroupProps>;

package/radio/RadioGroup.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+import { RadioGroup } from '.';
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./RadioGroup').RadioGroupProps>;
+    subcomponents: {
+        Radio: ({ children, className, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        description: string;
+        errorMessage: string;
+        errorPosition: "top";
+    };
+};
+export default _default;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Primary: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const OneItemDisabled: Story;
+export declare const Invalid: Story;
+export declare const Required: Story;
+export declare const CustomValidation: Story;
+export declare const Horizontal: Story;
+export declare const WithHelpPopover: Story;

package/radio/index.d.ts

@@ -1 +1,4 @@
 export * from './Radio';
+export * from './RadioButton';
+export * from './RadioField';
+export * from './RadioGroup';

package/radio/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/radio-DmCYqo3Z.js";
-export { t as Radio, e as RadioGroup };
+import { i as e, n as t, r as n, t as r } from "../chunks/radio-W0YqY7lo.js";
+export { t as Radio, n as RadioButton, e as RadioField, r as RadioGroup };

package/select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-CZklrPAQ.js";
+import { t as e } from "../chunks/select-LjjT_7hr.js";
 export { e as Select };

package/table/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-BrA5r_BP.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-O7Ht2ilY.js";
 export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };

package/textfield/TextArea.stories.d.ts

@@ -144,8 +144,8 @@ export declare const Disabled: {
         autoComplete?: string;
         maxLength?: number;
         minLength?: number;
-        isRequired?: boolean;
         validationBehavior?: "native" | "aria";
+        isRequired?: boolean;
         validate?: ((value: string) => import('@react-types/shared').ValidationError | true | null | undefined) | undefined;
         errorPosition?: "top" | "bottom";
         showCounter?: boolean;

package/checkbox/CheckboxGroupFieldError.d.ts

@@ -1,8 +0,0 @@
-import { CheckboxGroupState } from 'react-stately';
-import { CheckboxGroupProps } from './CheckboxGroup';
-import * as React from 'react';
-interface CheckboxGroupFieldErrorProps extends CheckboxGroupProps {
-    state: CheckboxGroupState;
-}
-export declare const CheckboxGroupFieldError: React.FC<CheckboxGroupFieldErrorProps>;
-export {};

package/checkbox/CheckboxGroupItem.d.ts

@@ -1,2 +0,0 @@
-import { CheckboxGroupItemProps } from './types';
-export declare const CheckBoxGroupItem: import('react').ForwardRefExoticComponent<CheckboxGroupItemProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxInner.d.ts

@@ -1 +0,0 @@
-export declare const CheckboxInner: import('react').ForwardRefExoticComponent<import('./types').CheckboxComponentProps & import('react-aria').CheckboxAria & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/SingleCheckbox.d.ts

@@ -1,2 +0,0 @@
-import { CheckboxComponentProps } from './types';
-export declare const SingleCheckbox: import('react').ForwardRefExoticComponent<CheckboxComponentProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/context.d.ts

@@ -1,3 +0,0 @@
-import { CheckboxGroupState } from 'react-stately';
-import { default as React } from 'react';
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;

package/checkbox/types.d.ts

@@ -1,19 +0,0 @@
-import { AriaCheckboxProps, CheckboxAria, FocusRingAria, HoverResult, PressResult } from 'react-aria';
-import { SlotProps, ValidationResult } from 'react-aria-components';
-import { CheckboxGroupState } from 'react-stately';
-export type CheckboxProps = AriaCheckboxProps & SlotProps & {
-    className?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    errorPosition?: 'top' | 'bottom';
-};
-export interface CheckboxComponentProps extends CheckboxProps {
-    focusRingAria: FocusRingAria;
-    pressResult: PressResult;
-    hoverResult: HoverResult;
-    inputRef: React.RefObject<HTMLInputElement | null>;
-}
-export interface CheckboxGroupItemProps extends CheckboxComponentProps {
-    state: CheckboxGroupState;
-}
-export type CheckboxInnerProps = CheckboxComponentProps & CheckboxAria;

package/chunks/checkbox-BjPgN3h_.js

@@ -1,200 +0,0 @@
-import { n as e } from "./clsx-B1NYyfch.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./check-DV00NPU0.js";
-import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as i } from "./text-EUdAWwZz.js";
-import { t as a } from "./field-error-pJiSw4PN.js";
-import { n as o, t as s } from "./label-CEYHiWSa.js";
-import * as c from "react";
-import l, { forwardRef as u, useContext as d, useRef as f } from "react";
-import { CheckboxContext as p, FieldErrorContext as m, FormContext as h, useContextProps as g, useSlottedContext as _ } from "react-aria-components";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { VisuallyHidden as b, mergeProps as x, useCheckbox as S, useCheckboxGroup as C, useCheckboxGroupItem as w, useFocusRing as T, useHover as E, usePress as D } from "react-aria";
-import { variables as O } from "@midas-ds/theme";
-import { useCheckboxGroupState as k, useToggleState as A } from "react-stately";
-import '../assets/checkbox.css';var j = t("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), M = l.createContext(null), N = {
-	checkboxInner: "_checkboxInner_klbao_1",
-	checkbox: "_checkbox_klbao_1",
-	checkboxWrapper: "_checkboxWrapper_klbao_144",
-	checkboxGroup: "_checkboxGroup_klbao_155",
-	checkboxList: "_checkboxList_klbao_166"
-}, P = u(({ hoverResult: t, pressResult: r, focusRingAria: o, labelProps: s, slot: c, className: l, isSelected: u, isIndeterminate: d, isDisabled: f, isInvalid: p, isReadOnly: h, isRequired: g, inputProps: _, inputRef: S, children: C, description: w, errorMessage: T, errorPosition: E = "top", descriptionProps: D, errorMessageProps: k, validationErrors: A, validationDetails: M }, P) => {
-	let { hoverProps: F, isHovered: I } = t, { pressProps: L, isPressed: R } = r, { isFocused: z, isFocusVisible: B, focusProps: V } = o, H = /* @__PURE__ */ y("label", {
-		ref: P,
-		...x(F, L, s),
-		slot: w || T ? void 0 : c || void 0,
-		className: e(N.checkbox, l),
-		"data-hovered": I || void 0,
-		"data-selected": u || void 0,
-		"data-indeterminate": d || void 0,
-		"data-pressed": R || void 0,
-		"data-disabled": f || void 0,
-		"data-readonly": h || void 0,
-		"data-invalid": p || void 0,
-		"data-focused": z || void 0,
-		"data-focus-visible": B || void 0,
-		"data-required": g || void 0,
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: e(N.checkboxInner),
-				children: v(d ? j : n, {
-					size: 14,
-					color: O.iconOnColor
-				})
-			}),
-			/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v("input", {
-				...x(_, V),
-				ref: S
-			}) }),
-			C
-		]
-	});
-	if (!w && !T) return H;
-	let U = T && /* @__PURE__ */ v(m.Provider, {
-		value: {
-			isInvalid: !!p,
-			validationErrors: A,
-			validationDetails: M
-		},
-		children: /* @__PURE__ */ v(a, {
-			...k,
-			children: T
-		})
-	});
-	return /* @__PURE__ */ y("div", {
-		className: N.checkboxWrapper,
-		slot: c || void 0,
-		children: [
-			w && /* @__PURE__ */ v(i, {
-				slot: "description",
-				...D,
-				children: w
-			}),
-			E === "top" && U,
-			H,
-			E === "bottom" && U
-		]
-	});
-});
-P.displayName = "CheckboxInner";
-//#endregion
-//#region src/checkbox/CheckboxGroupItem.tsx
-var F = u((e, t) => {
-	let n = w({
-		...e,
-		value: e.value || ""
-	}, e.state, e.inputRef);
-	return /* @__PURE__ */ v(P, {
-		...e,
-		...n,
-		ref: t
-	});
-});
-F.displayName = "CheckBoxGroupItem";
-//#endregion
-//#region src/checkbox/SingleCheckbox.tsx
-var I = u((e, t) => {
-	let n = S(e, A(e), e.inputRef);
-	return /* @__PURE__ */ v(P, {
-		...e,
-		...n,
-		ref: t
-	});
-});
-I.displayName = "SingleCheckbox";
-//#endregion
-//#region src/checkbox/Checkbox.tsx
-var L = u((e, t) => {
-	[e, t] = g(e, t, p);
-	let n = _(h), r = e.validationBehavior ?? n?.validationBehavior ?? "native", i = d(M), a = f(null), o = E(e), s = D({
-		ref: t,
-		isDisabled: e.isDisabled
-	}), c = T();
-	return i ? /* @__PURE__ */ v(F, {
-		...e,
-		state: i,
-		inputRef: a,
-		hoverResult: o,
-		pressResult: s,
-		focusRingAria: c,
-		validationBehavior: r
-	}) : /* @__PURE__ */ v(I, {
-		...e,
-		inputRef: a,
-		hoverResult: o,
-		pressResult: s,
-		focusRingAria: c,
-		validationBehavior: r
-	});
-});
-L.displayName = "Checkbox";
-//#endregion
-//#region src/checkbox/useSelectAll.ts
-var R = (e, { value: t }) => {
-	let n = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === L), r = n.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), i = n.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => t.includes(e)), a = t.filter((e) => r.includes(e)).length, o = a === 0, s = a === r.length;
-	return {
-		allSelected: s,
-		someSelected: !o && !s,
-		checkboxValues: r,
-		disabledSelectedValues: i
-	};
-}, z = ({ state: e, errorMessage: t }) => /* @__PURE__ */ v(m.Provider, {
-	value: e.displayValidation,
-	children: /* @__PURE__ */ v(a, { children: t })
-}), B = {
-	en: { selectAll: "Select all" },
-	sv: { selectAll: "Välj alla" }
-};
-//#endregion
-//#region src/checkbox/CheckboxGroup.tsx
-function V(e) {
-	let t = k(e), n = r(B), { groupProps: a, labelProps: c, descriptionProps: l } = C(e, t), { allSelected: u, someSelected: d, checkboxValues: f, disabledSelectedValues: p } = R(e.children, t), m = (e) => {
-		t.setValue(e ? [...f, ...p] : p);
-	};
-	return /* @__PURE__ */ y("div", {
-		...a,
-		className: N.checkboxGroup,
-		"data-readonly": e.isReadOnly || void 0,
-		"data-disabled": e.isDisabled || void 0,
-		children: [
-			/* @__PURE__ */ v(o, {
-				popover: e.popover,
-				children: e.label && /* @__PURE__ */ v(s, {
-					...c,
-					children: e.label
-				})
-			}),
-			e.description && /* @__PURE__ */ v(i, {
-				slot: "description",
-				...l,
-				children: e.description
-			}),
-			e.errorPosition === "top" && /* @__PURE__ */ v(z, {
-				...e,
-				state: t
-			}),
-			/* @__PURE__ */ y("div", {
-				className: N.checkboxList,
-				children: [e.showSelectAll && /* @__PURE__ */ v(L, {
-					isSelected: u,
-					isIndeterminate: d,
-					isReadOnly: e.isReadOnly,
-					onChange: m,
-					children: e.selectAllLabel || n.format("selectAll")
-				}), /* @__PURE__ */ v(M.Provider, {
-					value: t,
-					children: e.children
-				})]
-			}),
-			e.errorPosition === "bottom" && /* @__PURE__ */ v(z, {
-				...e,
-				state: t
-			})
-		]
-	});
-}
-//#endregion
-export { L as n, V as t };

package/chunks/radio-DmCYqo3Z.js

@@ -1,43 +0,0 @@
-'use client';
-import { t as e } from "./clsx-B1NYyfch.js";
-import { t } from "./text-EUdAWwZz.js";
-import { t as n } from "./field-error-pJiSw4PN.js";
-import { n as r, t as i } from "./label-CEYHiWSa.js";
-import "react";
-import { Group as a, Radio as o, RadioGroup as s, composeRenderProps as c } from "react-aria-components";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import '../assets/radio.css';var f = {
-	radioGroup: "_radioGroup_1oic0_1",
-	wrap: "_wrap_1oic0_12",
-	radio: "_radio_1oic0_1"
-}, p = ({ label: o, description: p, errorMessage: m, children: h, className: g, errorPosition: _ = "top", popover: v, ...y }) => /* @__PURE__ */ u(s, {
-	...y,
-	className: e(f.radioGroup, g),
-	children: c(h, (e) => /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u(r, {
-			popover: v,
-			children: o && /* @__PURE__ */ u(i, { children: o })
-		}),
-		p && /* @__PURE__ */ u(t, {
-			slot: "description",
-			children: p
-		}),
-		_ === "top" && /* @__PURE__ */ u(n, {
-			"data-testid": "fieldError",
-			children: m
-		}),
-		/* @__PURE__ */ u(a, {
-			className: f.wrap,
-			children: e
-		}),
-		_ === "bottom" && /* @__PURE__ */ u(n, {
-			"data-testid": "fieldError",
-			children: m
-		})
-	] }))
-}), m = ({ className: t, ...n }) => /* @__PURE__ */ u(o, {
-	className: e(f.radio, t),
-	...n
-});
-//#endregion
-export { p as n, m as t };