@midas-ds/components 10.1.1 → 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/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/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/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.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/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.1",
+  "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/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.js

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

package/skeleton/Skeleton.d.ts

@@ -17,5 +17,10 @@ export interface SkeletonProps extends React.DetailedHTMLProps<React.HTMLAttribu
      * @default true
      */
     isAnimated?: boolean;
+    /**
+     * If skeleton is on a layer01 background light-dark( #f2f2f2, #262626)
+     * @default false
+     */
+    isOnLayer01?: boolean;
 }
 export declare const Skeleton: React.FC<SkeletonProps>;

package/skeleton/index.cjs

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

package/skeleton/index.js

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

package/spinner/index.cjs

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

package/spinner/index.js

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

package/square-arrow-out-up-right-BCAO2eJs.cjs

@@ -0,0 +1,6 @@
+"use strict";const t=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 e=t.createLucideIcon("SquareArrowOutUpRight",[["path",{d:"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",key:"y09zxi"}],["path",{d:"m21 3-9 9",key:"mpx6sq"}],["path",{d:"M15 3h6v6",key:"1q9fwt"}]]);exports.SquareArrowOutUpRight=e;

package/square-arrow-out-up-right-BkyqV2PN.js

@@ -0,0 +1,15 @@
+import { c as t } 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 r = t("SquareArrowOutUpRight", [
+  ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
+  ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
+]);
+export {
+  r as S
+};

package/table/Table.d.ts

@@ -1,15 +1,21 @@
 import { RowProps, TableHeaderProps, ColumnProps, TableProps as AriaTableProps, CellProps, TableBody } from 'react-aria-components';
+import { Size } from '../common/types';
 export interface TableProps extends AriaTableProps {
     /**
      *  A more compact version of the table
+     *  @deprecated since v10.1.1, please use the `size` prop instead.
      */
     narrow?: boolean;
+    /** Row height (large: 48px, medium: 40px)
+     *  @default 'large'
+     * */
+    size?: Size;
     /**
      * Alternating colors for rows
      */
     striped?: boolean;
 }
