@midas-ds/components 14.0.0 → 15.0.0

package/link/index.js

@@ -1,5 +1,5 @@
-import { L as e } from "../Link-BFvUN5Sq.js";
-import { $ as a } from "../usePress-4yZ5a87p.js";
+import { L as e } from "../Link-BudFjYrw.js";
+import { $ as a } from "../usePress-BqQIhkNY.js";
 export {
   e as Link,
   a as RouterProvider

package/link-button/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../LinkButton-BCn5gR10.cjs"),t=require("../usePress-Dj3t18Pf.cjs");exports.LinkButton=e.LinkButton;exports.RouterProvider=t.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../LinkButton-DGdnbTgR.cjs"),t=require("../usePress-DmU79HEg.cjs");exports.LinkButton=e.LinkButton;exports.RouterProvider=t.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;

package/link-button/index.js

@@ -1,5 +1,5 @@
-import { L as t } from "../LinkButton-DN3J1Agu.js";
-import { $ as a } from "../usePress-4yZ5a87p.js";
+import { L as t } from "../LinkButton-DP9W-E32.js";
+import { $ as a } from "../usePress-BqQIhkNY.js";
 export {
   t as LinkButton,
   a as RouterProvider

package/list-box/ListBox.d.ts

@@ -1,4 +1,3 @@
 import { ListBoxProps } from 'react-aria-components';
-import { ListBoxOption } from './types';
 import { Node } from '@react-types/shared';
-export declare const ListBox: <T extends ListBoxOption | Node<ListBoxOption>>({ className, children, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBox: <T extends object | Node<object>>({ className, children, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;

package/list-box/ListBoxHeader.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export type ListBoxHeaderProps = React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>;
+export declare const ListBoxHeader: ({ className, ...rest }: ListBoxHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/list-box/ListBoxItem.d.ts

@@ -1,3 +1,9 @@
-import { ListBoxItemProps } from 'react-aria-components';
-import { ListBoxItemElement } from './types';
-export declare const ListBoxItem: <T extends ListBoxItemElement>({ children, className, ...rest }: ListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
+export interface ListBoxItemProps<T extends object> extends AriaListBoxItemProps<T> {
+    /**
+     * Wheter to hide the checkmarks and checkboxes for selected items
+     * @default false
+     */
+    hideSelectionIndicator?: boolean;
+}
+export declare const ListBoxItem: <T extends object>({ children, className, hideSelectionIndicator, ...rest }: ListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;

package/list-box/ListBoxSection.d.ts

@@ -2,7 +2,7 @@ import { ListBoxSectionProps as AriaListBoxSectionProps } from 'react-aria-compo
 import { ListBoxSectionElement } from './types';
 import * as React from 'react';
 export interface ListBoxSectionProps<T extends ListBoxSectionElement> extends Omit<AriaListBoxSectionProps<T>, 'children'> {
-    name: React.ReactNode;
+    name?: React.ReactNode;
     children?: React.ReactNode;
 }
 export declare const ListBoxSection: <T extends ListBoxSectionElement>({ children, name, ...rest }: ListBoxSectionProps<T>) => import("react/jsx-runtime").JSX.Element;

package/list-box/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ListBoxSection-kujY2gUl.cjs"),t=require("../ListBoxLoadMoreItem-BBE3OF4J.cjs");exports.ListBox=o.ListBox;exports.ListBoxItem=o.ListBoxItem;exports.ListBoxPopover=o.ListBoxPopover;exports.ListBoxSection=o.ListBoxSection;exports.ListBoxButton=t.ListBoxButton;exports.ListBoxLoadMoreItem=t.ListBoxLoadMoreItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ListBox-u6ZXp5Yi.cjs"),t=require("../ListBoxLoadMoreItem-DMUOzVtt.cjs"),o=require("../ListBoxSection-CBlpg0AG.cjs");exports.ListBox=e.ListBox;exports.ListBoxButton=t.ListBoxButton;exports.ListBoxLoadMoreItem=t.ListBoxLoadMoreItem;exports.ListBoxHeader=o.ListBoxHeader;exports.ListBoxItem=o.ListBoxItem;exports.ListBoxPopover=o.ListBoxPopover;exports.ListBoxSection=o.ListBoxSection;

package/list-box/index.d.ts

@@ -4,4 +4,5 @@ export * from './ListBoxItem';
 export * from './ListBoxPopover';
 export * from './ListBoxSection';
 export * from './ListBoxLoadMoreItem';
+export * from './ListBoxHeader';
 export * from './types';

package/list-box/index.js

@@ -1,10 +1,12 @@
-import { L as s, a, b as L, c as x } from "../ListBoxSection-dksiACMZ.js";
-import { L as i, a as B } from "../ListBoxLoadMoreItem-IcGb_XwN.js";
+import { L as s } from "../ListBox-LJ3VgZMr.js";
+import { L, a as e } from "../ListBoxLoadMoreItem-B4GFbdYf.js";
+import { c as r, L as i, a as B, b as m } from "../ListBoxSection-DjGs1ndn.js";
 export {
   s as ListBox,
-  i as ListBoxButton,
-  a as ListBoxItem,
-  B as ListBoxLoadMoreItem,
-  L as ListBoxPopover,
-  x as ListBoxSection
+  L as ListBoxButton,
+  r as ListBoxHeader,
+  i as ListBoxItem,
+  e as ListBoxLoadMoreItem,
+  B as ListBoxPopover,
+  m as ListBoxSection
 };

package/menu/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Separator-DcbM84B8.cjs"),r=require("../Dialog-DNu42oLH.cjs");exports.Menu=e.Menu;exports.MenuItem=e.MenuItem;exports.MenuPopover=e.MenuPopover;exports.MenuSection=e.MenuSection;exports.Separator=e.Separator;exports.MenuTrigger=r.$3674c52c6b3c5bce$export$27d2ad3c5815583e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Separator-CSyYDGNE.cjs"),r=require("../Dialog-DycTLpdr.cjs");exports.Menu=e.Menu;exports.MenuItem=e.MenuItem;exports.MenuPopover=e.MenuPopover;exports.MenuSection=e.MenuSection;exports.Separator=e.Separator;exports.MenuTrigger=r.$3674c52c6b3c5bce$export$27d2ad3c5815583e;

package/menu/index.js

@@ -1,5 +1,5 @@
-import { M as r, a as o, b as n, c as s, S as M } from "../Separator--4b7vckr.js";
-import { a as u } from "../Dialog-DOyFzvUa.js";
+import { M as r, a as o, b as n, c as s, S as M } from "../Separator-DLr4kUJD.js";
+import { a as u } from "../Dialog-D4Py85wi.js";
 export {
   r as Menu,
   o as MenuItem,

package/modal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Dialog-w6EBWT__.cjs"),o=require("../Dialog-DNu42oLH.cjs");exports.Modal=e.Modal;exports.DialogTrigger=o.$de32f1b87079253c$export$2e1e1122cf0cba88;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Dialog-DtOf0vWx.cjs"),o=require("../Dialog-DycTLpdr.cjs");exports.Modal=e.Modal;exports.DialogTrigger=o.$de32f1b87079253c$export$2e1e1122cf0cba88;

package/modal/index.js

@@ -1,5 +1,5 @@
-import { M as a } from "../Dialog-DLnopN3Z.js";
-import { $ as g } from "../Dialog-DOyFzvUa.js";
+import { M as a } from "../Dialog-CPuJA2fm.js";
+import { $ as g } from "../Dialog-D4Py85wi.js";
 export {
   g as DialogTrigger,
   a as Modal

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "14.0.0",
+  "version": "15.0.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -44,8 +44,8 @@
     }
   },
   "dependencies": {
-    "@midas-ds/theme": "3.1.0",
-    "react-aria-components": "^1.12.1",
-    "react-stately": "^3.39.0"
+    "@midas-ds/theme": "3.1.1",
+    "react-aria-components": "1.13.0",
+    "react-stately": "3.42.0"
   }
 }

package/popover/Popover.d.ts

@@ -2,5 +2,6 @@ import { PopoverProps } from 'react-aria-components';
 import * as React from 'react';
 export interface MidasPopoverProps extends Omit<PopoverProps, 'children'> {
     children: React.ReactNode;
+    hideArrow?: boolean;
 }
-export declare function Popover({ children, className, offset, ...props }: MidasPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ children, className, offset, hideArrow, ...props }: MidasPopoverProps): import("react/jsx-runtime").JSX.Element;

package/popover/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Popover-BI2Koco0.cjs");exports.Popover=e.Popover;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Popover-DpB0XDBp.cjs");exports.Popover=e.Popover;

package/popover/index.js

@@ -1,4 +1,4 @@
-import { P as e } from "../Popover-D7_IfJ3o.js";
+import { P as e } from "../Popover-CS8Yyfrq.js";
 export {
   e as Popover
 };

package/progress-bar/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../ProgressBar-B-TOuoAC.cjs");exports.ProgressBar=r.ProgressBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../ProgressBar-BZqAQTV3.cjs");exports.ProgressBar=r.ProgressBar;

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../ProgressBar-B0WEQkyq.js";
+import { P as s } from "../ProgressBar-BpsvPCKk.js";
 export {
   s as ProgressBar
 };

package/radio/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Radio-DsVsutMH.cjs");exports.Radio=o.Radio;exports.RadioGroup=o.RadioGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Radio-B3FBTn4F.cjs");exports.Radio=o.Radio;exports.RadioGroup=o.RadioGroup;

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../Radio-D6KNkSA2.js";
+import { R as r, a as R } from "../Radio-LevFYAg4.js";
 export {
   r as Radio,
   R as RadioGroup

package/scrollIntoView-BVI21Y4-.js

@@ -0,0 +1,65 @@
+import { e as O } from "./useHover-DkC5FyNd.js";
+function w(t, e) {
+  if (!t) return !1;
+  let l = window.getComputedStyle(t), o = /(auto|scroll)/.test(l.overflow + l.overflowX + l.overflowY);
+  return o && e && (o = t.scrollHeight !== t.clientHeight || t.scrollWidth !== t.clientWidth), o;
+}
+function D(t, e) {
+  const l = [];
+  for (; t && t !== document.documentElement; )
+    w(t, e) && l.push(t), t = t.parentElement;
+  return l;
+}
+function q(t, e) {
+  let l = m(t, e, "left"), o = m(t, e, "top"), r = e.offsetWidth, d = e.offsetHeight, i = t.scrollLeft, f = t.scrollTop, { borderTopWidth: s, borderLeftWidth: c, scrollPaddingTop: a, scrollPaddingRight: n, scrollPaddingBottom: I, scrollPaddingLeft: B } = getComputedStyle(t), { scrollMarginTop: N, scrollMarginRight: R, scrollMarginBottom: x, scrollMarginLeft: W } = getComputedStyle(e), S = i + parseInt(c, 10), M = f + parseInt(s, 10), p = S + t.clientWidth, u = M + t.clientHeight, b = parseInt(a, 10) || 0, g = parseInt(I, 10) || 0, P = parseInt(n, 10) || 0, h = parseInt(B, 10) || 0, y = parseInt(N, 10) || 0, C = parseInt(x, 10) || 0, k = parseInt(R, 10) || 0, H = parseInt(W, 10) || 0, v = l - H, $ = l + r + k, T = o - y, L = o + d + C, X = i + parseInt(c, 10) + h, Y = p - P, j = f + parseInt(s, 10) + b, A = u - g;
+  if ((v > X || $ < Y) && (v <= i + h ? i = v - parseInt(c, 10) - h : $ > p - P && (i += $ - p + P)), (T > j || L < A) && (T <= M + b ? f = T - parseInt(s, 10) - b : L > u - g && (f += L - u + g)), process.env.NODE_ENV === "test") {
+    t.scrollLeft = i, t.scrollTop = f;
+    return;
+  }
+  t.scrollTo({
+    left: i,
+    top: f
+  });
+}
+function m(t, e, l) {
+  const o = l === "left" ? "offsetLeft" : "offsetTop";
+  let r = 0;
+  for (; e.offsetParent && (r += e[o], e.offsetParent !== t); ) {
+    if (e.offsetParent.contains(t)) {
+      r -= t[o];
+      break;
+    }
+    e = e.offsetParent;
+  }
+  return r;
+}
+function F(t, e) {
+  if (t && document.contains(t)) {
+    let i = document.scrollingElement || document.documentElement;
+    if (!(window.getComputedStyle(i).overflow === "hidden") && !O()) {
+      var l;
+      let { left: s, top: c } = t.getBoundingClientRect();
+      t == null || (l = t.scrollIntoView) === null || l === void 0 || l.call(t, {
+        block: "nearest"
+      });
+      let { left: a, top: n } = t.getBoundingClientRect();
+      if (Math.abs(s - a) > 1 || Math.abs(c - n) > 1) {
+        var o, r, d;
+        e == null || (r = e.containingElement) === null || r === void 0 || (o = r.scrollIntoView) === null || o === void 0 || o.call(r, {
+          block: "center",
+          inline: "center"
+        }), (d = t.scrollIntoView) === null || d === void 0 || d.call(t, {
+          block: "nearest"
+        });
+      }
+    } else {
+      let s = D(t);
+      for (let c of s) q(c, t);
+    }
+  }
+}
+export {
+  w as $,
+  q as a,
+  F as b
+};

package/scrollIntoView-BueMOyGp.cjs

@@ -0,0 +1 @@
+"use strict";const w=require("./useHover-DULSfLuK.cjs");function I(e,t){if(!e)return!1;let l=window.getComputedStyle(e),o=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return o&&t&&(o=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),o}function D(e,t){const l=[];for(;e&&e!==document.documentElement;)I(e,t)&&l.push(e),e=e.parentElement;return l}function m(e,t){let l=x(e,t,"left"),o=x(e,t,"top"),r=t.offsetWidth,d=t.offsetHeight,c=e.scrollLeft,f=e.scrollTop,{borderTopWidth:i,borderLeftWidth:s,scrollPaddingTop:n,scrollPaddingRight:a,scrollPaddingBottom:B,scrollPaddingLeft:N}=getComputedStyle(e),{scrollMarginTop:R,scrollMarginRight:W,scrollMarginBottom:S,scrollMarginLeft:y}=getComputedStyle(t),C=c+parseInt(s,10),M=f+parseInt(i,10),u=C+e.clientWidth,p=M+e.clientHeight,b=parseInt(n,10)||0,g=parseInt(B,10)||0,$=parseInt(a,10)||0,P=parseInt(N,10)||0,k=parseInt(R,10)||0,H=parseInt(S,10)||0,X=parseInt(W,10)||0,Y=parseInt(y,10)||0,h=l-Y,v=l+r+X,T=o-k,L=o+d+H,j=c+parseInt(s,10)+P,A=u-$,O=f+parseInt(i,10)+b,q=p-g;if((h>j||v<A)&&(h<=c+P?c=h-parseInt(s,10)-P:v>u-$&&(c+=v-u+$)),(T>O||L<q)&&(T<=M+b?f=T-parseInt(i,10)-b:L>p-g&&(f+=L-p+g)),process.env.NODE_ENV==="test"){e.scrollLeft=c,e.scrollTop=f;return}e.scrollTo({left:c,top:f})}function x(e,t,l){const o=l==="left"?"offsetLeft":"offsetTop";let r=0;for(;t.offsetParent&&(r+=t[o],t.offsetParent!==e);){if(t.offsetParent.contains(e)){r-=e[o];break}t=t.offsetParent}return r}function z(e,t){if(e&&document.contains(e)){let c=document.scrollingElement||document.documentElement;if(!(window.getComputedStyle(c).overflow==="hidden")&&!w.$c87311424ea30a05$export$6446a186d09e379e()){var l;let{left:i,top:s}=e.getBoundingClientRect();e==null||(l=e.scrollIntoView)===null||l===void 0||l.call(e,{block:"nearest"});let{left:n,top:a}=e.getBoundingClientRect();if(Math.abs(i-n)>1||Math.abs(s-a)>1){var o,r,d;t==null||(r=t.containingElement)===null||r===void 0||(o=r.scrollIntoView)===null||o===void 0||o.call(r,{block:"center",inline:"center"}),(d=e.scrollIntoView)===null||d===void 0||d.call(e,{block:"nearest"})}}else{let i=D(e);for(let s of i)m(s,e)}}}exports.$2f04cbc44ee30ce0$export$53a0910f038337bd=m;exports.$2f04cbc44ee30ce0$export$c826860796309d1b=z;exports.$cc38e7bd3fc7b213$export$2bb74740c4e19def=I;

package/search-field/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SearchField-DnBBlPT7.cjs");exports.SearchField=e.SearchField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SearchField-BX7P7BgV.cjs");exports.SearchField=e.SearchField;

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../SearchField-wojUSY2S.js";
+import { S as a } from "../SearchField-C-TFzcJF.js";
 export {
   a as SearchField
 };

