welcome-ui 10.0.0-alpha.15 → 10.0.0-alpha.17

package/dist/Modal.css

@@ -1 +1 @@
-@layer components{._root_1ruus_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1ruus_8{background-color:color-mix(in oklab,var(--color-background-neutral-primary-fixed) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1ruus_8._hideOnInteractOutside_1ruus_19{cursor:pointer}._asset-backdrop_1ruus_8[data-enter]{opacity:1}._iframe-wrapper_1ruus_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1ruus_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1ruus_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1ruus_25{max-width:1600px}}._asset-wrapper_1ruus_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--size-icon-xl);overflow:hidden}._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{background-color:var(--color-background-neutral-inverse-fixed);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--border-radius-xs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--border-radius-lg)}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{height:var(--titleBlockDesktop);padding-inline:var(--border-radius-2xl)}}._asset-wrapper_1ruus_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1ruus_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{background-color:var(--color-background-neutral-primary-fixed);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1ruus_56{margin:var(--font-letter-spacing-none)}._asset-content_1ruus_96{transition:margin-top .25s ease-in-out}._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:1600px}}._dialog_1ruus_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--border-radius-sm);opacity:0;transition:opacity .25s ease-in-out}._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1ruus_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1ruus_117 ._asset-content_1ruus_96{margin-top:var(--border-radius-2xl)}._dialog_1ruus_117[data-enter]{opacity:1}._dialog_1ruus_117[data-enter] ._asset-content_1ruus_96{margin-top:0}._close-button_1ruus_159{position:absolute;right:var(--border-radius-2xl);top:var(--border-radius-2xl);color:var(--color-background-neutral-primary-fixed);border-color:var(--color-background-neutral-inverse-fixed);background-color:var(--color-background-neutral-inverse-fixed)}._close-button_1ruus_159:hover{background-color:var(--color-background-neutral-subtle)}}@layer components{._root_a4zjh_4{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);z-index:999;border-radius:var(--border-radius-sm);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--border-radius-2xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialogWidth: 100%}._root_a4zjh_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_a4zjh_4{height:fit-content;max-height:calc(2 * var(--border-radius-2xl) + 100vh);width:var(--dialogWidth)}}._root_a4zjh_4:has(._body_a4zjh_48):not(:has(._footer_a4zjh_48)) ._header_a4zjh_48,._root_a4zjh_4:has(._footer_a4zjh_48):not(:has(._body_a4zjh_48)) ._header_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48) ._body_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48):has(._header_a4zjh_48) ._body_a4zjh_48{padding-right:var(--size-icon-xl)}._root_a4zjh_4._scrollable_a4zjh_60 ._footer_a4zjh_48{border-top-width:var(--border-width-xs)}._root_a4zjh_4:not(:has(._header_a4zjh_48)):not(:has(._body_a4zjh_48)) ._footer_a4zjh_48{padding-top:var(--border-radius-xl)}._root_a4zjh_4:has(._header_a4zjh_48) ._content_a4zjh_66._with-close-button_a4zjh_66>._close_a4zjh_66{display:none}._size-lg_a4zjh_69{--dialogWidth: 45rem}._size-md_a4zjh_73{--dialogWidth: 37.5rem}._size-sm_a4zjh_77{--dialogWidth: 28.125rem}._size-xs_a4zjh_81{--dialogWidth: 20rem}._backdrop_a4zjh_85{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_a4zjh_85._hideOnInteractOutside_a4zjh_96{cursor:pointer}._backdrop_a4zjh_85[data-enter]{opacity:1}._close_a4zjh_66{position:sticky;top:var(--border-radius-xl);left:calc(100% - var(--border-radius-xl) - var(--size-icon-xl));z-index:1}._header_a4zjh_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background-neutral-inverse-fixed);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-top:var(--size-icon-xl)}._header_a4zjh_48:has(>._header-subtitle_a4zjh_124) ._header-title_a4zjh_124{margin-bottom:var(--border-radius-xl)}._header_a4zjh_48._icon_a4zjh_127{align-items:center}._header_a4zjh_48._icon_a4zjh_127 ._header-title_a4zjh_124{margin-top:var(--border-radius-2xl)}._header_a4zjh_48 ._close_a4zjh_66{position:absolute;right:var(--border-radius-xl)}._header-subtitle_a4zjh_124{color:var(--color-background-neutral-tertiary);margin:0}._body_a4zjh_48{color:var(--color-background-neutral-primary-fixed);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-bottom:var(--size-icon-xl)}._footer_a4zjh_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-background-neutral-inverse-fixed);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);border-top:0 solid var(--color-background-neutral-subtlest)}._footer-children-wrapper_a4zjh_158{padding-bottom:var(--border-radius-2xl);padding-top:var(--border-radius-xl);padding-inline:var(--size-icon-xl)}._footer-information_a4zjh_163{background-color:var(--color-background-warm-primary);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-xl);padding-top:var(--border-radius-2xl)}._footer-information-title_a4zjh_170{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._footer-information-subtitle_a4zjh_174{color:var(--color-background-neutral-primary-fixed);margin-bottom:var(--font-letter-spacing-none);margin-top:var(--border-radius-lg)}}
+@layer components{._root_1ruus_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1ruus_8{background-color:color-mix(in oklab,var(--color-background-neutral-primary-fixed) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1ruus_8._hideOnInteractOutside_1ruus_19{cursor:pointer}._asset-backdrop_1ruus_8[data-enter]{opacity:1}._iframe-wrapper_1ruus_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1ruus_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1ruus_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1ruus_25{max-width:1600px}}._asset-wrapper_1ruus_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--size-icon-xl);overflow:hidden}._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{background-color:var(--color-background-neutral-inverse-fixed);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--border-radius-xs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--border-radius-lg)}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{height:var(--titleBlockDesktop);padding-inline:var(--border-radius-2xl)}}._asset-wrapper_1ruus_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1ruus_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{background-color:var(--color-background-neutral-primary-fixed);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1ruus_56{margin:var(--font-letter-spacing-none)}._asset-content_1ruus_96{transition:margin-top .25s ease-in-out}._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:1600px}}._dialog_1ruus_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--border-radius-sm);opacity:0;transition:opacity .25s ease-in-out}._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1ruus_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1ruus_117 ._asset-content_1ruus_96{margin-top:var(--border-radius-2xl)}._dialog_1ruus_117[data-enter]{opacity:1}._dialog_1ruus_117[data-enter] ._asset-content_1ruus_96{margin-top:0}._close-button_1ruus_159{position:absolute;right:var(--border-radius-2xl);top:var(--border-radius-2xl);color:var(--color-background-neutral-primary-fixed);border-color:var(--color-background-neutral-inverse-fixed);background-color:var(--color-background-neutral-inverse-fixed)}._close-button_1ruus_159:hover{background-color:var(--color-background-neutral-subtle)}}@layer components{._root_1hv3y_4{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);z-index:999;border-radius:var(--border-radius-sm);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--border-radius-2xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialogWidth: 100%}._root_1hv3y_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_1hv3y_4{height:fit-content;max-height:calc(2 * var(--border-radius-2xl) + 100vh);width:var(--dialogWidth)}}._root_1hv3y_4:has(._body_1hv3y_48):not(:has(._footer_1hv3y_48)) ._header_1hv3y_48,._root_1hv3y_4:has(._footer_1hv3y_48):not(:has(._body_1hv3y_48)) ._header_1hv3y_48{padding-bottom:var(--border-radius-xl)}._root_1hv3y_4:has(._footer_1hv3y_48) ._body_1hv3y_48{padding-bottom:var(--border-radius-xl)}._root_1hv3y_4:has(._footer_1hv3y_48):has(._header_1hv3y_48) ._body_1hv3y_48{padding-right:var(--size-icon-xl)}._root_1hv3y_4._scrollable_1hv3y_60 ._footer_1hv3y_48{border-top-width:var(--border-width-xs)}._root_1hv3y_4:not(:has(._header_1hv3y_48)):not(:has(._body_1hv3y_48)) ._footer_1hv3y_48{padding-top:var(--border-radius-xl)}._root_1hv3y_4:has(._header_1hv3y_48) ._content_1hv3y_66._with-close-button_1hv3y_66>._close_1hv3y_66{display:none}._size-lg_1hv3y_69{--dialogWidth: 45rem}._size-md_1hv3y_73{--dialogWidth: 37.5rem}._size-sm_1hv3y_77{--dialogWidth: 28.125rem}._size-xs_1hv3y_81{--dialogWidth: 20rem}._backdrop_1hv3y_85{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_1hv3y_85._hideOnInteractOutside_1hv3y_96{cursor:pointer}._backdrop_1hv3y_85[data-enter]{opacity:1}._close_1hv3y_66{position:sticky;top:var(--border-radius-xl);left:calc(100% - var(--border-radius-xl) - var(--size-icon-xl));z-index:1}._header_1hv3y_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background-neutral-inverse-fixed);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-top:var(--size-icon-xl)}._header_1hv3y_48:has(>._header-subtitle_1hv3y_124) ._header-title_1hv3y_124{margin-bottom:var(--border-radius-xl)}._header_1hv3y_48._icon_1hv3y_127{align-items:center}._header_1hv3y_48._icon_1hv3y_127 ._header-title_1hv3y_124{margin-top:var(--border-radius-2xl)}._header_1hv3y_48 ._header-title_1hv3y_124{text-align:center}._header_1hv3y_48 ._close_1hv3y_66{position:absolute;right:var(--border-radius-xl)}._header-subtitle_1hv3y_124{color:var(--color-background-neutral-tertiary);margin:0}._body_1hv3y_48{color:var(--color-background-neutral-primary-fixed);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-bottom:var(--size-icon-xl)}._footer_1hv3y_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-background-neutral-inverse-fixed);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);border-top:0 solid var(--color-background-neutral-subtlest)}._footer-children-wrapper_1hv3y_161{padding-bottom:var(--border-radius-2xl);padding-top:var(--border-radius-xl);padding-inline:var(--size-icon-xl)}._footer-information_1hv3y_166{background-color:var(--color-background-warm-primary);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-xl);padding-top:var(--border-radius-2xl)}._footer-information-title_1hv3y_173{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._footer-information-subtitle_1hv3y_177{color:var(--color-background-neutral-primary-fixed);margin-bottom:var(--font-letter-spacing-none);margin-top:var(--border-radius-lg)}}

