@koide-labs/ui 0.1.2 → 0.1.3

package/README.md

@@ -50,9 +50,12 @@ Then, include the necessary fonts.
 I highly recommend using TailwindCSS.
 
 ```css
-@import "tailwindcss" important;
 @import "@koide-labs/ui/integrations/tailwind.css";
 @import "@koide-labs/ui/styles/core.css";
+
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/preflight.css" layer(base);
+@import "tailwindcss/utilities.css" layer(utilities) important;
 ```
 
 ## Development

package/dist/accordion.css

@@ -1 +1 @@
-@layer ui-component{._accordion_fr915_2{border-bottom:1px solid var(--surface-interactive-border)}._accordion__header_fr915_6{display:flex}._accordion__trigger-icon_fr915_10{transform:rotate(-45deg);transition:transform var(--transition-duration-snappy) var(--transition-timing-function-snappy)}._accordion__trigger_fr915_10{flex-grow:1;flex-shrink:1;flex-direction:row;justify-content:space-between;align-items:center;border-radius:0!important;padding:var(--space-8) var(--space-12);line-height:1}._accordion__trigger_fr915_10[data-panel-open] ._accordion__trigger-icon_fr915_10{transform:rotate(0)}._accordion__panel_fr915_31{transition:height var(--transition-duration-chill) var(--transition-timing-function-chill);height:var(--accordion-panel-height);overflow:hidden}._accordion__panel_fr915_31[data-starting-style],._accordion__panel_fr915_31[data-ending-style]{height:0}._accordion__panel-content_fr915_43{padding:var(--space-12)}}
+@layer components{._accordion_olhk5_2{border-bottom:1px solid var(--surface-interactive-border)}._accordion__header_olhk5_6{display:flex}._accordion__trigger-icon_olhk5_10{transform:rotate(-45deg);transition:transform var(--transition-duration-snappy) var(--transition-timing-function-snappy)}._accordion__trigger_olhk5_10{flex-grow:1;flex-shrink:1;flex-direction:row;justify-content:space-between;align-items:center;border-radius:0!important;padding:var(--space-8) var(--space-12);line-height:1}._accordion__trigger_olhk5_10[data-panel-open] ._accordion__trigger-icon_olhk5_10{transform:rotate(0)}._accordion__panel_olhk5_31{transition:height var(--transition-duration-chill) var(--transition-timing-function-chill);height:var(--accordion-panel-height);overflow:hidden}._accordion__panel_olhk5_31[data-starting-style],._accordion__panel_olhk5_31[data-ending-style]{height:0}._accordion__panel-content_olhk5_43{padding:var(--space-12)}}

package/dist/alert-dialog.css

@@ -1 +1 @@
-@layer ui-component{._alert-dialog__actions_11yi2_2{flex-direction:row;justify-content:end;gap:var(--space-8)}}
+@layer components{._alert-dialog__actions_ndpfw_2{flex-direction:row;justify-content:end;gap:var(--space-8)}}

package/dist/anchor.css

@@ -1 +1 @@
-@layer ui-component{._anchor_1r8mk_2{cursor:pointer;color:var(--primary-stronger);font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default);text-decoration:underline}._anchor_1r8mk_2:visited{color:var(--primary-stronger)}}
+@layer components{._anchor_1bdhy_2{cursor:pointer;color:var(--primary-stronger);font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default);text-decoration:underline}._anchor_1bdhy_2:visited{color:var(--primary-stronger)}}

package/dist/avatar.css