package/select/Select.d.ts

@@ -1,5 +1,34 @@
-import { SelectProps } from './types';
+import { SelectProps, ValidationResult } from 'react-aria-components';
+import { InfoPopoverProps } from '../label';
+import { Size } from '../common/types';
 import * as React from 'react';
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "children" | "items"> & {
-    options: import('..').ListBoxOption[];
-} & React.RefAttributes<HTMLButtonElement>>;
+export type SelectionMode = 'single' | 'multiple';
+export interface MidasSelectProps<T extends object, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children'> {
+    children: React.ReactNode | ((item: T) => React.ReactNode);
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /**
+     * The position of the error message
+     * @default "top"
+     */
+    errorPosition?: 'top' | 'bottom';
+    /**
+     * Whether to show a button to select all items.
+     */
+    isSelectableAll?: boolean;
+    items?: Iterable<T>;
+    label?: string;
+    /**
+     * An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button.
+     */
+    popover?: InfoPopoverProps;
+    /**
+     * Show selected items as tags below select
+     */
+    showTags?: boolean;
+    /** Component size (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     */
+    size?: Size;
+}
+export declare function Select<T extends object, M extends SelectionMode = 'single'>({ children, description, errorMessage, errorPosition, items, label, popover, size, ...props }: MidasSelectProps<T, M>): import("react/jsx-runtime").JSX.Element;

