@koide-labs/ui 0.0.3 → 0.0.5

package/dist/components/radio/index.js

@@ -1,11 +1,12 @@
-import { jsxs as re, jsx as p } from "react/jsx-runtime";
+"use client";
+import { jsxs as ne, jsx as p } from "react/jsx-runtime";
 import { c as ue } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
 import { createContext as Ee, useContext as Ne } from "react";
 import { Text as Ve } from "../text/index.js";
 import { View as Pe } from "../view/index.js";
 import { u as Ie } from "../../useControlled-Du4sJyMj.js";
-import { E as ce, b as de, u as ne, N as F, c as fe, m as ke } from "../../useRenderElement-DwToLA61.js";
+import { E as ce, b as de, u as re, N as F, c as fe, m as ke } from "../../useRenderElement-DwToLA61.js";
 import { u as G } from "../../useStableCallback-CkTrVkNX.js";
 import { v as pe } from "../../visuallyHidden-CpJ-mhai.js";
 import { u as me } from "../../useBaseUiId-B7WyxtIE.js";
@@ -24,12 +25,12 @@ import { u as Ye } from "../../useLabelableId-Ci_jDvmv.js";
 import { u as He } from "../../useButton-DfIwsdb8.js";
 import '../../index27.css';function Je(e) {
   const {
-    render: r,
+    render: n,
     className: u,
     state: h = ce,
     props: R = de,
     refs: m = de,
-    metadata: n,
+    metadata: r,
     stateAttributesMapping: a,
     tag: s = "div",
     ...g
@@ -37,9 +38,9 @@ import '../../index27.css';function Je(e) {
     compositeProps: b,
     compositeRef: _
   } = Me({
-    metadata: n
+    metadata: r
   });
-  return ne(s, e, {
+  return re(s, e, {
     state: h,
     ref: [...m, _],
     props: [b, ...R, g],
@@ -54,10 +55,10 @@ const ye = /* @__PURE__ */ o.createContext({
 });
 process.env.NODE_ENV !== "production" && (ye.displayName = "FieldsetRootContext");
 function We(e = !1) {
-  const r = o.useContext(ye);
-  if (!r && !e)
+  const n = o.useContext(ye);
+  if (!n && !e)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : ge(86));
-  return r;
+  return n;
 }
 let le = /* @__PURE__ */ (function(e) {
   return e.checked = "data-checked", e.unchecked = "data-unchecked", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
@@ -96,19 +97,19 @@ function Ae() {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : ge(52));
   return e;
 }
-const be = /* @__PURE__ */ o.forwardRef(function(r, u) {
+const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
     disabled: m = !1,
-    readOnly: n = !1,
+    readOnly: r = !1,
     required: a = !1,
     value: s,
     inputRef: g,
     nativeButton: b = !1,
     id: _,
     ...E
-  } = r, {
+  } = n, {
     disabled: N,
     readOnly: V,
     required: q,
@@ -128,7 +129,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(r, u) {
   } = he(), A = Ue(), {
     labelId: y,
     getDescriptionProps: v
-  } = Re(), i = $ || A.disabled || N || m, t = V || n, x = q || a, c = T === s, k = o.useRef(null), C = o.useRef(null), S = fe(g, C);
+  } = Re(), i = $ || A.disabled || N || m, t = V || r, x = q || a, c = T === s, k = o.useRef(null), C = o.useRef(null), S = fe(g, C);
   ze(() => {
     C.current?.checked && I(!0);
   }, [I]);
@@ -187,14 +188,14 @@ const be = /* @__PURE__ */ o.forwardRef(function(r, u) {
     disabled: i,
     readOnly: t,
     checked: c
-  }), [j, i, t, c, x]), ee = o.useMemo(() => M, [M]), L = w !== F, U = [u, P, k, K], d = [Q, v, W?.getValidationProps ?? ce, E, X], Y = ne("span", r, {
+  }), [j, i, t, c, x]), ee = o.useMemo(() => M, [M]), L = w !== F, U = [u, P, k, K], d = [Q, v, W?.getValidationProps ?? ce, E, X], Y = re("span", n, {
     enabled: !L,
     state: M,
     ref: U,
     props: d,
     stateAttributesMapping: oe
   });
-  return /* @__PURE__ */ re(se.Provider, {
+  return /* @__PURE__ */ ne(se.Provider, {
     value: ee,
     children: [L ? /* @__PURE__ */ p(Je, {
       tag: "span",
@@ -210,23 +211,23 @@ const be = /* @__PURE__ */ o.forwardRef(function(r, u) {
   });
 });
 process.env.NODE_ENV !== "production" && (be.displayName = "RadioRoot");
-const _e = /* @__PURE__ */ o.forwardRef(function(r, u) {
+const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
     keepMounted: m = !1,
-    ...n
-  } = r, a = Ae(), s = a.checked, {
+    ...r
+  } = n, a = Ae(), s = a.checked, {
     transitionStatus: g,
     setMounted: b
   } = je(s), _ = o.useMemo(() => ({
     ...a,
     transitionStatus: g
-  }), [a, g]), E = o.useRef(null), N = m || s, V = ne("span", r, {
+  }), [a, g]), E = o.useRef(null), N = m || s, V = re("span", n, {
     enabled: N,
     ref: [u, E],
     state: _,
-    props: n,
+    props: r,
     stateAttributesMapping: oe
   });
   return Be({
@@ -238,12 +239,12 @@ const _e = /* @__PURE__ */ o.forwardRef(function(r, u) {
   }), N ? V : null;
 });
 process.env.NODE_ENV !== "production" && (_e.displayName = "RadioIndicator");
-const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(r, u) {
+const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
     disabled: m,
-    readOnly: n,
+    readOnly: r,
     required: a,
     onValueChange: s,
     value: g,
@@ -252,7 +253,7 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(r, u) {
     inputRef: E,
     id: N,
     ...V
-  } = r, {
+  } = n, {
     setTouched: q,
     setFocused: T,
     shouldValidateOnChange: w,
@@ -298,7 +299,7 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(r, u) {
     id: i,
     name: K ? v : void 0,
     disabled: y,
-    readOnly: n,
+    readOnly: r,
     required: a,
     "aria-labelledby": V["aria-labelledby"] ?? A?.legendId,
     "aria-hidden": !0,
@@ -313,25 +314,25 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(r, u) {
     ...P,
     disabled: y ?? !1,
     required: a ?? !1,
-    readOnly: n ?? !1
-  }), [P, y, n, a]), L = o.useMemo(() => ({
+    readOnly: r ?? !1
+  }), [P, y, r, a]), L = o.useMemo(() => ({
     ...P,
     checkedValue: t,
     disabled: y,
     validation: l,
     name: v,
     onValueChange: c,
-    readOnly: n,
+    readOnly: r,
     registerControlRef: S,
     required: a,
     setCheckedValue: k,
     setTouched: O,
     touched: z
-  }), [t, y, l, P, v, c, n, S, a, k, O, z]), U = {
+  }), [t, y, l, P, v, c, r, S, a, k, O, z]), U = {
     role: "radiogroup",
     "aria-required": a || void 0,
     "aria-disabled": y || void 0,
-    "aria-readonly": n || void 0,
+    "aria-readonly": r || void 0,
     "aria-labelledby": j,
     onFocus() {
       T(!0);
@@ -339,7 +340,7 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(r, u) {
     onBlur: Q,
     onKeyDownCapture: X
   };
-  return /* @__PURE__ */ re(ae.Provider, {
+  return /* @__PURE__ */ ne(ae.Provider, {
     value: L,
     children: [/* @__PURE__ */ p(Te, {
       render: h,
@@ -365,24 +366,24 @@ const Xe = {
 }, xe = Ee("primary");
 function Nt({
   color: e = "primary",
-  className: r,
+  className: n,
   ...u
 }) {
   return /* @__PURE__ */ p(xe.Provider, { value: e, children: /* @__PURE__ */ p(
     ve,
     {
-      className: ue(Xe["radio-group"], r),
+      className: ue(Xe["radio-group"], n),
       ...u
     }
   ) });
 }
 function Vt({
   color: e,
-  label: r,
+  label: n,
   className: u,
   ...h
 }) {
-  const R = Ne(xe), m = e || R || "primary", n = /* @__PURE__ */ p(
+  const R = Ne(xe), m = e || R || "primary", r = /* @__PURE__ */ p(
     Pe,
     {
       render: /* @__PURE__ */ p(be, { ...h }),
@@ -392,11 +393,11 @@ function Vt({
       children: /* @__PURE__ */ p(_e, { className: te.radio__indicator })
     }
   );
-  return r ? /* @__PURE__ */ re("label", { className: te.radio__label, children: [
-    n,
+  return n ? /* @__PURE__ */ ne("label", { className: te.radio__label, children: [
+    r,
     " ",
-    /* @__PURE__ */ p(Ve, { children: r })
-  ] }) : n;
+    /* @__PURE__ */ p(Ve, { children: n })
+  ] }) : r;
 }
 export {
   Vt as Radio,

package/dist/components/search-bar/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
 import "react";

package/dist/components/select/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as C, jsxs as Ae } from "react/jsx-runtime";
 import { c as jt } from "../../clsx-OuTLNxxd.js";
 import * as n from "react";

package/dist/components/separator/index.js

@@ -1,6 +1,7 @@
+"use client";
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import { S as a } from "../../index-FMoPxlJ2.js";
+import { S as p } from "../../index-FMoPxlJ2.js";
 export {
-  a as Separator
+  p as Separator
 };

package/dist/components/slider/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as be, jsxs as Je } from "react/jsx-runtime";
 import { c as Ct } from "../../clsx-OuTLNxxd.js";
 import { View as Pt } from "../view/index.js";

package/dist/components/spinner/index.js

@@ -1,12 +1,13 @@
+"use client";
 import { jsx as n } from "react/jsx-runtime";
-import { c as o } from "../../clsx-OuTLNxxd.js";
-import { Icon as i } from "../icon/index.js";
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import { Icon as o } from "../icon/index.js";
 import { View as s } from "../view/index.js";
-import '../../index5.css';const p = "_spinner_98pyn_1", m = {
+import '../../index5.css';const p = "_spinner_98pyn_1", t = {
   spinner: p
 };
 function f({ className: r, ...e }) {
-  return /* @__PURE__ */ n(s, { className: o(m.spinner, r), ...e, children: /* @__PURE__ */ n(i, { name: "loader-2-line" }) });
+  return /* @__PURE__ */ n(s, { className: i(t.spinner, r), ...e, children: /* @__PURE__ */ n(o, { name: "loader-2-line" }) });
 }
 export {
   f as Spinner

package/dist/components/stacked-avatars/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { c as v } from "../../clsx-OuTLNxxd.js";
 import { Avatar as o } from "../avatar/index.js";

package/dist/components/status-banner/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as _, jsx as s } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { Heading as b } from "../heading/index.js";

package/dist/components/surface/index.js

@@ -1,8 +1,9 @@
+"use client";
 import { jsx as s } from "react/jsx-runtime";
-import { c as u } from "../../clsx-OuTLNxxd.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
 import { createContext as i, useContext as l } from "react";
 import { View as h } from "../view/index.js";
-import '../../index15.css';const _ = "_surface_65s6k_1", a = {
+import '../../index16.css';const _ = "_surface_65s6k_1", a = {
   surface: _,
   "surface--root": "_surface--root_65s6k_5",
   "surface--default": "_surface--default_65s6k_13",
@@ -10,28 +11,28 @@ import '../../index15.css';const _ = "_surface_65s6k_1", a = {
   "surface--highest": "_surface--highest_65s6k_29"
 }, c = i(0), m = ({
   background: e,
-  elevated: t,
-  className: f,
-  ...n
+  elevated: r,
+  className: n,
+  ...u
 }) => {
-  let r = l(c);
-  return e ? r = d(e) : t && r++, /* @__PURE__ */ s(c.Provider, { value: r, children: /* @__PURE__ */ s(
+  let t = l(c);
+  return e ? t = d(e) : r && t++, /* @__PURE__ */ s(c.Provider, { value: t, children: /* @__PURE__ */ s(
     h,
     {
-      className: u(
+      className: f(
         a.surface,
-        a[`surface--${g(r)}`],
-        f
+        a[`surface--${g(t)}`],
+        n
       ),
-      ...n
+      ...u
     }
   ) });
 };
 m.displayName = "Surface";
 const o = ["root", "default", "higher", "highest"];
 function d(e = "root") {
-  const t = o.indexOf(e);
-  return Math.min(Math.max(t, 0), o.length - 1);
+  const r = o.indexOf(e);
+  return Math.min(Math.max(r, 0), o.length - 1);
 }
 function g(e = 0) {
   return o[e] || "root";

package/dist/components/switch/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as ae, jsx as d } from "react/jsx-runtime";
 import { View as se } from "../view/index.js";
 import * as s from "react";

package/dist/components/tabs/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as g, jsxs as U } from "react/jsx-runtime";
 import { c as z } from "../../clsx-OuTLNxxd.js";
 import * as n from "react";

package/dist/components/text/index.js

@@ -1,8 +1,9 @@
+"use client";
 import { c as i } from "../../clsx-OuTLNxxd.js";
 import { s as c } from "../../view.module-DfDLgJE0.js";
 import { u as m } from "../../useRender-CLx7dR_1.js";
 import { m as r } from "../../useRenderElement-DwToLA61.js";
-import '../../index16.css';const n = "_text_ghwl6_1", a = "_text_color_inherit_ghwl6_25", z = "_text_color_default_ghwl6_29", g = "_text_color_dimmer_ghwl6_33", h = "_text_color_dimmest_ghwl6_37", d = "_text_size_sm_ghwl6_42", p = "_text_size_md_ghwl6_48", w = "_text_size_lg_ghwl6_54", f = "_text_size_xl_ghwl6_60", u = "_text_size_2xl_ghwl6_66", y = "_text_size_3xl_ghwl6_72", t = {
+import '../../index17.css';const n = "_text_ghwl6_1", a = "_text_color_inherit_ghwl6_25", z = "_text_color_default_ghwl6_29", g = "_text_color_dimmer_ghwl6_33", h = "_text_color_dimmest_ghwl6_37", d = "_text_size_sm_ghwl6_42", p = "_text_size_md_ghwl6_48", w = "_text_size_lg_ghwl6_54", f = "_text_size_xl_ghwl6_60", u = "_text_size_2xl_ghwl6_66", y = "_text_size_3xl_ghwl6_72", t = {
   text: n,
   "text_clip-line": "_text_clip-line_ghwl6_8",
   "text_clamp-lines": "_text_clamp-lines_ghwl6_15",

package/dist/components/theme-provider/index.js

@@ -1,6 +1,7 @@
+"use client";
 import { ThemeProvider as r } from "./theme-provider.js";
-import { useThemeContext as t } from "./theme-context.js";
+import { useThemeContext as m } from "./theme-context.js";
 export {
   r as ThemeProvider,
-  t as useThemeContext
+  m as useThemeContext
 };

package/dist/components/timestamp/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as p } from "react/jsx-runtime";
 import { c as B } from "../../clsx-OuTLNxxd.js";
 import { useState as V } from "react";

package/dist/components/toast/index.js

@@ -1,7 +1,8 @@
-import { ToastProvider as a, ToastViewport as e } from "./toast.js";
+"use client";
+import { ToastProvider as r, ToastViewport as t } from "./toast.js";
 import { u as s } from "../../use-toast-manager-Dq-44AuW.js";
 export {
-  a as ToastProvider,
-  e as ToastViewport,
+  r as ToastProvider,
+  t as ToastViewport,
   s as useToastManager
 };

package/dist/components/tooltip/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as O, jsxs as ne } from "react/jsx-runtime";
 import { c as Ee } from "../../clsx-OuTLNxxd.js";
 import { textify as Se } from "../../-utils.js";

package/dist/components/view/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { c as t } from "../../clsx-OuTLNxxd.js";
 import { s as n } from "../../view.module-DfDLgJE0.js";
 import { u as v } from "../../useRender-CLx7dR_1.js";

package/dist/components/visually-hidden/index.js

@@ -1,4 +1,5 @@
-import { V as e } from "../../index-DN9Bn1qm.js";
+"use client";
+import { V as l } from "../../index-DN9Bn1qm.js";
 export {
-  e as VisuallyHidden
+  l as VisuallyHidden
 };

package/dist/index.js

@@ -34,13 +34,13 @@ import { Surface as Bo } from "./components/surface/index.js";
 import { Switch as Go } from "./components/switch/index.js";
 import { Tabs as Vo, TabsPanel as ko } from "./components/tabs/index.js";
 import { Text as yo } from "./components/text/index.js";
-import { ThemeProvider as jo } from "./components/theme-provider/theme-provider.js";
-import { useThemeContext as zo } from "./components/theme-provider/theme-context.js";
-import { Timestamp as Fo } from "./components/timestamp/index.js";
-import { ToastProvider as Ko, ToastViewport as Lo } from "./components/toast/toast.js";
-import { u as Qo } from "./use-toast-manager-Dq-44AuW.js";
-import { Tooltip as Wo, TooltipProvider as Xo } from "./components/tooltip/index.js";
-import { View as Zo } from "./components/view/index.js";
+import { Timestamp as jo } from "./components/timestamp/index.js";
+import { Tooltip as zo, TooltipProvider as Eo } from "./components/tooltip/index.js";
+import { View as Jo } from "./components/view/index.js";
+import { ThemeProvider as Lo } from "./components/theme-provider/theme-provider.js";
+import { useThemeContext as Qo } from "./components/theme-provider/theme-context.js";
+import { ToastProvider as Wo, ToastViewport as Xo } from "./components/toast/toast.js";
+import { u as Zo } from "./use-toast-manager-Dq-44AuW.js";
 import { V as $o } from "./index-DN9Bn1qm.js";
 export {
   e as Accordion,
@@ -95,14 +95,14 @@ export {
   Vo as Tabs,
   ko as TabsPanel,
   yo as Text,
-  jo as ThemeProvider,
-  Fo as Timestamp,
-  Ko as ToastProvider,
-  Lo as ToastViewport,
-  Wo as Tooltip,
-  Xo as TooltipProvider,
-  Zo as View,
+  Lo as ThemeProvider,
+  jo as Timestamp,
+  Wo as ToastProvider,
+  Xo as ToastViewport,
+  zo as Tooltip,
+  Eo as TooltipProvider,
+  Jo as View,
   $o as VisuallyHidden,
-  zo as useThemeContext,
-  Qo as useToastManager
+  Qo as useThemeContext,
+  Zo as useToastManager
 };

package/dist/index11.css

@@ -1 +1 @@
-._icon-button_1xtat_1{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_1xtat_11{--icon-button-size: var(--space-24)}._icon-button_size_md_1xtat_15{--icon-button-size: var(--space-32)}._icon-button_size_lg_1xtat_19{--icon-button-size: var(--space-40)}._icon-button_size_xl_1xtat_23{--icon-button-size: var(--space-48)}._icon-button_size_2xl_1xtat_27{--icon-button-size: var(--space-56)}._icon-button_size_3xl_1xtat_31{--icon-button-size: var(--space-64)}
+._icon_9rs9y_1{--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_9rs9y_13,._icon_size_md_9rs9y_18{--icon-size: var(--space-16)}._icon_size_lg_9rs9y_22{--icon-size: var(--space-20)}._icon_size_xl_9rs9y_26{--icon-size: var(--space-24)}._icon_size_2xl_9rs9y_30{--icon-size: var(--space-32)}._icon_size_3xl_9rs9y_34{--icon-size: var(--space-48)}

package/dist/index12.css

@@ -1 +1 @@
-._inline-code_ai49m_1{display:inline;border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-6);padding:0 var(--space-4);line-height:var(--line-height-default);font-family:var(--font-family-code);overflow-wrap:anywhere}._inline-code_colorway_ai49m_11{color:var(--view-colorway-default)}
+._icon-button_1xtat_1{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_1xtat_11{--icon-button-size: var(--space-24)}._icon-button_size_md_1xtat_15{--icon-button-size: var(--space-32)}._icon-button_size_lg_1xtat_19{--icon-button-size: var(--space-40)}._icon-button_size_xl_1xtat_23{--icon-button-size: var(--space-48)}._icon-button_size_2xl_1xtat_27{--icon-button-size: var(--space-56)}._icon-button_size_3xl_1xtat_31{--icon-button-size: var(--space-64)}

package/dist/index13.css

@@ -1 +1 @@
-._password-input__root_g27z2_1{position:relative}._password-input__eye_g27z2_5{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%)}
+._inline-code_ai49m_1{display:inline;border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-6);padding:0 var(--space-4);line-height:var(--line-height-default);font-family:var(--font-family-code);overflow-wrap:anywhere}._inline-code_colorway_ai49m_11{color:var(--view-colorway-default)}

package/dist/index14.css

@@ -1 +1 @@
-._pill_wezrb_1{flex-shrink:1;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--border-radius-round)!important;padding-right:var(--space-8);padding-left:var(--space-8);height:var(--space-24);font-size:var(--font-size-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._pill_icon_left_wezrb_16{padding-left:var(--space-4)}._pill_icon_right_wezrb_20{padding-right:var(--space-4)}
+._password-input__root_g27z2_1{position:relative}._password-input__eye_g27z2_5{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%)}

package/dist/index15.css

@@ -1 +1 @@
-._surface_65s6k_1{background-color:var(--surface-background)}._surface--root_65s6k_5{--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}._surface--default_65s6k_13{--surface-background: var(--background-default);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-highest);--surface-interactive-border: var(--outline-dimmer);--surface-interactive-border-hover: var(--outline-stronger)}._surface--higher_65s6k_21{--surface-background: var(--background-higher);--surface-interactive-background: var(--background-highest);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-default);--surface-interactive-border-hover: var(--outline-strongest)}._surface--highest_65s6k_29{--surface-background: var(--background-highest);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-stronger);--surface-interactive-border-hover: var(--outline-strongest)}
+._pill_wezrb_1{flex-shrink:1;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--border-radius-round)!important;padding-right:var(--space-8);padding-left:var(--space-8);height:var(--space-24);font-size:var(--font-size-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._pill_icon_left_wezrb_16{padding-left:var(--space-4)}._pill_icon_right_wezrb_20{padding-right:var(--space-4)}

package/dist/index16.css

@@ -1 +1 @@
-._text_ghwl6_1{display:inline;vertical-align:middle;overflow:hidden;overflow-wrap:break-word}._text_clip-line_ghwl6_8{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}._text_clamp-lines_ghwl6_15{display:-webkit-box;line-clamp:var(--ui-text-max-lines);-webkit-line-clamp:var(--ui-text-max-lines);-webkit-box-orient:vertical;visibility:visible;white-space:break-spaces}._text_color_inherit_ghwl6_25{color:inherit}._text_color_default_ghwl6_29{color:var(--foreground-default)}._text_color_dimmer_ghwl6_33{color:var(--foreground-dimmer)}._text_color_dimmest_ghwl6_37{color:var(--foreground-dimmest)}._text_size_sm_ghwl6_42{font-weight:var(--font-weight-regular);font-size:var(--font-size-small);line-height:var(--line-height-small)}._text_size_md_ghwl6_48{font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default)}._text_size_lg_ghwl6_54{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-default);line-height:var(--line-height-subhead-default)}._text_size_xl_ghwl6_60{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-big);line-height:var(--line-height-subhead-big)}._text_size_2xl_ghwl6_66{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-default);line-height:var(--line-height-header-default)}._text_size_3xl_ghwl6_72{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-big);line-height:var(--line-height-header-big)}
+._surface_65s6k_1{background-color:var(--surface-background)}._surface--root_65s6k_5{--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}._surface--default_65s6k_13{--surface-background: var(--background-default);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-highest);--surface-interactive-border: var(--outline-dimmer);--surface-interactive-border-hover: var(--outline-stronger)}._surface--higher_65s6k_21{--surface-background: var(--background-higher);--surface-interactive-background: var(--background-highest);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-default);--surface-interactive-border-hover: var(--outline-strongest)}._surface--highest_65s6k_29{--surface-background: var(--background-highest);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-stronger);--surface-interactive-border-hover: var(--outline-strongest)}

package/dist/index17.css

@@ -1 +1 @@
-._alert-dialog__actions_f5jwc_1{flex-direction:row;justify-content:end;gap:var(--space-8)}
+._text_ghwl6_1{display:inline;vertical-align:middle;overflow:hidden;overflow-wrap:break-word}._text_clip-line_ghwl6_8{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}._text_clamp-lines_ghwl6_15{display:-webkit-box;line-clamp:var(--ui-text-max-lines);-webkit-line-clamp:var(--ui-text-max-lines);-webkit-box-orient:vertical;visibility:visible;white-space:break-spaces}._text_color_inherit_ghwl6_25{color:inherit}._text_color_default_ghwl6_29{color:var(--foreground-default)}._text_color_dimmer_ghwl6_33{color:var(--foreground-dimmer)}._text_color_dimmest_ghwl6_37{color:var(--foreground-dimmest)}._text_size_sm_ghwl6_42{font-weight:var(--font-weight-regular);font-size:var(--font-size-small);line-height:var(--line-height-small)}._text_size_md_ghwl6_48{font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default)}._text_size_lg_ghwl6_54{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-default);line-height:var(--line-height-subhead-default)}._text_size_xl_ghwl6_60{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-big);line-height:var(--line-height-subhead-big)}._text_size_2xl_ghwl6_66{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-default);line-height:var(--line-height-header-default)}._text_size_3xl_ghwl6_72{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-big);line-height:var(--line-height-header-big)}

package/dist/index18.css

@@ -1 +1 @@
-._icon_9rs9y_1{--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_9rs9y_13,._icon_size_md_9rs9y_18{--icon-size: var(--space-16)}._icon_size_lg_9rs9y_22{--icon-size: var(--space-20)}._icon_size_xl_9rs9y_26{--icon-size: var(--space-24)}._icon_size_2xl_9rs9y_30{--icon-size: var(--space-32)}._icon_size_3xl_9rs9y_34{--icon-size: var(--space-48)}
+._alert-dialog__actions_f5jwc_1{flex-direction:row;justify-content:end;gap:var(--space-8)}

package/dist/index6.css

@@ -1 +1 @@
-._anchor_71aa4_1{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_71aa4_1:visited{color:var(--blurple-stronger)}._anchor__icon_71aa4_14{vertical-align:-5%;margin-left:var(--space-2)}
+._anchor_zl00p_1{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_zl00p_1:visited{color:var(--blurple-stronger)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -26,6 +26,9 @@
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "packageManager": "pnpm@10.19.0",
   "scripts": {
     "dev": "vite",
@@ -54,11 +57,13 @@
     "prismjs": "^1.30.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-markdown": "^10.1.0"
+    "react-markdown": "^10.1.0",
+    "remixicon": "^4.8.0"
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "remixicon": "^4.8.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
@@ -93,7 +98,6 @@
     "postcss-nesting": "^13.0.2",
     "prettier": "^3.7.4",
     "prettier-plugin-css-order": "^2.1.2",
-    "remixicon": "^4.8.0",
     "storybook": "^10.1.11",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^39.0.1",