@midas-ds/components 10.1.0 → 10.2.0

package/inertValue-B7loUihk.js

@@ -0,0 +1,8 @@
+import { version as e } from "react";
+function c(r) {
+  const t = e.split(".");
+  return parseInt(t[0], 10) >= 19 ? r : r ? "true" : void 0;
+}
+export {
+  c as $
+};

package/inertValue-BWmZ1afe.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react");function c(r){const e=t.version.split(".");return parseInt(e[0],10)>=19?r:r?"true":void 0}exports.$cdc5a6778b766db2$export$a9d04c5684123369=c;

package/info-DkzVqB8I.js

@@ -0,0 +1,38 @@
+import { c as e } from "./createLucideIcon-DeWljiyi.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const y = e("CircleAlert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const r = e("CircleCheck", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const l = e("Info", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+]);
+export {
+  y as C,
+  l as I,
+  r as a
+};

package/info-DlzSeKbc.cjs

@@ -0,0 +1,16 @@
+"use strict";const e=require("./createLucideIcon-DAY4oS-S.cjs");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const c=e.createLucideIcon("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const r=e.createLucideIcon("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const i=e.createLucideIcon("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);exports.CircleAlert=c;exports.CircleCheck=r;exports.Info=i;

package/info-banner/index.cjs

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

package/info-banner/index.js

@@ -0,0 +1,4 @@
+import { I as r } from "../InfoBanner-CVIBFSWx.js";
+export {
+  r as InfoBanner
+};

package/label/index.cjs

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

package/label/index.js

@@ -0,0 +1,4 @@
+import { L as o } from "../Label-C9ivwkAd.js";
+export {
+  o as Label
+};

package/layout/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Layout-BWeHHnqU.cjs");exports.Header=e.Header;exports.Layout=e.Layout;exports.Navbar=e.Navbar;exports.Sidebar=e.Sidebar;exports.SidebarLink=e.SidebarLink;

package/layout/index.js

@@ -0,0 +1,8 @@
+import { H as e, L as s, N as b, S as d, a as i } from "../Layout-CCt_2L1k.js";
+export {
+  e as Header,
+  s as Layout,
+  b as Navbar,
+  d as Sidebar,
+  i as SidebarLink
+};

package/link/Link.d.ts

@@ -9,8 +9,11 @@ interface MidasLinkProps<C extends React.ElementType> {
     /** Optional icon, placed to the left of the link */
     icon?: LucideIcon;
     className?: string;
+    /** Replace base component with any Client Side Routing link instead.
+     * @see {@link https://designsystem.migrationsverket.se/dev/client-side-routing/|Client side routing}
+     */
     as?: C;
 }
 export type LinkProps<C extends React.ElementType> = MidasLinkProps<C> & Omit<React.ComponentProps<C>, keyof MidasLinkProps<C>>;
-export declare const Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, standalone, stretched, icon: IconComponent, className, as, ...rest }: LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, standalone, target, stretched, download, icon: IconComponent, className, as, ...rest }: LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
 export { RouterProvider };

package/link/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Link-DsnCtNeI.cjs"),r=require("../usePress-BFa6cT9o.cjs");exports.Link=e.Link;exports.RouterProvider=r.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;

package/link/index.js

@@ -0,0 +1,6 @@
+import { L as e } from "../Link-uFowN4qv.js";
+import { $ as a } from "../usePress-CUJ3pMOw.js";
+export {
+  e as Link,
+  a as RouterProvider
+};

package/link-button/LinkButton.d.ts

@@ -1,18 +1,41 @@
 import { default as React } from 'react';
 import { Link as AriaLink, RouterProvider } from 'react-aria-components';
 import { LucideIcon } from 'lucide-react';
+import { Size } from '../common/types';
 interface MidasLinkProps<C extends React.ElementType> {
     children: React.ReactNode;
+    /**
+     * Primary button is used as a positive action in a flow. Always use one primary button and never a seconday button on it's own. When using just an icon you must pass an aria-label
+     *
+     * @default 'primary'
+     * */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'icon';
+    /**
+     * Adds width: 100%; for the button to span entire width of parent
+     *
+     * @default false
+     */
     fullwidth?: boolean;
+    /** Display the icon on the left or right side of the button text */
     iconPlacement?: 'left' | 'right';
+    /** Add an icon from lucide-react
+     *
+     * @see {@link https://lucide.dev/icons/|Lucide}
+     */
     icon?: LucideIcon; /**Optional icon prop */
     className?: string;
+    /** Replace base component with any Client Side Routing link instead.
+     * @see {@link https://designsystem.migrationsverket.se/dev/client-side-routing/|Client side routing}
+     */
     as?: C;
+    /** Component size (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     **/
+    size?: Size;
 }
 export type LinkButtonProps<C extends React.ElementType> = MidasLinkProps<C> & Omit<React.ComponentProps<C>, keyof MidasLinkProps<C>>;
 /**
  * A link to be used when a user expects a button but web technologies force us to use a a-tag
  * */