package/select/SelectAll.d.ts

@@ -0,0 +1 @@
+export declare const SelectAll: () => import("react/jsx-runtime").JSX.Element;

package/select/SelectTags.d.ts

@@ -0,0 +1,4 @@
+import { MidasSelectProps, SelectionMode } from './';
+type SelectTagsProps<T extends object, M extends SelectionMode = 'single'> = Pick<MidasSelectProps<T, M>, 'showTags' | 'isDisabled'>;
+export declare const SelectTags: <T extends object, M extends SelectionMode = "single">({ showTags, isDisabled, }: SelectTagsProps<T, M>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/select/SelectTrigger.d.ts

@@ -1,10 +1,6 @@
-import { default as React } from 'react';
-import { AriaButtonProps } from 'react-aria';
-import { SelectProps, MultiSelectState } from './types';
-import { ListBoxOption } from '../list-box';
-interface SelectTriggerProps extends Omit<SelectProps, 'children'>, AriaButtonProps<'button'> {
-    state: MultiSelectState<ListBoxOption>;
-    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
+import { Size } from '../common/types';
+interface SelectTriggerProps {
+    size: Size;
 }
-export declare const SelectTrigger: React.FC<SelectTriggerProps>;
+export declare const SelectTrigger: ({ size }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/select/SelectValueTag.d.ts

@@ -0,0 +1,5 @@
+import { SelectValueRenderProps } from 'react-aria-components';
+import { MidasSelectProps, SelectionMode } from './';
+type SelectValueTagProps<T extends object, M extends SelectionMode = 'single'> = SelectValueRenderProps<T> & Pick<MidasSelectProps<T, M>, 'isDisabled'>;
+export declare const SelectValueTag: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectedItems, selectedText, }: SelectValueTagProps<T, M>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select-D9h_RQ2k.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select-D4wi-0Jw.cjs");exports.Select=e.Select;

package/select/index.d.ts

@@ -1,2 +1 @@
-export * from './Select';
-export type { SelectContainerProps as SelectProps, SelectionMode, } from './types';
+export { type SelectionMode, Select, type MidasSelectProps } from './Select';

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../Select-Dc6y8gPR.js";
+import { S as r } from "../Select-C-ykeY_T.js";
 export {
   r as Select
 };

package/select/intl/translations.json.d.ts

@@ -3,13 +3,13 @@ declare const _default: {
     "clearAll": "Clear all",
     "selectAll": "Select all",
     "selectedItems": "Selected items",
-    "chosen": "chosen"
+    "selected": "selected"
   },
   "sv": {
     "clearAll": "Rensa alla",
     "selectAll": "Välj alla",
     "selectedItems": "Valda objekt",
-    "chosen": "valda"
+    "selected": "valda"
   }
 }
 ;

package/spinner/Spinner.d.ts

@@ -3,10 +3,14 @@ export interface SpinnerProps {
      * @default false
      */
     small?: boolean;
-    /** For use on coloured background
+    /**
+     * @deprecated since v14, define color based on context. Use `color` prop instead.
+     *
      * @default false
      */
     isOnColor?: boolean;
+    /** User defined color */
+    color?: string;
     className?: string;
 }
 export declare const Spinner: React.FC<SpinnerProps>;

package/spinner/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Spinner-DKQ9_SQB.cjs");exports.Spinner=e.Spinner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Spinner-DIapnvIz.cjs");exports.Spinner=e.Spinner;