package/dist/Modal.js

@@ -5,8 +5,8 @@ import { b as R } from "./RTNCFSKZ-BywELldk.js";
 import { D as V, u as q } from "./NI3IVY7K-Dy240mkD.js";
 import { forwardRef as i, isValidElement as G, cloneElement as J, useState as K, useEffect as L } from "react";
 import { c as r } from "./index-PAaZGbyz.js";
-import { f as j } from "./forwardRefWithAs-8eP3ZN15.js";
-import { D as y } from "./DSAASPLT-Fx1kuAsk.js";
+import { f as g } from "./forwardRefWithAs-8eP3ZN15.js";
+import { D as x } from "./DSAASPLT-Fx1kuAsk.js";
 import { Icon as P } from "./Icon.js";
 import { Button as Q } from "./Button.js";
 import { Text as m } from "./Text.js";
@@ -23,9 +23,9 @@ const Y = "_root_1ruus_3", Z = "_hideOnInteractOutside_1ruus_19", ee = "_dialog_
   "asset-content": "_asset-content_1ruus_96",
   dialog: ee,
   "close-button": "_close-button_1ruus_159"
-}, te = r(c), x = ({ children: e, ...t }) => /* @__PURE__ */ o(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
-x.displayName = "AssetModal.Close";
-const se = r(c), M = i(
+}, te = r(c), M = ({ children: e, ...t }) => /* @__PURE__ */ o(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
+M.displayName = "AssetModal.Close";
+const se = r(c), $ = i(
   ({ hideOnInteractOutside: e, ...t }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -33,100 +33,100 @@ const se = r(c), M = i(
       ...t,
       ref: s,
       children: /* @__PURE__ */ o(
-        y,
+        x,
         {
-          render: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(P, { name: "times" }) })
+          render: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(P, { name: "times" }) })
         }
       )
     }
   )
 );