@@ -1 +1 @@
-@layer ui-component{._avatar_o3fws_2{display:flex;position:relative;flex-shrink:0;border-width:1px;border-style:solid;border-color:var(--outline-dimmest);border-radius:var(--border-radius-round);background-color:var(--background-highest);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden}._avatar__image_o3fws_16{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._avatar__fallback_o3fws_22{display:flex;flex:1 1 0%;justify-content:center;align-items:center;border-radius:var(--border-radius-round);width:100%;height:100%;color:var(--foreground-dimmest);font-size:calc(var(--avatar-size) / 2.5)}._avatar_size_sm_o3fws_35{--avatar-size: var(--space-24)}._avatar_size_md_o3fws_39{--avatar-size: var(--space-32)}._avatar_size_lg_o3fws_43{--avatar-size: var(--space-40)}._avatar_size_xl_o3fws_47{--avatar-size: var(--space-48)}._avatar_size_2xl_o3fws_51{--avatar-size: var(--space-56)}._avatar_size_3xl_o3fws_55{--avatar-size: var(--space-64)}}
+@layer components{._avatar_1886r_2{display:flex;position:relative;flex-shrink:0;border-width:1px;border-style:solid;border-color:var(--outline-dimmest);border-radius:var(--border-radius-round);background-color:var(--background-highest);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden}._avatar__image_1886r_16{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._avatar__fallback_1886r_22{display:flex;flex:1 1 0%;justify-content:center;align-items:center;border-radius:var(--border-radius-round);width:100%;height:100%;color:var(--foreground-dimmest);font-size:calc(var(--avatar-size) / 2.5)}._avatar_size_sm_1886r_35{--avatar-size: var(--space-24)}._avatar_size_md_1886r_39{--avatar-size: var(--space-32)}._avatar_size_lg_1886r_43{--avatar-size: var(--space-40)}._avatar_size_xl_1886r_47{--avatar-size: var(--space-48)}._avatar_size_2xl_1886r_51{--avatar-size: var(--space-56)}._avatar_size_3xl_1886r_55{--avatar-size: var(--space-64)}}

package/dist/badge.css

@@ -1 +1 @@
-@layer ui-component{._badge_198pt_2{display:inline-flex;align-items:center;gap:var(--space-4);cursor:default;border-radius:var(--border-radius-16);background-color:var(--view-colorway-dimmer);padding:var(--space-4) var(--space-8);height:var(--space-24);color:var(--view-colorway-strongest);font-size:var(--font-size-small);line-height:1;white-space:nowrap}._badge_shiny_198pt_17{display:inline-flex;flex-direction:row;align-items:center;transition:none;background-image:radial-gradient(circle at top left,var(--view-colorway-dimmest) 34%,var(--view-colorway-dimmer) 50%,var(--view-colorway-dimmest) 66%);background-position:left;background-size:300% 100%}._badge_shiny_198pt_17:hover{transition:background-position .6s var(--transition-timing-function-chill);background-position:right}}
+@layer components{._badge_184a8_2{display:inline-flex;align-items:center;gap:var(--space-4);cursor:default;border-radius:var(--border-radius-16);background-color:var(--view-colorway-dimmer);padding:var(--space-4) var(--space-8);height:var(--space-24);color:var(--view-colorway-strongest);font-size:var(--font-size-small);line-height:1;white-space:nowrap}._badge_shiny_184a8_17{display:inline-flex;flex-direction:row;align-items:center;transition:none;background-image:radial-gradient(circle at top left,var(--view-colorway-dimmest) 34%,var(--view-colorway-dimmer) 50%,var(--view-colorway-dimmest) 66%);background-position:left;background-size:300% 100%}._badge_shiny_184a8_17:hover{transition:background-position .6s var(--transition-timing-function-chill);background-position:right}}

package/dist/button.css

@@ -1 +1 @@
-@layer ui-component{._button_nag0o_2{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-8);box-sizing:border-box;border-radius:var(--border-radius-default);padding-inline:var(--button-padding-inline);height:var(--button-height);white-space:nowrap}._button_height_sm_nag0o_15{--button-padding-inline: var(--space-12);--button-height: var(--space-28)}._button_height_md_nag0o_20{--button-padding-inline: var(--space-16);--button-height: var(--space-32)}._button_height_lg_nag0o_25{--button-padding-inline: var(--space-20);--button-height: var(--space-40)}._button_height_xl_nag0o_30{--button-padding-inline: var(--space-24);--button-height: var(--space-48)}._button_height_2xl_nag0o_35{--button-padding-inline: var(--space-28);--button-height: var(--space-56)}._button_height_3xl_nag0o_40{--button-padding-inline: var(--space-32);--button-height: var(--space-64)}}
+@layer components{._button_y8f8w_2{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-8);box-sizing:border-box;border-radius:var(--border-radius-default);padding-inline:var(--button-padding-inline);height:var(--button-height);white-space:nowrap}._button_height_sm_y8f8w_15{--button-padding-inline: var(--space-12);--button-height: var(--space-28)}._button_height_md_y8f8w_20{--button-padding-inline: var(--space-16);--button-height: var(--space-32)}._button_height_lg_y8f8w_25{--button-padding-inline: var(--space-20);--button-height: var(--space-40)}._button_height_xl_y8f8w_30{--button-padding-inline: var(--space-24);--button-height: var(--space-48)}._button_height_2xl_y8f8w_35{--button-padding-inline: var(--space-28);--button-height: var(--space-56)}._button_height_3xl_y8f8w_40{--button-padding-inline: var(--space-32);--button-height: var(--space-64)}}

package/dist/checkbox.css

@@ -1 +1 @@
-@layer ui-component{._checkbox__label_1pchx_2{display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}._checkbox_1pchx_2{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-4);width:20px;height:20px}._checkbox_1pchx_2[data-checked]{background:var(--view-colorway-dimmer)}._checkbox_1pchx_2[data-checked]:not([disabled],[data-disabled]){background:var(--view-colorway-default)}._checkbox_1pchx_2[data-checked]:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-stronger)}._checkbox__indicator_1pchx_30{pointer-events:none;color:var(--white)}._checkbox__indicator_1pchx_30[data-unchecked]{display:none}}
+@layer components{._checkbox__label_1e2ro_2{display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}._checkbox_1e2ro_2{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-4);width:20px;height:20px}._checkbox_1e2ro_2[data-checked]{background:var(--view-colorway-dimmer)}._checkbox_1e2ro_2[data-checked]:not([disabled],[data-disabled]){background:var(--view-colorway-default)}._checkbox_1e2ro_2[data-checked]:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-stronger)}._checkbox__indicator_1e2ro_30{pointer-events:none;color:var(--white)}._checkbox__indicator_1e2ro_30[data-unchecked]{display:none}}