package/spinner/index.js

@@ -1,4 +1,4 @@
-import { S as n } from "../Spinner-CTha503N.js";
+import { S as n } from "../Spinner-D6Fcu_Dp.js";
 export {
   n as Spinner
 };

package/table/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Table-BB8Ag5_3.cjs");exports.Cell=e.Cell;exports.Column=e.Column;exports.Row=e.Row;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableHeader=e.TableHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Table-B1nxmW14.cjs");exports.Cell=e.Cell;exports.Column=e.Column;exports.Row=e.Row;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableHeader=e.TableHeader;

package/table/index.js

@@ -1,4 +1,4 @@
-import { b as l, C as s, R as o, T as b, c as T, a as r } from "../Table-cCSOrPkK.js";
+import { b as l, C as s, R as o, T as b, c as T, a as r } from "../Table-DxqKDp7N.js";
 export {
   l as Cell,
   s as Column,

package/tabs/Tabs.d.ts

@@ -1,11 +1,4 @@
-import { TabsProps as AriaTabsProps } from 'react-aria-components';
+import { TabsProps } from 'react-aria-components';
 import * as React from 'react';
-export interface TabsProps extends AriaTabsProps {
-    /**
-     * The orientation of the tabs.
-     * Will adjust to screen size automatically if omitted
-     * @default undefined
-     */
-    orientation?: AriaTabsProps['orientation'];
-}
+export type { TabsProps };
 export declare const Tabs: React.FC<TabsProps>;

package/tabs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../TabList-BhC96APe.cjs");exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../TabList-DVzXuGXA.cjs");exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;

