@koide-labs/ui 0.0.14 → 0.1.0

package/dist/{dialog.module-BeF-6XAo.js → dialog.module-DsbQRp-d.js}

@@ -1,20 +1,20 @@
 import * as s from "react";
-import { u as L } from "./useStableCallback-CkTrVkNX.js";
-import { u as H, a as Y, F as $, I as q, b as A } from "./InternalBackdrop-jYAiOJ8v.js";
-import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-D8M2Yl-a.js";
-import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-Dorsv-jf.js";
-import { u as se } from "./useRole-oDBdbuwQ.js";
-import { d as re, e as z, R as ie, P as ae, c as S, p as K, C as w, f as le } from "./transitions.module-CWX8e5cx.js";
-import { e as ce, f as de } from "./element-CZEOj04G.js";
-import { u as P } from "./useRenderElement-DwToLA61.js";
-import { t as W, a as pe } from "./useOpenChangeComplete-Dse9kY9E.js";
-import { u as j } from "./useButton-DfIwsdb8.js";
+import { u as H } from "./useStableCallback-DKZHlUAT.js";
+import { u as Y, a as $, F as q, I as z, b as A } from "./InternalBackdrop-BSMKU-hc.js";
+import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
+import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-BB1vwkV-.js";
+import { u as se } from "./useRole-BD3OL1rr.js";
+import { d as re, e as K, R as ie, P as ae, c as S, p as W, C as w, f as le } from "./transitions.module-D9mMAtfI.js";
+import { h as ce, f as de } from "./element-u5WgOZX1.js";
+import { u as P } from "./useRenderElement-DngNDu_P.js";
+import { t as j, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
+import { u as G } from "./useButton-d3_JgBNr.js";
 import { u as B } from "./useBaseUiId-B7WyxtIE.js";
-import { C as ue } from "./composite-C9L5QmZL.js";
+import { C as ue } from "./composite-BwEK5cWH.js";
 import { jsx as M, jsxs as ge } from "react/jsx-runtime";
-import { i as fe } from "./inertValue-BCYGsdmf.js";
+import { i as fe } from "./inertValue-BTpPjX30.js";
 import { f as F } from "./formatErrorMessage-BqPuTBN-.js";
-import { h as me, C as _e } from "./FloatingPortal-tWyuKRSN.js";
+import { h as me, C as _e } from "./FloatingPortal-BQsQhvIr.js";
 import './dialog.css';function ot(t) {
   const {
     store: e,
@@ -23,14 +23,14 @@ import './dialog.css';function ot(t) {
   } = t, i = e.useState("open"), r = e.useState("disablePointerDismissal"), l = e.useState("modal"), a = e.useState("popupElement"), {
     openMethod: o,
     triggerProps: p,
-    reset: h
-  } = H(i);
+    reset: C
+  } = Y(i);
   X(e);
   const {
     forceUnmount: u
   } = Z(i, e, () => {
-    h();
-  }), c = L((f) => {
+    C();
+  }), c = H((f) => {
     const E = U(f);
     return E.preventUnmountOnClose = () => {
       e.set("preventUnmountingOnClose", !0);
@@ -47,7 +47,7 @@ import './dialog.css';function ot(t) {
     onOpenChange: e.setOpen,
     treatPopupAsFloatingElement: !0,
     noEmit: !0
-  }), [_, D] = s.useState(0), C = _ === 0, x = se(g), v = re(g, {
+  }), [_, D] = s.useState(0), h = _ === 0, x = se(g), v = re(g, {
     outsidePressEvent() {
       return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
         mouse: l === "trap-focus" ? "sloppy" : "intentional",
@@ -58,20 +58,20 @@ import './dialog.css';function ot(t) {
       if ("button" in f && f.button !== 0 || "touches" in f && f.touches.length !== 1)
         return !1;
       const E = ce(f);
-      if (C && !r) {
+      if (h && !r) {
         const T = E;
         return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === T || e.context.backdropRef.current === T || de(T, a) && !T?.hasAttribute("data-base-ui-portal") : !0;
       }
       return !1;
     },
-    escapeKey: C
+    escapeKey: h
   });
-  Y(i && l === !0, a);
+  $(i && l === !0, a);
   const {
     getReferenceProps: R,
     getFloatingProps: O,
     getTriggerProps: I
-  } = z([x, v]);
+  } = K([x, v]);
   e.useContextCallback("onNestedDialogOpen", (f) => {
     D(f + 1);
   }), e.useContextCallback("onNestedDialogClose", () => {
@@ -89,15 +89,15 @@ import './dialog.css';function ot(t) {
     nestedOpenDialogCount: _
   });
 }
-const G = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (G.displayName = "DialogRootContext");
+const L = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (L.displayName = "DialogRootContext");
 function N(t) {
-  const e = s.useContext(G);
+  const e = s.useContext(L);
   if (t === !1 && e === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : F(27));
   return e;
 }
-const he = {
+const Ce = {
   ...te,
   modal: S((t) => t.modal),
   nested: S((t) => t.nested),
@@ -111,14 +111,14 @@ const he = {
 };
 class nt extends ie {
   constructor(e) {
-    super(Ce(e), {
+    super(he(e), {
       popupRef: /* @__PURE__ */ s.createRef(),
       backdropRef: /* @__PURE__ */ s.createRef(),
       internalBackdropRef: /* @__PURE__ */ s.createRef(),
       triggerElements: new ae(),
       onOpenChange: void 0,
       onOpenChangeComplete: void 0
-    }, he);
+    }, Ce);
   }
   setOpen = (e, n) => {
     if (n.preventUnmountOnClose = () => {
@@ -138,7 +138,7 @@ class nt extends ie {
     (r || e) && (i.activeTriggerId = r, i.activeTriggerElement = n.trigger ?? null), this.update(i);
   };
 }
-function Ce(t = {}) {
+function he(t = {}) {
   return {
     ...oe(),
     modal: !0,
@@ -155,8 +155,8 @@ function Ce(t = {}) {
   };
 }
 const Ee = {
-  ...K,
-  ...W
+  ...W,
+  ...j
 }, Se = /* @__PURE__ */ s.forwardRef(function(e, n) {
   const {
     render: d,
@@ -165,7 +165,7 @@ const Ee = {
     ...l
   } = e, {
     store: a
-  } = N(), o = a.useState("open"), p = a.useState("nested"), h = a.useState("mounted"), u = a.useState("transitionStatus"), c = s.useMemo(() => ({
+  } = N(), o = a.useState("open"), p = a.useState("nested"), C = a.useState("mounted"), u = a.useState("transitionStatus"), c = s.useMemo(() => ({
     open: o,
     transitionStatus: u
   }), [o, u]);
@@ -175,7 +175,7 @@ const Ee = {
     stateAttributesMapping: Ee,
     props: [{
       role: "presentation",
-      hidden: !h,
+      hidden: !C,
       style: {
         userSelect: "none",
         WebkitUserSelect: "none"
@@ -195,13 +195,13 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
   } = e, {
     store: o
   } = N(), p = o.useState("open");
-  function h(g) {
+  function C(g) {
     p && o.setOpen(!1, U(Q, g.nativeEvent));
   }
   const {
     getButtonProps: u,
     buttonRef: c
-  } = j({
+  } = G({
     disabled: r,
     native: l
   }), m = s.useMemo(() => ({
@@ -211,7 +211,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
     state: m,
     ref: [n, c],
     props: [{
-      onClick: h
+      onClick: C
     }, a, u]
   });
 });
@@ -247,8 +247,8 @@ function Ie() {
   return t;
 }
 const be = {
-  ...K,
   ...W,
+  ...j,
   nestedDialogOpen(t) {
     return t ? {
       [Oe.nestedDialogOpen]: ""
@@ -263,23 +263,23 @@ const be = {
     ...a
   } = e, {
     store: o
-  } = N(), p = o.useState("descriptionElementId"), h = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), C = o.useState("open"), x = o.useState("openMethod"), v = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
+  } = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), x = o.useState("openMethod"), v = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
   Ie(), pe({
-    open: C,
+    open: h,
     ref: o.context.popupRef,
     onComplete() {
-      C && o.context.onOpenChangeComplete?.(!0);
+      h && o.context.onOpenChangeComplete?.(!0);
     }
   });
   function I(E) {
     return E === "touch" ? o.context.popupRef.current : !0;
   }
   const y = r === void 0 ? I : r, b = D > 0, k = s.useMemo(() => ({
-    open: C,
+    open: h,
     nested: _,
     transitionStatus: R,
     nestedDialogOpen: b
-  }), [C, _, R, b]), f = P("div", e, {
+  }), [h, _, R, b]), f = P("div", e, {
     state: k,
     props: [c, {
       "aria-labelledby": v ?? void 0,
@@ -297,11 +297,11 @@ const be = {
     ref: [n, o.context.popupRef, o.useStateSetter("popupElement")],
     stateAttributesMapping: be
   });
-  return /* @__PURE__ */ M($, {
+  return /* @__PURE__ */ M(q, {
     context: u,
     openInteractionType: x,
     disabled: !g,
-    closeOnFocusOut: !h,
+    closeOnFocusOut: !C,
     initialFocus: y,
     returnFocus: i,
     modal: m !== !1,
@@ -322,7 +322,7 @@ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
     children: /* @__PURE__ */ ge(me, {
       ref: n,
       ...i,
-      children: [l && a === !0 && /* @__PURE__ */ M(q, {
+      children: [l && a === !0 && /* @__PURE__ */ M(z, {
         ref: r.context.internalBackdropRef,
         inert: fe(!open)
       }), e.children]
@@ -356,39 +356,39 @@ const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
     id: a,
     payload: o,
     handle: p,
-    ...h
+    ...C
   } = e, u = N(!0), c = p?.store ?? u?.store;
   if (!c)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : F(79));
   const m = B(a), g = c.useState("floatingRootContext"), _ = c.useState("isOpenedByTrigger", m), D = s.useRef(null), {
-    registerTrigger: C,
+    registerTrigger: h,
     isMountedByThisTrigger: x
   } = ne(m, D, c, {
     payload: o
   }), {
     getButtonProps: v,
     buttonRef: R
-  } = j({
+  } = G({
     disabled: r,
     native: l
   }), O = A(g, {
     enabled: g != null
-  }), I = z([O]), y = s.useMemo(() => ({
+  }), I = K([O]), y = s.useMemo(() => ({
     disabled: r,
     open: _
   }), [r, _]), b = c.useState("triggerProps", x);
   return P("button", e, {
     state: y,
-    ref: [R, n, C, D],
+    ref: [R, n, h, D],
     props: [I.getReferenceProps(), b, {
       [_e]: "",
       id: m
-    }, h, v],
+    }, C, v],
     stateAttributesMapping: le
   });
 });
 process.env.NODE_ENV !== "production" && (ye.displayName = "DialogTrigger");
-const Te = "_dialog__backdrop_1hze7_1", we = "_dialog__popup_1hze7_13", ke = "_dialog__popup_centered_1hze7_24", Me = "_dialog__content_1hze7_35", Be = "_dialog__content_width_sm_1hze7_51", Fe = "_dialog__content_width_md_1hze7_55", Ve = "_dialog__content_width_lg_1hze7_59", Ue = "_dialog__header_1hze7_63", ze = "_dialog__close_1hze7_67", st = {
+const Te = "_dialog__backdrop_3490s_2", we = "_dialog__popup_3490s_14", ke = "_dialog__popup_centered_3490s_25", Me = "_dialog__content_3490s_36", Be = "_dialog__content_width_sm_3490s_52", Fe = "_dialog__content_width_md_3490s_56", Ve = "_dialog__content_width_lg_3490s_60", Ue = "_dialog__header_3490s_64", Ke = "_dialog__close_3490s_68", st = {
   dialog__backdrop: Te,
   dialog__popup: we,
   dialog__popup_centered: ke,
@@ -397,12 +397,12 @@ const Te = "_dialog__backdrop_1hze7_1", we = "_dialog__popup_1hze7_13", ke = "_d
   dialog__content_width_md: Fe,
   dialog__content_width_lg: Ve,
   dialog__header: Ue,
-  dialog__close: ze
+  dialog__close: Ke
 };
 export {
-  G as D,
+  nt as D,
   ot as a,
-  nt as b,
+  L as b,
   ye as c,
   xe as d,
   Se as e,

package/dist/{element-CZEOj04G.js → element-u5WgOZX1.js}

@@ -1,5 +1,5 @@
-import { b as s, i as a } from "./floating-ui.utils.dom-C7FS5id0.js";
-import { a as i } from "./detectBrowser-I-s3yzIE.js";
+import { i as s, b as a } from "./floating-ui.utils.dom-cbi420Pg.js";
+import { a as i } from "./detectBrowser-Bl8Ki_1I.js";
 const r = "data-base-ui-focusable", m = "active", b = "selected", u = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])", d = "ArrowLeft", h = "ArrowRight", E = "ArrowUp", R = "ArrowDown";
 function A(t) {
   let e = t.activeElement;
@@ -13,7 +13,7 @@ function T(t, e) {
   const o = e.getRootNode?.();
   if (t.contains(e))
     return !0;
-  if (o && s(o)) {
+  if (o && a(o)) {
     let n = e;
     for (; n; ) {
       if (t === n)
@@ -41,7 +41,7 @@ function _(t) {
   return t?.ownerDocument || document;
 }
 function c(t) {
-  return a(t) && t.matches(u);
+  return s(t) && t.matches(u);
 }
 function O(t) {
   return t ? t.getAttribute("role") === "combobox" && c(t) : !1;
@@ -66,11 +66,11 @@ export {
   R as a,
   d as b,
   h as c,
-  _ as d,
-  p as e,
+  A as d,
+  _ as e,
   T as f,
   S as g,
-  A as h,
+  p as h,
   O as i,
   c as j,
   g as k,

package/dist/{event-CKoGyQEJ.js → event-B89-Ng5h.js}

@@ -1,4 +1,4 @@
-import { i as r, a as u } from "./detectBrowser-I-s3yzIE.js";
+import { i as r, a as u } from "./detectBrowser-Bl8Ki_1I.js";
 function n(i) {
   i.preventDefault(), i.stopPropagation();
 }
@@ -21,10 +21,10 @@ function d(i) {
   return t === "click" || t === "mousedown" || t === "keydown" || t === "keyup";
 }
 export {
-  p as a,
-  a as b,
+  a,
+  c as b,
   d as c,
   e as d,
-  c as i,
+  p as i,
   n as s
 };

package/dist/{floating-ui.utils-C7pRWMZ_.js → floating-ui.utils-DUVaIF3G.js}

@@ -116,13 +116,13 @@ export {
   g as i,
   p as j,
   B as k,
-  D as l,
+  y as l,
   m,
-  y as n,
-  d as o,
-  q as p,
-  x as q,
-  C as r,
+  d as n,
+  q as o,
+  x as p,
+  k as q,
+  D as r,
   j as s,
-  k as t
+  C as t
 };

package/dist/{floating-ui.utils.dom-C7FS5id0.js → floating-ui.utils.dom-cbi420Pg.js}

@@ -116,10 +116,10 @@ export {
   m as a,
   f as b,
   p as c,
-  s as d,
-  h as e,
-  l as f,
-  b as g,
+  h as d,
+  l as e,
+  b as f,
+  s as g,
   d as h,
   w as i,
   N as j,

package/dist/{getDisabledMountTransitionStyles-YfHPge6T.js → getDisabledMountTransitionStyles-E2x-_lte.js}

@@ -1,17 +1,17 @@
 import * as O from "react";
 import { useLayoutEffect as qt } from "react";
-import { e as q, g as z, a as Y, b as Ut, c as Jt, d as Kt, h as Gt, i as re, m as ue, j as _, k as bt, l as be, s as Qt, n as At, o as Ot, p as He, q as St, t as j, f as ye, r as Ae } from "./floating-ui.utils-C7pRWMZ_.js";
+import { e as q, g as z, a as Y, b as Ut, c as Jt, d as Kt, h as Gt, i as re, m as ue, j as _, k as bt, r as be, s as Qt, l as At, n as Ot, o as He, p as St, q as j, f as ye, t as Ae } from "./floating-ui.utils-DUVaIF3G.js";
 import { o as Et } from "./owner-rKN292Q9.js";
 import { u as oe } from "./useIsoLayoutEffect-CIDbvm3Q.js";
-import { u as ke } from "./useValueAsRef-HURLzret.js";
-import { u as Zt } from "./useStableCallback-CkTrVkNX.js";
+import { u as ke } from "./useValueAsRef-B4EriRsI.js";
+import { u as Zt } from "./useStableCallback-DKZHlUAT.js";
 import { u as en } from "./DirectionContext-C2o_MF_i.js";
-import { h as We, a as k, j as J, d as K, k as ut, g as U, i as G, l as Ct, m as Ve, n as de, o as Oe, p as tn, q as Pt, r as nn, f as Ie, e as _e, s as Ee } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { h as We, a as k, j as J, g as K, k as ut, f as U, i as G, l as Ct, m as Ve, n as de, o as Oe, p as tn, q as Pt, r as nn, e as Ie, d as _e, s as Ee } from "./floating-ui.utils.dom-cbi420Pg.js";
 import * as on from "react-dom";
-import { u as sn, F as rn, P as cn, a as ln } from "./transitions.module-CWX8e5cx.js";
+import { u as sn, F as rn, P as cn, a as ln } from "./transitions.module-D9mMAtfI.js";
 import { u as an } from "./useId-C5kyn6tA.js";
-import { a as fn, E as un } from "./useRenderElement-DwToLA61.js";
-import { D as dn } from "./FloatingPortal-tWyuKRSN.js";
+import { a as fn, E as un } from "./useRenderElement-DngNDu_P.js";
+import { D as dn } from "./FloatingPortal-BQsQhvIr.js";
 function dt(e, t, i) {
   let {
     reference: n,

package/dist/heading.css

@@ -0,0 +1 @@
+@layer components{._heading_m8x05_2{font-weight:var(--font-weight-medium)}}

package/dist/icon-button.css

@@ -0,0 +1 @@
+@layer components{._icon-button_1aj78_2{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-default);aspect-ratio:1 / 1;width:var(--icon-button-size);height:var(--icon-button-size)}._icon-button_size_sm_1aj78_12{--icon-button-size: var(--space-24)}._icon-button_size_md_1aj78_16{--icon-button-size: var(--space-32)}._icon-button_size_lg_1aj78_20{--icon-button-size: var(--space-40)}._icon-button_size_xl_1aj78_24{--icon-button-size: var(--space-48)}._icon-button_size_2xl_1aj78_28{--icon-button-size: var(--space-56)}._icon-button_size_3xl_1aj78_32{--icon-button-size: var(--space-64)}}

package/dist/icon.css

@@ -0,0 +1 @@
+@layer components{._icon_ol0rk_2{--icon-size: var(--space-16);vertical-align:middle;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);min-height:var(--icon-size);font-size:var(--icon-size)}._icon_size_sm_ol0rk_14,._icon_size_md_ol0rk_19{--icon-size: var(--space-16)}._icon_size_lg_ol0rk_23{--icon-size: var(--space-20)}._icon_size_xl_ol0rk_27{--icon-size: var(--space-24)}._icon_size_2xl_ol0rk_31{--icon-size: var(--space-32)}._icon_size_3xl_ol0rk_35{--icon-size: var(--space-48)}}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { Accordion, AccordionItem } from './components/accordion';
-export { AlertDialog, AlertDialogClose } from './components/alert-dialog';
+export { Accordion } from './components/accordion';
+export { AlertDialog } from './components/alert-dialog';
 export { Anchor } from './components/anchor';
 export { Avatar } from './components/avatar';
 export { Badge } from './components/badge';
@@ -7,10 +7,10 @@ export { Button } from './components/button';
 export { Checkbox } from './components/checkbox';
 export { Code } from './components/code';
 export { Collapse } from './components/collapse';
-export { CommandDialog, CommandGroup, CommandSeparator, CommandItem, } from './components/command';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuMore, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, } from './components/context-menu';
-export { Dialog, DialogClose } from './components/dialog';
-export { Heading, Section } from './components/heading';
+export { Command } from './components/command';
+export { ContextMenu } from './components/context-menu';
+export { Dialog } from './components/dialog';
+export { Heading } from './components/heading';
 export { Icon } from './components/icon';
 export { IconButton } from './components/icon-button';
 export { InlineCode } from './components/inline-code';
@@ -22,7 +22,7 @@ export { PasswordInput } from './components/password-input';
 export { Pill } from './components/pill';
 export { Popover } from './components/popover';
 export { PreviewCard } from './components/preview-card';
-export { RadioGroup, Radio } from './components/radio';
+export { RadioGroup } from './components/radio-group';
 export { SearchBar } from './components/search-bar';
 export { Select } from './components/select';
 export { Separator } from './components/separator';
@@ -32,11 +32,11 @@ export { StackedAvatars } from './components/stacked-avatars';
 export { StatusBanner } from './components/status-banner';
 export { Surface } from './components/surface';
 export { Switch } from './components/switch';
-export { Tabs, TabsPanel } from './components/tabs';
+export { Tabs } from './components/tabs';
 export { Text } from './components/text';
 export { ThemeProvider, useThemeContext } from './components/theme-provider';
 export { Timestamp } from './components/timestamp';
-export { ToastProvider, ToastViewport, useToastManager, } from './components/toast';
-export { TooltipProvider, Tooltip } from './components/tooltip';
+export { Toaster, useToastManager } from './components/toaster';
+export { Tooltip } from './components/tooltip';
 export { View } from './components/view';
 export { VisuallyHidden } from './components/visually-hidden';