@koide-labs/ui 0.0.14 → 0.1.0

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,24 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { ReactElement, ReactNode } from 'react';
+interface TooltipRootProps extends Omit<TooltipPrimitive.Root.Props, "children">, Pick<TooltipPrimitive.Positioner.Props, "align" | "side"> {
+    children?: ReactNode;
+    /** Specify trigger to open tooltip. */
+    trigger?: ReactElement;
+    /** Apply className to tooltip content */
+    className?: string;
+}
+declare function TooltipRoot({ children, trigger, align, side, className, ...props }: TooltipRootProps): import("react/jsx-runtime").JSX.Element;
+type TooltipArrowProps = {
+    className?: string;
+};
+declare function TooltipArrow(props: TooltipArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: typeof TooltipRoot & {
+    Arrow: typeof TooltipArrow;
+};
+export declare namespace Tooltip {
+    type Props = TooltipRootProps;
+    namespace Arrow {
+        type Props = TooltipArrowProps;
+    }
+}
+export {};

package/dist/components/tooltip/tooltip.js

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

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

@@ -1,30 +1,2 @@
-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>>;
+export { View } from './view';
+export * from './view.types';

package/dist/components/view/index.js

@@ -1,82 +1,5 @@
 "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";
-import { m as y } from "../../useRenderElement-DwToLA61.js";
-import '../../index21.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(a, {
-      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}`]
-        ]
-      )
-    })
-  });
-}, 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 };
-};
+import { View as o } from "./view.js";
 export {
-  R as View
+  o as View
 };

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

@@ -0,0 +1,31 @@
+import { useRender } from '@base-ui/react';
+import { ElementType } from 'react';
+import { Override } from '../../-types';
+import { Color, ColorVariant, InteractiveStyle, LoadingVariant } from './view.types';
+type ViewProps<T extends ElementType = "div"> = Override<useRender.ComponentProps<T>, {
+    /**
+     * 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;
+}>;
+declare function View<T extends ElementType = "div">({ interactive, loading, color, render, ...props }: ViewProps<T>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export { View };
+export declare namespace View {
+    type Props<T extends ElementType = "div"> = ViewProps<T>;
+}

package/dist/components/view/view.js

@@ -0,0 +1,83 @@
+import { c as t } from "../../clsx-OuTLNxxd.js";
+import { s as n } from "../../view.module-Dj7wj0kk.js";
+import { u as v } from "../../useRender-C3vlzS3t.js";
+import { m as s } from "../../useRenderElement-DngNDu_P.js";
+import '../../view2.css';const y = "_view_colorway_ms6zs_2", g = "_view_colorway_static_ms6zs_20", m = "_view_colorway_outline_ms6zs_28", d = "_view_colorway_fill_ms6zs_98", l = {
+  view_colorway: y,
+  view_colorway_static: g,
+  view_colorway_outline: m,
+  "view_colorway_outline-static": "_view_colorway_outline-static_ms6zs_60",
+  "view_colorway_mute-static": "_view_colorway_mute-static_ms6zs_67",
+  "view_colorway_no-fill": "_view_colorway_no-fill_ms6zs_73",
+  view_colorway_fill: d,
+  "view_colorway_fill-static": "_view_colorway_fill-static_ms6zs_123",
+  "view_colorway_fill-outline": "_view_colorway_fill-outline_ms6zs_129",
+  "view_colorway_color-primary": "_view_colorway_color-primary_ms6zs_163",
+  "view_colorway_color-positive": "_view_colorway_color-positive_ms6zs_171",
+  "view_colorway_color-negative": "_view_colorway_color-negative_ms6zs_179",
+  "view_colorway_color-warning": "_view_colorway_color-warning_ms6zs_187",
+  "view_colorway_color-red": "_view_colorway_color-red_ms6zs_195",
+  "view_colorway_color-orange": "_view_colorway_color-orange_ms6zs_203",
+  "view_colorway_color-yellow": "_view_colorway_color-yellow_ms6zs_211",
+  "view_colorway_color-green": "_view_colorway_color-green_ms6zs_219",
+  "view_colorway_color-teal": "_view_colorway_color-teal_ms6zs_227",
+  "view_colorway_color-blue": "_view_colorway_color-blue_ms6zs_235",
+  "view_colorway_color-blurple": "_view_colorway_color-blurple_ms6zs_243",
+  "view_colorway_color-purple": "_view_colorway_color-purple_ms6zs_251",
+  "view_colorway_color-magenta": "_view_colorway_color-magenta_ms6zs_259",
+  "view_colorway_color-pink": "_view_colorway_color-pink_ms6zs_267",
+  "view_colorway_color-grey": "_view_colorway_color-grey_ms6zs_275"
+}, u = "_view_interactive_1dhgl_2", f = "_view_interactive_fill_1dhgl_30", z = "_view_interactive_outline_1dhgl_69", c = {
+  view_interactive: u,
+  view_interactive_fill: f,
+  "view_interactive_no-fill": "_view_interactive_no-fill_1dhgl_50",
+  view_interactive_outline: z,
+  "view_interactive_fill-outline": "_view_interactive_fill-outline_1dhgl_89",
+  "view_interactive_list-item": "_view_interactive_list-item_1dhgl_110"
+}, h = "_view_loading_p1qhr_7", p = "_view_loading_foreground_p1qhr_12", b = "_loading_p1qhr_1", k = "_view_loading_background_p1qhr_25", w = {
+  view_loading: h,
+  view_loading_foreground: p,
+  loading: b,
+  view_loading_background: k
+};
+function R({
+  interactive: o,
+  loading: i,
+  color: e,
+  render: r,
+  ...a
+}) {
+  const _ = $({ interactive: o, loading: i });
+  return v({
+    defaultTagName: "div",
+    render: r,
+    props: s(a, {
+      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}`]
+        ]
+      )
+    })
+  });
+}
+function $(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/view/view.types.d.ts

@@ -0,0 +1,5 @@
+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";

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

@@ -0,0 +1 @@
+

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

@@ -1 +1,5 @@
-export { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/react-visually-hidden';
+export { VisuallyHidden };
+export declare namespace VisuallyHidden {
+    type Props = VisuallyHiddenProps;
+}

package/dist/{composite-Bx7Szd_T.js → composite-BZzP-LlG.js}

@@ -1,7 +1,7 @@
 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";
+import { f as B } from "./floating-ui.utils-DUVaIF3G.js";
+import { s as y } from "./event-B89-Ng5h.js";
+import { A as j, a as z, b as N, c as G } from "./element-u5WgOZX1.js";
 function M(r, n, g) {
   return Math.floor(r / n) !== g;
 }

package/dist/{composite-C9L5QmZL.js → composite-BwEK5cWH.js}

@@ -1,4 +1,4 @@
-import { i as L } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { i as L } from "./floating-ui.utils.dom-cbi420Pg.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";

package/dist/context-menu.css

@@ -0,0 +1 @@
+@layer components{._context-menu_ct7eh_2{gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_ct7eh_11{position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_ct7eh_23{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_ct7eh_30{margin-left:auto;letter-spacing:.1em}._context-menu__label_ct7eh_35{padding:var(--space-2) var(--space-4)}}

package/dist/{createBaseUIEventDetails-D8M2Yl-a.js → createBaseUIEventDetails-CCSfZ2vM.js}

@@ -1,4 +1,4 @@
-import { E as c } from "./useRenderElement-DwToLA61.js";
+import { E as c } from "./useRenderElement-DngNDu_P.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;
@@ -37,17 +37,17 @@ export {
   P as d,
   y as e,
   h as f,
-  D as g,
-  F as h,
+  F as g,
+  k as h,
   T as i,
-  k as j,
+  f as j,
   O as k,
   C as l,
-  f as m,
+  w as m,
   u as n,
   v as o,
-  w as p,
-  E as q,
+  E as p,
+  D as q,
   x as r,
   z as s,
   g as t,

package/dist/{detectBrowser-I-s3yzIE.js → detectBrowser-Bl8Ki_1I.js}

@@ -37,7 +37,7 @@ export {
   g as b,
   m as c,
   c as d,
-  l as e,
-  p as f,
+  p as e,
+  l as f,
   d as i
 };

package/dist/dialog.css

@@ -1 +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)}
+@layer base{._dialog__backdrop_3490s_2{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_3490s_2{position:absolute}}._dialog__popup_3490s_14{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_3490s_25{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_3490s_25{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_3490s_36{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_3490s_52{max-width:384px}._dialog__content_width_md_3490s_56{max-width:512px}._dialog__content_width_lg_3490s_60{max-width:872px}._dialog__header_3490s_64{gap:var(--space-4)}._dialog__close_3490s_68{position:absolute;top:var(--space-8);right:var(--space-8)}}