-export declare const LinkButton: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, variant, fullwidth, icon: IconComponent, iconPlacement, className, as, ...rest }: LinkButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkButton: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, variant, fullwidth, icon: IconComponent, iconPlacement, className, as, size, ...rest }: LinkButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
 export { RouterProvider };

package/link-button/index.cjs

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

package/link-button/index.js

@@ -0,0 +1,6 @@
+import { L as t } from "../LinkButton-CuBilDML.js";
+import { $ as a } from "../usePress-CUJ3pMOw.js";
+export {
+  t as LinkButton,
+  a as RouterProvider
+};

package/list-box/ListBox.d.ts

@@ -0,0 +1,4 @@
+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;

package/list-box/ListBoxButton.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ListBoxButton: React.FC<React.HTMLAttributes<HTMLButtonElement>>;

package/list-box/ListBoxItem.d.ts

@@ -0,0 +1,3 @@
+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;

package/list-box/ListBoxPopover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from 'react-aria-components';
+import * as React from 'react';
+export declare const ListBoxPopover: React.FC<PopoverProps>;

package/list-box/ListBoxSection.d.ts

@@ -0,0 +1,8 @@
+import { ListBoxSectionProps as AriaListBoxSectionProps } from 'react-aria-components';
+import { ListBoxSectionElement } from './types';
+import * as React from 'react';
+export interface ListBoxSectionProps<T extends ListBoxSectionElement> extends Omit<AriaListBoxSectionProps<T>, 'children'> {
+    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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ListBoxSection-DGCP6xpf.cjs"),o=require("../ListBoxButton-CFeNhJhr.cjs");exports.ListBox=t.ListBox;exports.ListBoxItem=t.ListBoxItem;exports.ListBoxPopover=t.ListBoxPopover;exports.ListBoxSection=t.ListBoxSection;exports.ListBoxButton=o.ListBoxButton;

package/list-box/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ListBox';
+export * from './ListBoxButton';
+export * from './ListBoxItem';
+export * from './ListBoxPopover';
+export * from './ListBoxSection';
+export * from './types';

package/list-box/index.js

@@ -0,0 +1,9 @@
+import { L as s, a as x, b as L, c as a } from "../ListBoxSection-C1aLKL9p.js";
+import { L as B } from "../ListBoxButton-O6zN3P4W.js";
+export {
+  s as ListBox,
+  B as ListBoxButton,
+  x as ListBoxItem,
+  L as ListBoxPopover,
+  a as ListBoxSection
+};

package/list-box/types.d.ts

@@ -0,0 +1,23 @@
+import { Key } from 'react-aria-components';
+export type ListBoxItemElement = {
+    children?: never;
+    id: Key;
+    name: string | React.ReactNode;
+    /**
+     * Textual representation of `name` in case it is not a string. Used for searching.
+     */
+    textValue?: string;
+    /**
+     * Additional properties.
+     */
+    [prop: string]: unknown;
+};
+export type ListBoxSectionElement = {
+    children: ListBoxItemElement[];
+    name: string;
+    /**
+     * Additional properties for backwards compatibility.
+     */
+    [prop: string]: unknown;
+};
+export type ListBoxOption = ListBoxItemElement | ListBoxSectionElement;

package/logo/index.cjs

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

package/logo/index.js

@@ -0,0 +1,4 @@
+import { L } from "../Logo-BIrOEINM.js";
+export {
+  L as Logo
+};

package/modal/index.cjs

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

package/modal/index.js

@@ -0,0 +1,6 @@
+import { M as a } from "../Dialog-Bxx8cBEq.js";
+import { $ as g } from "../Dialog-CYxThuMl.js";
+export {
+  g as DialogTrigger,
+  a as Modal
+};

package/number-BE8InLgI.js

@@ -0,0 +1,6 @@
+function i(a, n = -1 / 0, t = 1 / 0) {
+  return Math.min(Math.max(a, n), t);
+}
+export {
+  i as $
+};

package/number-E0x3H9cL.cjs

@@ -0,0 +1 @@
+"use strict";function n(a,t=-1/0,c=1/0){return Math.min(Math.max(a,t),c)}exports.$9446cca9a3875146$export$7d15b64cf5a3a4c4=n;

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -41,11 +41,11 @@
     },
     "./theme": {
       "types": "./theme/index.d.ts",
-      "import": "./theme.js",
-      "require": "./theme.cjs"
+      "import": "./theme/index.js",
+      "require": "./theme/index.cjs"
     },
     "./global.css": {
-      "import": "./global.css"
+      "import": "./assets/global.css"
     }
   },
   "dependencies": {

package/progress-bar/index.cjs

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

package/progress-bar/index.js

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

package/radio/index.cjs

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

package/radio/index.js

@@ -0,0 +1,5 @@
+import { R as r, a as R } from "../Radio-_ukSkxPT.js";
+export {
+  r as Radio,
+  R as RadioGroup
+};

package/scrollIntoView-ClEACHUk.js

@@ -0,0 +1,57 @@
+function W(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 S(e, t) {
+  const l = [];
+  for (; e && e !== document.documentElement; )
+    W(e, t) && l.push(e), e = e.parentElement;
+  return l;
+}
+function k(e, t) {
+  let l = g(e, t, "left"), o = g(e, t, "top"), f = t.offsetWidth, r = t.offsetHeight, d = e.scrollLeft, s = e.scrollTop, { borderTopWidth: i, borderLeftWidth: c, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: L, scrollPaddingLeft: T } = getComputedStyle(e), x = d + parseInt(c, 10), u = s + parseInt(i, 10), b = x + e.clientWidth, p = u + e.clientHeight, v = parseInt(n, 10) || 0, P = parseInt(L, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(T, 10) || 0;
+  l <= d + $ ? d = l - parseInt(c, 10) - $ : l + f > b - h && (d += l + f - b + h), o <= u + v ? s = o - parseInt(i, 10) - v : o + r > p - P && (s += o + r - p + P), e.scrollLeft = d, e.scrollTop = s;
+}
+function g(e, t, l) {
+  const o = l === "left" ? "offsetLeft" : "offsetTop";
+  let f = 0;
+  for (; t.offsetParent && (f += t[o], t.offsetParent !== e); ) {
+    if (t.offsetParent.contains(e)) {
+      f -= e[o];
+      break;
+    }
+    t = t.offsetParent;
+  }
+  return f;
+}
+function y(e, t) {
+  if (e && document.contains(e)) {
+    let d = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(d).overflow === "hidden") {
+      let i = S(e);
+      for (let c of i) k(c, e);
+    } else {
+      var l;
+      let { left: i, top: c } = 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(c - a) > 1) {
+        var o, f, r;
+        t == null || (f = t.containingElement) === null || f === void 0 || (o = f.scrollIntoView) === null || o === void 0 || o.call(f, {
+          block: "center",
+          inline: "center"
+        }), (r = e.scrollIntoView) === null || r === void 0 || r.call(e, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
+export {
+  W as $,
+  k as a,
+  y as b
+};

package/scrollIntoView-DRSoJp89.cjs

@@ -0,0 +1 @@
+"use strict";function x(e,t){if(!e)return!1;let o=window.getComputedStyle(e),l=/(auto|scroll)/.test(o.overflow+o.overflowX+o.overflowY);return l&&t&&(l=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),l}function k(e,t){const o=[];for(;e&&e!==document.documentElement;)x(e,t)&&o.push(e),e=e.parentElement;return o}function L(e,t){let o=g(e,t,"left"),l=g(e,t,"top"),f=t.offsetWidth,r=t.offsetHeight,d=e.scrollLeft,s=e.scrollTop,{borderTopWidth:c,borderLeftWidth:i,scrollPaddingTop:n,scrollPaddingRight:b,scrollPaddingBottom:T,scrollPaddingLeft:W}=getComputedStyle(e),S=d+parseInt(i,10),u=s+parseInt(c,10),a=S+e.clientWidth,p=u+e.clientHeight,$=parseInt(n,10)||0,v=parseInt(T,10)||0,P=parseInt(b,10)||0,h=parseInt(W,10)||0;o<=d+h?d=o-parseInt(i,10)-h:o+f>a-P&&(d+=o+f-a+P),l<=u+$?s=l-parseInt(c,10)-$:l+r>p-v&&(s+=l+r-p+v),e.scrollLeft=d,e.scrollTop=s}function g(e,t,o){const l=o==="left"?"offsetLeft":"offsetTop";let f=0;for(;t.offsetParent&&(f+=t[l],t.offsetParent!==e);){if(t.offsetParent.contains(e)){f-=e[l];break}t=t.offsetParent}return f}function y(e,t){if(e&&document.contains(e)){let d=document.scrollingElement||document.documentElement;if(window.getComputedStyle(d).overflow==="hidden"){let c=k(e);for(let i of c)L(i,e)}else{var o;let{left:c,top:i}=e.getBoundingClientRect();e==null||(o=e.scrollIntoView)===null||o===void 0||o.call(e,{block:"nearest"});let{left:n,top:b}=e.getBoundingClientRect();if(Math.abs(c-n)>1||Math.abs(i-b)>1){var l,f,r;t==null||(f=t.containingElement)===null||f===void 0||(l=f.scrollIntoView)===null||l===void 0||l.call(f,{block:"center",inline:"center"}),(r=e.scrollIntoView)===null||r===void 0||r.call(e,{block:"nearest"})}}}}exports.$2f04cbc44ee30ce0$export$53a0910f038337bd=L;exports.$2f04cbc44ee30ce0$export$c826860796309d1b=y;exports.$cc38e7bd3fc7b213$export$2bb74740c4e19def=x;

package/search-field/index.cjs

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

package/search-field/index.js

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

package/select/HiddenMultiSelect.d.ts

@@ -1,6 +1,7 @@
 import { FocusableElement, RefObject } from '@react-types/shared';
 import { default as React, ReactNode } from 'react';
-import { MultiSelectState } from './useMultiSelectState';
+import { MultiSelectState } from './types';
+import { ListBoxOption } from '../list-box';
 export interface AriaHiddenMultiSelectProps {
     /**
      * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
@@ -15,7 +16,7 @@ export interface AriaHiddenMultiSelectProps {
     /** Sets the required state of the select and input. */
     isRequired?: boolean;
 }
-export interface HiddenMultiSelectProps<T> extends AriaHiddenMultiSelectProps {
+export interface HiddenMultiSelectProps<T extends ListBoxOption> extends AriaHiddenMultiSelectProps {
     /** State for the select. */
     state: MultiSelectState<T>;
     /** A ref to the trigger element. */
@@ -38,10 +39,10 @@ interface HiddenMultiSelectAria {
  * can be used in combination with `useSelect` to support browser form autofill, mobile form
  * navigation, and native HTML form submission.
  */
-export declare function useHiddenMultiSelect<T>({ autoComplete, name, isDisabled, isRequired, selectRef, }: AriaHiddenMultiSelectOptions, state: MultiSelectState<T>, triggerRef: RefObject<FocusableElement | null>): HiddenMultiSelectAria;
+export declare function useHiddenMultiSelect<T extends ListBoxOption>({ autoComplete, name, isDisabled, isRequired, selectRef, }: AriaHiddenMultiSelectOptions, state: MultiSelectState<T>, triggerRef: RefObject<FocusableElement | null>): HiddenMultiSelectAria;
 /**
  * Renders a hidden native `<select>` element, which can be used to support browser
  * form autofill, mobile form navigation, and native form submission.
  */
-export declare function HiddenMultiSelect<T>(props: HiddenMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function HiddenMultiSelect<T extends ListBoxOption>(props: HiddenMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/select/MultiSelectValueTag.d.ts

@@ -0,0 +1,11 @@
+import { MultiSelectState, SelectProps } from './types';
+import { ListBoxOption } from '../list-box';
+import * as React from 'react';
+interface MultiSelectValueTagProps extends SelectProps {
+    state: MultiSelectState<ListBoxOption>;
+    parentWidth: number;
+    onClear: () => void;
+    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
+}
+export declare const MultiSelectValueTag: React.FC<MultiSelectValueTagProps>;
+export {};

package/select/Select.d.ts

@@ -1,80 +1,5 @@
-import { CollectionChildren, Key } from '@react-types/shared';
-import { useMultiSelectState } from './useMultiSelectState';
-import { Size } from '../common/types';
+import { SelectProps } from './types';
 import * as React from 'react';
-export type OptionItem = {
-    children?: never;
-    id: Key;
-    name: string | React.ReactNode;
-    /** Textual representation of `name` in case it is not a string. Used for searching. */
-    textValue?: string;
-    /** Allow additional properties for an option. */
-    [prop: string]: unknown;
-};
-type OptionSection = {
-    children: OptionItem[];
-    name: string;
-};
-export type Option = OptionItem | OptionSection;
-export type SelectionMode = 'single' | 'multiple';
-export type SelectProps = {
-    /** Whether the element should receive focus on render. */
-    autoFocus?: boolean;
-    children: CollectionChildren<Option>;
-    /** Sets the CSS [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
-    className?: string;
-    /** Sets the default open state of the field (uncontrolled). */
-    defaultOpen?: boolean;
-    /** The initial selected keys in the collection (uncontrolled). */
-    defaultSelectedKeys?: Parameters<typeof useMultiSelectState>['0']['defaultSelectedKeys'];
-    /** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */
-    disabledKeys?: Parameters<typeof useMultiSelectState>['0']['disabledKeys'];
-    excludeFromTabOrder?: boolean;
-    items: Option[];
-    /** Whether the field can be emptied. */
-    isClearable?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether to show a button to select all items. */
-    isSelectableAll?: boolean;
-    /** Sets the open state of the field (controlled). */
-    isOpen?: boolean;
-    /** The content to display as the label. */
-    label: string;
-    /** Optional description */
-    description?: string;
-    /** Placeholder value */
-    placeholder?: string;
-    /** Show selected items as tags below select */
-    showTags?: boolean;
-    /** Handler that is called when the select's open state changes. */
-    onOpenChange?: Parameters<typeof useMultiSelectState>['0']['onOpenChange'];
-    /** Handler that is called when the selection changes. */
-    onSelectionChange?: Parameters<typeof useMultiSelectState>['0']['onSelectionChange'];
-    /** The currently selected keys in the collection (controlled). */
-    selectedKeys?: Parameters<typeof useMultiSelectState>['0']['selectedKeys'];
-    /**
-     * The type of selection that is allowed in the collection.
-     * @default 'single'
-     */
-    selectionMode: SelectionMode;
-    /** The selection is valid or not  */
-    isInvalid?: boolean;
-    /** Error message to be displayed in case of invalid state*/
-    errorMessage?: string;
-    /** Whether the field is required. */
-    isRequired?: boolean;
-    /** Name of the field, for uncontrolled use */
-    name?: string;
-    errorPosition?: 'top' | 'bottom';
-    /** Component size (large: height 48px, medium: height 40px)
-     *  @default 'large'
-     * */
-    size?: Size;
-};
-export declare const SelectComponent: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "children" | "items"> & {
-    /** Item objects in the collection. */
-    options: Option[];
+    options: import('..').ListBoxOption[];
 } & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/select/SelectFieldError.d.ts

@@ -0,0 +1,8 @@
+import { ListBoxOption } from '../list-box';
+import { MultiSelectState, SelectProps } from './types';
+import * as React from 'react';
+interface SelectFieldErrorProps extends SelectProps {
+    state: MultiSelectState<ListBoxOption>;
+}
+export declare const SelectFieldError: React.FC<SelectFieldErrorProps>;
+export {};

package/select/SelectListBox.d.ts

@@ -1,7 +1,8 @@
-import { MultiSelectState } from './useMultiSelectState';
+import { ListBoxOption } from '../list-box';
 import { AriaListBoxOptions } from '@react-aria/listbox';
-interface ListBoxProps<T> extends AriaListBoxOptions<T> {
+import { MultiSelectState } from './types';
+interface ListBoxProps<T extends ListBoxOption> extends AriaListBoxOptions<T> {
     state: MultiSelectState<T>;
 }
-export declare const SelectListBox: <T>({ state, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectListBox: <T extends ListBoxOption>({ state, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/select/SelectTrigger.d.ts

@@ -0,0 +1,10 @@
+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>;
+}
+export declare const SelectTrigger: React.FC<SelectTriggerProps>;
+export {};

package/select/index.cjs

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

package/select/index.d.ts

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

package/select/index.js

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