@koide-labs/ui 0.0.0 → 0.0.2

package/dist/components/tooltip/tooltip-arrow.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../clsx-OuTLNxxd.js";
+import { T as i } from "../../tooltip-arrow-C1qXdi5T.js";
+export {
+  i as TooltipArrow
+};

package/dist/components/view/index.d.ts

@@ -0,0 +1,30 @@
+import { useRender } from '@base-ui/react';
+import { ElementType } from 'react';
+export type InteractiveStyle = "fill" | "no-fill" | "outline" | "fill-outline" | "list-item";
+export type Color = "primary" | "positive" | "negative" | "warning" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "blurple" | "purple" | "magenta" | "pink" | "grey";
+export type ColorStyle = "outline" | "outline-static" | "mute-static" | "fill" | "no-fill" | "fill-static" | "fill-outline";
+export type ColorVariant = `${Color}_${ColorStyle}`;
+export type LoadingVariant = "background" | "foreground";
+export type ViewProps<T extends ElementType = "div"> = Omit<useRender.ComponentProps<T>, "color"> & {
+    /**
+     * Centralized property to define either an interactive variant or colorway.
+     * We know which is which because colorways have an underscore (Color_ColorVariant, like primary_fill).
+     *
+     * Static variants will not apply transitions or cursor effects! Do not use them for interactive elements.
+     *
+     * Setting `interactive` to true will use "fill".
+     */
+    interactive?: boolean | InteractiveStyle | ColorVariant;
+    /**
+     * Add CSS color variables but do nothing else.
+     * Useful for using View as a sort of "Color Provider" so children can use colors and create custom variants.
+     */
+    color?: Color;
+    /**
+     * Make this element look like it's loading.
+     * Setting `loading` to true will use "foreground".
+     * It'll use sensible defaults based on the colorway or interactive prop.
+     */
+    loading?: boolean | LoadingVariant;
+};
+export declare const View: <T extends ElementType = "div">({ interactive, loading, color, render, ...props }: ViewProps<T>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/view/index.js

@@ -0,0 +1,84 @@
+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";
+import { m as y } from "../../useRenderElement-DwToLA61.js";
+import '../../index20.css';const g = "_view_colorway_ldhog_1", d = "_view_colorway_static_ldhog_19", s = "_view_colorway_outline_ldhog_27", u = "_view_colorway_fill_ldhog_97", l = {
+  view_colorway: g,
+  view_colorway_static: d,
+  view_colorway_outline: s,
+  "view_colorway_outline-static": "_view_colorway_outline-static_ldhog_59",
+  "view_colorway_mute-static": "_view_colorway_mute-static_ldhog_66",
+  "view_colorway_no-fill": "_view_colorway_no-fill_ldhog_72",
+  view_colorway_fill: u,
+  "view_colorway_fill-static": "_view_colorway_fill-static_ldhog_122",
+  "view_colorway_fill-outline": "_view_colorway_fill-outline_ldhog_128",
+  "view_colorway_color-primary": "_view_colorway_color-primary_ldhog_162",
+  "view_colorway_color-positive": "_view_colorway_color-positive_ldhog_170",
+  "view_colorway_color-negative": "_view_colorway_color-negative_ldhog_178",
+  "view_colorway_color-warning": "_view_colorway_color-warning_ldhog_186",
+  "view_colorway_color-red": "_view_colorway_color-red_ldhog_194",
+  "view_colorway_color-orange": "_view_colorway_color-orange_ldhog_202",
+  "view_colorway_color-yellow": "_view_colorway_color-yellow_ldhog_210",
+  "view_colorway_color-green": "_view_colorway_color-green_ldhog_218",
+  "view_colorway_color-teal": "_view_colorway_color-teal_ldhog_226",
+  "view_colorway_color-blue": "_view_colorway_color-blue_ldhog_234",
+  "view_colorway_color-blurple": "_view_colorway_color-blurple_ldhog_242",
+  "view_colorway_color-purple": "_view_colorway_color-purple_ldhog_250",
+  "view_colorway_color-magenta": "_view_colorway_color-magenta_ldhog_258",
+  "view_colorway_color-pink": "_view_colorway_color-pink_ldhog_266",
+  "view_colorway_color-grey": "_view_colorway_color-grey_ldhog_274"
+}, f = "_view_interactive_1xxqh_1", h = "_view_interactive_fill_1xxqh_29", m = "_view_interactive_outline_1xxqh_68", c = {
+  view_interactive: f,
+  view_interactive_fill: h,
+  "view_interactive_no-fill": "_view_interactive_no-fill_1xxqh_49",
+  view_interactive_outline: m,
+  "view_interactive_fill-outline": "_view_interactive_fill-outline_1xxqh_88",
+  "view_interactive_list-item": "_view_interactive_list-item_1xxqh_109"
+}, x = "_view_loading_1707r_6", b = "_view_loading_foreground_1707r_11", p = "_loading_1707r_1", q = "_view_loading_background_1707r_24", w = {
+  view_loading: x,
+  view_loading_foreground: b,
+  loading: p,
+  view_loading_background: q
+}, R = ({
+  interactive: o,
+  loading: i,
+  color: e,
+  render: r,
+  ...a
+}) => {
+  const _ = k({ interactive: o, loading: i });
+  return v({
+    defaultTagName: "div",
+    render: r,
+    props: y(
+      {
+        className: t(
+          n.view,
+          e && l[`view_colorway_color-${e}`],
+          _.interactive && [
+            c.view_interactive,
+            c[`view_interactive_${_.interactive}`]
+          ],
+          _.colorway && [
+            _.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
+            l[`view_colorway_${_.colorway[1]}`],
+            l[`view_colorway_color-${_.colorway[0]}`]
+          ],
+          _.loading && [
+            w.view_loading,
+            w[`view_loading_${_.loading}`]
+          ]
+        )
+      },
+      a
+    )
+  });
+}, k = (o) => {
+  let i = null, e = null;
+  o.interactive && typeof o.interactive == "boolean" ? i = "fill" : typeof o.interactive == "string" && (typeof o.interactive == "string" && o.interactive.includes("_") ? e = o.interactive.split("_") : i = o.interactive);
+  let r = null;
+  return o.loading && (r = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: r };
+};
+export {
+  R as View
+};

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden } from '@radix-ui/react-visually-hidden';

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

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

