@koide-labs/ui 0.1.7 → 0.1.8

package/dist/components/spinner/spinner.js

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

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

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { c as v } from "../../clsx-OuTLNxxd.js";
-import { T as b } from "../../tooltip-JPnUwFFR.js";
-import { View as r } from "../view/view.js";
 import { Avatar as o } from "../avatar/avatar.js";
 import { Text as k } from "../text/text.js";
+import { T as b } from "../../tooltip-CpyPanwd.js";
+import { View as r } from "../view/view.js";
 import '../../stacked-avatars.css';const a = {
   "stacked-avatars": "_stacked-avatars_1bugq_3",
   "stacked-avatars__avatar": "_stacked-avatars__avatar_1bugq_9",

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

@@ -1,9 +1,9 @@
 import { jsxs as _, jsx as s } from "react/jsx-runtime";
 import { c as b } from "../../clsx-OuTLNxxd.js";
-import { View as i } from "../view/view.js";
-import { Icon as d } from "../icon/icon.js";
-import { Heading as p } from "../heading/heading.js";
+import { Heading as d } from "../heading/heading.js";
+import { Icon as p } from "../icon/icon.js";
 import { Text as x } from "../text/text.js";
+import { View as i } from "../view/view.js";
 import '../../status-banner.css';const t = {
   "status-banner": "_status-banner_x87er_3",
   "status-banner_variant_neutral": "_status-banner_variant_neutral_x87er_16",
@@ -48,9 +48,9 @@ function y({
         c
       ),
       children: [
-        r ? /* @__PURE__ */ s(d, { name: r, size: a[n].icon }) : null,
+        r ? /* @__PURE__ */ s(p, { name: r, size: a[n].icon }) : null,
         /* @__PURE__ */ _(i, { className: t["status-banner__content"], children: [
-          /* @__PURE__ */ s(p, { level: 1, size: a[n].title, color: "inherit", children: o }),
+          /* @__PURE__ */ s(d, { level: 1, size: a[n].title, color: "inherit", children: o }),
           /* @__PURE__ */ s(
             x,
             {

package/dist/components/tabs/tabs.js

@@ -3,10 +3,10 @@ import { c as z } from "../../clsx-OuTLNxxd.js";
 import * as n from "react";
 import { Fragment as rt } from "react";
 import { tokens as it } from "../../styles/tokens.js";
-import { View as U } from "../view/view.js";
 import { Button as ut } from "../button/button.js";
 import { Icon as ct } from "../icon/icon.js";
 import { S as lt } from "../../separator-Or-BDQYZ.js";
+import { View as U } from "../view/view.js";
 import { u as dt } from "../../useControlled-Du4sJyMj.js";
 import { u as F } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as k } from "../../useStableCallback-DKZHlUAT.js";

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as f, useEffect as s } from "react";
-import { ThemeContext as a } from "./theme-context.js";
-import { View as u } from "../view/view.js";
+import { View as a } from "../view/view.js";
+import { ThemeContext as u } from "./theme-context.js";
 function x({
   value: e,
   defaultValue: n,
@@ -13,7 +13,7 @@ function x({
   ), t = m ? e : c, h = d;
   return s(() => {
     r && (document.body.dataset.theme = t);
-  }, [t, r]), /* @__PURE__ */ o(a.Provider, { value: { theme: t, setTheme: h }, children: /* @__PURE__ */ o(u, { "data-theme": t, ...i }) });
+  }, [t, r]), /* @__PURE__ */ o(u.Provider, { value: { theme: t, setTheme: h }, children: /* @__PURE__ */ o(a, { "data-theme": t, ...i }) });
 }
 function l() {
   if (typeof window > "u")

package/dist/components/timestamp/timestamp.js

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { c as B } from "../../clsx-OuTLNxxd.js";
 import { useState as V } from "react";
 import { Text as J } from "../text/text.js";
-import { T as $ } from "../../tooltip-JPnUwFFR.js";
+import { T as $ } from "../../tooltip-CpyPanwd.js";
 import { View as z } from "../view/view.js";
 import '../../timestamp.css';const U = {
   lessThanXSeconds: {

package/dist/components/toaster/toaster.js

@@ -1,12 +1,12 @@
 import { jsx as D, jsxs as re } from "react/jsx-runtime";
 import { c as Ne } from "../../clsx-OuTLNxxd.js";
-import { T as it, a as Re, u as at } from "../../use-toast-manager-Dq-44AuW.js";
+import { Button as it } from "../button/button.js";
+import { Heading as at } from "../heading/heading.js";
+import { IconButton as ct } from "../icon-button/icon-button.js";
+import { Surface as ut } from "../surface/surface.js";
+import { Text as lt } from "../text/text.js";
 import { View as Pe } from "../view/view.js";
-import { Heading as ct } from "../heading/heading.js";
-import { Text as ut } from "../text/text.js";
-import { IconButton as lt } from "../icon-button/icon-button.js";
-import { Button as ft } from "../button/button.js";
-import { Surface as dt } from "../surface/surface.js";
+import { T as ft, a as Re, u as dt } from "../../use-toast-manager-Dq-44AuW.js";
 import * as e from "react";
 import { o as ne } from "../../owner-rKN292Q9.js";
 import { u as U } from "../../useStableCallback-DKZHlUAT.js";
@@ -204,7 +204,7 @@ const ke = function(c) {
     scheduleTimer: B,
     windowFocusedRef: C
   }), [G, L, d, g, R, b, o, O, q, I, B, w, K]);
-  return /* @__PURE__ */ D(it.Provider, {
+  return /* @__PURE__ */ D(ft.Provider, {
     value: J,
     children: h
   });
@@ -838,7 +838,7 @@ function ln({ children: a, ...c }) {
   ] });
 }
 function Vt() {
-  return at().toasts.map((c) => {
+  return dt().toasts.map((c) => {
     const h = c.type && c.type in Le ? Le[c.type] : void 0;
     return /* @__PURE__ */ D(
       $e,
@@ -848,7 +848,7 @@ function Vt() {
           W.toaster,
           h ? W.toaster_variant_colorway : W.toaster_variant_neutral
         ),
-        render: /* @__PURE__ */ D(dt, { background: "default", color: h }),
+        render: /* @__PURE__ */ D(ut, { background: "default", color: h }),
         children: /* @__PURE__ */ re(
           Pe,
           {
@@ -867,7 +867,7 @@ function Vt() {
                       ze,
                       {
                         render: /* @__PURE__ */ D(
-                          ct,
+                          at,
                           {
                             level: 2,
                             size: "lg",
@@ -880,7 +880,7 @@ function Vt() {
                     /* @__PURE__ */ D(
                       Ye,
                       {
-                        render: /* @__PURE__ */ D(ut, { multiline: !0, color: h ? "inherit" : "dimmer" }),
+                        render: /* @__PURE__ */ D(lt, { multiline: !0, color: h ? "inherit" : "dimmer" }),
                         className: W.toaster__description
                       }
                     )
@@ -891,7 +891,7 @@ function Vt() {
                 Xe,
                 {
                   render: /* @__PURE__ */ D(
-                    lt,
+                    ct,
                     {
                       interactive: h ? `${h}_no-fill` : "no-fill",
                       icon: "close-line",
@@ -903,7 +903,7 @@ function Vt() {
                 }
               ),
               c.action ? /* @__PURE__ */ D(
-                ft,
+                it,
                 {
                   ...c.action,
                   interactive: h ? `${h}_fill` : !0,

package/dist/components/tooltip/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as t } from "../../tooltip-JPnUwFFR.js";
+import { T as t } from "../../tooltip-CpyPanwd.js";
 export {
   t as Tooltip
 };

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../-utils.js";
-import "../../transitions.module-SSNmQfsR.js";
-import { T as a } from "../../tooltip-JPnUwFFR.js";
 import "../surface/surface.js";
+import "../../transitions.module-SSNmQfsR.js";
+import { T as a } from "../../tooltip-CpyPanwd.js";
 export {
   a as Tooltip
 };

package/dist/icon.css

@@ -1 +1 @@
-._icon_15q8f_3:not(#\#):not(#\#):not(#\#){--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_15q8f_15:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_md_15q8f_20:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_lg_15q8f_24:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-20)}._icon_size_xl_15q8f_28:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-24)}._icon_size_2xl_15q8f_32:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-32)}._icon_size_3xl_15q8f_36:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-48)}
+@keyframes _spin_1rr4v_1{0%{rotate:0deg}to{rotate:360deg}}._icon_1rr4v_3:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16);--icon-spin-duration: 1s;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_1rr4v_16:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_md_1rr4v_21:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_lg_1rr4v_25:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-20)}._icon_size_xl_1rr4v_29:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-24)}._icon_size_2xl_1rr4v_33:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-32)}._icon_size_3xl_1rr4v_37:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-48)}._icon_spin_1rr4v_41:not(#\#):not(#\#):not(#\#){animation:_spin_1rr4v_1 var(--icon-spin-duration) linear infinite}

package/dist/index.js

@@ -39,7 +39,7 @@ import { useThemeContext as Ao } from "./components/theme-provider/theme-context
 import { Timestamp as Po } from "./components/timestamp/timestamp.js";
 import { Toaster as Mo } from "./components/toaster/toaster.js";
 import { u as Vo } from "./use-toast-manager-Dq-44AuW.js";
-import { T as Do } from "./tooltip-JPnUwFFR.js";
+import { T as Do } from "./tooltip-CpyPanwd.js";
 import { View as yo } from "./components/view/view.js";
 import { V as No } from "./index-DN9Bn1qm.js";
 export {

package/dist/integrations/react-markdown/index.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import l from "react-markdown";
 import { omit as a } from "../../-utils.js";
-import { View as s } from "../../components/view/view.js";
-import { Text as c } from "../../components/text/text.js";
-import { InlineCode as w } from "../../components/inline-code/inline-code.js";
-import { Code as k } from "../../components/code/code.js";
-import { Anchor as h } from "../../components/anchor/anchor.js";
-import { S as u } from "../../separator-Or-BDQYZ.js";
+import { Anchor as s } from "../../components/anchor/anchor.js";
+import { Code as w } from "../../components/code/code.js";
 import { Heading as m } from "../../components/heading/heading.js";
+import { InlineCode as k } from "../../components/inline-code/inline-code.js";
+import { S as h } from "../../separator-Or-BDQYZ.js";
+import { Text as c } from "../../components/text/text.js";
+import { View as u } from "../../components/view/view.js";
 import '../../index2.css';const _ = {
   "react-markdown__h1": "_react-markdown__h1_yvzi6_7",
   "react-markdown__h2": "_react-markdown__h2_yvzi6_8",
@@ -80,7 +80,7 @@ function S({
             className: _["react-markdown__p"]
           }
         ),
-        hr: () => /* @__PURE__ */ e(u, {}),
+        hr: () => /* @__PURE__ */ e(h, {}),
         ul: (r) => /* @__PURE__ */ e(
           "ul",
           {
@@ -103,7 +103,7 @@ function S({
           }
         ),
         a: ({ href: r, ...o }) => /* @__PURE__ */ e(
-          h,
+          s,
           {
             ...a(o, ["node"]),
             href: r,
@@ -114,15 +114,15 @@ function S({
           }
         ),
         code: ({ className: r, ...o }) => typeof o.children == "string" && !o.children.includes(`
-`) ? /* @__PURE__ */ e(w, { ...a(o, ["node"]) }) : /* @__PURE__ */ e(
-          k,
+`) ? /* @__PURE__ */ e(k, { ...a(o, ["node"]) }) : /* @__PURE__ */ e(
+          w,
           {
             className: _["react-markdown__code"],
             ...a(o, ["node"]),
             language: g(r)
           }
         ),
-        img: ({ alt: r, ...o }) => /* @__PURE__ */ i(s, { className: _["react-markdown__img-root"], children: [
+        img: ({ alt: r, ...o }) => /* @__PURE__ */ i(u, { className: _["react-markdown__img-root"], children: [
           /* @__PURE__ */ e(
             "img",
             {

package/dist/spinner.css

@@ -1 +1 @@
-@keyframes _loading_shk19_1{0%{rotate:0deg}to{rotate:360deg}}._spinner_shk19_3:not(#\#):not(#\#):not(#\#){animation:_loading_shk19_1 1.5s linear infinite}
+._spinner_1aqcc_3:not(#\#):not(#\#):not(#\#){width:-moz-fit-content;width:fit-content}

package/dist/{tooltip-JPnUwFFR.js → tooltip-CpyPanwd.js}

@@ -1,8 +1,8 @@
 import { jsx as M, jsxs as ne } from "react/jsx-runtime";
 import { c as ce } from "./clsx-OuTLNxxd.js";
 import { textify as we } from "./-utils.js";
-import { R as Oe, P as Me, c as D, d as Ie, e as Ne, f as De, p as J, t as Ae } from "./transitions.module-SSNmQfsR.js";
-import { Surface as _e } from "./components/surface/surface.js";
+import { Surface as Oe } from "./components/surface/surface.js";
+import { R as Me, P as Ie, c as D, d as Ne, e as De, f as Ae, p as J, t as _e } from "./transitions.module-SSNmQfsR.js";
 import * as a from "react";
 import { u as N } from "./useIsoLayoutEffect-CIDbvm3Q.js";
 import { f as z } from "./formatErrorMessage-BqPuTBN-.js";
@@ -334,7 +334,7 @@ const xt = {
   lastOpenChangeReason: D((n) => n.openChangeReason),
   closeDelay: D((n) => n.closeDelay)
 };
-class Z extends Oe {
+class Z extends Me {
   constructor(e) {
     super({
       ...St(),
@@ -343,7 +343,7 @@ class Z extends Oe {
       popupRef: /* @__PURE__ */ a.createRef(),
       onOpenChange: void 0,
       onOpenChangeComplete: void 0,
-      triggerElements: new Me()
+      triggerElements: new Ie()
     }, xt);
   }
   setOpen = (e, t) => {
@@ -429,7 +429,7 @@ function Et(n) {
   }), [h, b]);
   const x = o.useState("floatingRootContext"), O = vt(x, {
     enabled: !e
-  }), S = Ie(x, {
+  }), S = Ne(x, {
     enabled: !e,
     referencePress: !0
   }), k = Pt(x, {
@@ -439,7 +439,7 @@ function Et(n) {
     getReferenceProps: I,
     getFloatingProps: A,
     getTriggerProps: _
-  } = Ne([O, S, k]), L = a.useMemo(() => I(), [I]), j = a.useMemo(() => _(), [_]), oe = a.useMemo(() => A(), [A]);
+  } = De([O, S, k]), L = a.useMemo(() => I(), [I]), j = a.useMemo(() => _(), [_]), oe = a.useMemo(() => A(), [A]);
   return o.useSyncedValues({
     floatingRootContext: x,
     activeTriggerProps: L,
@@ -519,7 +519,7 @@ const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
     props: [_, j, {
       id: P
     }, s],
-    stateAttributesMapping: De
+    stateAttributesMapping: Ae
   });
 });
 process.env.NODE_ENV !== "production" && (Te.displayName = "TooltipTrigger");
@@ -728,10 +728,10 @@ function At({
     /* @__PURE__ */ M(Ce, { children: /* @__PURE__ */ M(xe, { align: t, side: r, sideOffset: 8, children: /* @__PURE__ */ ne(
       Se,
       {
-        render: /* @__PURE__ */ M(_e, { background: "highest" }),
+        render: /* @__PURE__ */ M(Oe, { background: "highest" }),
         className: ce(
           K.tooltip,
-          Ae.transition_scale,
+          _e.transition_scale,
           g
         ),
         children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -29,6 +29,23 @@
   "sideEffects": [
     "**/*.css"
   ],
+  "packageManager": "pnpm@10.19.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "npm-run-all build:icons build:vite",
+    "build:icons": "tsx ./scripts/build-icon-types.ts",
+    "build:vite": "tsc -b && vite build",
+    "preview": "vite preview",
+    "prepare": "husky",
+    "typecheck": "tsc -b --noEmit",
+    "lint": "npm-run-all --parallel lint:*",
+    "lint:ts": "eslint .",
+    "lint:style": "stylelint src/**/*.module.css",
+    "format": "prettier --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "pnpm run build"
+  },
   "dependencies": {
     "@base-ui/react": "^1.0.0",
     "@npham-dev/cmdk": "^0.0.0",
@@ -100,19 +117,5 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.16"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "npm-run-all build:icons build:vite",
-    "build:icons": "tsx ./scripts/build-icon-types.ts",
-    "build:vite": "tsc -b && vite build",
-    "preview": "vite preview",
-    "typecheck": "tsc -b --noEmit",
-    "lint": "npm-run-all --parallel lint:*",
-    "lint:ts": "eslint .",
-    "lint:style": "stylelint src/**/*.module.css",
-    "format": "prettier --write .",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
   }
-}
+}