package/tabs/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Tabs';
-export type { TabsProps } from './Tabs';
 export * from './Tab';
 export * from './TabPanel';
 export * from './TabList';

package/tabs/index.js

@@ -1,4 +1,4 @@
-import { a as b, c as T, b as e, T as o } from "../TabList-P5HnizZt.js";
+import { a as b, c as T, b as e, T as o } from "../TabList-BBmBumm6.js";
 export {
   b as Tab,
   T as TabList,

package/tag/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Tag-D32MGLjS.cjs");exports.Tag=e.Tag;exports.TagGroup=e.TagGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Tag-BL-_PONN.cjs");exports.Tag=e.Tag;exports.TagGroup=e.TagGroup;

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T as r, a as T } from "../Tag-D2vh0KRD.js";
+import { T as r, a as T } from "../Tag-DX1X_NZE.js";
 export {
   r as Tag,
   T as TagGroup

package/text/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Text-CkhZTTV5.cjs");exports.Text=e.Text;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Text-D5OSv6Uv.cjs");exports.Text=e.Text;

package/text/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../Text-BQe1I4-r.js";
+import { T as r } from "../Text-BBFWBNAH.js";
 export {
   r as Text
 };

package/textfield/TextArea.d.ts

@@ -1,5 +1,6 @@
 import { TextFieldBaseProps } from './TextFieldBase';
 import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