package/dist/composite-Bx7Szd_T.js

@@ -0,0 +1,208 @@
+import { f as U } from "./formatErrorMessage-BqPuTBN-.js";
+import { f as B } from "./floating-ui.utils-C7pRWMZ_.js";
+import { s as y } from "./event-CKoGyQEJ.js";
+import { A as j, a as z, b as N, c as G } from "./element-CZEOj04G.js";
+function M(r, n, g) {
+  return Math.floor(r / n) !== g;
+}
+function L(r, n) {
+  return n < 0 || n >= r.current.length;
+}
+function J(r, n) {
+  return l(r, {
+    disabledIndices: n
+  });
+}
+function K(r, n) {
+  return l(r, {
+    decrement: !0,
+    startingIndex: r.current.length,
+    disabledIndices: n
+  });
+}
+function l(r, {
+  startingIndex: n = -1,
+  decrement: g = !1,
+  disabledIndices: u,
+  amount: c = 1
+} = {}) {
+  let t = n;
+  do
+    t += g ? -c : c;
+  while (t >= 0 && t <= r.current.length - 1 && V(r, t, u));
+  return t;
+}
+function Q(r, {
+  event: n,
+  orientation: g,
+  loopFocus: u,
+  rtl: c,
+  cols: t,
+  disabledIndices: o,
+  minIndex: O,
+  maxIndex: m,
+  prevIndex: e,
+  stopEvent: h = !1
+}) {
+  let f = e;
+  const w = [], _ = {};
+  let k = !1;
+  {
+    let a = null, s = -1;
+    r.current.forEach((E, i) => {
+      if (E == null)
+        return;
+      const C = E.closest('[role="row"]');
+      C && (k = !0), (C !== a || s === -1) && (a = C, s += 1, w[s] = []), w[s].push(i), _[i] = s;
+    });
+  }
+  const P = k && w.length > 0 && w.some((a) => a.length !== t);
+  function R(a) {
+    if (!P || e === -1)
+      return;
+    const s = _[e];
+    if (s == null)
+      return;
+    const E = w[s].indexOf(e);
+    let i = a === "up" ? s - 1 : s + 1;
+    u && (i < 0 ? i = w.length - 1 : i >= w.length && (i = 0));
+    const C = /* @__PURE__ */ new Set();
+    for (; i >= 0 && i < w.length && !C.has(i); ) {
+      C.add(i);
+      const A = w[i];
+      if (A.length === 0) {
+        i = a === "up" ? i - 1 : i + 1;
+        continue;
+      }
+      const T = Math.min(E, A.length - 1);
+      for (let D = T; D >= 0; D -= 1) {
+        const W = A[D];
+        if (!V(r, W, o))
+          return W;
+      }
+      i = a === "up" ? i - 1 : i + 1, u && (i < 0 ? i = w.length - 1 : i >= w.length && (i = 0));
+    }
+  }
+  if (n.key === j) {
+    const a = R("up");
+    if (a !== void 0)
+      h && y(n), f = a;
+    else {
+      if (h && y(n), e === -1)
+        f = m;
+      else if (f = l(r, {
+        startingIndex: f,
+        amount: t,
+        decrement: !0,
+        disabledIndices: o
+      }), u && (e - t < O || f < 0)) {
+        const s = e % t, E = m % t, i = m - (E - s);
+        E === s ? f = m : f = E > s ? i : i - t;
+      }
+      L(r, f) && (f = e);
+    }
+  }
+  if (n.key === z) {
+    const a = R("down");
+    a !== void 0 ? (h && y(n), f = a) : (h && y(n), e === -1 ? f = O : (f = l(r, {
+      startingIndex: e,
+      amount: t,
+      disabledIndices: o
+    }), u && e + t > m && (f = l(r, {
+      startingIndex: e % t - t,
+      amount: t,
+      disabledIndices: o
+    }))), L(r, f) && (f = e));
+  }
+  if (g === "both") {
+    const a = B(e / t);
+    n.key === (c ? N : G) && (h && y(n), e % t !== t - 1 ? (f = l(r, {
+      startingIndex: e,
+      disabledIndices: o
+    }), u && M(f, t, a) && (f = l(r, {
+      startingIndex: e - e % t - 1,
+      disabledIndices: o
+    }))) : u && (f = l(r, {
+      startingIndex: e - e % t - 1,
+      disabledIndices: o
+    })), M(f, t, a) && (f = e)), n.key === (c ? G : N) && (h && y(n), e % t !== 0 ? (f = l(r, {
+      startingIndex: e,
+      decrement: !0,
+      disabledIndices: o
+    }), u && M(f, t, a) && (f = l(r, {
+      startingIndex: e + (t - e % t),
+      decrement: !0,
+      disabledIndices: o
+    }))) : u && (f = l(r, {
+      startingIndex: e + (t - e % t),
+      decrement: !0,
+      disabledIndices: o
+    })), M(f, t, a) && (f = e));
+    const s = B(m / t) === a;
+    L(r, f) && (u && s ? f = n.key === (c ? G : N) ? m : l(r, {
+      startingIndex: e - e % t - 1,
+      disabledIndices: o
+    }) : f = e);
+  }
+  return f;
+}
+function X(r, n, g) {
+  const u = [];
+  let c = 0;
+  return r.forEach(({
+    width: t,
+    height: o
+  }, O) => {
+    if (t > n && process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `[Floating UI]: Invalid grid - item width at index ${O} is greater than grid columns` : U(29, O));
+    let m = !1;
+    for (g && (c = 0); !m; ) {
+      const e = [];
+      for (let h = 0; h < t; h += 1)
+        for (let f = 0; f < o; f += 1)
+          e.push(c + h + f * n);
+      c % n + t <= n && e.every((h) => u[h] == null) ? (e.forEach((h) => {
+        u[h] = O;
+      }), m = !0) : c += 1;
+    }
+  }), [...u];
+}
+function Y(r, n, g, u, c) {
+  if (r === -1)
+    return -1;
+  const t = g.indexOf(r), o = n[r];
+  switch (c) {
+    case "tl":
+      return t;
+    case "tr":
+      return o ? t + o.width - 1 : t;
+    case "bl":
+      return o ? t + (o.height - 1) * u : t;
+    case "br":
+      return g.lastIndexOf(r);
+    default:
+      return -1;
+  }
+}
+function Z(r, n) {
+  return n.flatMap((g, u) => r.includes(g) ? [u] : []);
+}
+function V(r, n, g) {
+  if (typeof g == "function")
+    return g(n);
+  if (g)
+    return g.includes(n);
+  const u = r.current[n];
+  return u ? u.hasAttribute("disabled") || u.getAttribute("aria-disabled") === "true" : !1;
+}
+export {
+  K as a,
+  V as b,
+  X as c,
+  Q as d,
+  Y as e,
+  Z as f,
+  J as g,
+  l as h,
+  L as i
+};