-export declare const Table: ({ narrow, striped, className, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ narrow, size, striped, className, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeader: <T extends object>({ columns, children, }: TableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const Row: <T extends object>({ id, columns, children, ...rest }: RowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const Column: ({ children, ...rest }: ColumnProps) => import("react/jsx-runtime").JSX.Element;

package/table/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Table-D9vNc_y-.cjs");exports.Cell=e.Cell;exports.Column=e.Column;exports.Row=e.Row;exports.Table=e.Table;exports.TableBody=e.$1910c06f0ca9905e$export$76ccd210b9029917;exports.TableHeader=e.TableHeader;

package/table/index.js

@@ -0,0 +1,9 @@
+import { b as l, C as s, R as o, T as b, $ as T, a as r } from "../Table-B_N7wUmA.js";
+export {
+  l as Cell,
+  s as Column,
+  o as Row,
+  b as Table,
+  T as TableBody,
+  r as TableHeader
+};

package/tabs/index.cjs

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

package/tabs/index.js

@@ -0,0 +1,4 @@
+import { T as r } from "../Tabs-Ct6D83aR.js";
+export {
+  r as Tabs
+};

package/tag/index.cjs

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

package/tag/index.js

@@ -0,0 +1,5 @@
+import { T as r, a as T } from "../Tag-g6HN-YCv.js";
+export {
+  r as Tag,
+  T as TagGroup
+};

package/text/index.cjs

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

package/text/index.js

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

package/textfield/index.cjs

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

package/textfield/index.js

@@ -0,0 +1,7 @@
+import { I as s, b as t, a as x, T } from "../TextArea-DSiQ578a.js";
+export {
+  s as Input,
+  t as TextArea,
+  x as TextField,
+  T as TextFieldBase
+};

package/theme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tokens-p6pg1Cea.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;

package/theme/index.d.ts

@@ -124,11 +124,13 @@ export declare const theme: {
         fast: string;
     };
     windowSizes: {
+        sm: number;
         md: number;
         lg: number;
         xl: number;
     };
     breakpoints: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
@@ -169,6 +171,8 @@ export declare const theme: {
         fieldActive02: string;
         fieldDisabled: string;
         fieldSkeleton: string;
+        skeleton01: string;
+        skeleton02: string;
         iconPrimary: string;
         iconSecondary: string;
         iconTertiary: string;

package/{theme.js → theme/index.js}

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-C0U7hdoO.js";
-import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-C0U7hdoO.js";
+import { t as s } from "../tokens-xp-7KMK7.js";
+import { b as n, e as r, f as i, s as p, c as m, d as c, a as b, w as d, z as f } from "../tokens-xp-7KMK7.js";
 const t = { ...s };
 export {
   n as baseColors,

package/theme/tokens.d.ts

@@ -122,11 +122,13 @@ export declare const transitions: {
     fast: string;
 };
 export declare const windowSizes: {
+    sm: number;
     md: number;
     lg: number;
     xl: number;
 };
 export declare const breakpoints: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;
@@ -166,7 +168,12 @@ export declare const semantic: {
     fieldHover02: string;
     fieldActive02: string;
     fieldDisabled: string;
+    /**
+     *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+     */
     fieldSkeleton: string;
+    skeleton01: string;
+    skeleton02: string;
     iconPrimary: string;
     iconSecondary: string;
     iconTertiary: string;
@@ -211,6 +218,9 @@ export declare const semantic: {
     buttonBackgroundDangerHover: string;
     buttonBackgroundDangerActive: string;
     buttonBackgroundDisabled: string;
+    /**
+     *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+     */
     buttonBackgroundSkeleton: string;
     buttonBorderSecondary: string;
     logoPrimary: string;

package/toast/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Toast-DrkOGy4d.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

@@ -0,0 +1,9 @@
+import { G as o, b as t, T as e, a as T, t as r, u } from "../Toast-CjpldAI8.js";
+export {
+  o as GlobalToastRegion,
+  t as Toast,
+  e as ToastProvider,
+  T as ToastRegion,
+  r as toastQueue,
+  u as useToastState
+};

package/toggle-button/index.cjs

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

package/toggle-button/index.js

@@ -0,0 +1,5 @@
+import { T as g, a } from "../ToggleButtonGroup-Ceh9_yBM.js";
+export {
+  g as ToggleButton,
+  a as ToggleButtonGroup
+};

package/tokens-p6pg1Cea.cjs

@@ -0,0 +1 @@
+"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#94BCD1",blue60:"#82b0c9",blue70:"#6CA3C0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue110:"#2C7399",blue120:"#29698C",blue130:"#25607f",blue150:"#143c50",purple80:"#b46ab4",purple110:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed10:"#ffefef",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed40:"#f9b0b0",signalRed50:"#f69999",signalRed60:"#f38181",signalRed70:"#ef6a6a",signalRed80:"#eb4e4e",signalRed90:"#e93b3b",signalRed100:"#e62323",signalRed110:"#d12020",signalRed120:"#bc1d1d",signalRed130:"#a71919",signalRed140:"#921616",signalRed150:"#7d1313",signalRed160:"#691010",signalRed170:"#540d0d",signalRed180:"#3f0a0a",signalRed190:"#2a0606",signalRed200:"#150303"},a={fontFamily:'"Inter", sans-serif',lineHeight10:1,lineHeight20:1.125,lineHeight30:1.25,lineHeight40:1.375,lineHeight50:1.5,lineHeight60:1.75,lineHeight70:2,lineHeight80:2.25,lineHeight90:2.5,lineHeight100:2.75,fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={sm:480,md:768,lg:1024,xl:1280},t={xs:`(max-width: ${e.sm-1}px)`,sm:`(min-width: ${e.sm}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue150}, ${r.blue100})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,skeleton01:`light-dark(${r.gray10}, ${r.gray180})`,skeleton02:`light-dark(${r.gray30}, ${r.gray160})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue150}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue120}, ${r.blue70})`,linkHover:`light-dark(${r.blue150}, ${r.blue50})`,linkPressed:`light-dark(${r.gray200}, ${r.blue40})`,linkVisited:`light-dark(${r.purple110}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue150}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue150}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue130}, ${r.blue130})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue150})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed120}, ${r.signalRed120})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed150}, ${r.signalRed150})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue150}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;

package/{tokens-C0U7hdoO.js → tokens-xp-7KMK7.js}

@@ -149,11 +149,13 @@ const r = {
   normal: "300ms",
   fast: "250ms"
 }, e = {
+  sm: 480,
   md: 768,
-  lg: 1200,
-  xl: 1440
+  lg: 1024,
+  xl: 1280
 }, t = {
-  sm: `(max-width: ${e.md - 1}px)`,
+  xs: `(max-width: ${e.sm - 1}px)`,
+  sm: `(min-width: ${e.sm}px)`,
   md: `(min-width: ${e.md}px)`,
   lg: `(min-width: ${e.lg}px)`,
   xl: `(min-width: ${e.xl}px)`,
@@ -191,7 +193,12 @@ const r = {
   fieldHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
   fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
   fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  /**
+   *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+   */
   fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
+  skeleton01: `light-dark(${r.gray10}, ${r.gray180})`,
+  skeleton02: `light-dark(${r.gray30}, ${r.gray160})`,
   iconPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
   iconSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
   iconTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
@@ -236,6 +243,9 @@ const r = {
   buttonBackgroundDangerHover: `light-dark(${r.signalRed120}, ${r.signalRed120})`,
   buttonBackgroundDangerActive: `light-dark(${r.signalRed150}, ${r.signalRed150})`,
   buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  /**
+   *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+   */
   buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
   buttonBorderSecondary: `light-dark(${r.blue150}, ${r.gray10})`,
   logoPrimary: `light-dark(${r.red100}, ${r.white})`,
@@ -262,11 +272,11 @@ const r = {
 export {
   a,
   r as b,
-  g as c,
-  l as d,
-  i as e,
-  t as f,
-  d as s,
+  l as c,
+  i as d,
+  t as e,
+  d as f,
+  g as s,
   o as t,
   e as w,
   n as z

package/tooltip/index.cjs

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

package/tooltip/index.js

@@ -0,0 +1,5 @@
+import { T, a } from "../Tooltip-BAIjaYax.js";
+export {
+  T as Tooltip,
+  a as TooltipTrigger
+};