+import { Complement } from '../utils/types';
 import * as React from 'react';
-export type TextAreaProps = Omit<TextFieldBaseProps, 'type' | 'pattern'> & AriaTextAreaProps;
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextFieldBaseProps, "type" | "pattern"> & AriaTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export type TextAreaProps = Omit<TextFieldBaseProps, 'type' | 'pattern'> & Complement<TextFieldBaseProps, AriaTextAreaProps>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextFieldBaseProps, "type" | "pattern"> & Complement<TextFieldBaseProps, AriaTextAreaProps> & React.RefAttributes<HTMLTextAreaElement>>;

package/textfield/TextField.d.ts

@@ -1,5 +1,6 @@
 import { TextFieldBaseProps } from './TextFieldBase';
 import { InputProps } from './Input';
+import { Complement } from '../utils/types';
 import * as React from 'react';
-export type TextFieldProps = TextFieldBaseProps & Omit<InputProps, 'size'>;
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldBaseProps & Omit<InputProps, "size"> & React.RefAttributes<HTMLInputElement>>;
+export type TextFieldProps = TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps>;
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps> & React.RefAttributes<HTMLInputElement>>;

package/textfield/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TextArea-B5TsyJxa.cjs");exports.Input=e.Input;exports.TextArea=e.TextArea;exports.TextField=e.TextField;exports.TextFieldBase=e.TextFieldBase;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TextArea-Bjf8CBp0.cjs");exports.Input=e.Input;exports.TextArea=e.TextArea;exports.TextField=e.TextField;exports.TextFieldBase=e.TextFieldBase;

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, b as t, a as x, T } from "../TextArea-Cado2arG.js";
+import { I as s, b as t, a as x, T } from "../TextArea-CJPBvogq.js";
 export {
   s as Input,
   t as TextArea,

package/toast/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Toast-Cs-Uvf1p.cjs");exports.GlobalToastRegion=o.GlobalToastRegion;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.ToastRegion=o.ToastRegion;exports.toastQueue=o.toastQueue;exports.useToastState=o.useToastState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Toast-DUZ5jfG1.cjs");exports.GlobalToastRegion=o.GlobalToastRegion;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.ToastRegion=o.ToastRegion;exports.toastQueue=o.toastQueue;exports.useToastState=o.useToastState;