package/dist/composite-C9L5QmZL.js

@@ -0,0 +1,66 @@
+import { i as L } from "./floating-ui.utils.dom-C7FS5id0.js";
+const d = "ArrowUp", h = "ArrowDown", R = "ArrowLeft", T = "ArrowRight", g = "Home", e = "End", E = /* @__PURE__ */ new Set([R, T]), I = /* @__PURE__ */ new Set([R, T, g, e]), P = /* @__PURE__ */ new Set([d, h]), Y = /* @__PURE__ */ new Set([d, h, g, e]), A = /* @__PURE__ */ new Set([...E, ...P]), F = /* @__PURE__ */ new Set([...A, g, e]), N = /* @__PURE__ */ new Set([d, h, R, T, g, e]), O = "Shift", u = "Control", W = "Alt", _ = "Meta", K = /* @__PURE__ */ new Set([O, u, W, _]);
+function w(t) {
+  return L(t) && t.tagName === "INPUT";
+}
+function B(t) {
+  return !!(w(t) && t.selectionStart != null || L(t) && t.tagName === "TEXTAREA");
+}
+function y(t, s, f, c) {
+  if (!t || !s || !s.scrollTo)
+    return;
+  let r = t.scrollLeft, n = t.scrollTop;
+  const S = t.clientWidth < t.scrollWidth, M = t.clientHeight < t.scrollHeight;
+  if (S && c !== "vertical") {
+    const o = p(t, s, "left"), l = a(t), i = a(s);
+    f === "ltr" && (o + s.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight ? r = o + s.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight : o - i.scrollMarginLeft < t.scrollLeft + l.scrollPaddingLeft && (r = o - i.scrollMarginLeft - l.scrollPaddingLeft)), f === "rtl" && (o - i.scrollMarginRight < t.scrollLeft + l.scrollPaddingLeft ? r = o - i.scrollMarginLeft - l.scrollPaddingLeft : o + s.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight && (r = o + s.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight));
+  }
+  if (M && c !== "horizontal") {
+    const o = p(t, s, "top"), l = a(t), i = a(s);
+    o - i.scrollMarginTop < t.scrollTop + l.scrollPaddingTop ? n = o - i.scrollMarginTop - l.scrollPaddingTop : o + s.offsetHeight + i.scrollMarginBottom > t.scrollTop + t.clientHeight - l.scrollPaddingBottom && (n = o + s.offsetHeight + i.scrollMarginBottom - t.clientHeight + l.scrollPaddingBottom);
+  }
+  t.scrollTo({
+    left: r,
+    top: n,
+    behavior: "auto"
+  });
+}
+function p(t, s, f) {
+  const c = f === "left" ? "offsetLeft" : "offsetTop";
+  let r = 0;
+  for (; s.offsetParent && (r += s[c], s.offsetParent !== t); )
+    s = s.offsetParent;
+  return r;
+}
+function a(t) {
+  const s = getComputedStyle(t);
+  return {
+    scrollMarginTop: parseFloat(s.scrollMarginTop) || 0,
+    scrollMarginRight: parseFloat(s.scrollMarginRight) || 0,
+    scrollMarginBottom: parseFloat(s.scrollMarginBottom) || 0,
+    scrollMarginLeft: parseFloat(s.scrollMarginLeft) || 0,
+    scrollPaddingTop: parseFloat(s.scrollPaddingTop) || 0,
+    scrollPaddingRight: parseFloat(s.scrollPaddingRight) || 0,
+    scrollPaddingBottom: parseFloat(s.scrollPaddingBottom) || 0,
+    scrollPaddingLeft: parseFloat(s.scrollPaddingLeft) || 0
+  };
+}
+export {
+  F as A,
+  N as C,
+  e as E,
+  g as H,
+  K as M,
+  O as S,
+  Y as V,
+  A as a,
+  h as b,
+  T as c,
+  R as d,
+  d as e,
+  P as f,
+  I as g,
+  E as h,
+  B as i,
+  y as s
+};