package/dist/code.css

@@ -1 +1 @@
-@layer ui-component{._code__root_1bx1u_2{border-radius:var(--border-radius-default);overflow:hidden}._code_1bx1u_2{border-radius:var(--border-radius-default);padding:var(--space-8);overflow-x:auto}._code_title_1bx1u_13{border-top-left-radius:0}._code__value_1bx1u_17{font-size:var(--font-size-default);font-family:var(--font-family-code)}._code__title_1bx1u_22{border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default);padding:var(--space-4) var(--space-8);width:-moz-fit-content;width:fit-content}}
+@layer components{._code__root_jkm0m_2{border-radius:var(--border-radius-default);overflow:hidden}._code_jkm0m_2{border-radius:var(--border-radius-default);padding:var(--space-8);overflow-x:auto}._code_title_jkm0m_13{border-top-left-radius:0}._code__value_jkm0m_17{font-size:var(--font-size-default);font-family:var(--font-family-code)}._code__title_jkm0m_22{border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default);padding:var(--space-4) var(--space-8);width:-moz-fit-content;width:fit-content}}

package/dist/collapse.css

@@ -1 +1 @@
-@layer ui-atom{._collapse_10nze_2{opacity:0;transition:height var(--transition-duration-chill) var(--transition-timing-function-chill),opacity var(--transition-duration-chill) var(--transition-timing-function-chill);height:0;overflow-y:hidden}._collapse_expand_10nze_13{opacity:1;height:var(--collapse-height)}._collapse_hidden_10nze_18{position:fixed;top:0;left:0;visibility:hidden;opacity:0;z-index:0;height:-moz-fit-content;height:fit-content;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}
+@layer atom{._collapse_m77a0_2{opacity:0;transition:height var(--transition-duration-chill) var(--transition-timing-function-chill),opacity var(--transition-duration-chill) var(--transition-timing-function-chill);height:0;overflow-y:hidden}._collapse_expand_m77a0_13{opacity:1;height:var(--collapse-height)}._collapse_hidden_m77a0_18{position:fixed;top:0;left:0;visibility:hidden;opacity:0;z-index:0;height:-moz-fit-content;height:fit-content;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}

package/dist/command.css

@@ -1 +1 @@
-@layer ui-component{._command_1t4ah_2{--command-padding: var(--space-6);border:none;padding:0}._command_1t4ah_2 [data-framework-close]{top:var(--space-4);right:var(--space-4)}._command__empty_1t4ah_15{padding:var(--space-28) var(--space-16);padding-top:calc(var(--space-28) + var(--command-padding));text-align:center}._command__input-root_1t4ah_21{position:relative;height:var(--space-32)}._command__input_1t4ah_21{flex-grow:1;flex-shrink:1;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;background-color:transparent;padding:var(--space-4) var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._command__input_1t4ah_21::-moz-placeholder{color:var(--foreground-dimmest)}._command__input_1t4ah_21::placeholder{color:var(--foreground-dimmest)}._command__input_1t4ah_21:not([disabled],[data-disabled]){cursor:text}._command__input-icon_1t4ah_46{position:absolute;top:var(--space-8);left:var(--space-8)}._command__list_1t4ah_52{border:1px solid var(--surface-interactive-border);border-top:0;border-bottom-right-radius:var(--border-radius-default)!important;border-bottom-left-radius:var(--border-radius-default)!important;padding-bottom:var(--command-padding);max-height:var(--space-256);overflow:hidden auto}._command__group_1t4ah_62{padding-top:var(--space-6)}._command__group_1t4ah_62 [cmdk-group-heading]{border:1px solid transparent;padding:0 var(--space-12) var(--space-2) var(--space-12);color:var(--foreground-dimmer);font-size:var(--font-size-small);line-height:var(--line-height-small)}._command__item_1t4ah_75{flex-direction:row;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);height:var(--space-32);-webkit-user-select:none;-moz-user-select:none;user-select:none}._command__item_1t4ah_75[data-selected=true]{background-color:var(--interactive-background)}._command__shortcut_1t4ah_88{margin-left:auto;letter-spacing:.1em}}
+@layer components{._command_1vmbj_2{--command-padding: var(--space-6);border:none;padding:0}._command_1vmbj_2 [data-framework-close]{top:var(--space-4);right:var(--space-4)}._command__empty_1vmbj_15{padding:var(--space-28) var(--space-16);padding-top:calc(var(--space-28) + var(--command-padding));text-align:center}._command__input-root_1vmbj_21{position:relative;height:var(--space-32)}._command__input_1vmbj_21{flex-grow:1;flex-shrink:1;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;background-color:transparent;padding:var(--space-4) var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._command__input_1vmbj_21::-moz-placeholder{color:var(--foreground-dimmest)}._command__input_1vmbj_21::placeholder{color:var(--foreground-dimmest)}._command__input_1vmbj_21:not([disabled],[data-disabled]){cursor:text}._command__input-icon_1vmbj_46{position:absolute;top:var(--space-8);left:var(--space-8)}._command__list_1vmbj_52{border:1px solid var(--surface-interactive-border);border-top:0;border-bottom-right-radius:var(--border-radius-default)!important;border-bottom-left-radius:var(--border-radius-default)!important;padding-bottom:var(--command-padding);max-height:var(--space-256);overflow:hidden auto}._command__group_1vmbj_62{padding-top:var(--space-6)}._command__group_1vmbj_62 [cmdk-group-heading]{border:1px solid transparent;padding:0 var(--space-12) var(--space-2) var(--space-12);color:var(--foreground-dimmer);font-size:var(--font-size-small);line-height:var(--line-height-small)}._command__item_1vmbj_75{flex-direction:row;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);height:var(--space-32);-webkit-user-select:none;-moz-user-select:none;user-select:none}._command__item_1vmbj_75[data-selected=true]{background-color:var(--interactive-background)}._command__shortcut_1vmbj_88{margin-left:auto;letter-spacing:.1em}}

package/dist/components/accordion/accordion.js

@@ -1,4 +1,4 @@
-import { jsx as k, jsxs as ne } from "react/jsx-runtime";
+import { jsx as T, jsxs as ne } from "react/jsx-runtime";
 import { c as Ce } from "../../clsx-OuTLNxxd.js";
 import { textify as te } from "../../-utils.js";
 import { Surface as Ne } from "../surface/surface.js";
@@ -7,7 +7,7 @@ import { Icon as Oe } from "../icon/icon.js";
 import * as r from "react";
 import { u as ae } from "../../useControlled-Du4sJyMj.js";
 import { u as L } from "../../useStableCallback-DKZHlUAT.js";
-import { u as T } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { u as F } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { w as K } from "../../warn-CKtX8MLJ.js";
 import { C as Ee, u as xe } from "../../useCompositeListItem-CZp9WTnF.js";
 import { u as ve } from "../../DirectionContext-C2o_MF_i.js";
@@ -20,9 +20,9 @@ import { u as Ie } from "../../useTransitionStatus-CmMyUh74.js";
 import { i as ie } from "../../isElementDisabled-Cbd8W9kH.js";
 import { b as de, e as ue, c as fe, d as pe, H as we, E as De } from "../../composite-BwEK5cWH.js";
 import { u as Ve } from "../../useButton-d3_JgBNr.js";
-import { s as Fe } from "../../event-B89-Ng5h.js";
-import { u as Te } from "../../useOnMount-VRW6CK2u.js";
-import { u as ke, A as F } from "../../useAnimationFrame-DvK1s63A.js";
+import { s as ke } from "../../event-B89-Ng5h.js";
+import { u as Fe } from "../../useOnMount-VRW6CK2u.js";
+import { u as Te, A as k } from "../../useAnimationFrame-DvK1s63A.js";
 import '../../accordion.css';const G = /* @__PURE__ */ r.createContext(void 0);
 process.env.NODE_ENV !== "production" && (G.displayName = "AccordionRootContext");
 function Y() {
@@ -48,7 +48,7 @@ const He = {
     defaultValue: f,
     ...O
   } = o, E = ve();
-  process.env.NODE_ENV !== "production" && T(() => {
+  process.env.NODE_ENV !== "production" && F(() => {
     m && v === !1 && K("The `keepMounted={false}` prop on a Accordion.Root will be ignored when using `hiddenUntilFound` since it requires Panels to remain mounted when closed.");
   }, [m, v]);
   const S = r.useMemo(() => {
@@ -103,9 +103,9 @@ const He = {
     }, O],
     stateAttributesMapping: He
   });
-  return /* @__PURE__ */ k(G.Provider, {
+  return /* @__PURE__ */ T(G.Provider, {
     value: M,
-    children: /* @__PURE__ */ k(Ee, {
+    children: /* @__PURE__ */ T(Ee, {
       elementsRef: y,
       children: P
     })
@@ -140,7 +140,7 @@ function Ue(n) {
     const D = g.current;
     p.current === "css-animation" && D != null && D.style.removeProperty("animation-name"), !_ && !x && (p.current != null && p.current !== "css-animation" && !C && t && R(!0), p.current === "css-animation" && (!d && t && N(!0), !C && t && R(!0))), v(t), p.current === "none" && C && !t && R(!1);
   });
-  return T(() => {
+  return F(() => {
     c && p.current === "none" && !x && !m && R(!1);
   }, [c, x, m, o, R]), r.useMemo(() => ({
     abortControllerRef: P,
@@ -266,9 +266,9 @@ const Z = {
     props: C,
     stateAttributesMapping: Z
   });
-  return /* @__PURE__ */ k(J.Provider, {
+  return /* @__PURE__ */ T(J.Provider, {
     value: M,
-    children: /* @__PURE__ */ k(Q.Provider, {
+    children: /* @__PURE__ */ T(Q.Provider, {
       value: g,
       children: e
     })
@@ -335,7 +335,7 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
     setTriggerId: M,
     triggerId: P
   } = X();
-  T(() => (c && M(c), () => {
+  F(() => (c && M(c), () => {
     M(void 0);
   }), [c, M]);
   const p = r.useMemo(() => ({
@@ -347,7 +347,7 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
     onKeyDown(g) {
       if (!ze.has(g.key))
         return;
-      Fe(g);
+      ke(g);
       const e = $e(S), s = e.length - 1;
       let t = -1;
       const u = e.indexOf(g.target);
@@ -412,7 +412,7 @@ function Ye(n) {
     transitionDimensionRef: A,
     visible: y,
     width: b
-  } = n, _ = r.useRef(!1), l = r.useRef(null), x = r.useRef(h), M = r.useRef(h), P = ke(), p = r.useMemo(() => i.current === "css-animation" ? !y : !h && !C, [h, C, y, i]), V = L((e) => {
+  } = n, _ = r.useRef(!1), l = r.useRef(null), x = r.useRef(h), M = r.useRef(h), P = Te(), p = r.useMemo(() => i.current === "css-animation" ? !y : !h && !C, [h, C, y, i]), V = L((e) => {
     if (!e)
       return;
     if (i.current == null || A.current == null) {
@@ -426,17 +426,17 @@ function Ye(n) {
       width: e.scrollWidth
     }), M.current && e.style.setProperty("transition-duration", "0s"));
     let a = -1, s = -1;
-    return a = F.request(() => {
-      M.current = !1, s = F.request(() => {
+    return a = k.request(() => {
+      M.current = !1, s = k.request(() => {
         setTimeout(() => {
           e.style.removeProperty("transition-duration");
         });
       });
     }), () => {
-      F.cancel(a), F.cancel(s);
+      k.cancel(a), k.cancel(s);
     };
   }), g = ce(I, d, V);
-  return T(() => {
+  return F(() => {
     if (i.current !== "css-transition")
       return;
     const e = d.current;
@@ -455,7 +455,7 @@ function Ye(n) {
       }), !M.current && !m && e.setAttribute(W.startingStyle, ""), f({
         height: e.scrollHeight,
         width: e.scrollWidth
-      }), a = F.request(() => {
+      }), a = k.request(() => {
         Object.entries(s).forEach(([t, u]) => {
           u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
         });
@@ -487,9 +487,9 @@ function Ye(n) {
       };
     }
     return () => {
-      F.cancel(a);
+      k.cancel(a);
     };
-  }, [o, i, P, c, m, C, h, d, N, f, O]), T(() => {
+  }, [o, i, P, c, m, C, h, d, N, f, O]), F(() => {
     if (i.current !== "css-animation")
       return;
     const e = d.current;
@@ -499,12 +499,12 @@ function Ye(n) {
     }), !x.current && !_.current && e.style.removeProperty("animation-name"), h ? (o.current != null && (o.current.abort(), o.current = null), O(!0), S(!0)) : (o.current = new AbortController(), N(() => {
       O(!1), S(!1), o.current = null;
     }, o.current.signal)));
-  }, [o, i, h, d, N, f, O, S, y]), Te(() => {
-    const e = F.request(() => {
+  }, [o, i, h, d, N, f, O, S, y]), Fe(() => {
+    const e = k.request(() => {
       x.current = !1;
     });
-    return () => F.cancel(e);
-  }), T(() => {
+    return () => k.cancel(e);
+  }), F(() => {
     if (!c)
       return;
     const e = d.current;
@@ -514,16 +514,16 @@ function Ye(n) {
     return h && _.current && (e.style.transitionDuration = "0s", f({
       height: e.scrollHeight,
       width: e.scrollWidth
-    }), a = F.request(() => {
-      _.current = !1, s = F.request(() => {
+    }), a = k.request(() => {
+      _.current = !1, s = k.request(() => {
         setTimeout(() => {
           e.style.removeProperty("transition-duration");
         });
       });
     })), () => {
-      F.cancel(a), F.cancel(s);
+      k.cancel(a), k.cancel(s);
     };
-  }, [c, h, d, f]), T(() => {
+  }, [c, h, d, f]), F(() => {
     const e = d.current;
     e && c && p && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(W.startingStyle, ""));
   }, [c, p, i, d]), r.useEffect(function() {
@@ -580,16 +580,16 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
     setPanelIdState: a,
     transitionStatus: s
   } = he(), t = w ?? R, u = c ?? h;
-  process.env.NODE_ENV !== "production" && T(() => {
+  process.env.NODE_ENV !== "production" && F(() => {
     c === !1 && t && K("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.");
-  }, [t, c]), T(() => {
+  }, [t, c]), F(() => {
     if (m)
       return a(m), () => {
         a(void 0);
       };
-  }, [m, a]), T(() => {
+  }, [m, a]), F(() => {
     l(t);
-  }, [l, t]), T(() => {
+  }, [l, t]), F(() => {
     x(u);
   }, [x, u]), Pe({
     open: S && s === "idle",
@@ -645,13 +645,13 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
   return u || t || !u && O ? Re : null;
 });
 process.env.NODE_ENV !== "production" && (ye.displayName = "AccordionPanel");
-const Je = "_accordion_fr915_2", Qe = "_accordion__header_fr915_6", Xe = "_accordion__trigger_fr915_10", Ze = "_accordion__panel_fr915_31", U = {
+const Je = "_accordion_olhk5_2", Qe = "_accordion__header_olhk5_6", Xe = "_accordion__trigger_olhk5_10", Ze = "_accordion__panel_olhk5_31", U = {
   accordion: Je,
   accordion__header: Qe,
-  "accordion__trigger-icon": "_accordion__trigger-icon_fr915_10",
+  "accordion__trigger-icon": "_accordion__trigger-icon_olhk5_10",
   accordion__trigger: Xe,
   accordion__panel: Ze,
-  "accordion__panel-content": "_accordion__panel-content_fr915_43"
+  "accordion__panel-content": "_accordion__panel-content_olhk5_43"
 };
 function en({
   header: n,
@@ -660,7 +660,7 @@ function en({
   ...I
 }) {
   return /* @__PURE__ */ ne(ge, { className: U.accordion, ...I, children: [
-    /* @__PURE__ */ k(be, { className: U.accordion__header, children: /* @__PURE__ */ k(
+    /* @__PURE__ */ T(be, { className: U.accordion__header, children: /* @__PURE__ */ T(
       Ne,
       {
         elevated: !0,
@@ -668,7 +668,7 @@ function en({
           oe,
           {
             interactive: "list-item",
-            render: /* @__PURE__ */ k(
+            render: /* @__PURE__ */ T(
               _e,
               {
                 className: Ce(U.accordion__trigger, i)
@@ -676,7 +676,7 @@ function en({
             ),
             children: [
               te(n),
-              /* @__PURE__ */ k(
+              /* @__PURE__ */ T(
                 Oe,
                 {
                   name: "close-line",
@@ -688,7 +688,7 @@ function en({
         )
       }
     ) }),
-    /* @__PURE__ */ k(ye, { className: U.accordion__panel, children: /* @__PURE__ */ k(oe, { className: U["accordion__panel-content"], children: te(o, {
+    /* @__PURE__ */ T(ye, { className: U.accordion__panel, children: /* @__PURE__ */ T(oe, { className: U["accordion__panel-content"], children: te(o, {
       multiline: !0
     }) }) })
   ] });

package/dist/components/alert-dialog/alert-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
 import { t as h } from "../../transitions.module-D9mMAtfI.js";
-import { u as R, D as v, a as I, b as T, c as b, d as O, e as N, s as n, f as S, g as k, h as w, i as A } from "../../dialog.module-Pi1eHwli.js";
+import { u as v, D as y, a as I, b as T, c as b, d as O, e as w, s as n, f as N, g as S, h as k, i as A } from "../../dialog.module-1PAL873u.js";
 import { Surface as B } from "../surface/surface.js";
 import { View as C } from "../view/view.js";
 import { Text as D } from "../text/text.js";
@@ -19,7 +19,7 @@ import '../../alert-dialog.css';function z(t) {
     handle: f,
     triggerId: l,
     defaultTriggerId: c = null
-  } = t, d = R(), g = !!d, e = $(() => f?.store ?? new v({
+  } = t, d = v(), g = !!d, e = $(() => f?.store ?? new y({
     open: i ?? a,
     activeTriggerId: l !== void 0 ? l : c,
     modal: !0,
@@ -34,18 +34,18 @@ import '../../alert-dialog.css';function z(t) {
     actionsRef: m,
     parentContext: d?.store.context
   });
-  const y = V.useMemo(() => ({
+  const R = V.useMemo(() => ({
     store: e
   }), [e]);
   return /* @__PURE__ */ o(T.Provider, {
-    value: y,
+    value: R,
     children: typeof r == "function" ? r({
       payload: P
     }) : r
   });
 }
 const M = {
-  "alert-dialog__actions": "_alert-dialog__actions_11yi2_2"
+  "alert-dialog__actions": "_alert-dialog__actions_ndpfw_2"
 };
 function W({
   title: t,
@@ -63,7 +63,7 @@ function W({
     s ? /* @__PURE__ */ o(b, { render: s }) : null,
     /* @__PURE__ */ u(O, { children: [
       /* @__PURE__ */ o(
-        N,
+        w,
         {
           className: _(
             n.dialog__backdrop,
@@ -72,7 +72,7 @@ function W({
         }
       ),
       /* @__PURE__ */ o(
-        S,
+        N,
         {
           className: _(
             n.dialog__popup,
@@ -90,13 +90,13 @@ function W({
               ),
               children: [
                 t || r ? /* @__PURE__ */ u(C, { className: n.dialog__header, children: [
-                  t ? /* @__PURE__ */ o(D, { render: /* @__PURE__ */ o(k, {}), size: "2xl", children: t }) : null,
+                  t ? /* @__PURE__ */ o(D, { render: /* @__PURE__ */ o(S, {}), size: "2xl", children: t }) : null,
                   r ? /* @__PURE__ */ o(
                     D,
                     {
                       multiline: !0,
                       color: "dimmer",
-                      render: /* @__PURE__ */ o(w, {}),
+                      render: /* @__PURE__ */ o(k, {}),
                       children: r
                     }
                   ) : null

package/dist/components/anchor/anchor.js

@@ -1,15 +1,15 @@
 import { u as n } from "../../useRender-C3vlzS3t.js";
 import { m as a } from "../../useRenderElement-DngNDu_P.js";
-import '../../anchor.css';const t = "_anchor_1r8mk_2", s = {
+import '../../anchor.css';const t = "_anchor_1bdhy_2", s = {
   anchor: t
 };
-function p({ external: r, render: e, ...o }) {
+function h({ external: e, render: r, ...o }) {
   return n({
     defaultTagName: "a",
-    render: e,
+    render: r,
     props: a(o, {
       className: s.anchor,
-      ...r ? {
+      ...e ? {
         target: "_blank",
         rel: "noreferrer"
       } : {}
@@ -17,5 +17,5 @@ function p({ external: r, render: e, ...o }) {
   });
 }
 export {
-  p as Anchor
+  h as Anchor
 };

package/dist/components/avatar/avatar.js

@@ -1,17 +1,17 @@
-import { jsx as f, jsxs as E } from "react/jsx-runtime";
-import { c as L } from "../../clsx-OuTLNxxd.js";
+import { jsx as v, jsxs as L } from "react/jsx-runtime";
+import { c as R } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
-import { u as v, N as R } from "../../useRenderElement-DngNDu_P.js";
-import { f as h } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as k } from "../../useStableCallback-DKZHlUAT.js";
+import { u as f, N as h } from "../../useRenderElement-DngNDu_P.js";
+import { f as k } from "../../formatErrorMessage-BqPuTBN-.js";
+import { u as C } from "../../useStableCallback-DKZHlUAT.js";
 import { u as N } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { u as C } from "../../useTimeout-BNni6aw5.js";
+import { u as M } from "../../useTimeout-BNni6aw5.js";
 import '../../avatar.css';const g = /* @__PURE__ */ o.createContext(void 0);
 process.env.NODE_ENV !== "production" && (g.displayName = "AvatarRootContext");
 function b() {
   const e = o.useContext(g);
   if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : h(13));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : k(13));
   return e;
 }
 const p = {
@@ -26,26 +26,26 @@ const p = {
   }), [t]), u = o.useMemo(() => ({
     imageLoadingStatus: t,
     setImageLoadingStatus: c
-  }), [t, c]), n = v("span", a, {
+  }), [t, c]), n = f("span", a, {
     state: _,
     ref: s,
     props: r,
     stateAttributesMapping: p
   });
-  return /* @__PURE__ */ f(g.Provider, {
+  return /* @__PURE__ */ v(g.Provider, {
     value: u,
     children: n
   });
 });
 process.env.NODE_ENV !== "production" && (z.displayName = "AvatarRoot");
-function M(e, {
+function w(e, {
   referrerPolicy: a,
   crossOrigin: s
 }) {
   const [l, i] = o.useState("idle");
   return N(() => {
     if (!e)
-      return i("error"), R;
+      return i("error"), h;
     let r = !0;
     const t = new window.Image(), c = (_) => () => {
       r && i(_);
@@ -55,7 +55,7 @@ function M(e, {
     };
   }, [e, s, a]), l;
 }
-const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
+const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
     render: i,
@@ -63,10 +63,10 @@ const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
     referrerPolicy: t,
     crossOrigin: c,
     ..._
-  } = a, u = b(), n = M(a.src, {
+  } = a, u = b(), n = w(a.src, {
     referrerPolicy: t,
     crossOrigin: c
-  }), d = k((x) => {
+  }), d = C((x) => {
     r?.(x), u.setImageLoadingStatus(x);
   });
   N(() => {
@@ -75,7 +75,7 @@ const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const A = o.useMemo(() => ({
     imageLoadingStatus: n
   }), [n]);
-  return v("img", a, {
+  return f("img", a, {
     state: A,
     ref: s,
     props: _,
@@ -83,8 +83,8 @@ const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
     enabled: n === "loaded"
   });
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "AvatarImage");
-const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
+process.env.NODE_ENV !== "production" && (S.displayName = "AvatarImage");
+const E = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
     render: i,
@@ -92,12 +92,12 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
     ...t
   } = a, {
     imageLoadingStatus: c
-  } = b(), [_, u] = o.useState(r === void 0), n = C();
+  } = b(), [_, u] = o.useState(r === void 0), n = M();
   o.useEffect(() => (r !== void 0 && n.start(r, () => u(!0)), n.clear), [n, r]);
   const d = o.useMemo(() => ({
     imageLoadingStatus: c
   }), [c]);
-  return v("span", a, {
+  return f("span", a, {
     state: d,
     ref: s,
     props: t,
@@ -105,8 +105,8 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
     enabled: c !== "loaded" && _
   });
 });
-process.env.NODE_ENV !== "production" && (S.displayName = "AvatarFallback");
-const y = "_avatar_o3fws_2", I = "_avatar__image_o3fws_16", O = "_avatar__fallback_o3fws_22", D = "_avatar_size_sm_o3fws_35", V = "_avatar_size_md_o3fws_39", F = "_avatar_size_lg_o3fws_43", P = "_avatar_size_xl_o3fws_47", j = "_avatar_size_2xl_o3fws_51", U = "_avatar_size_3xl_o3fws_55", m = {
+process.env.NODE_ENV !== "production" && (E.displayName = "AvatarFallback");
+const y = "_avatar_1886r_2", I = "_avatar__image_1886r_16", O = "_avatar__fallback_1886r_22", D = "_avatar_size_sm_1886r_35", V = "_avatar_size_md_1886r_39", F = "_avatar_size_lg_1886r_43", P = "_avatar_size_xl_1886r_47", j = "_avatar_size_2xl_1886r_51", U = "_avatar_size_3xl_1886r_55", m = {
   avatar: y,
   avatar__image: I,
   avatar__fallback: O,
@@ -126,24 +126,24 @@ function W({
   ...r
 }) {
   const t = B(a, s);
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ L(
     z,
     {
-      className: L(
+      className: R(
         m.avatar,
         m[`avatar_size_${l}`],
         i
       ),
       ...r,
       children: [
-        e ? /* @__PURE__ */ f(
-          w,
+        e ? /* @__PURE__ */ v(
+          S,
           {
             src: e,
             className: m.avatar__image
           }
         ) : null,
-        /* @__PURE__ */ f(S, { className: m.avatar__fallback, children: t })
+        /* @__PURE__ */ v(E, { className: m.avatar__fallback, children: t })
       ]
     }
   );

package/dist/components/badge/badge.js

@@ -1,40 +1,40 @@
-import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as g } from "react/jsx-runtime";
 import { c as f } from "../../clsx-OuTLNxxd.js";
-import { T as _ } from "../../tooltip-DZkByWDR.js";
+import { T as _ } from "../../tooltip-BJQPwudf.js";
 import { Text as b } from "../text/text.js";
 import { View as h } from "../view/view.js";
 import { Icon as u } from "../icon/icon.js";
 import { u as x } from "../../useRender-C3vlzS3t.js";
 import { m as y } from "../../useRenderElement-DngNDu_P.js";
-import '../../badge.css';const T = "_badge_198pt_2", j = "_badge_shiny_198pt_17", t = {
+import '../../badge.css';const T = "_badge_184a8_2", j = "_badge_shiny_184a8_17", m = {
   badge: T,
   badge_shiny: j
 };
 function V({
   icon: r,
-  name: m,
+  name: t,
   color: n,
-  shiny: i,
+  shiny: a,
   tagline: o,
-  render: a,
+  render: i,
   className: d,
   ...l
 }) {
-  const p = x({
+  const c = x({
     defaultTagName: "span",
-    render: a,
+    render: i,
     props: y(l, {
       className: f(
-        t.badge,
-        i && t.badge_shiny,
+        m.badge,
+        a && m.badge_shiny,
         d
       ),
-      children: /* @__PURE__ */ c(g, { children: [
+      children: /* @__PURE__ */ p(g, { children: [
         r ? /* @__PURE__ */ e(u, { name: r }) : null,
-        m
+        t
       ] })
     })
-  }), s = /* @__PURE__ */ e(h, { color: n, children: p });
+  }), s = /* @__PURE__ */ e(h, { color: n, children: c });
   return o ? /* @__PURE__ */ e(_, { trigger: s, children: /* @__PURE__ */ e(b, { size: "sm", multiline: !0, children: o }) }) : s;
 }
 export {