package/toast/index.js

@@ -1,4 +1,4 @@
-import { G as o, b as t, T as e, a as T, t as r, u } from "../Toast-CgXRE33Y.js";
+import { G as o, b as t, T as e, a as T, t as r, u } from "../Toast-B99bLWnh.js";
 export {
   o as GlobalToastRegion,
   t as Toast,

package/toggle-button/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ToggleButtonGroup-CiX2eXB8.cjs");exports.ToggleButton=o.ToggleButton;exports.ToggleButtonGroup=o.ToggleButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ToggleButtonGroup-dnvnzkaD.cjs");exports.ToggleButton=o.ToggleButton;exports.ToggleButtonGroup=o.ToggleButtonGroup;

package/toggle-button/index.js

@@ -1,4 +1,4 @@
-import { T as g, a } from "../ToggleButtonGroup-SKGgfFs4.js";
+import { T as g, a } from "../ToggleButtonGroup-CFRutAZ4.js";
 export {
   g as ToggleButton,
   a as ToggleButtonGroup

package/tooltip/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Tooltip-BrupFzaI.cjs");exports.Tooltip=o.Tooltip;exports.TooltipTrigger=o.TooltipTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Tooltip-D-ATlbIM.cjs");exports.Tooltip=o.Tooltip;exports.TooltipTrigger=o.TooltipTrigger;

package/tooltip/index.js