package/dist/createBaseUIEventDetails-D8M2Yl-a.js

@@ -0,0 +1,59 @@
+import { E as c } from "./useRenderElement-DwToLA61.js";
+const u = "none", p = "trigger-press", g = "trigger-hover", d = "trigger-focus", v = "outside-press", b = "item-press", P = "close-press", m = "track-press", w = "input-change", f = "input-clear", E = "input-blur", k = "input-paste", h = "focus-out", y = "escape-key", C = "list-navigation", O = "keyboard", x = "drag", z = "scrub", A = "cancel-open", B = "sibling-open", D = "disabled", T = "imperative-action", j = "window-resize";
+function q(s, e, a, t) {
+  let n = !1, o = !1;
+  const r = t ?? c;
+  return {
+    reason: s,
+    event: e ?? new Event("base-ui"),
+    cancel() {
+      n = !0;
+    },
+    allowPropagation() {
+      o = !0;
+    },
+    get isCanceled() {
+      return n;
+    },
+    get isPropagationAllowed() {
+      return o;
+    },
+    trigger: a,
+    ...r
+  };
+}
+function F(s, e, a) {
+  const t = c;
+  return {
+    reason: s,
+    event: e ?? new Event("base-ui"),
+    ...t
+  };
+}
+export {
+  p as a,
+  d as b,
+  q as c,
+  P as d,
+  y as e,
+  h as f,
+  D as g,
+  F as h,
+  T as i,
+  k as j,
+  O as k,
+  C as l,
+  f as m,
+  u as n,
+  v as o,
+  w as p,
+  E as q,
+  x as r,
+  z as s,
+  g as t,
+  m as u,
+  A as v,
+  j as w,
+  b as x,
+  B as y
+};

package/dist/detectBrowser-I-s3yzIE.js

@@ -0,0 +1,43 @@
+const a = typeof navigator < "u", o = e(), n = u(), r = f(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: s,
+    version: i
+  }) => `${s}/${i}`).join(" ") : navigator.userAgent;
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
+}
+export {
+  v as a,
+  g as b,
+  m as c,
+  c as d,
+  l as e,
+  p as f,
+  d as i
+};

package/dist/dialog.css

@@ -0,0 +1 @@
+._dialog__backdrop_1hze7_1{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_1hze7_1{position:absolute}}._dialog__popup_1hze7_13{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_1hze7_24{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_1hze7_24{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_1hze7_35{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_1hze7_51{max-width:384px}._dialog__content_width_md_1hze7_55{max-width:512px}._dialog__content_width_lg_1hze7_59{max-width:872px}._dialog__header_1hze7_63{gap:var(--space-4)}._dialog__close_1hze7_67{position:absolute;top:var(--space-8);right:var(--space-8)}