@koide-labs/ui 0.1.3 → 0.1.4

package/README.md

@@ -50,12 +50,9 @@ 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/{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 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)}}
+._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 components{._alert-dialog__actions_ndpfw_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 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)}}
+._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 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)}}
+._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 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}}
+._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 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)}}
+._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 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}}
+._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 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}}
+._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 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}}
+._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 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}}
+._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

@@ -1,4 +1,4 @@
-import { jsx as T, jsxs as ne } from "react/jsx-runtime";
+import { jsx as k, 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 F } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { u as T } 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";
@@ -18,11 +18,11 @@ 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 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 { 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 '../../accordion.css';const G = /* @__PURE__ */ r.createContext(void 0);
 process.env.NODE_ENV !== "production" && (G.displayName = "AccordionRootContext");
 function Y() {
@@ -43,12 +43,12 @@ const He = {
     loopFocus: C = !0,
     onValueChange: R,
     multiple: h = !1,
-    orientation: d = "vertical",
+    orientation: u = "vertical",
     value: N,
     defaultValue: f,
     ...O
   } = o, E = ve();
-  process.env.NODE_ENV !== "production" && F(() => {
+  process.env.NODE_ENV !== "production" && T(() => {
     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(() => {
@@ -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: [{
@@ -103,9 +103,9 @@ const He = {
     }, O],
     stateAttributesMapping: He
   });
-  return /* @__PURE__ */ T(G.Provider, {
+  return /* @__PURE__ */ k(G.Provider, {
     value: M,
-    children: /* @__PURE__ */ T(Ee, {
+    children: /* @__PURE__ */ k(Ee, {
       elementsRef: y,
       children: P
     })
@@ -127,20 +127,20 @@ 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 F(() => {
+  return T(() => {
     c && p.current === "none" && !x && !m && R(!1);
   }, [c, x, m, o, R]), r.useMemo(() => ({
     abortControllerRef: P,
@@ -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,13 +262,13 @@ const Z = {
     triggerId: p
   }), [b, P, V, p]), e = B("div", o, {
     state: P,
-    ref: d,
+    ref: u,
     props: C,
     stateAttributesMapping: Z
   });
-  return /* @__PURE__ */ T(J.Provider, {
+  return /* @__PURE__ */ k(J.Provider, {
     value: M,
-    children: /* @__PURE__ */ T(Q.Provider, {
+    children: /* @__PURE__ */ k(Q.Provider, {
       value: g,
       children: e
     })
@@ -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,
@@ -335,7 +335,7 @@ const _e = /* @__PURE__ */ r.forwardRef(function(o, i) {
     setTriggerId: M,
     triggerId: P
   } = X();
-  F(() => (c && M(c), () => {
+  T(() => (c && M(c), () => {
     M(void 0);
   }), [c, M]);
   const p = r.useMemo(() => ({
@@ -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;
-      ke(g);
+      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,
@@ -412,12 +412,12 @@ 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 = Te(), 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 = ke(), 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) {
-      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;
@@ -426,20 +426,20 @@ function Ye(n) {
       width: e.scrollWidth
     }), M.current && e.style.setProperty("transition-duration", "0s"));
     let a = -1, s = -1;
-    return a = k.request(() => {
-      M.current = !1, s = k.request(() => {
+    return a = F.request(() => {
+      M.current = !1, s = F.request(() => {
         setTimeout(() => {
           e.style.removeProperty("transition-duration");
         });
       });
     }), () => {
-      k.cancel(a), k.cancel(s);
+      F.cancel(a), F.cancel(s);
     };
-  }), g = ce(I, d, V);
-  return F(() => {
+  }), 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;
@@ -455,9 +455,9 @@ function Ye(n) {
       }), !M.current && !m && e.setAttribute(W.startingStyle, ""), f({
         height: e.scrollHeight,
         width: e.scrollWidth
-      }), a = k.request(() => {
-        Object.entries(s).forEach(([t, u]) => {
-          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
+      }), a = F.request(() => {
+        Object.entries(s).forEach(([t, d]) => {
+          d === "" ? e.style.removeProperty(t) : e.style.setProperty(t, d);
         });
       });
     } else {
@@ -470,64 +470,64 @@ 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 () => {
-      k.cancel(a);
+      F.cancel(a);
     };
-  }, [o, i, P, c, m, C, h, d, N, f, O]), F(() => {
+  }, [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]), Fe(() => {
-    const e = k.request(() => {
+  }, [o, i, h, u, N, f, O, S, y]), Te(() => {
+    const e = F.request(() => {
       x.current = !1;
     });
-    return () => k.cancel(e);
-  }), F(() => {
+    return () => F.cancel(e);
+  }), T(() => {
     if (!c)
       return;
-    const e = d.current;
+    const e = u.current;
     if (!e)
       return;
     let a = -1, s = -1;
     return h && _.current && (e.style.transitionDuration = "0s", f({
       height: e.scrollHeight,
       width: e.scrollWidth
-    }), a = k.request(() => {
-      _.current = !1, s = k.request(() => {
+    }), a = F.request(() => {
+      _.current = !1, s = F.request(() => {
         setTimeout(() => {
           e.style.removeProperty("transition-duration");
         });
       });
     })), () => {
-      k.cancel(a), k.cancel(s);
+      F.cancel(a), F.cancel(s);
     };
-  }, [c, h, d, f]), F(() => {
-    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,19 +579,19 @@ const ye = /* @__PURE__ */ r.forwardRef(function(o, i) {
     width: e,
     setPanelIdState: a,
     transitionStatus: s
-  } = he(), t = w ?? R, u = c ?? h;
-  process.env.NODE_ENV !== "production" && F(() => {
+  } = 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]), F(() => {
+  }, [t, c]), T(() => {
     if (m)
       return a(m), () => {
         a(void 0);
       };
-  }, [m, a]), F(() => {
+  }, [m, a]), T(() => {
     l(t);
-  }, [l, t]), F(() => {
-    x(u);
-  }, [x, u]), Pe({
+  }, [l, t]), T(() => {
+    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_olhk5_2", Qe = "_accordion__header_olhk5_6", Xe = "_accordion__trigger_olhk5_10", Ze = "_accordion__panel_olhk5_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_olhk5_10",
+  "accordion__trigger-icon": "_accordion__trigger-icon_11u60_11",
   accordion__trigger: Xe,
   accordion__panel: Ze,
-  "accordion__panel-content": "_accordion__panel-content_olhk5_43"
+  "accordion__panel-content": "_accordion__panel-content_11u60_44"
 };
 function en({
   header: n,
@@ -660,7 +660,7 @@ function en({
   ...I
 }) {
   return /* @__PURE__ */ ne(ge, { className: U.accordion, ...I, children: [
-    /* @__PURE__ */ T(be, { className: U.accordion__header, children: /* @__PURE__ */ T(
+    /* @__PURE__ */ k(be, { className: U.accordion__header, children: /* @__PURE__ */ k(
       Ne,
       {
         elevated: !0,
@@ -668,7 +668,7 @@ function en({
           oe,
           {
             interactive: "list-item",
-            render: /* @__PURE__ */ T(
+            render: /* @__PURE__ */ k(
               _e,
               {
                 className: Ce(U.accordion__trigger, i)
@@ -676,7 +676,7 @@ function en({
             ),
             children: [
               te(n),
-              /* @__PURE__ */ T(
+              /* @__PURE__ */ k(
                 Oe,
                 {
                   name: "close-line",
@@ -688,7 +688,7 @@ function en({
         )
       }
     ) }),
-    /* @__PURE__ */ T(ye, { className: U.accordion__panel, children: /* @__PURE__ */ T(oe, { className: U["accordion__panel-content"], children: te(o, {
+    /* @__PURE__ */ k(ye, { className: U.accordion__panel, children: /* @__PURE__ */ k(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 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 { 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";
@@ -45,7 +45,7 @@ import '../../alert-dialog.css';function z(t) {
   });
 }
 const M = {
-  "alert-dialog__actions": "_alert-dialog__actions_ndpfw_2"
+  "alert-dialog__actions": "_alert-dialog__actions_1ppon_3"
 };
 function W({
   title: t,
@@ -63,7 +63,7 @@ function W({
     s ? /* @__PURE__ */ o(b, { render: s }) : null,
     /* @__PURE__ */ u(O, { children: [
       /* @__PURE__ */ o(
-        w,
+        N,
         {
           className: _(
             n.dialog__backdrop,
@@ -72,7 +72,7 @@ function W({
         }
       ),
       /* @__PURE__ */ o(
-        N,
+        S,
         {
           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(S, {}), size: "2xl", children: t }) : null,
+                  t ? /* @__PURE__ */ o(D, { render: /* @__PURE__ */ o(k, {}), size: "2xl", children: t }) : null,
                   r ? /* @__PURE__ */ o(
                     D,
                     {
                       multiline: !0,
                       color: "dimmer",
-                      render: /* @__PURE__ */ o(k, {}),
+                      render: /* @__PURE__ */ o(w, {}),
                       children: r
                     }
                   ) : null