@koide-labs/ui 0.0.15 → 0.1.1

package/dist/components/preview-card/preview-card.js

@@ -0,0 +1,402 @@
+import { jsx as P, jsxs as q } from "react/jsx-runtime";
+import { c as pe } from "../../clsx-OuTLNxxd.js";
+import { t as z, T as fe } from "../../tooltip-oCp-elli.js";
+import { d as me, e as Pe, f as Ce, p as U, t as ge } from "../../transitions.module-D9mMAtfI.js";
+import { Surface as we } from "../surface/surface.js";
+import * as e from "react";
+import * as ve from "react-dom";
+import { u as Ee } from "../../useControlled-Du4sJyMj.js";
+import { u as V } from "../../useStableCallback-DKZHlUAT.js";
+import { f as F } from "../../formatErrorMessage-BqPuTBN-.js";
+import { g as ye, i as Re } from "../../floating-ui.utils.dom-cbi420Pg.js";
+import { u as he } from "../../useTimeout-BNni6aw5.js";
+import { c as G, b as L, t as J, a as Ne, e as Oe } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
+import { d as Q, f as X, e as xe } from "../../element-u5WgOZX1.js";
+import { u as ee, t as Se } from "../../useOpenChangeComplete-BHd-N7Ig.js";
+import { u as De } from "../../useTransitionStatus-CmMyUh74.js";
+import { u as Me, a as _e, g as be } from "../../getDisabledMountTransitionStyles-E2x-_lte.js";
+import { u as Ve, s as Ae } from "../../safePolygon-DnkzOIur.js";
+import { u as Te } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { u as A } from "../../useRenderElement-DngNDu_P.js";
+import { F as Ie } from "../../FloatingPortalLite-_ECdFE7b.js";
+import { P as Le } from "../../FloatingPortal-BQsQhvIr.js";
+import '../../preview-card.css';const H = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (H.displayName = "PreviewCardRootContext");
+function x() {
+  const t = e.useContext(H);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PreviewCardRootContext is missing. PreviewCard parts must be placed within <PreviewCard.Root>." : F(50));
+  return t;
+}
+const Z = 600, $ = 300;
+function Ue(t, s = {}) {
+  const u = t.useState("domReferenceElement"), f = t.context.dataRef, {
+    delay: d
+  } = s, i = he(), n = e.useRef(!1);
+  e.useEffect(() => {
+    const r = ye(u);
+    function c() {
+      const a = t.select("domReferenceElement");
+      !t.select("open") && Re(a) && a === Q(xe(a)) && (n.current = !0);
+    }
+    return r.addEventListener("blur", c), () => {
+      r.removeEventListener("blur", c);
+    };
+  }, [t, u]);
+  const p = e.useMemo(() => ({
+    onFocus(r) {
+      const {
+        nativeEvent: c
+      } = r, a = typeof d == "function" ? d() : d;
+      i.start(a ?? 0, () => {
+        t.setOpen(!0, G(L, c));
+      });
+    },
+    onBlur(r) {
+      n.current = !1;
+      const {
+        relatedTarget: c,
+        nativeEvent: a
+      } = r;
+      i.start(0, () => {
+        const l = t.select("domReferenceElement"), m = Q(l ? l.ownerDocument : document);
+        !c && m === l || X(f.current.floatingContext?.refs.floating.current, m) || X(l, m) || t.setOpen(!1, G(L, a));
+      });
+    }
+  }), [d, t, f, i]);
+  return e.useMemo(() => ({
+    reference: p
+  }), [p]);
+}
+function Fe(t) {
+  const {
+    open: s,
+    defaultOpen: u,
+    onOpenChange: f,
+    onOpenChangeComplete: d,
+    actionsRef: i
+  } = t, n = e.useRef(Z), p = e.useRef($), r = V((v) => {
+    n.current = v.delay ?? Z, p.current = v.closeDelay ?? $;
+  }), [c, a] = e.useState(null), [l, m] = e.useState(null), [g, h] = e.useState(), S = e.useRef(null), [C, T] = Ee({
+    controlled: s,
+    default: u,
+    name: "PreviewCard",
+    state: "open"
+  }), y = V(f), {
+    mounted: R,
+    setMounted: N,
+    transitionStatus: D
+  } = De(C), O = V(() => {
+    N(!1), d?.(!1);
+  });
+  ee({
+    enabled: !i,
+    open: C,
+    ref: S,
+    onComplete() {
+      C || O();
+    }
+  }), e.useImperativeHandle(i, () => ({
+    unmount: O
+  }), [O]);
+  const o = V((v, E) => {
+    const ue = E.reason === J, Y = v && E.reason === L, de = !v && (E.reason === Ne || E.reason === Oe);
+    if (y(v, E), E.isCanceled)
+      return;
+    function K() {
+      T(v);
+    }
+    ue ? ve.flushSync(K) : K(), Y || de ? h(Y ? "focus" : "dismiss") : E.reason === J && h(void 0);
+  }), w = Me({
+    elements: {
+      reference: c,
+      floating: l
+    },
+    open: C,
+    onOpenChange: o
+  }), M = g, _ = () => n.current, I = () => p.current, b = Ve(w, {
+    mouseOnly: !0,
+    move: !1,
+    handleClose: Ae(),
+    restMs: _,
+    delay: () => ({
+      close: I()
+    })
+  }), ae = Ue(w, {
+    delay: _
+  }), ce = me(w), {
+    getReferenceProps: j,
+    getFloatingProps: W
+  } = Pe([b, ae, ce]), le = e.useMemo(() => ({
+    open: C,
+    setOpen: o,
+    mounted: R,
+    setMounted: N,
+    setTriggerElement: a,
+    positionerElement: l,
+    setPositionerElement: m,
+    popupRef: S,
+    triggerProps: j(),
+    popupProps: W(),
+    floatingRootContext: w,
+    instantType: M,
+    transitionStatus: D,
+    onOpenChangeComplete: d,
+    writeDelayRefs: r
+  }), [C, o, R, N, l, j, W, w, M, D, d, r]);
+  return /* @__PURE__ */ P(H.Provider, {
+    value: le,
+    children: t.children
+  });
+}
+const k = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (k.displayName = "PreviewCardPortalContext");
+function He() {
+  const t = e.useContext(k);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <PreviewCard.Portal> is missing." : F(48));
+  return t;
+}
+const te = /* @__PURE__ */ e.forwardRef(function(s, u) {
+  const {
+    keepMounted: f = !1,
+    ...d
+  } = s, {
+    mounted: i
+  } = x();
+  return i || f ? /* @__PURE__ */ P(k.Provider, {
+    value: f,
+    children: /* @__PURE__ */ P(Ie, {
+      ref: u,
+      ...d
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (te.displayName = "PreviewCardPortal");
+const oe = /* @__PURE__ */ e.forwardRef(function(s, u) {
+  const {
+    render: f,
+    className: d,
+    delay: i,
+    closeDelay: n,
+    ...p
+  } = s, {
+    open: r,
+    triggerProps: c,
+    setTriggerElement: a,
+    writeDelayRefs: l
+  } = x();
+  Te(() => {
+    l({
+      delay: i,
+      closeDelay: n
+    });
+  });
+  const m = e.useMemo(() => ({
+    open: r
+  }), [r]);
+  return A("a", s, {
+    ref: [a, u],
+    state: m,
+    props: [c, p],
+    stateAttributesMapping: Ce
+  });
+});
+process.env.NODE_ENV !== "production" && (oe.displayName = "PreviewCardTrigger");
+const B = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (B.displayName = "PreviewCardPositionerContext");
+function ne() {
+  const t = e.useContext(B);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <PreviewCard.Popup> and <PreviewCard.Arrow> must be used within the <PreviewCard.Positioner> component" : F(49));
+  return t;
+}
+const re = /* @__PURE__ */ e.forwardRef(function(s, u) {
+  const {
+    render: f,
+    className: d,
+    anchor: i,
+    positionMethod: n = "absolute",
+    side: p = "bottom",
+    align: r = "center",
+    sideOffset: c = 0,
+    alignOffset: a = 0,
+    collisionBoundary: l = "clipping-ancestors",
+    collisionPadding: m = 5,
+    arrowPadding: g = 5,
+    sticky: h = !1,
+    disableAnchorTracking: S = !1,
+    collisionAvoidance: C = Le,
+    ...T
+  } = s, {
+    open: y,
+    mounted: R,
+    floatingRootContext: N,
+    setPositionerElement: D
+  } = x(), O = He(), o = _e({
+    anchor: i,
+    floatingRootContext: N,
+    positionMethod: n,
+    mounted: R,
+    side: p,
+    sideOffset: c,
+    align: r,
+    alignOffset: a,
+    arrowPadding: g,
+    collisionBoundary: l,
+    collisionPadding: m,
+    sticky: h,
+    disableAnchorTracking: S,
+    keepMounted: O,
+    collisionAvoidance: C
+  }), w = e.useMemo(() => {
+    const b = {};
+    return y || (b.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !R,
+      style: {
+        ...o.positionerStyles,
+        ...b
+      }
+    };
+  }, [y, R, o.positionerStyles]), M = e.useMemo(() => ({
+    open: y,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden
+  }), [y, o.side, o.align, o.anchorHidden]), _ = e.useMemo(() => ({
+    side: o.side,
+    align: o.align,
+    arrowRef: o.arrowRef,
+    arrowUncentered: o.arrowUncentered,
+    arrowStyles: o.arrowStyles
+  }), [o.side, o.align, o.arrowRef, o.arrowUncentered, o.arrowStyles]), I = A("div", s, {
+    state: M,
+    ref: [D, u],
+    props: [w, T],
+    stateAttributesMapping: U
+  });
+  return /* @__PURE__ */ P(B.Provider, {
+    value: _,
+    children: I
+  });
+});
+process.env.NODE_ENV !== "production" && (re.displayName = "PreviewCardPositioner");
+const ke = {
+  ...U,
+  ...Se
+}, se = /* @__PURE__ */ e.forwardRef(function(s, u) {
+  const {
+    className: f,
+    render: d,
+    ...i
+  } = s, {
+    open: n,
+    transitionStatus: p,
+    popupRef: r,
+    onOpenChangeComplete: c,
+    popupProps: a
+  } = x(), {
+    side: l,
+    align: m
+  } = ne();
+  ee({
+    open: n,
+    ref: r,
+    onComplete() {
+      n && c?.(!0);
+    }
+  });
+  const g = e.useMemo(() => ({
+    open: n,
+    side: l,
+    align: m,
+    transitionStatus: p
+  }), [n, l, m, p]);
+  return A("div", s, {
+    ref: [r, u],
+    state: g,
+    props: [a, be(p), i],
+    stateAttributesMapping: ke
+  });
+});
+process.env.NODE_ENV !== "production" && (se.displayName = "PreviewCardPopup");
+const ie = /* @__PURE__ */ e.forwardRef(function(s, u) {
+  const {
+    render: f,
+    className: d,
+    ...i
+  } = s, {
+    open: n
+  } = x(), {
+    arrowRef: p,
+    side: r,
+    align: c,
+    arrowUncentered: a,
+    arrowStyles: l
+  } = ne(), m = e.useMemo(() => ({
+    open: n,
+    side: r,
+    align: c,
+    uncentered: a
+  }), [n, r, c, a]);
+  return A("div", s, {
+    state: m,
+    ref: [p, u],
+    props: [{
+      style: l,
+      "aria-hidden": !0
+    }, i],
+    stateAttributesMapping: U
+  });
+});
+process.env.NODE_ENV !== "production" && (ie.displayName = "PreviewCardArrow");
+const Be = {
+  "preview-card": "_preview-card_ytbnp_2"
+};
+function ct({
+  align: t,
+  side: s,
+  background: u,
+  trigger: f,
+  children: d,
+  className: i,
+  ...n
+}) {
+  return /* @__PURE__ */ q(Fe, { ...n, children: [
+    f ? /* @__PURE__ */ P(oe, { render: f }) : null,
+    /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(
+      re,
+      {
+        align: t,
+        side: s,
+        sideOffset: 8,
+        children: /* @__PURE__ */ q(
+          se,
+          {
+            render: /* @__PURE__ */ P(we, { background: u }),
+            className: pe(
+              z.tooltip,
+              Be["preview-card"],
+              ge.transition_scale,
+              i
+            ),
+            children: [
+              /* @__PURE__ */ P(
+                ie,
+                {
+                  className: z.tooltip__arrow,
+                  children: /* @__PURE__ */ P(fe.Arrow, {})
+                }
+              ),
+              d
+            ]
+          }
+        )
+      }
+    ) })
+  ] });
+}
+export {
+  ct as PreviewCard
+};

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroup } from './radio-group';

package/dist/components/radio-group/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { RadioGroup as r } from "./radio-group.js";
+export {
+  r as RadioGroup
+};

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,25 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { Color } from '../view';
+interface RadioGroupRootProps extends RadioGroupPrimitive.Props {
+    /** Optional color for child radio elements. Defaults to "primary". */
+    color?: Color;
+}
+declare function RadioGroupRoot({ color, className, ...props }: RadioGroupRootProps): import("react/jsx-runtime").JSX.Element;
+interface RadioGroupItemProps extends RadioPrimitive.Root.Props {
+    /** Optional label. If one is provided, we wrap radio in a label element. Otherwise, we just return a standard radio. */
+    label?: string;
+    /** Optional color. Defaults to the radio group color, often primary. */
+    color?: Color;
+}
+declare function RadioGroupItem({ color, label, className, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: typeof RadioGroupRoot & {
+    Item: typeof RadioGroupItem;
+};
+export declare namespace RadioGroup {
+    type Props = RadioGroupRootProps;
+    namespace Item {
+        type Props = RadioGroupItemProps;
+    }
+}
+export {};