@koide-labs/ui 0.1.2 → 0.1.4

package/dist/{transitions.module-D9mMAtfI.js → transitions.module-SSNmQfsR.js}

@@ -10,7 +10,7 @@ import { jsx as ze } from "react/jsx-runtime";
 import { c as U, e as St, o as vt, a as Me, n as Ot } from "./createBaseUIEventDetails-CCSfZ2vM.js";
 import { c as _t } from "./FloatingPortal-BQsQhvIr.js";
 import { d as Rt, c as bt } from "./event-B89-Ng5h.js";
-import { h as B, e as De, f as Q, k as Tt, l as k, F as Ct, n as Be, S as Ge } from "./element-u5WgOZX1.js";
+import { h as B, e as De, f as Q, k as Tt, l as k, F as wt, n as Be, S as Ge } from "./element-u5WgOZX1.js";
 import { f as Ue } from "./formatErrorMessage-BqPuTBN-.js";
 import { T as xe } from "./useOpenChangeComplete-BHd-N7Ig.js";
 import './transitions.css';function re(n, t, e = !0) {
@@ -38,7 +38,7 @@ function $e() {
     }
   };
 }
-class wt {
+class Ct {
   nodesRef = {
     current: []
   };
@@ -90,7 +90,7 @@ function Vn(n) {
   const {
     children: t,
     externalTree: e
-  } = n, r = Et(() => e ?? new wt()).current;
+  } = n, r = Et(() => e ?? new Ct()).current;
   return /* @__PURE__ */ ze(ve.Provider, {
     value: r,
     children: t
@@ -119,10 +119,10 @@ function Nn(n, t = {}) {
     referencePressEvent: d = "sloppy",
     ancestorScroll: E = !1,
     bubbles: _,
-    externalTree: w
-  } = t, b = Ye(w), x = L(typeof m == "function" ? m : () => !1), T = typeof m == "function" ? x : m, N = v.useRef(!1), {
+    externalTree: C
+  } = t, b = Ye(C), x = L(typeof m == "function" ? m : () => !1), T = typeof m == "function" ? x : m, N = v.useRef(!1), {
     escapeKey: O,
-    outsidePress: C
+    outsidePress: w
   } = It(_), R = v.useRef(null), A = Ie(), X = Ie(), F = L(() => {
     X.clear(), h.current.insideReactTree = !1;
   }), ie = v.useRef(!1), Re = v.useRef(""), ce = L((i) => {
@@ -179,13 +179,13 @@ function Nn(n, t = {}) {
       if (ut || at)
         return;
     }
-    const Ce = h.current.floatingContext?.nodeId, nt = b && re(b.nodesRef.current, Ce).some((D) => k(i, D.context?.elements.floating));
+    const we = h.current.floatingContext?.nodeId, nt = b && re(b.nodesRef.current, we).some((D) => k(i, D.context?.elements.floating));
     if (k(i, e.select("floatingElement")) || k(i, e.select("domReferenceElement")) || nt)
       return;
-    const we = b ? re(b.nodesRef.current, Ce) : [];
-    if (we.length > 0) {
+    const Ce = b ? re(b.nodesRef.current, we) : [];
+    if (Ce.length > 0) {
       let D = !0;
-      if (we.forEach((H) => {
+      if (Ce.forEach((H) => {
         H.context?.open && !H.context.dataRef.current.__outsidePressBubbles && (D = !1);
       }), !D)
         return;
@@ -247,7 +247,7 @@ function Nn(n, t = {}) {
   v.useEffect(() => {
     if (!r || !c)
       return;
-    h.current.__escapeKeyBubbles = O, h.current.__outsidePressBubbles = C;
+    h.current.__escapeKeyBubbles = O, h.current.__outsidePressBubbles = w;
     const i = new ht();
     function y(I) {
       e.setOpen(!1, U(Ot, I));
@@ -277,7 +277,7 @@ function Nn(n, t = {}) {
         I.removeEventListener("scroll", y);
       }), i.clear();
     };
-  }, [h, o, s, a, f, T, r, u, E, c, O, C, P, G, K, be, ue, ae, le, ce, e]), v.useEffect(F, [T, F]);
+  }, [h, o, s, a, f, T, r, u, E, c, O, w, P, G, K, be, ue, ae, le, ce, e]), v.useEffect(F, [T, F]);
   const fe = v.useMemo(() => ({
     onKeyDown: P,
     ...l && {
@@ -559,7 +559,7 @@ function Je(n, ...t) {
       argsMemoize: l = Xe,
       argsMemoizeOptions: d = [],
       devModeChecks: E = {}
-    } = f, _ = Ve(g), w = Ve(d), b = At(o), x = m(function() {
+    } = f, _ = Ve(g), C = Ve(d), b = At(o), x = m(function() {
       return s++, c.apply(
         null,
         arguments
@@ -568,15 +568,15 @@ function Je(n, ...t) {
     let T = !0;
     const N = l(function() {
       a++;
-      const C = Ne(
+      const w = Ne(
         b,
         arguments
       );
-      if (u = x.apply(null, C), process.env.NODE_ENV !== "production") {
+      if (u = x.apply(null, w), process.env.NODE_ENV !== "production") {
         const { identityFunctionCheck: R, inputStabilityCheck: A } = Pt(T, E);
         if (R.shouldRun && R.run(
           c,
-          C,
+          w,
           u
         ), A.shouldRun) {
           const X = Ne(
@@ -584,7 +584,7 @@ function Je(n, ...t) {
             arguments
           );
           A.run(
-            { inputSelectorResults: C, inputSelectorResultsCopy: X },
+            { inputSelectorResults: w, inputSelectorResultsCopy: X },
             { memoize: m, memoizeOptions: _ },
             arguments
           );
@@ -592,7 +592,7 @@ function Je(n, ...t) {
         T && (T = !1);
       }
       return u;
-    }, ...w);
+    }, ...C);
     return Object.assign(N, {
       resultFunc: c,
       memoizedResultFunc: x,
@@ -710,16 +710,16 @@ function Yt() {
       _ = a({
         inst: { value: E, getSnapshot: d }
       });
-      var w = _[0].inst, b = _[1];
+      var C = _[0].inst, b = _[1];
       return h(
         function() {
-          w.value = E, w.getSnapshot = d, e(w) && b({ inst: w });
+          C.value = E, C.getSnapshot = d, e(C) && b({ inst: C });
         },
         [l, E, d]
       ), u(
         function() {
-          return e(w) && b({ inst: w }), l(function() {
-            e(w) && b({ inst: w });
+          return e(C) && b({ inst: C }), l(function() {
+            e(C) && b({ inst: C });
           });
         },
         [l]
@@ -765,26 +765,26 @@ function Jt() {
     } else E = d.current;
     d = u(
       function() {
-        function w(O) {
+        function C(O) {
           if (!b) {
             if (b = !0, x = O, O = g(O), l !== void 0 && E.hasValue) {
-              var C = E.value;
-              if (l(C, O))
-                return T = C;
+              var w = E.value;
+              if (l(w, O))
+                return T = w;
             }
             return T = O;
           }
-          if (C = T, r(x, O)) return C;
+          if (w = T, r(x, O)) return w;
           var R = g(O);
-          return l !== void 0 && l(C, R) ? (x = O, C) : (x = O, T = R);
+          return l !== void 0 && l(w, R) ? (x = O, w) : (x = O, T = R);
         }
         var b = !1, x, T, N = m === void 0 ? null : m;
         return [
           function() {
-            return w(f());
+            return C(f());
           },
           N === null ? void 0 : function() {
-            return w(N());
+            return C(N());
           }
         ];
       },
@@ -816,27 +816,27 @@ function Qt() {
       } else E = d.current;
       d = u(
         function() {
-          function w(O) {
+          function C(O) {
             if (!b) {
               if (b = !0, x = O, O = g(O), l !== void 0 && E.hasValue) {
-                var C = E.value;
-                if (l(C, O))
-                  return T = C;
+                var w = E.value;
+                if (l(w, O))
+                  return T = w;
               }
               return T = O;
             }
-            if (C = T, r(x, O))
-              return C;
+            if (w = T, r(x, O))
+              return w;
             var R = g(O);
-            return l !== void 0 && l(C, R) ? (x = O, C) : (x = O, T = R);
+            return l !== void 0 && l(w, R) ? (x = O, w) : (x = O, T = R);
           }
           var b = !1, x, T, N = m === void 0 ? null : m;
           return [
             function() {
-              return w(f());
+              return C(f());
             },
             N === null ? void 0 : function() {
-              return w(N());
+              return C(N());
             }
           ];
         },
@@ -1266,7 +1266,7 @@ function Pn(n = []) {
 }
 function ne(n, t, e) {
   const r = /* @__PURE__ */ new Map(), o = e === "item", s = {};
-  e === "floating" && (s.tabIndex = -1, s[Ct] = "");
+  e === "floating" && (s.tabIndex = -1, s[wt] = "");
   for (const a in n)
     o && n && (a === Be || a === Ge) || (s[a] = n[a]);
   for (let a = 0; a < t.length; a += 1) {
@@ -1313,9 +1313,9 @@ const an = {
   anchorHidden(n) {
     return n ? pn : null;
   }
-}, hn = "_transition_opacity_1ca7i_2", mn = "_transition_scale_1ca7i_20", Wn = {
+}, hn = "_transition_opacity_1bfpw_3", mn = "_transition_scale_1bfpw_21", Wn = {
   transition_opacity: hn,
-  "transition_fade-out": "_transition_fade-out_1ca7i_12",
+  "transition_fade-out": "_transition_fade-out_1bfpw_13",
   transition_scale: mn
 };
 export {
@@ -1336,7 +1336,7 @@ export {
   Dn as j,
   xn as k,
   rn as l,
-  wt as m,
+  Ct as m,
   Fn as p,
   Wn as t,
   qe as u

package/dist/{useRole-BD3OL1rr.js → useRole-D1k7CnHQ.js}

@@ -1,6 +1,6 @@
 import * as r from "react";
 import { u as P } from "./useId-C5kyn6tA.js";
-import { u as S } from "./transitions.module-D9mMAtfI.js";
+import { u as S } from "./transitions.module-SSNmQfsR.js";
 import { E as F } from "./useRenderElement-DngNDu_P.js";
 import { g as y } from "./element-u5WgOZX1.js";
 const T = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);

package/dist/{useSyncedFloatingRootContext-BB1vwkV-.js → useSyncedFloatingRootContext-CaohymZI.js}

@@ -3,7 +3,7 @@ import { u as T } from "./useStableCallback-DKZHlUAT.js";
 import { u as m } from "./useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as S } from "./useTransitionStatus-CmMyUh74.js";
 import { u as C } from "./useOpenChangeComplete-BHd-N7Ig.js";
-import { F as E, P as x, c as o, u as I } from "./transitions.module-D9mMAtfI.js";
+import { F as E, P as x, c as o, u as I } from "./transitions.module-SSNmQfsR.js";
 import { E as c, a as O } from "./useRenderElement-DngNDu_P.js";
 import { u as P } from "./useId-C5kyn6tA.js";
 import { a as R } from "./floating-ui.utils.dom-cbi420Pg.js";

package/dist/{useTypeahead-BiL5IAVb.js → useTypeahead-CSZtonjF.js}

@@ -3,9 +3,9 @@ import { i as Pe } from "./floating-ui.utils.dom-cbi420Pg.js";
 import { u as H } from "./useValueAsRef-B4EriRsI.js";
 import { u as Q } from "./useStableCallback-DKZHlUAT.js";
 import { u as F } from "./useIsoLayoutEffect-CIDbvm3Q.js";
-import { u as ve, a as Ge } from "./transitions.module-D9mMAtfI.js";
+import { u as ve, a as Ge } from "./transitions.module-SSNmQfsR.js";
 import { c as le, l as xe, f as _e } from "./createBaseUIEventDetails-CCSfZ2vM.js";
-import { e as We } from "./InternalBackdrop-BSMKU-hc.js";
+import { e as We } from "./InternalBackdrop-DDLgWc7D.js";
 import { g as qe, i as He, d as Ke, e as Ue, f as Ae, a as me, b as X, c as Z, h as Ye, A as Ne } from "./element-u5WgOZX1.js";
 import { i as Fe, g as Oe, a as De, c as $e, b as we, d as Be, e as je, f as Je, h as fe } from "./composite-BZzP-LlG.js";
 import { s as S, i as Qe, a as Xe } from "./event-B89-Ng5h.js";

package/dist/view.css

@@ -1 +1 @@
-@layer ui-atom{._view_hucdp_2{display:flex;position:relative;flex-shrink:0;flex-basis:auto;flex-direction:column;align-items:stretch;box-sizing:border-box;outline:none;border-style:solid}}
+._view_1c8ii_3:not(#\#):not(#\#){display:flex;position:relative;flex-shrink:0;flex-basis:auto;flex-direction:column;align-items:stretch;box-sizing:border-box;outline:none;border-style:solid}

package/dist/view.module-j3ylJCCE.js

@@ -0,0 +1,6 @@
+import './view.css';const s = "_view_1c8ii_3", e = {
+  view: s
+};
+export {
+  e as s
+};

package/dist/view2.css

@@ -1 +1 @@
-@layer ui-atom{._view_colorway_v6bkl_2{--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_v6bkl_2:not([disabled],[data-disabled]){cursor:pointer}._view_colorway_static_v6bkl_20{border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_v6bkl_28{transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_v6bkl_60{box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_v6bkl_67{box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_v6bkl_73{transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_v6bkl_98{transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-default)}}._view_colorway_fill-static_v6bkl_123{box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_v6bkl_129{transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default)}}._view_colorway_color-primary_v6bkl_163{--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_v6bkl_171{--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_v6bkl_179{--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_v6bkl_187{--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_v6bkl_195{--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_v6bkl_203{--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_v6bkl_211{--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_v6bkl_219{--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_v6bkl_227{--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_v6bkl_235{--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_v6bkl_243{--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_v6bkl_251{--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_v6bkl_259{--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_v6bkl_267{--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_v6bkl_275{--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}}@layer ui-atom{._view_interactive_1q2pr_2{--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_1q2pr_2:not([disabled],[data-disabled]){cursor:pointer}._view_interactive_1q2pr_2:not([disabled],[data-disabled]):focus:focus-visible{outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_1q2pr_30{transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]){color:inherit}._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_1q2pr_50{transition-property:background-color,box-shadow}._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]){color:inherit}._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_outline_1q2pr_69{transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]){color:inherit}._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_1q2pr_89{transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]):not(textarea):active{transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]):hover{border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_1q2pr_110{transition-property:box-shadow;border-radius:0}._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]){color:inherit}._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}}@layer ui-component{._view_loading_exsxc_7{position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_exsxc_12{animation:_loading_exsxc_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_exsxc_25{overflow:hidden}._view_loading_background_exsxc_25:after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_exsxc_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}@keyframes _loading_exsxc_1{0%{background-position-x:100%}to{background-position-x:0%}}}
+._view_colorway_13usv_3:not(#\#):not(#\#){--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_13usv_3:not([disabled],[data-disabled]):not(#\#):not(#\#){cursor:pointer}._view_colorway_static_13usv_21:not(#\#):not(#\#){border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_13usv_29:not(#\#):not(#\#){transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):not(#\#):not(#\#){color:var(--view-colorway-stronger)}._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):active:not(#\#):not(#\#){border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):active:not(#\#):not(#\#){transition:none}._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):focus:not(#\#):not(#\#){box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):focus:not(:focus-visible):not(#\#):not(#\#){box-shadow:none}@media(hover:hover){._view_colorway_outline_13usv_29:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_13usv_61:not(#\#):not(#\#){box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_13usv_68:not(#\#):not(#\#){box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_13usv_74:not(#\#):not(#\#){transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_13usv_74:not([disabled],[data-disabled]):not(#\#):not(#\#){color:var(--view-colorway-stronger)}._view_colorway_no-fill_13usv_74:not([disabled],[data-disabled]):focus:not(#\#):not(#\#){box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_13usv_74:not([disabled],[data-disabled]):focus:not(:focus-visible):not(#\#):not(#\#){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_13usv_74:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_13usv_99:not(#\#):not(#\#){transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_13usv_99:not([disabled],[data-disabled]):not(#\#):not(#\#){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_13usv_99:not([disabled],[data-disabled]):focus:not(#\#):not(#\#){box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_13usv_99:not([disabled],[data-disabled]):focus:not(:focus-visible):not(#\#):not(#\#){box-shadow:none}@media(hover:hover){._view_colorway_fill_13usv_99:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--view-colorway-default)}}._view_colorway_fill-static_13usv_124:not(#\#):not(#\#){box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_13usv_130:not(#\#):not(#\#){transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):not(#\#):not(#\#){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):active:not(#\#):not(#\#){border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):active:not(#\#):not(#\#){transition:none}._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):focus:not(#\#):not(#\#){box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):focus:not(:focus-visible):not(#\#):not(#\#){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_13usv_130:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){border-color:var(--view-colorway-default)}}._view_colorway_color-primary_13usv_164:not(#\#):not(#\#){--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_13usv_172:not(#\#):not(#\#){--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_13usv_180:not(#\#):not(#\#){--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_13usv_188:not(#\#):not(#\#){--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_13usv_196:not(#\#):not(#\#){--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_13usv_204:not(#\#):not(#\#){--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_13usv_212:not(#\#):not(#\#){--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_13usv_220:not(#\#):not(#\#){--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_13usv_228:not(#\#):not(#\#){--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_13usv_236:not(#\#):not(#\#){--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_13usv_244:not(#\#):not(#\#){--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_13usv_252:not(#\#):not(#\#){--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_13usv_260:not(#\#):not(#\#){--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_13usv_268:not(#\#):not(#\#){--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_13usv_276:not(#\#):not(#\#){--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}._view_interactive_1hjsh_3:not(#\#):not(#\#){--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_1hjsh_3:not([disabled],[data-disabled]):not(#\#):not(#\#){cursor:pointer}._view_interactive_1hjsh_3:not([disabled],[data-disabled]):focus:focus-visible:not(#\#):not(#\#){outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_1hjsh_31:not(#\#):not(#\#){transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_1hjsh_31:not([disabled],[data-disabled]):not(#\#):not(#\#){color:inherit}._view_interactive_fill_1hjsh_31:not([disabled],[data-disabled]):active:not(#\#):not(#\#){border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_1hjsh_31:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_1hjsh_51:not(#\#):not(#\#){transition-property:background-color,box-shadow}._view_interactive_no-fill_1hjsh_51:not([disabled],[data-disabled]):not(#\#):not(#\#){color:inherit}._view_interactive_no-fill_1hjsh_51:not([disabled],[data-disabled]):not(textarea):active:not(#\#):not(#\#){border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_1hjsh_51:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--surface-interactive-background)}}._view_interactive_outline_1hjsh_70:not(#\#):not(#\#){transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_1hjsh_70:not([disabled],[data-disabled]):not(#\#):not(#\#){color:inherit}._view_interactive_outline_1hjsh_70:not([disabled],[data-disabled]):not(textarea):active:not(#\#):not(#\#){border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_1hjsh_70:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_1hjsh_90:not(#\#):not(#\#){transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_1hjsh_90:not([disabled],[data-disabled]):not(#\#):not(#\#){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_1hjsh_90:not([disabled],[data-disabled]):not(textarea):active:not(#\#):not(#\#){transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_1hjsh_90:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_1hjsh_111:not(#\#):not(#\#){transition-property:box-shadow;border-radius:0}._view_interactive_list-item_1hjsh_111:not([disabled],[data-disabled]):not(#\#):not(#\#){color:inherit}._view_interactive_list-item_1hjsh_111:not([disabled],[data-disabled]):not(textarea):active:not(#\#):not(#\#){border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_1hjsh_111:not([disabled],[data-disabled]):hover:not(#\#):not(#\#){background-color:var(--surface-interactive-background)}}@keyframes _loading_11mxa_1{0%{background-position-x:100%}to{background-position-x:0%}}._view_loading_11mxa_8:not(#\#):not(#\#):not(#\#){position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_11mxa_13:not(#\#):not(#\#):not(#\#){animation:_loading_11mxa_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_11mxa_26:not(#\#):not(#\#):not(#\#){overflow:hidden}._view_loading_background_11mxa_26:not(#\#):not(#\#):not(#\#):after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_11mxa_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
+    "@csstools/postcss-cascade-layers": "^6.0.0",
     "@eslint/js": "^9.39.1",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@storybook/addon-a11y": "^10.1.11",

package/dist/components/dialog/dialog.types.js

@@ -1 +0,0 @@
-

package/dist/components/icon/icon.types.js

@@ -1 +0,0 @@
-

package/dist/components/surface/surface.types.js

@@ -1 +0,0 @@
-

package/dist/components/view/view.types.js

@@ -1 +0,0 @@
-

package/dist/input.module-zw1dlr1_.js

@@ -1,8 +0,0 @@
-import './input.css';const t = "_input_1kvz8_2", _ = "_input_autosize_1kvz8_22", n = "_input__label_1kvz8_26", i = {
-  input: t,
-  input_autosize: _,
-  input__label: n
-};
-export {
-  i as s
-};

package/dist/view.module-DlwuNdUj.js

@@ -1,6 +0,0 @@
-import './view.css';const s = "_view_hucdp_2", e = {
-  view: s
-};
-export {
-  e as s
-};