@koide-labs/ui 0.1.2 → 0.1.4

package/dist/{InternalBackdrop-BSMKU-hc.js → InternalBackdrop-DDLgWc7D.js}

@@ -12,7 +12,7 @@ import { u as Q } from "./useStableCallback-DKZHlUAT.js";
 import { v as vt } from "./visuallyHidden-CpJ-mhai.js";
 import { t as yt, o as Et, c as ie, f as kt, a as pe } from "./createBaseUIEventDetails-CCSfZ2vM.js";
 import { e as G, i as We, g as Ve, d as U, f as I, h as re, j as Tt } from "./element-u5WgOZX1.js";
-import { a as wt, b as Ge, g as Ye } from "./transitions.module-D9mMAtfI.js";
+import { a as wt, b as Ge, g as Ye } from "./transitions.module-SSNmQfsR.js";
 import { r as X } from "./useOpenChangeComplete-BHd-N7Ig.js";
 import { jsxs as Rt, jsx as ve } from "react/jsx-runtime";
 import { i as Ct, a as xt, s as St, b as qe, c as Ot } from "./event-B89-Ng5h.js";

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)}}
+._accordion_11u60_3:not(#\#):not(#\#):not(#\#){border-bottom:1px solid var(--surface-interactive-border)}._accordion__header_11u60_7:not(#\#):not(#\#):not(#\#){display:flex}._accordion__trigger-icon_11u60_11:not(#\#):not(#\#):not(#\#){transform:rotate(-45deg);transition:transform var(--transition-duration-snappy) var(--transition-timing-function-snappy)}._accordion__trigger_11u60_11:not(#\#){border-radius:0!important}._accordion__trigger_11u60_11:not(#\#):not(#\#):not(#\#){flex-grow:1;flex-shrink:1;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-8) var(--space-12);line-height:1}._accordion__trigger_11u60_11[data-panel-open]:not(#\#):not(#\#):not(#\#) ._accordion__trigger-icon_11u60_11{transform:rotate(0)}._accordion__panel_11u60_32:not(#\#):not(#\#):not(#\#){transition:height var(--transition-duration-chill) var(--transition-timing-function-chill);height:var(--accordion-panel-height);overflow:hidden}._accordion__panel_11u60_32[data-starting-style]:not(#\#):not(#\#):not(#\#),._accordion__panel_11u60_32[data-ending-style]:not(#\#):not(#\#):not(#\#){height:0}._accordion__panel-content_11u60_44:not(#\#):not(#\#):not(#\#){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)}}
+._alert-dialog__actions_1ppon_3:not(#\#):not(#\#):not(#\#){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)}}
+._anchor_1mbt9_3:not(#\#):not(#\#):not(#\#){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_1mbt9_3:visited:not(#\#):not(#\#):not(#\#){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)}}
+._avatar_l5yco_3:not(#\#):not(#\#):not(#\#){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_l5yco_17:not(#\#):not(#\#):not(#\#){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._avatar__fallback_l5yco_23:not(#\#):not(#\#):not(#\#){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_l5yco_36:not(#\#):not(#\#):not(#\#){--avatar-size: var(--space-24)}._avatar_size_md_l5yco_40:not(#\#):not(#\#):not(#\#){--avatar-size: var(--space-32)}._avatar_size_lg_l5yco_44:not(#\#):not(#\#):not(#\#){--avatar-size: var(--space-40)}._avatar_size_xl_l5yco_48:not(#\#):not(#\#):not(#\#){--avatar-size: var(--space-48)}._avatar_size_2xl_l5yco_52:not(#\#):not(#\#):not(#\#){--avatar-size: var(--space-56)}._avatar_size_3xl_l5yco_56:not(#\#):not(#\#):not(#\#){--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}}
+._badge_1m3yi_3:not(#\#):not(#\#):not(#\#){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_1m3yi_18:not(#\#):not(#\#):not(#\#){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_1m3yi_18:hover:not(#\#):not(#\#):not(#\#){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)}}
+._button_17tw0_3:not(#\#):not(#\#):not(#\#){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_17tw0_16:not(#\#):not(#\#):not(#\#){--button-padding-inline: var(--space-12);--button-height: var(--space-28)}._button_height_md_17tw0_21:not(#\#):not(#\#):not(#\#){--button-padding-inline: var(--space-16);--button-height: var(--space-32)}._button_height_lg_17tw0_26:not(#\#):not(#\#):not(#\#){--button-padding-inline: var(--space-20);--button-height: var(--space-40)}._button_height_xl_17tw0_31:not(#\#):not(#\#):not(#\#){--button-padding-inline: var(--space-24);--button-height: var(--space-48)}._button_height_2xl_17tw0_36:not(#\#):not(#\#):not(#\#){--button-padding-inline: var(--space-28);--button-height: var(--space-56)}._button_height_3xl_17tw0_41:not(#\#):not(#\#):not(#\#){--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}}
+._checkbox__label_1o5lj_3:not(#\#):not(#\#):not(#\#){display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}._checkbox_1o5lj_3:not(#\#):not(#\#):not(#\#){display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-4);width:20px;height:20px}._checkbox_1o5lj_3[data-checked]:not(#\#):not(#\#):not(#\#){background:var(--view-colorway-dimmer)}._checkbox_1o5lj_3[data-checked]:not([disabled],[data-disabled]):not(#\#):not(#\#):not(#\#){background:var(--view-colorway-default)}._checkbox_1o5lj_3[data-checked]:not([disabled],[data-disabled]):hover:not(#\#):not(#\#):not(#\#){border-color:var(--view-colorway-stronger)}._checkbox__indicator_1o5lj_31:not(#\#):not(#\#):not(#\#){pointer-events:none;color:var(--white)}._checkbox__indicator_1o5lj_31[data-unchecked]:not(#\#):not(#\#):not(#\#){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}}
+._code__root_1w9hs_3:not(#\#):not(#\#):not(#\#){border-radius:var(--border-radius-default);overflow:hidden}._code_1w9hs_3:not(#\#):not(#\#):not(#\#){border-radius:var(--border-radius-default);padding:var(--space-8);overflow-x:auto}._code_title_1w9hs_14:not(#\#):not(#\#):not(#\#){border-top-left-radius:0}._code__value_1w9hs_18:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-default);font-family:var(--font-family-code)}._code__title_1w9hs_23:not(#\#):not(#\#):not(#\#){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}}
+._collapse_k1eaa_3:not(#\#):not(#\#){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_k1eaa_14:not(#\#):not(#\#){opacity:1;height:var(--collapse-height)}._collapse_hidden_k1eaa_19:not(#\#):not(#\#){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}}
+._command_1svrl_3:not(#\#):not(#\#):not(#\#){--command-padding: var(--space-6);border:none;padding:0}._command_1svrl_3:not(#\#):not(#\#):not(#\#) [data-framework-close]{top:var(--space-4);right:var(--space-4)}._command__empty_1svrl_16:not(#\#):not(#\#):not(#\#){padding:var(--space-28) var(--space-16);padding-top:calc(var(--space-28) + var(--command-padding));text-align:center}._command__input-root_1svrl_22:not(#\#):not(#\#):not(#\#){position:relative;height:var(--space-32)}._command__input_1svrl_22:not(#\#){border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}._command__input_1svrl_22:not(#\#):not(#\#):not(#\#){flex-grow:1;flex-shrink:1;background-color:transparent;padding:var(--space-4) var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._command__input_1svrl_22:not(#\#):not(#\#):not(#\#)::-moz-placeholder{color:var(--foreground-dimmest)}._command__input_1svrl_22:not(#\#):not(#\#):not(#\#)::placeholder{color:var(--foreground-dimmest)}._command__input_1svrl_22:not([disabled],[data-disabled]):not(#\#):not(#\#):not(#\#){cursor:text}._command__input-icon_1svrl_47:not(#\#):not(#\#):not(#\#){position:absolute;top:var(--space-8);left:var(--space-8)}._command__list_1svrl_53:not(#\#){border-bottom-right-radius:var(--border-radius-default)!important;border-bottom-left-radius:var(--border-radius-default)!important}._command__list_1svrl_53:not(#\#):not(#\#):not(#\#){border:1px solid var(--surface-interactive-border);border-top:0;padding-bottom:var(--command-padding);max-height:var(--space-256);overflow:hidden auto}._command__group_1svrl_63:not(#\#):not(#\#):not(#\#){padding-top:var(--space-6)}._command__group_1svrl_63:not(#\#):not(#\#):not(#\#) [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_1svrl_76:not(#\#):not(#\#):not(#\#){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_1svrl_76[data-selected=true]:not(#\#):not(#\#):not(#\#){background-color:var(--interactive-background)}._command__shortcut_1svrl_89:not(#\#):not(#\#):not(#\#){margin-left:auto;letter-spacing:.1em}

package/dist/components/accordion/accordion.js

@@ -18,7 +18,7 @@ import { u as q } from "../../useBaseUiId-B7WyxtIE.js";
 import { a as Se, T as re, t as Me, u as Pe } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 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 { b as ue, e as de, 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";
@@ -43,7 +43,7 @@ const He = {
     loopFocus: C = !0,
     onValueChange: R,
     multiple: h = !1,
-    orientation: d = "vertical",
+    orientation: u = "vertical",
     value: N,
     defaultValue: f,
     ...O
@@ -82,8 +82,8 @@ const He = {
   }), x = r.useMemo(() => ({
     value: b,
     disabled: c,
-    orientation: d
-  }), [b, c, d]), M = r.useMemo(() => ({
+    orientation: u
+  }), [b, c, u]), M = r.useMemo(() => ({
     accordionItemRefs: y,
     direction: E,
     disabled: c,
@@ -91,10 +91,10 @@ const He = {
     hiddenUntilFound: m ?? !1,
     keepMounted: v ?? !1,
     loopFocus: C,
-    orientation: d,
+    orientation: u,
     state: x,
     value: b
-  }), [E, c, l, m, v, C, d, x, b]), P = B("div", o, {
+  }), [E, c, l, m, v, C, u, x, b]), P = B("div", o, {
     state: x,
     ref: i,
     props: [{
@@ -127,18 +127,18 @@ function Ue(n) {
     mounted: C,
     setMounted: R,
     transitionStatus: h
-  } = Ie(m, !0, !0), [d, N] = r.useState(m), [{
+  } = Ie(m, !0, !0), [u, N] = r.useState(m), [{
     height: f,
     width: O
   }, E] = r.useState({
     height: void 0,
     width: void 0
   }), S = q(), [A, y] = r.useState(), b = A ?? S, [_, l] = r.useState(!1), [x, M] = r.useState(!1), P = r.useRef(null), p = r.useRef(null), V = r.useRef(null), g = r.useRef(null), e = Se(g, !1), a = L((s) => {
-    const t = !m, u = $(Ae, s.nativeEvent);
-    if (I(t, u), u.isCanceled)
+    const t = !m, d = $(Ae, s.nativeEvent);
+    if (I(t, d), d.isCanceled)
       return;
     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);
+    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" && (!u && t && N(!0), !C && t && R(!0))), v(t), p.current === "none" && C && !t && R(!1);
   });
   return T(() => {
     c && p.current === "none" && !x && !m && R(!1);
@@ -162,9 +162,9 @@ function Ue(n) {
     setVisible: N,
     transitionDimensionRef: V,
     transitionStatus: h,
-    visible: d,
+    visible: u,
     width: O
-  }), [P, p, w, a, f, C, m, b, g, e, E, l, M, R, v, N, V, h, d, O]);
+  }), [P, p, w, a, f, C, m, b, g, e, E, l, M, R, v, N, V, h, u, O]);
 }
 const J = /* @__PURE__ */ r.createContext(void 0);
 process.env.NODE_ENV !== "production" && (J.displayName = "CollapsibleRootContext");
@@ -223,7 +223,7 @@ const Z = {
   } = o, {
     ref: R,
     index: h
-  } = xe(), d = ce(i, R), {
+  } = xe(), u = ce(i, R), {
     disabled: N,
     handleValueChange: f,
     state: O,
@@ -262,7 +262,7 @@ const Z = {
     triggerId: p
   }), [b, P, V, p]), e = B("div", o, {
     state: P,
-    ref: d,
+    ref: u,
     props: C,
     stateAttributesMapping: Z
   });
@@ -291,7 +291,7 @@ const be = /* @__PURE__ */ r.forwardRef(function(o, i) {
   });
 });
 process.env.NODE_ENV !== "production" && (be.displayName = "AccordionHeader");
-const ze = /* @__PURE__ */ new Set([de, ue, fe, pe, we, De]);
+const ze = /* @__PURE__ */ new Set([ue, de, fe, pe, we, De]);
 function $e(n) {
   const {
     current: o
@@ -316,7 +316,7 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
   } = o, {
     panelId: R,
     open: h,
-    handleTrigger: d,
+    handleTrigger: u,
     disabled: N
   } = he(), f = I ?? N, {
     getButtonProps: O,
@@ -343,25 +343,25 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
     "aria-expanded": h,
     disabled: f,
     id: P,
-    onClick: d,
+    onClick: u,
     onKeyDown(g) {
       if (!ze.has(g.key))
         return;
       Fe(g);
       const e = $e(S), s = e.length - 1;
       let t = -1;
-      const u = e.indexOf(g.target);
+      const d = e.indexOf(g.target);
       function D() {
-        y ? t = u + 1 > s ? 0 : u + 1 : t = Math.min(u + 1, s);
+        y ? t = d + 1 > s ? 0 : d + 1 : t = Math.min(d + 1, s);
       }
       function H() {
-        y ? t = u === 0 ? s : u - 1 : t = u - 1;
+        y ? t = d === 0 ? s : d - 1 : t = d - 1;
       }
       switch (g.key) {
-        case de:
+        case ue:
           l || D();
           break;
-        case ue:
+        case de:
           l || H();
           break;
         case fe:
@@ -379,7 +379,7 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
       }
       t > -1 && e[t].focus();
     }
-  }), [S, f, d, P, l, _, y, h, R]);
+  }), [S, f, u, P, l, _, y, h, R]);
   return B("button", o, {
     state: x,
     ref: [i, E],
@@ -403,7 +403,7 @@ function Ye(n) {
     mounted: C,
     onOpenChange: R,
     open: h,
-    panelRef: d,
+    panelRef: u,
     runOnceAnimationsFinish: N,
     setDimensions: f,
     setMounted: O,
@@ -416,8 +416,8 @@ function Ye(n) {
     if (!e)
       return;
     if (i.current == null || A.current == null) {
-      const t = getComputedStyle(e), u = t.animationName !== "none" && t.animationName !== "", D = t.transitionDuration !== "0s" && t.transitionDuration !== "";
-      u && D ? process.env.NODE_ENV !== "production" && K("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(Ge.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? A.current = "width" : A.current = "height";
+      const t = getComputedStyle(e), d = t.animationName !== "none" && t.animationName !== "", D = t.transitionDuration !== "0s" && t.transitionDuration !== "";
+      d && D ? process.env.NODE_ENV !== "production" && K("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(Ge.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? A.current = "width" : A.current = "height";
     }
     if (i.current !== "css-transition")
       return;
@@ -435,11 +435,11 @@ function Ye(n) {
     }), () => {
       F.cancel(a), F.cancel(s);
     };
-  }), g = ce(I, d, V);
+  }), g = ce(I, u, V);
   return T(() => {
     if (i.current !== "css-transition")
       return;
-    const e = d.current;
+    const e = u.current;
     if (!e)
       return;
     let a = -1;
@@ -456,8 +456,8 @@ function Ye(n) {
         height: e.scrollHeight,
         width: e.scrollWidth
       }), a = F.request(() => {
-        Object.entries(s).forEach(([t, u]) => {
-          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
+        Object.entries(s).forEach(([t, d]) => {
+          d === "" ? e.style.removeProperty(t) : e.style.setProperty(t, d);
         });
       });
     } else {
@@ -470,36 +470,36 @@ function Ye(n) {
       const s = new AbortController();
       o.current = s;
       const t = s.signal;
-      let u = null;
+      let d = null;
       const D = W.endingStyle;
-      return u = new MutationObserver((H) => {
-        H.some((j) => j.type === "attributes" && j.attributeName === D) && (u?.disconnect(), u = null, N(() => {
+      return d = new MutationObserver((H) => {
+        H.some((j) => j.type === "attributes" && j.attributeName === D) && (d?.disconnect(), d = null, N(() => {
           f({
             height: 0,
             width: 0
           }), e.style.removeProperty("content-visibility"), O(!1), o.current === s && (o.current = null);
         }, t));
-      }), u.observe(e, {
+      }), d.observe(e, {
         attributes: !0,
         attributeFilter: [D]
       }), () => {
-        u?.disconnect(), P.cancel(), o.current === s && (s.abort(), o.current = null);
+        d?.disconnect(), P.cancel(), o.current === s && (s.abort(), o.current = null);
       };
     }
     return () => {
       F.cancel(a);
     };
-  }, [o, i, P, c, m, C, h, d, N, f, O]), T(() => {
+  }, [o, i, P, c, m, C, h, u, N, f, O]), T(() => {
     if (i.current !== "css-animation")
       return;
-    const e = d.current;
+    const e = u.current;
     e && (l.current = e.style.animationName || l.current, e.style.setProperty("animation-name", "none"), f({
       height: e.scrollHeight,
       width: e.scrollWidth
     }), !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(() => {
+  }, [o, i, h, u, N, f, O, S, y]), Te(() => {
     const e = F.request(() => {
       x.current = !1;
     });
@@ -507,7 +507,7 @@ function Ye(n) {
   }), T(() => {
     if (!c)
       return;
-    const e = d.current;
+    const e = u.current;
     if (!e)
       return;
     let a = -1, s = -1;
@@ -523,11 +523,11 @@ function Ye(n) {
     })), () => {
       F.cancel(a), F.cancel(s);
     };
-  }, [c, h, d, f]), T(() => {
-    const e = d.current;
+  }, [c, h, u, f]), T(() => {
+    const e = u.current;
     e && c && p && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(W.startingStyle, ""));
-  }, [c, p, i, d]), r.useEffect(function() {
-    const a = d.current;
+  }, [c, p, i, u]), r.useEffect(function() {
+    const a = u.current;
     if (!a)
       return;
     function s(t) {
@@ -536,7 +536,7 @@ function Ye(n) {
     return a.addEventListener("beforematch", s), () => {
       a.removeEventListener("beforematch", s);
     };
-  }, [R, d, E]), r.useMemo(() => ({
+  }, [R, u, E]), r.useMemo(() => ({
     props: {
       hidden: p,
       id: v,
@@ -559,7 +559,7 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
     hiddenUntilFound: R,
     keepMounted: h
   } = Y(), {
-    abortControllerRef: d,
+    abortControllerRef: u,
     animationTypeRef: N,
     height: f,
     mounted: O,
@@ -579,7 +579,7 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
     width: e,
     setPanelIdState: a,
     transitionStatus: s
-  } = he(), t = w ?? R, u = c ?? h;
+  } = he(), t = w ?? R, d = c ?? h;
   process.env.NODE_ENV !== "production" && T(() => {
     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(() => {
@@ -590,8 +590,8 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
   }, [m, a]), T(() => {
     l(t);
   }, [l, t]), T(() => {
-    x(u);
-  }, [x, u]), Pe({
+    x(d);
+  }, [x, d]), Pe({
     open: S && s === "idle",
     ref: y,
     onComplete() {
@@ -604,13 +604,13 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
   const {
     props: D
   } = Ye({
-    abortControllerRef: d,
+    abortControllerRef: u,
     animationTypeRef: N,
     externalRef: i,
     height: f,
     hiddenUntilFound: t,
     id: m ?? A,
-    keepMounted: u,
+    keepMounted: d,
     mounted: O,
     onOpenChange: E,
     open: S,
@@ -642,16 +642,16 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
     }, C],
     stateAttributesMapping: Z
   });
-  return u || t || !u && O ? Re : null;
+  return d || t || !d && 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_11u60_3", Qe = "_accordion__header_11u60_7", Xe = "_accordion__trigger_11u60_11", Ze = "_accordion__panel_11u60_32", U = {
   accordion: Je,
   accordion__header: Qe,
-  "accordion__trigger-icon": "_accordion__trigger-icon_fr915_10",
+  "accordion__trigger-icon": "_accordion__trigger-icon_11u60_11",
   accordion__trigger: Xe,
   accordion__panel: Ze,
-  "accordion__panel-content": "_accordion__panel-content_fr915_43"
+  "accordion__panel-content": "_accordion__panel-content_11u60_44"
 };
 function en({
   header: n,

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 { t as h } from "../../transitions.module-SSNmQfsR.js";
+import { u as v, D as y, 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-CRiRBcbM.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_1ppon_3"
 };
 function W({
   title: t,

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 = {
-  anchor: t
+import { m as t } from "../../useRenderElement-DngNDu_P.js";
+import '../../anchor.css';const a = "_anchor_1mbt9_3", s = {
+  anchor: a
 };
-function p({ external: r, render: e, ...o }) {
+function p({ external: e, render: r, ...o }) {
   return n({
     defaultTagName: "a",
-    render: e,
-    props: a(o, {
+    render: r,
+    props: t(o, {
       className: s.anchor,
-      ...r ? {
+      ...e ? {
         target: "_blank",
         rel: "noreferrer"
       } : {}

package/dist/components/avatar/avatar.js

@@ -1,7 +1,7 @@
-import { jsx as f, jsxs as E } from "react/jsx-runtime";
+import { jsx as v, jsxs as E } from "react/jsx-runtime";
 import { c as L } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
-import { u as v, N as R } from "../../useRenderElement-DngNDu_P.js";
+import { u as f, 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 N } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
@@ -26,13 +26,13 @@ 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
   });
@@ -55,7 +55,7 @@ function M(e, {
     };
   }, [e, s, a]), l;
 }
-const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
+const y = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
     render: i,
@@ -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,7 +83,7 @@ const w = /* @__PURE__ */ o.forwardRef(function(a, s) {
     enabled: n === "loaded"
   });
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "AvatarImage");
+process.env.NODE_ENV !== "production" && (y.displayName = "AvatarImage");
 const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
@@ -97,7 +97,7 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const d = o.useMemo(() => ({
     imageLoadingStatus: c
   }), [c]);
-  return v("span", a, {
+  return f("span", a, {
     state: d,
     ref: s,
     props: t,
@@ -106,8 +106,8 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
   });
 });
 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 = {
-  avatar: y,
+const w = "_avatar_l5yco_3", I = "_avatar__image_l5yco_17", O = "_avatar__fallback_l5yco_23", D = "_avatar_size_sm_l5yco_36", V = "_avatar_size_md_l5yco_40", F = "_avatar_size_lg_l5yco_44", P = "_avatar_size_xl_l5yco_48", j = "_avatar_size_2xl_l5yco_52", U = "_avatar_size_3xl_l5yco_56", m = {
+  avatar: w,
   avatar__image: I,
   avatar__fallback: O,
   avatar_size_sm: D,
@@ -136,14 +136,14 @@ function W({
       ),
       ...r,
       children: [
-        e ? /* @__PURE__ */ f(
-          w,
+        e ? /* @__PURE__ */ v(
+          y,
           {
             src: e,
             className: m.avatar__image
           }
         ) : null,
-        /* @__PURE__ */ f(S, { className: m.avatar__fallback, children: t })
+        /* @__PURE__ */ v(S, { className: m.avatar__fallback, children: t })
       ]
     }
   );

package/dist/components/badge/badge.js

@@ -1,41 +1,41 @@
-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-JPnUwFFR.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 { u as y } from "../../useRender-C3vlzS3t.js";
+import { m as x } from "../../useRenderElement-DngNDu_P.js";
+import '../../badge.css';const T = "_badge_1m3yi_3", j = "_badge_shiny_1m3yi_18", s = {
   badge: T,
   badge_shiny: j
 };
 function V({
   icon: r,
-  name: m,
-  color: n,
-  shiny: i,
-  tagline: o,
+  name: i,
+  color: t,
+  shiny: n,
+  tagline: m,
   render: a,
   className: d,
   ...l
 }) {
-  const p = x({
+  const c = y({
     defaultTagName: "span",
     render: a,
-    props: y(l, {
+    props: x(l, {
       className: f(
-        t.badge,
-        i && t.badge_shiny,
+        s.badge,
+        n && s.badge_shiny,
         d
       ),
-      children: /* @__PURE__ */ c(g, { children: [
+      children: /* @__PURE__ */ p(g, { children: [
         r ? /* @__PURE__ */ e(u, { name: r }) : null,
-        m
+        i
       ] })
     })
-  }), s = /* @__PURE__ */ e(h, { color: n, children: p });
-  return o ? /* @__PURE__ */ e(_, { trigger: s, children: /* @__PURE__ */ e(b, { size: "sm", multiline: !0, children: o }) }) : s;
+  }), o = /* @__PURE__ */ e(h, { color: t, children: c });
+  return m ? /* @__PURE__ */ e(_, { trigger: o, children: /* @__PURE__ */ e(b, { size: "sm", multiline: !0, children: m }) }) : o;
 }
 export {
   V as Badge