@@ -1,4 +1,4 @@
-import { T, a } from "../Tooltip-txk48Qof.js";
+import { T, a } from "../Tooltip-CUdmOznK.js";
 export {
   T as Tooltip,
   a as TooltipTrigger

package/{useButton-Bh3duhYL.cjs → useButton-C0r5nrqs.cjs}

@@ -1 +1 @@
-"use strict";const d=require("./mergeProps-Du5A8xi8.cjs"),C=require("./filterDOMProps-RRlKPKX0.cjs"),D=require("./usePress-Dj3t18Pf.cjs"),F=require("./useFocusable-DhdAtEw8.cjs");function T(e,t){let{elementType:r="button",isDisabled:a,onPress:i,onPressStart:c,onPressEnd:l,onPressUp:f,onPressChange:u,preventFocusOnPress:b,allowFocusWhenDisabled:P,onClick:$,href:m,target:p,rel:h,type:o="button"}=e,s;r==="button"?s={type:o,disabled:a,form:e.form,formAction:e.formAction,formEncType:e.formEncType,formMethod:e.formMethod,formNoValidate:e.formNoValidate,formTarget:e.formTarget,name:e.name,value:e.value}:s={role:"button",href:r==="a"&&!a?m:void 0,target:r==="a"?p:void 0,type:r==="input"?o:void 0,disabled:r==="input"?a:void 0,"aria-disabled":!a||r==="input"?void 0:a,rel:r==="a"?h:void 0};let{pressProps:x,isPressed:g}=D.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:c,onPressEnd:l,onPressChange:u,onPress:i,onPressUp:f,onClick:$,isDisabled:a,preventFocusOnPress:b,ref:t}),{focusableProps:n}=F.$f645667febf57a63$export$4c014de7c8940b4c(e,t);P&&(n.tabIndex=a?-1:n.tabIndex);let y=d.$3ef42575df84b30b$export$9d1611c77c2fe928(n,x,C.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}));return{isPressed:g,buttonProps:d.$3ef42575df84b30b$export$9d1611c77c2fe928(s,y,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],"aria-current":e["aria-current"],"aria-disabled":e["aria-disabled"]})}}exports.$701a24aa0da5b062$export$ea18c227d4417cc3=T;
+"use strict";const d=require("./mergeProps-Du5A8xi8.cjs"),C=require("./filterDOMProps-RRlKPKX0.cjs"),D=require("./usePress-DmU79HEg.cjs"),F=require("./useFocusable-M4se1KJt.cjs");function T(e,t){let{elementType:r="button",isDisabled:a,onPress:i,onPressStart:c,onPressEnd:l,onPressUp:f,onPressChange:u,preventFocusOnPress:b,allowFocusWhenDisabled:P,onClick:$,href:m,target:p,rel:h,type:o="button"}=e,s;r==="button"?s={type:o,disabled:a,form:e.form,formAction:e.formAction,formEncType:e.formEncType,formMethod:e.formMethod,formNoValidate:e.formNoValidate,formTarget:e.formTarget,name:e.name,value:e.value}:s={role:"button",href:r==="a"&&!a?m:void 0,target:r==="a"?p:void 0,type:r==="input"?o:void 0,disabled:r==="input"?a:void 0,"aria-disabled":!a||r==="input"?void 0:a,rel:r==="a"?h:void 0};let{pressProps:x,isPressed:g}=D.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:c,onPressEnd:l,onPressChange:u,onPress:i,onPressUp:f,onClick:$,isDisabled:a,preventFocusOnPress:b,ref:t}),{focusableProps:n}=F.$f645667febf57a63$export$4c014de7c8940b4c(e,t);P&&(n.tabIndex=a?-1:n.tabIndex);let y=d.$3ef42575df84b30b$export$9d1611c77c2fe928(n,x,C.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}));return{isPressed:g,buttonProps:d.$3ef42575df84b30b$export$9d1611c77c2fe928(s,y,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],"aria-current":e["aria-current"],"aria-disabled":e["aria-disabled"]})}}exports.$701a24aa0da5b062$export$ea18c227d4417cc3=T;

package/{useButton-A-VOfwuT.js → useButton-CRgN6aZf.js}

@@ -1,7 +1,7 @@
 import { a as d } from "./mergeProps-Ct8m5-xW.js";
 import { $ as C } from "./filterDOMProps-wsa9OcNI.js";
-import { b as T } from "./usePress-4yZ5a87p.js";
-import { a as v } from "./useFocusable-CCh54GIw.js";
+import { b as T } from "./usePress-BqQIhkNY.js";
+import { a as v } from "./useFocusable-BJj-Bkig.js";
 function O(e, t) {
   let { elementType: a = "button", isDisabled: r, onPress: i, onPressStart: f, onPressEnd: l, onPressUp: c, onPressChange: u, preventFocusOnPress: b, allowFocusWhenDisabled: P, onClick: m, href: $, target: p, rel: h, type: o = "button" } = e, s;
   a === "button" ? s = {