-M.displayName = "AssetModal.Backdrop";
-const oe = r(c), $ = ({
+$.displayName = "AssetModal.Backdrop";
+const oe = r(c), w = ({
   children: e,
   className: t,
   ...s
 }) => /* @__PURE__ */ o("div", { className: oe("root", "asset-content", t), ...s, children: e });
-$.displayName = "AssetModal.Content";
+w.displayName = "AssetModal.Content";
 const ae = r(c), f = ({ children: e, ...t }) => /* @__PURE__ */ o(m, { as: "p", className: ae("asset-title"), lines: 2, variant: "heading-md-strong", ...t, children: e });
 f.displayName = "AssetModal.Title";
-const g = r(c), v = i(
-  ({ children: e, customContent: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: g("root", "asset-wrapper"), ref: l, ...n, children: [
+const b = r(c), O = i(
+  ({ children: e, customContent: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: b("root", "asset-wrapper"), ref: l, ...n, children: [
     e,
-    /* @__PURE__ */ _("div", { className: g("root", "asset-title-wrapper"), children: [
+    /* @__PURE__ */ _("div", { className: b("root", "asset-title-wrapper"), children: [
       t,
       !t && s ? /* @__PURE__ */ o(m, { variant: "label-md", children: s }) : null,
       !t && a ? /* @__PURE__ */ o(f, { children: a }) : null
     ] })
   ] })
 );
-v.displayName = "AssetModal.AssetWithTitle";
-const re = r(c), w = ({
+O.displayName = "AssetModal.AssetWithTitle";
+const re = r(c), A = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ o("div", { className: re("root", "dialog"), ...t, children: e });
-w.displayName = "AssetModal";
-const ne = r(c), O = ({ children: e }) => /* @__PURE__ */ o("div", { className: ne("root", "iframe-wrapper"), children: e });
-O.displayName = "AssetModal.Iframe";
-const le = Object.assign(w, {
-  AssetWithTitle: v,
-  Backdrop: M,
-  Content: $,
-  Iframe: O,
+A.displayName = "AssetModal";
+const ne = r(c), k = ({ children: e }) => /* @__PURE__ */ o("div", { className: ne("root", "iframe-wrapper"), children: e });
+k.displayName = "AssetModal.Iframe";
+const le = Object.assign(A, {
+  AssetWithTitle: O,
+  Backdrop: $,
+  Content: w,
+  Iframe: k,
   Title: f
-}), ie = "_root_a4zjh_4", ce = "_body_a4zjh_48", de = "_footer_a4zjh_48", _e = "_header_a4zjh_48", me = "_scrollable_a4zjh_60", ue = "_content_a4zjh_66", pe = "_close_a4zjh_66", he = "_backdrop_a4zjh_85", fe = "_hideOnInteractOutside_a4zjh_96", Ne = "_icon_a4zjh_127", d = {
+}), ie = "_root_1hv3y_4", ce = "_body_1hv3y_48", de = "_footer_1hv3y_48", _e = "_header_1hv3y_48", me = "_scrollable_1hv3y_60", ue = "_content_1hv3y_66", pe = "_close_1hv3y_66", he = "_backdrop_1hv3y_85", fe = "_hideOnInteractOutside_1hv3y_96", ye = "_icon_1hv3y_127", d = {
   root: ie,
   body: ce,
   footer: de,
   header: _e,
   scrollable: me,
   content: ue,
-  "with-close-button": "_with-close-button_a4zjh_66",
+  "with-close-button": "_with-close-button_1hv3y_66",
   close: pe,
-  "size-lg": "_size-lg_a4zjh_69",
-  "size-md": "_size-md_a4zjh_73",
-  "size-sm": "_size-sm_a4zjh_77",
-  "size-xs": "_size-xs_a4zjh_81",
+  "size-lg": "_size-lg_1hv3y_69",
+  "size-md": "_size-md_1hv3y_73",
+  "size-sm": "_size-sm_1hv3y_77",
+  "size-xs": "_size-xs_1hv3y_81",
   backdrop: he,
   hideOnInteractOutside: fe,
-  "header-subtitle": "_header-subtitle_a4zjh_124",
-  "header-title": "_header-title_a4zjh_124",
-  icon: Ne,
-  "footer-children-wrapper": "_footer-children-wrapper_a4zjh_158",
-  "footer-information": "_footer-information_a4zjh_163",
-  "footer-information-title": "_footer-information-title_a4zjh_170",
-  "footer-information-subtitle": "_footer-information-subtitle_a4zjh_174"
-}, be = r(d), A = i(
+  "header-subtitle": "_header-subtitle_1hv3y_124",
+  "header-title": "_header-title_1hv3y_124",
+  icon: ye,
+  "footer-children-wrapper": "_footer-children-wrapper_1hv3y_161",
+  "footer-information": "_footer-information_1hv3y_166",
+  "footer-information-title": "_footer-information-title_1hv3y_173",
+  "footer-information-subtitle": "_footer-information-subtitle_1hv3y_177"
+}, ve = r(d), B = i(
   ({ backdrop: e, hideOnInteractOutside: t, ...s }, a) => e === !0 ? /* @__PURE__ */ o(
     "div",
     {
-      className: be("backdrop", t && "hideOnInteractOutside"),
+      className: ve("backdrop", t && "hideOnInteractOutside"),
       ref: a,
       ...s
     }
   ) : G(e) ? J(e, { ref: a, ...s }) : null
 );
-A.displayName = "Modal.Backdrop";
-const ze = r(d), k = i(({ className: e, ...t }, s) => /* @__PURE__ */ o("section", { className: ze("body", e), ref: s, ...t }));
-k.displayName = "Modal.Body";
-const ge = r(d), N = (e) => /* @__PURE__ */ o(y, { render: /* @__PURE__ */ o(U, { className: ge("close"), ...e }) });
-N.displayName = "Modal.Close";
-const je = r(d), B = i(
+B.displayName = "Modal.Backdrop";
+const Ne = r(d), C = i(({ className: e, ...t }, s) => /* @__PURE__ */ o("section", { className: Ne("body", e), ref: s, ...t }));
+C.displayName = "Modal.Body";
+const be = r(d), y = (e) => /* @__PURE__ */ o(x, { render: /* @__PURE__ */ o(U, { className: be("close"), ...e }) });
+y.displayName = "Modal.Close";
+const ge = r(d), D = i(
   ({ children: e, className: t, withClosingButton: s = !0, ...a }, n) => /* @__PURE__ */ _(
     "div",
     {
-      className: je("content", s && "with-close-button", t),
+      className: ge("content", s && "with-close-button", t),
       ref: n,
       ...a,
       children: [
-        /* @__PURE__ */ o(N, {}),
+        /* @__PURE__ */ o(y, {}),
         e
       ]
     }
   )
 );
-B.displayName = "Modal.Content";
-const u = r(d), C = i(
+D.displayName = "Modal.Content";
+const u = r(d), I = i(
   ({ children: e, className: t, information: s, ...a }, n) => /* @__PURE__ */ _("footer", { className: u("footer", t), ref: n, ...a, children: [
     e ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: e }) : null,
     s ? /* @__PURE__ */ _("div", { className: u("footer-information"), children: [
@@ -135,22 +135,22 @@ const u = r(d), C = i(
     ] }) : null
   ] })
 );
-C.displayName = "Modal.Footer";
-const h = r(d), D = i(
+I.displayName = "Modal.Footer";
+const h = r(d), z = i(
   ({ className: e, icon: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("header", { className: h("header", t && "icon", e), ref: l, ...n, children: [
-    /* @__PURE__ */ o(N, {}),
+    /* @__PURE__ */ o(y, {}),
     t,
     /* @__PURE__ */ o(m, { as: "h4", className: h("header-title"), variant: "heading-md-strong", children: a }),
     s ? /* @__PURE__ */ o(m, { className: h("header-subtitle"), children: s }) : null
   ] })
 );
-D.displayName = "Modal.Header";
-const I = j(
+z.displayName = "Modal.Header";
+const T = g(
   ({ as: e, store: t, ...s }, a) => /* @__PURE__ */ o(X, { ref: a, render: e ? /* @__PURE__ */ o(e, {}) : void 0, store: t, ...s })
 );
-I.displayName = "Modal.Trigger";
-const ye = r(d);
-function Te(e) {
+T.displayName = "Modal.Trigger";
+const xe = r(d);
+function Se(e) {
   const { onClose: t, setOpen: s, ...a } = e || {};
   return q({
     setOpen: (l) => {
@@ -159,7 +159,7 @@ function Te(e) {
     ...a
   });
 }
-const T = j(
+const S = g(
   ({
     ariaLabel: e,
     /** for render property */
@@ -168,21 +168,21 @@ const T = j(
     children: a,
     className: n,
     hideOnInteractOutside: l = !0,
-    size: S = "lg",
-    store: b,
+    size: j = "lg",
+    store: v,
     ...E
   }, H) => {
-    const [W, F] = K(!1), { contentElement: p, open: z } = R(b);
+    const [W, F] = K(!1), { contentElement: p, open: N } = R(v);
     return L(() => {
-      z && p && F(p.scrollHeight > p.offsetHeight);
-    }, [p, z]), /* @__PURE__ */ o(
+      N && p && F(p.scrollHeight > p.offsetHeight);
+    }, [p, N]), /* @__PURE__ */ o(
       V,
       {
-        backdrop: /* @__PURE__ */ o(A, { backdrop: s, hideOnInteractOutside: l }),
+        backdrop: /* @__PURE__ */ o(B, { backdrop: s, hideOnInteractOutside: l }),
         hideOnInteractOutside: l,
         ref: H,
-        render: t ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o("div", { className: ye("root", `size-${S}`, W && "scrollable", n) }),
-        store: b,
+        render: t ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o("div", { className: xe("root", `size-${j}`, W && "scrollable", n) }),
+        store: v,
         ...E,
         "aria-label": e,
         children: a
@@ -190,16 +190,16 @@ const T = j(
     );
   }
 );
-T.displayName = "Modal";
-const Se = Object.assign(T, {
-  Body: k,
-  Content: B,
-  Footer: C,
-  Header: D,
-  Trigger: I
+S.displayName = "Modal";
+const je = Object.assign(S, {
+  Body: C,
+  Content: D,
+  Footer: I,
+  Header: z,
+  Trigger: T
 }), Ee = le;
 export {
   Ee as AssetModal,
-  Se as Modal,
-  Te as useModal
+  je as Modal,
+  Se as useModal
 };

package/dist/Stepper.css

@@ -1 +1 @@
-@layer components{._root_1wnun_2{display:flex;align-items:center;overflow-x:auto;border-style:solid;transition-property:border-color,box-shadow;transition-timing-function:ease-in-out;gap:var(--components-dimensions-stepper-gap-content);padding-block:var(--components-dimensions-stepper-padding-block);padding-inline:var(--components-dimensions-stepper-padding-inline);border-width:var(--components-dimensions-stepper-border-width-default);border-radius:var(--components-dimensions-stepper-border-radius);border-color:var(--stepperBorderColor, var(--components-colors-stepper-color-border-default));background-color:var(--components-colors-stepper-color-background);transition-duration:var(--duration-fast);box-shadow:var(--stepperBoxShadow, var(--elevation-10))}._root_1wnun_2 svg{width:var(--components-dimensions-stepper-size-icon);height:var(--components-dimensions-stepper-size-icon)}._root_1wnun_2:hover{--stepperBorderColor: var(--components-colors-stepper-color-border-hover);--stepperBoxShadow: var(--elevation-20)}._separator_1wnun_28{color:var(--components-colors-stepper-color-icon-default)}._item_1wnun_31{display:flex;align-items:center;transition-property:background-color,border-color,color;transition-timing-function:ease-in-out;gap:var(--components-dimensions-stepper-step-gap-content);padding-block:var(--components-dimensions-stepper-step-padding-block);padding-inline:var(--components-dimensions-stepper-step-padding-inline);border-width:var(--components-dimensions-stepper-step-border-width-active);border-radius:var(--components-dimensions-stepper-step-border-radius);transition-duration:var(--duration-medium);background-color:var(--stepperItemBackgroundColor, var(--components-colors-stepper-step-color-background-unchecked-default));border-color:var(--stepperItemBorderColor, transparent);color:var(--stepperItemColor, var(--components-colors-stepper-step-color-text-unchecked-default))}._item_1wnun_31 svg{width:var(--components-dimensions-stepper-step-size-icon);height:var(--components-dimensions-stepper-step-size-icon);color:var(--stepperItemIconColor, var(--components-colors-stepper-step-color-icon-unchecked-default))}._item_1wnun_31[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBorderColor: var(--components-colors-stepper-step-color-border-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default )}._item_1wnun_31[aria-current=true] svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-default)}._item_1wnun_31._clickable_1wnun_64{cursor:pointer}._item_1wnun_31._clickable_1wnun_64:hover{--stepperItemColor: var(--components-colors-stepper-step-color-text-unchecked-hover);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover )}._item_1wnun_31._clickable_1wnun_64:hover:not(._completed_1wnun_73) svg{--stepperItemIconColor: var( --components-colors-stepper-step-color-icon-unchecked-hover )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-default )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]:hover{--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-hover )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]:not(._completed_1wnun_73) svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-hover)}._item_1wnun_31._completed_1wnun_73 svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-success)}}
+@layer components{._root_whyv1_2{position:relative;gap:var(--components-dimensions-stepper-gap-content);padding-block:var(--components-dimensions-stepper-padding-block);padding-inline:var(--components-dimensions-stepper-padding-inline);border-width:var(--components-dimensions-stepper-border-width-default);border-radius:var(--components-dimensions-stepper-border-radius);border-color:var(--stepperBorderColor, var(--components-colors-stepper-color-border-default));background-color:var(--components-colors-stepper-color-background);transition-duration:var(--duration-fast);box-shadow:var(--stepperBoxShadow, var(--elevation-10));overflow:hidden}._wrapper_whyv1_16{display:flex;align-items:center;overflow-x:auto;border-style:solid;transition-property:border-color,box-shadow;transition-timing-function:ease-in-out}._wrapper_whyv1_16 svg{width:var(--components-dimensions-stepper-size-icon);height:var(--components-dimensions-stepper-size-icon)}._wrapper_whyv1_16._fade-left_whyv1_28:before,._wrapper_whyv1_16._fade-right_whyv1_28:after{content:"";position:absolute;top:0;bottom:0;width:70px;pointer-events:none;z-index:1}._wrapper_whyv1_16._fade-left_whyv1_28:before{left:0;background:linear-gradient(to right,var(--components-colors-stepper-color-background),transparent)}._wrapper_whyv1_16._fade-right_whyv1_28:after{right:0;background:linear-gradient(to left,var(--components-colors-stepper-color-background),transparent)}._wrapper_whyv1_16:hover{--stepperBorderColor: var(--components-colors-stepper-color-border-hover);--stepperBoxShadow: var(--elevation-20)}._separator_whyv1_49{flex-shrink:0;color:var(--components-colors-stepper-color-icon-default)}._item_whyv1_53{display:flex;align-items:center;flex-shrink:0;transition-property:background-color,border-color,color;transition-timing-function:ease-in-out;gap:var(--components-dimensions-stepper-step-gap-content);padding-block:var(--components-dimensions-stepper-step-padding-block);padding-inline:var(--components-dimensions-stepper-step-padding-inline);border-width:var(--components-dimensions-stepper-step-border-width-active);border-radius:var(--components-dimensions-stepper-step-border-radius);transition-duration:var(--duration-medium);background-color:var(--stepperItemBackgroundColor, var(--components-colors-stepper-step-color-background-unchecked-default));border-color:var(--stepperItemBorderColor, transparent);color:var(--stepperItemColor, var(--components-colors-stepper-step-color-text-unchecked-default))}._item_whyv1_53 svg{width:var(--components-dimensions-stepper-step-size-icon);height:var(--components-dimensions-stepper-step-size-icon);color:var(--stepperItemIconColor, var(--components-colors-stepper-step-color-icon-unchecked-default))}._item_whyv1_53[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBorderColor: var(--components-colors-stepper-step-color-border-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default )}._item_whyv1_53[aria-current=true] svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-default)}._item_whyv1_53._clickable_whyv1_87{cursor:pointer}._item_whyv1_53._clickable_whyv1_87:hover{--stepperItemColor: var(--components-colors-stepper-step-color-text-unchecked-hover);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover )}._item_whyv1_53._clickable_whyv1_87:hover:not(._completed_whyv1_96) svg{--stepperItemIconColor: var( --components-colors-stepper-step-color-icon-unchecked-hover )}._item_whyv1_53._clickable_whyv1_87[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-default )}._item_whyv1_53._clickable_whyv1_87[aria-current=true]:hover{--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-hover )}._item_whyv1_53._clickable_whyv1_87[aria-current=true]:not(._completed_whyv1_96) svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-hover)}._item_whyv1_53._completed_whyv1_96 svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-success)}}

package/dist/Stepper.js

@@ -1,50 +1,85 @@
 "use client";
 import './Stepper.css';
-import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Icon as a } from "./Icon.js";
-import { c as u } from "./index-PAaZGbyz.js";
-import { Text as f } from "./Text.js";
-const b = "_root_1wnun_2", N = "_separator_1wnun_28", S = "_item_1wnun_31", k = "_clickable_1wnun_64", w = "_completed_1wnun_73", g = {
-  root: b,
-  separator: N,
-  item: S,
-  clickable: k,
-  completed: w
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as k, useState as _, useRef as R, useEffect as u } from "react";
+import { Icon as i } from "./Icon.js";
+import { c as I } from "./index-PAaZGbyz.js";
+import { Text as x } from "./Text.js";
+const L = "_root_whyv1_2", F = "_wrapper_whyv1_16", j = "_separator_whyv1_49", z = "_item_whyv1_53", E = "_clickable_whyv1_87", O = "_completed_whyv1_96", W = {
+  root: L,
+  wrapper: F,
+  "fade-left": "_fade-left_whyv1_28",
+  "fade-right": "_fade-right_whyv1_28",
+  separator: j,
+  item: z,
+  clickable: E,
+  completed: O
 };
-function x({
-  icon: t,
-  isCompleted: o,
-  isOpen: r
+function q({
+  icon: r,
+  isCompleted: c,
+  isOpen: s
 }) {
-  return t || (o ? /* @__PURE__ */ e(a, { name: "check-circle" }) : r ? /* @__PURE__ */ e(a, { name: "folder-open" }) : /* @__PURE__ */ e(a, { name: "folder" }));
+  return r || (c ? /* @__PURE__ */ t(i, { name: "check-circle" }) : s ? /* @__PURE__ */ t(i, { name: "folder-open" }) : /* @__PURE__ */ t(i, { name: "folder" }));
 }
-const n = u(g), l = d(
-  ({ children: t, className: o }, r) => /* @__PURE__ */ e("ol", { className: n("root", o), ref: r, children: t })
+const p = I(W), w = k(
+  ({ children: r, className: c }, s) => {
+    const [a, l] = _(!1), [m, f] = _(!1), y = R(null), n = s || y;
+    return u(() => {
+      const e = n.current;
+      if (!e) return;
+      const o = () => {
+        const { clientWidth: S, scrollLeft: h, scrollWidth: g } = e;
+        l(h > 0), f(h < g - S - 1);
+      };
+      o(), e.addEventListener("scroll", o);
+      const d = new ResizeObserver(o);
+      return d.observe(e), () => {
+        e.removeEventListener("scroll", o), d.disconnect();
+      };
+    }, [n]), u(() => {
+      const e = n.current;
+      if (!e) return;
+      const o = e.querySelector('[aria-current="true"]');
+      o && o.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    }, [r, n]), /* @__PURE__ */ t("div", { className: p("root"), children: /* @__PURE__ */ t(
+      "ol",
+      {
+        className: p(
+          "wrapper",
+          c,
+          a && "fade-left",
+          m && "fade-right"
+        ),
+        ref: n,
+        children: r
+      }
+    ) });
+  }
 );
-l.displayName = "Stepper";
-const m = () => /* @__PURE__ */ e("div", { className: n("separator"), children: /* @__PURE__ */ e(a, { name: "angle-right-b", size: "lg" }) });
-m.displayName = "Stepper.Separator";
-const i = ({ children: t, icon: o, isCompleted: r, isOpen: c, onClick: s }) => {
-  const p = x({ icon: o, isCompleted: r, isOpen: c });
-  return /* @__PURE__ */ _(
+w.displayName = "Stepper";
+const v = () => /* @__PURE__ */ t("div", { className: p("separator"), children: /* @__PURE__ */ t(i, { name: "angle-right-b", size: "lg" }) });
+v.displayName = "Stepper.Separator";
+const b = ({ children: r, icon: c, isCompleted: s, isOpen: a, onClick: l }) => {
+  const m = q({ icon: c, isCompleted: s, isOpen: a });
+  return /* @__PURE__ */ N(
     "li",
     {
-      "aria-current": c,
-      className: n("item", !!s && "clickable", r && "completed"),
-      onClick: s,
+      "aria-current": a,
+      className: p("item", !!l && "clickable", s && "completed"),
+      onClick: l,
       children: [
-        p,
-        /* @__PURE__ */ e(f, { variant: "label-md", children: t })
+        m,
+        /* @__PURE__ */ t(x, { variant: "label-md", children: r })
       ]
     }
   );
 };
-i.displayName = "Stepper.Item";
-const B = Object.assign(l, {
-  Item: i,
-  Separator: m
+b.displayName = "Stepper.Item";
+const D = Object.assign(w, {
+  Item: b,
+  Separator: v
 });
 export {
-  B as Stepper
+  D as Stepper
 };

package/dist/Tabs.js

@@ -1,33 +1,33 @@
 "use client";
 import './Tabs.css';
-import { jsx as _, jsxs as K } from "react/jsx-runtime";
-import { T as U, a as q, b as D } from "./tab-panel-B8NigruF.js";
-import G, { createContext as V, useMemo as H, forwardRef as M, cloneElement as J, isValidElement as Q } from "react";
-import { c as $ } from "./index-PAaZGbyz.js";
-import { m as X, o as y, c as Y, s as x, d as m, f as Z, u as w, a as E, b as A } from "./RTNCFSKZ-BywELldk.js";
+import { jsx as I, jsxs as W } from "react/jsx-runtime";
+import { T as K, a as U, b as D } from "./tab-panel-B8NigruF.js";
+import G, { createContext as N, useMemo as H, forwardRef as O, cloneElement as J, isValidElement as Q } from "react";
+import { c as V } from "./index-PAaZGbyz.js";
+import { m as X, o as P, c as Y, s as k, d as m, f as Z, u as M, a as T, b as A } from "./RTNCFSKZ-BywELldk.js";
 import { Badge as ee } from "./Badge.js";
 import { f as te } from "./forwardRefWithAs-8eP3ZN15.js";
-import { Icon as oe } from "./Icon.js";
-import { P as se, b as ae } from "./Y67KZUMI-BwLWwpNF.js";
-import { C as ne, a as re } from "./SBSPVDDI-CmtnvvUX.js";
-import { e as ce, M as de, A as P, z as S, B as v, V as O, d as z, a as B, C as N } from "./OE2EFRVA-Dg1R6gaC.js";
-import { c as le, a as ie, u as ue } from "./B7UTNDHN-DDN2hpM5.js";
+import { Icon as ae } from "./Icon.js";
+import { P as oe, b as se } from "./Y67KZUMI-BwLWwpNF.js";
+import { C as re, a as ne } from "./SBSPVDDI-CmtnvvUX.js";
+import { e as le, M as ce, A as w, z as v, B as x, V as z, d as $, a as j, C as E } from "./OE2EFRVA-Dg1R6gaC.js";
+import { c as ie, a as de, u as ue } from "./B7UTNDHN-DDN2hpM5.js";
 import { a as me } from "./OLVWQA7U-UYYsJnlv.js";
-var be = ce(
-  [ae, re],
-  [se, ne]
-), fe = be.useContext;
-V(!1);
-V(null);
-function pe(e = {}) {
-  var r = e, {
+var be = le(
+  [se, ne],
+  [oe, re]
+), pe = be.useContext;
+N(!1);
+N(null);
+function ge(e = {}) {
+  var n = e, {
     composite: t,
-    combobox: c
-  } = r, s = de(r, [
+    combobox: l
+  } = n, o = ce(n, [
     "composite",
     "combobox"
   ]);
-  const p = [
+  const g = [
     "items",
     "renderedItems",
     "moves",
@@ -38,145 +38,465 @@ function pe(e = {}) {
     "focusLoop",
     "focusShift",
     "focusWrap"
-  ], l = X(
-    s.store,
-    y(t, p),
-    y(c, p)
-  ), n = l == null ? void 0 : l.getState(), i = le(P(v({}, s), {
-    store: l,
+  ], i = X(
+    o.store,
+    P(t, g),
+    P(l, g)
+  ), r = i == null ? void 0 : i.getState(), d = ie(w(x({}, o), {
+    store: i,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: S(
-      s.includesBaseElement,
-      n == null ? void 0 : n.includesBaseElement,
+    includesBaseElement: v(
+      o.includesBaseElement,
+      r == null ? void 0 : r.includesBaseElement,
       !1
     ),
-    orientation: S(
-      s.orientation,
-      n == null ? void 0 : n.orientation,
+    orientation: v(
+      o.orientation,
+      r == null ? void 0 : r.orientation,
       "horizontal"
     ),
-    focusLoop: S(s.focusLoop, n == null ? void 0 : n.focusLoop, !0)
-  })), g = ie(), k = P(v({}, i.getState()), {
-    selectedId: S(
-      s.selectedId,
-      n == null ? void 0 : n.selectedId,
-      s.defaultSelectedId
+    focusLoop: v(o.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  })), h = de(), y = w(x({}, d.getState()), {
+    selectedId: v(
+      o.selectedId,
+      r == null ? void 0 : r.selectedId,
+      o.defaultSelectedId
     ),
-    selectOnMove: S(
-      s.selectOnMove,
-      n == null ? void 0 : n.selectOnMove,
+    selectOnMove: v(
+      o.selectOnMove,
+      r == null ? void 0 : r.selectOnMove,
       !0
     )
-  }), o = Y(k, i, l);
-  x(
-    o,
-    () => m(o, ["moves"], () => {
-      const { activeId: a, selectOnMove: d } = o.getState();
-      if (!d || !a) return;
-      const u = i.item(a);
-      u && (u.dimmed || u.disabled || o.setState("selectedId", u.id));
+  }), a = Y(y, d, i);
+  k(
+    a,
+    () => m(a, ["moves"], () => {
+      const { activeId: s, selectOnMove: c } = a.getState();
+      if (!c || !s) return;
+      const u = d.item(s);
+      u && (u.dimmed || u.disabled || a.setState("selectedId", u.id));
     })
   );
-  let I = !0;
-  x(
-    o,
-    () => Z(o, ["selectedId"], (a, d) => {
-      if (!I) {
-        I = !0;
+  let f = !0;
+  k(
+    a,
+    () => Z(a, ["selectedId"], (s, c) => {
+      if (!f) {
+        f = !0;
         return;
       }
-      t && a.selectedId === d.selectedId || o.setState("activeId", a.selectedId);
+      t && s.selectedId === c.selectedId || a.setState("activeId", s.selectedId);
     })
-  ), x(
-    o,
-    () => m(o, ["selectedId", "renderedItems"], (a) => {
-      if (a.selectedId !== void 0) return;
-      const { activeId: d, renderedItems: u } = o.getState(), b = i.item(d);
+  ), k(
+    a,
+    () => m(a, ["selectedId", "renderedItems"], (s) => {
+      if (s.selectedId !== void 0) return;
+      const { activeId: c, renderedItems: u } = a.getState(), b = d.item(c);
       if (b && !b.disabled && !b.dimmed)
-        o.setState("selectedId", b.id);
+        a.setState("selectedId", b.id);
       else {
-        const h = u.find(
-          (f) => !f.disabled && !f.dimmed
+        const _ = u.find(
+          (p) => !p.disabled && !p.dimmed
         );
-        o.setState("selectedId", h == null ? void 0 : h.id);
+        a.setState("selectedId", _ == null ? void 0 : _.id);
       }
     })
-  ), x(
-    o,
-    () => m(o, ["renderedItems"], (a) => {
-      const d = a.renderedItems;
-      if (d.length)
-        return m(g, ["renderedItems"], (u) => {
+  ), k(
+    a,
+    () => m(a, ["renderedItems"], (s) => {
+      const c = s.renderedItems;
+      if (c.length)
+        return m(h, ["renderedItems"], (u) => {
           const b = u.renderedItems;
-          b.some((f) => !f.tabId) && b.forEach((f, F) => {
-            if (f.tabId) return;
-            const T = d[F];
-            T && g.renderItem(P(v({}, f), { tabId: T.id }));
+          b.some((p) => !p.tabId) && b.forEach((p, F) => {
+            if (p.tabId) return;
+            const C = c[F];
+            C && h.renderItem(w(x({}, p), { tabId: C.id }));
           });
         });
     })
   );
-  let C = null;
-  return x(o, () => {
-    const a = () => {
-      C = o.getState().selectedId;
-    }, d = () => {
-      I = !1, o.setState("selectedId", C);
+  let S = null;
+  return k(a, () => {
+    const s = () => {
+      S = a.getState().selectedId;
+    }, c = () => {
+      f = !1, a.setState("selectedId", S);
     };
     if (t && "setSelectElement" in t)
-      return O(
-        m(t, ["value"], a),
-        m(t, ["mounted"], d)
+      return z(
+        m(t, ["value"], s),
+        m(t, ["mounted"], c)
       );
-    if (c)
-      return O(
-        m(c, ["selectedValue"], a),
-        m(c, ["mounted"], d)
+    if (l)
+      return z(
+        m(l, ["selectedValue"], s),
+        m(l, ["mounted"], c)
       );
-  }), P(v(v({}, i), o), {
-    panels: g,
-    setSelectedId: (a) => o.setState("selectedId", a),
-    select: (a) => {
-      o.setState("selectedId", a), i.move(a);
+  }), w(x(x({}, d), a), {
+    panels: h,
+    setSelectedId: (s) => a.setState("selectedId", s),
+    select: (s) => {
+      a.setState("selectedId", s), d.move(s);
     }
   });
 }
-function Ie(e, r, t) {
-  N(r, [t.composite, t.combobox]), e = ue(e, r, t), E(e, t, "selectedId", "setSelectedId"), E(e, t, "selectOnMove");
-  const [c, s] = w(() => e.panels, {});
-  return N(s, [e, s]), Object.assign(
-    H(() => z(B({}, e), { panels: c }), [e, c]),
+function fe(e, n, t) {
+  E(n, [t.composite, t.combobox]), e = ue(e, n, t), T(e, t, "selectedId", "setSelectedId"), T(e, t, "selectOnMove");
+  const [l, o] = M(() => e.panels, {});
+  return E(o, [e, o]), Object.assign(
+    H(() => $(j({}, e), { panels: l }), [e, l]),
     { composite: t.composite, combobox: t.combobox }
   );
 }
-function we(e = {}) {
-  const r = me(), t = fe() || r;
-  e = z(B({}, e), {
+function He(e = {}) {
+  const n = me(), t = pe() || n;
+  e = $(j({}, e), {
     composite: e.composite !== void 0 ? e.composite : t,
-    combobox: e.combobox !== void 0 ? e.combobox : r
+    combobox: e.combobox !== void 0 ? e.combobox : n
   });
-  const [c, s] = w(pe, e);
-  return Ie(c, s, e);
+  const [l, o] = M(ge, e);
+  return fe(l, o, e);
 }
-const ge = "_root_peui8_2", j = {
-  root: ge,
+const he = "_root_peui8_2", B = {
+  root: he,
   "size-lg": "_size-lg_peui8_56",
   "size-md": "_size-md_peui8_63",
   "tab-list": "_tab-list_peui8_73"
-};
-function xe({
+}, ke = [
+  "angle-left-b",
+  "angle-right-b",
+  "angle-up",
+  "angle-down",
+  "arrow-left",
+  "arrow-right",
+  "arrow-up",
+  "arrow-down",
+  "left-arrow-to-left",
+  "arrow-to-right",
+  "top-arrow-to-top",
+  "arrow-to-bottom",
+  "angle-double-left",
+  "angle-double-right",
+  "angle-left",
+  "angle-right"
+], ve = [
+  "asterisk",
+  "info-circle",
+  "chart-line",
+  "plus",
+  "chart-line",
+  "archive-alt",
+  "arrows-merge-v",
+  // (not unicons, personal mashup)
+  "arrows-shrink-v",
+  "apps",
+  "edit",
+  "user-check",
+  "user-plus",
+  "user-times",
+  "check",
+  "times",
+  "trash",
+  "import",
+  "upload",
+  "draggable-dots",
+  "copy",
+  "pen",
+  "left-arrow-from-left",
+  "arrow-from-right",
+  "resize-handle",
+  // (not unicons)
+  "arrow-resize-diagonal",
+  "draggabledots",
+  "compress-alt",
+  "external-link-alt",
+  "heart-solid",
+  "heart",
+  "filter",
+  "eye",
+  "eye-slash",
+  "link",
+  "sign-out-alt",
+  "bars",
+  "ellipsis-v",
+  "ellipsis-h",
+  "move-arrow",
+  // (not unicons)
+  "bell",
+  "print",
+  "bolt-alt",
+  "redo",
+  "save",
+  "search",
+  "setting",
+  "share-alt",
+  "share"
+], xe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], Ie = [
+  "music",
+  "rocket",
+  "file-alt",
+  "user-square",
+  "book-reader",
+  "file-question-alt",
+  "sad-solid",
+  "smile-beam-solid",
+  "sad",
+  "smile-beam",
+  "sign-right",
+  "exclamation-triangle",
+  "exclamation-circle",
+  "exclamation-octagon",
+  "chart-pie",
+  "paperclip",
+  "chart-bar",
+  "fire",
+  "user-check",
+  "apps",
+  "trophy",
+  "bookmark-solid",
+  "bookmark",
+  "clock",
+  "comment-alt-lines",
+  "file-edit-alt",
+  "illustration",
+  "calendar",
+  "users-alt",
+  "globe",
+  "graduation-cap",
+  "envelope",
+  "equal-circle",
+  "minus",
+  "venus",
+  "mars",
+  "estate",
+  "info-circle",
+  "columns",
+  "english-to-chinese",
+  "bag-alt",
+  "chart-line",
+  "map-marker-alt",
+  "lock-alt",
+  "flag",
+  // (not unicons)
+  "at",
+  "user",
+  "user-circle",
+  "clipboard-check",
+  // (not unicons, personal mashup)
+  "building",
+  "compass",
+  "phone",
+  "pin",
+  // (not unicons)
+  "microphone",
+  "user-search",
+  // (not unicons, personal mashup)
+  "house-user",
+  "star-solid",
+  "star",
+  "coins",
+  "euro-circle",
+  "file-search-alt",
+  "question-circle",
+  "gift",
+  "birthday-cake",
+  // (not unicons)
+  "bunting-flags",
+  // (not unicons)
+  "tag-alt",
+  "tablet",
+  "mobile",
+  "video",
+  "plus-circle",
+  "pen",
+  "check-circle",
+  "certified",
+  // (not unicons, personal mashup)
+  "plug"
+], Se = [
+  "play",
+  "stop-circle-solid",
+  "pause-circle-solid",
+  "previous",
+  "step-forward",
+  "expand-arrows-alt",
+  "compress-arrows",
+  "screen-share",
+  // (not unicons)
+  "stop-screen-share",
+  // (not unicons)
+  "microphone",
+  "microphone-slash",
+  "cast",
+  // (not unicons)
+  "cast-connected",
+  // (not unicons, personal mashup)
+  "cast-unavailable",
+  // (not unicons, personal mashup)
+  "video",
+  "video-slash",
+  "airplay",
+  "history",
+  "playlist",
+  // (not unicons)
+  "volume-up",
+  "volume-mute",
+  "closed-captioning"
+], we = [
+  "icons",
+  "package",
+  "basketball",
+  "bill",
+  "book-alt",
+  "lightbulb-alt",
+  "life-ring",
+  "calculator-alt",
+  "camera",
+  "shopping-cart",
+  "clipboard-notes",
+  "coffee",
+  "ruler",
+  "desktop",
+  "hard-hat",
+  "credit-card",
+  "moon-solid",
+  "moon",
+  "crosshair",
+  "crown",
+  // (not unicons)
+  "restaurant",
+  "diamond",
+  "industry",
+  // (not unicons)
+  "fingerprint",
+  // (not unicons)
+  "flag",
+  "flag-solid",
+  // (not unicons, personal mashup)
+  "setting",
+  "handshake",
+  "hashtag",
+  // (not unicons)
+  "headphones",
+  "heart",
+  "estate",
+  "balance-scale",
+  "key-skeleton",
+  "leaf",
+  // (not unicons)
+  "map",
+  "masonry",
+  // (not unicons, personal mashup)
+  "masonry-plus",
+  // (not unicons, personal mashup)
+  "megaphone",
+  "microphone",
+  "processor",
+  "euro-circle",
+  "mountains",
+  "pen",
+  "images",
+  "chart-pie-alt",
+  "pizza-slice",
+  "puzzle-piece-solid",
+  "puzzle-piece",
+  "shield",
+  "wrench",
+  "sparkles",
+  // (not unicons)
+  "server",
+  "sun",
+  "hunting",
+  "thumbs-up",
+  "thumbs-down",
+  "trees",
+  "sofa",
+  // (not unicons)
+  "exit",
+  // (not unicons, personal mashup)
+  "redo",
+  "play",
+  "ban"
+], ye = ["folder", "folder-open", "folder-full", "file", "image"], _e = [
+  "bold",
+  "arrow",
+  "brackets-curly",
+  "italic",
+  "list-ol-alt",
+  "list-ul",
+  "quote",
+  // (not unicons)
+  "text-strike-through",
+  "heading",
+  // (not unicons, original creation)
+  "heading-1",
+  // (not unicons, original creation)
+  "heading-2",
+  // (not unicons, original creation)
+  "heading-3",
+  // (not unicons, original creation)
+  "heading-4",
+  // (not unicons, original creation)
+  "heading-5",
+  // (not unicons, original creation)
+  "heading-6",
+  // (not unicons, original creation)
+  "font",
+  "underline"
+], Ce = [
+  "behance",
+  "dribbble",
+  "facebook",
+  "github",
+  "google",
+  "instagram",
+  "linkedin",
+  "npm",
+  // (not unicons)
+  "pinterest",
+  // (not unicons)
+  "slack",
+  "stackoverflow",
+  // (not unicons)
+  "tiktok",
+  "twitch",
+  // (not unicons)
+  "x",
+  // (not unicons)
+  "xing",
+  // (not unicons)
+  "youtube",
+  "zapier",
+  // (not unicons)
+  "medium"
+  // (not unicons)
+], Pe = ["symbol", "wttj"], Te = ["flag-fr", "flag-en", "flag-us"], ze = [
+  ...ve,
+  ...ke,
+  ...Ce,
+  ...xe,
+  ...ye,
+  ...Te,
+  ..._e,
+  ...Ie,
+  ...Se,
+  ...Pe,
+  ...we
+], Ee = (e) => ze.includes(e);
+function Ne({
   icon: e,
-  iconColor: r,
+  iconColor: n,
   isActive: t,
-  size: c
+  size: l
 }) {
   if (!e) return null;
-  if (typeof e != "string") return e;
-  const s = (() => {
-    switch (r) {
+  if (typeof e != "string" || !Ee(e)) return e;
+  const o = (() => {
+    switch (n) {
       case "blue":
         return t ? "text-background-accent-blue-strong" : "text-background-accent-blue-primary";
       case "green":
@@ -195,70 +515,70 @@ function xe({
         return "";
     }
   })();
-  return /* @__PURE__ */ _(oe, { className: s, name: e, size: c });
+  return /* @__PURE__ */ I(ae, { className: o, name: e, size: l });
 }
-const Se = $(j), L = te(
+const Oe = V(B), q = te(
   ({
     as: e,
-    badge: r,
+    badge: n,
     children: t,
-    className: c,
-    icon: s,
-    iconColor: p = "violet",
-    id: l,
-    size: n = "lg",
-    store: i,
-    ...g
-  }, k) => {
-    const { selectedId: o } = A(i), I = o === l, C = xe({
-      icon: s,
-      iconColor: p,
-      isActive: I,
-      size: n
-    }), a = I ? "neutral" : "warm";
-    return /* @__PURE__ */ K(
-      U,
+    className: l,
+    icon: o,
+    iconColor: g = "violet",
+    id: i,
+    size: r = "lg",
+    store: d,
+    ...h
+  }, y) => {
+    const { selectedId: a } = A(d), f = a === i, S = Ne({
+      icon: o,
+      iconColor: g,
+      isActive: f,
+      size: r
+    }), s = f ? "neutral" : "warm";
+    return /* @__PURE__ */ W(
+      K,
       {
-        className: Se("root", `size-${n}`, c),
-        id: l,
-        ref: k,
-        render: e ? /* @__PURE__ */ _(e, {}) : void 0,
-        store: i,
-        ...g,
+        className: Oe("root", `size-${r}`, l),
+        id: i,
+        ref: y,
+        render: e ? /* @__PURE__ */ I(e, {}) : void 0,
+        store: d,
+        ...h,
         children: [
-          C,
+          S,
           t,
-          r ? /* @__PURE__ */ _(ee, { size: n, variant: a, children: r }) : null
+          n ? /* @__PURE__ */ I(ee, { size: r, variant: s, children: n }) : null
         ]
       }
     );
   }
 );
-L.displayName = "Tabs.Tab";
-const R = M(({ children: e, ...r }, t) => /* @__PURE__ */ _(q, { ref: t, ...r, children: e }));
-R.displayName = "Tabs.Panel";
-const ve = $(j), W = M(
-  ({ children: e, className: r, size: t = "lg", store: c, ...s }, p) => {
-    const l = G.Children.map(
+q.displayName = "Tabs.Tab";
+const L = O(({ children: e, ...n }, t) => /* @__PURE__ */ I(U, { ref: t, ...n, children: e }));
+L.displayName = "Tabs.Panel";
+const Ve = V(B), R = O(
+  ({ children: e, className: n, size: t = "lg", store: l, ...o }, g) => {
+    const i = G.Children.map(
       e,
-      (n) => Q(n) ? J(n, { size: t }) : n
+      (r) => Q(r) ? J(r, { size: t }) : r
     );
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ I(
       D,
       {
-        className: ve("tab-list", `size-${t}`, r),
-        ref: p,
-        store: c,
-        ...s,
-        children: l
+        className: Ve("tab-list", `size-${t}`, n),
+        ref: g,
+        store: l,
+        ...o,
+        children: i
       }
     );
   }
 );
-W.displayName = "Tabs";
-const ze = Object.assign(W, { Panel: R, Tab: L });
+R.displayName = "Tabs";
+const Je = Object.assign(R, { Panel: L, Tab: q });
 export {
-  ze as Tabs,
-  W as TabsComponent,
-  we as useTab
+  Je as Tabs,
+  R as TabsComponent,
+  He as useTab
 };

package/dist/types/components/Icon/icons.d.ts

@@ -1,12 +1,13 @@
 export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
 export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
-export declare const chat: string[];
+export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines"];
 export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
 export declare const player: readonly ["play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
-export declare const wtf: readonly ["icons", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const wtf: readonly ["icons", "package", "basketball", "bill", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
 export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "file", "image"];
 export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline"];
-export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier"];
+export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium"];
 export declare const welcome: readonly ["symbol", "wttj"];
 export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
-export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", ...string[], "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const isValidIconName: (iconName: string) => iconName is (typeof icons)[number];

package/dist/types/components/Tabs/utils.d.ts

@@ -1,4 +1,4 @@
 import { TabProps } from './types';
 export declare function getIcon({ icon, iconColor, isActive, size, }: Pick<TabProps, 'icon' | 'iconColor' | 'size'> & {
     isActive: boolean;
-}): number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
+}): string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.0.0-alpha.15",
+  "version": "10.0.0-alpha.17",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"