@spear-ai/spectral 1.3.9 → 1.3.11

package/dist/.js

@@ -0,0 +1,91 @@
+import './assets/main.css'
+import { Badge as p } from "./Badge.js";
+import { Button as n } from "./Button.js";
+import { Card as x } from "./Card.js";
+import { Drawer as I } from "./Drawer.js";
+import { Popover as l, PopoverContent as i, PopoverTrigger as s } from "./Popover.js";
+import { Skeleton as g } from "./Skeleton.js";
+import { Slider as u } from "./Slider.js";
+import { Switch as L } from "./Switch.js";
+import { Toggle as P } from "./Toggle.js";
+import { ToggleGroup as G, ToggleGroupItem as h } from "./ToggleGroup.js";
+import { Toolbar as w } from "./Toolbar.js";
+import { Tooltip as D, TooltipContent as Z, TooltipTrigger as b } from "./Tooltip.js";
+import { default as A, SvgIdContext as O } from "./Icons/IconBase.js";
+import "react";
+import { AnnotationsIcon as F } from "./Icons/AnnotationsIcon.js";
+import { CalendarIcon as R } from "./Icons/CalendarIcon.js";
+import { ClockIcon as V } from "./Icons/ClockIcon.js";
+import { DeleteIcon as Y } from "./Icons/DeleteIcon.js";
+import { DurationIcon as q } from "./Icons/DurationIcon.js";
+import { EraserIcon as H } from "./Icons/EraserIcon.js";
+import { GoToFirstIcon as K } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as Q } from "./Icons/GoToLastIcon.js";
+import { LabelIcon as _ } from "./Icons/LabelIcon.js";
+import { LassoIcon as oo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as eo } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as po } from "./Icons/LiveViewIcon.js";
+import { LocationIcon as no } from "./Icons/LocationIcon.js";
+import { MetadataIcon as xo } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as Io } from "./Icons/OntologyIcon.js";
+import { PlayIcon as lo } from "./Icons/PlayIcon.js";
+import { PlusIcon as so } from "./Icons/PlusIcon.js";
+import { ResetIcon as go } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as Co } from "./Icons/ScissorsIcon.js";
+import { TrashIcon as vo } from "./Icons/TrashIcon.js";
+import { UndoIcon as So } from "./Icons/UndoIcon.js";
+import { ZoomAllIcon as ho } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as wo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Do } from "./Icons/ZoomYIcon.js";
+import { useOutsideClick as bo } from "./hooks/useOutsideClick.js";
+import { useTheme as Ao } from "./hooks/useTheme.js";
+import { c as Eo } from "./twUtils-CRiPKpXj.js";
+/* empty css              */
+export {
+  F as AnnotationsIcon,
+  p as Badge,
+  n as Button,
+  R as CalendarIcon,
+  x as Card,
+  V as ClockIcon,
+  Y as DeleteIcon,
+  I as Drawer,
+  q as DurationIcon,
+  H as EraserIcon,
+  K as GoToFirstIcon,
+  Q as GoToLastIcon,
+  A as IconBase,
+  _ as LabelIcon,
+  oo as LassoIcon,
+  eo as LineToolIcon,
+  po as LiveViewIcon,
+  no as LocationIcon,
+  xo as MetadataIcon,
+  Io as OntologyIcon,
+  lo as PlayIcon,
+  so as PlusIcon,
+  l as Popover,
+  i as PopoverContent,
+  s as PopoverTrigger,
+  go as ResetIcon,
+  Co as ScissorsIcon,
+  g as Skeleton,
+  u as Slider,
+  O as SvgIdContext,
+  L as Switch,
+  P as Toggle,
+  G as ToggleGroup,
+  h as ToggleGroupItem,
+  w as Toolbar,
+  D as Tooltip,
+  Z as TooltipContent,
+  b as TooltipTrigger,
+  vo as TrashIcon,
+  So as UndoIcon,
+  ho as ZoomAllIcon,
+  wo as ZoomXIcon,
+  Do as ZoomYIcon,
+  Eo as cn,
+  bo as useOutsideClick,
+  Ao as useTheme
+};

package/dist/Accordion/AccordionBase.js

@@ -0,0 +1,233 @@
+import './assets/main.css'
+import { jsx as C } from "react/jsx-runtime";
+import { Slot as M } from "../primitives/slot.js";
+import { createContext as j, forwardRef as V, useRef as S, useState as O, useCallback as I, useEffect as T, useContext as N, useId as H, useLayoutEffect as L } from "react";
+function D(...v) {
+  return v.filter(Boolean).join(" ");
+}
+function P(v) {
+  const { value: l, defaultValue: s, onChange: a } = v, [c, d] = O(s), i = l !== void 0, o = i ? l : c, n = I(
+    (t) => {
+      const b = typeof t == "function" ? t(o) : t;
+      i || d(b), a?.(b);
+    },
+    [i, a, o]
+  );
+  return [o, n];
+}
+const E = j(null), U = V(
+  ({
+    className: v,
+    children: l,
+    type: s = "single",
+    value: a,
+    defaultValue: c,
+    onValueChange: d,
+    collapsible: i = !1,
+    dir: o = "ltr",
+    disabled: n = !1,
+    rovingFocus: t = !0,
+    ...b
+  }, f) => {
+    const [m, u] = P({
+      value: typeof a == "string" ? a : void 0,
+      defaultValue: typeof c == "string" ? c : (Array.isArray(c) && c.length > 0, void 0),
+      onChange: (r) => d?.(s === "single" ? r ?? "" : [])
+    }), [A, R] = P({
+      value: Array.isArray(a) ? a : void 0,
+      defaultValue: Array.isArray(c) ? c : [],
+      onChange: (r) => d?.(s === "multiple" ? r : "")
+    }), w = S([]), [k, y] = O(void 0), F = I(
+      (r) => s === "single" ? m === r : A.includes(r),
+      [s, m, A]
+    ), e = I(
+      (r) => {
+        if (!n) {
+          if (s === "single") {
+            m === r ? i && u(void 0) : u(r);
+            return;
+          }
+          R((p) => {
+            const h = new Set(p);
+            return h.has(r) ? h.delete(r) : h.add(r), Array.from(h);
+          });
+        }
+      },
+      [i, n, R, u, s, m]
+    ), g = I((r) => (w.current.push(r), () => {
+      w.current = w.current.filter((p) => p.value !== r.value);
+    }), []);
+    T(() => {
+      if (k) return;
+      const r = w.current.find((p) => !p.disabled);
+      r && y(r.value);
+    }, [k]);
+    const x = {
+      type: s,
+      dir: o,
+      collapsible: i,
+      disabled: n,
+      itemsRef: w,
+      registerItem: g,
+      isItemOpen: F,
+      toggleItem: e,
+      focusValue: t ? k : void 0,
+      setFocusValue: (r) => {
+        t && y(r);
+      }
+    };
+    return /* @__PURE__ */ C(E.Provider, { value: x, children: /* @__PURE__ */ C("div", { ref: f, className: D("divide-border divide-y", v), ...b, children: l }) });
+  }
+);
+U.displayName = "Accordion";
+const $ = j(null), z = V(
+  ({ className: v, value: l, disabled: s = !1, children: a, ...c }, d) => {
+    const i = N(E);
+    if (!i) throw new Error("AccordionItem must be used within Accordion");
+    const o = i.isItemOpen(l), n = S(null);
+    return T(() => {
+      const t = { value: l, disabled: s, triggerRef: n };
+      return i.registerItem(t);
+    }, [i, l, s]), /* @__PURE__ */ C($.Provider, { value: { value: l, open: o, disabled: s || i.disabled }, children: /* @__PURE__ */ C(
+      "div",
+      {
+        ref: d,
+        "data-state": o ? "open" : "closed",
+        "data-disabled": s || i.disabled ? "" : void 0,
+        className: D("outline-none", v),
+        ...c,
+        children: a
+      }
+    ) });
+  }
+);
+z.displayName = "AccordionItem";
+const B = V(
+  ({ asChild: v, className: l, onClick: s, onKeyDown: a, disabled: c, id: d, ...i }, o) => {
+    const n = N(E), t = N($);
+    if (!n || !t) throw new Error("AccordionTrigger must be used within AccordionItem");
+    const b = d ?? `act-${H()}`, f = c || t.disabled || n.disabled, m = t.open, u = v ? M : "button", A = (e) => {
+      if (t && "value" in t) {
+        const g = n.itemsRef.current.find((x) => x.value === t.value);
+        g && (g.triggerRef.current = e);
+      }
+      typeof o == "function" ? o(e) : o && "current" in o && (o.current = e);
+    }, w = (n.focusValue === void 0 ? !0 : n.focusValue === t.value && !f) ? 0 : -1, k = I(
+      (e) => {
+        s?.(e), !e.defaultPrevented && (f || (n.toggleItem(t.value), n.setFocusValue(t.value)));
+      },
+      [f, t.value, s, n]
+    ), y = I(
+      (e) => {
+        const g = n.itemsRef.current.filter((h) => !h.disabled);
+        if (!g.length) return;
+        const x = g.findIndex((h) => h.value === t.value);
+        let r = x;
+        e === "first" ? r = 0 : e === "last" ? r = g.length - 1 : e === "prev" ? r = Math.max(0, x - 1) : r = Math.min(g.length - 1, x + 1);
+        const p = g[r];
+        p && (n.setFocusValue(p.value), p.triggerRef.current?.focus());
+      },
+      [t.value, n]
+    ), F = I(
+      (e) => {
+        if (a?.(e), !e.defaultPrevented) {
+          if (e.key === "Home") {
+            e.preventDefault(), y("first");
+            return;
+          }
+          if (e.key === "End") {
+            e.preventDefault(), y("last");
+            return;
+          }
+          if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
+            e.preventDefault(), y(n.dir === "rtl" ? "next" : "prev");
+            return;
+          }
+          if (e.key === "ArrowDown" || e.key === "ArrowRight") {
+            e.preventDefault(), y(n.dir === "rtl" ? "prev" : "next");
+            return;
+          }
+          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), f || n.toggleItem(t.value));
+        }
+      },
+      [f, t.value, y, a, n]
+    );
+    return /* @__PURE__ */ C(
+      u,
+      {
+        id: b,
+        ref: A,
+        type: "button",
+        "aria-expanded": m,
+        "aria-controls": `acc-content-${t.value}`,
+        "aria-disabled": f || void 0,
+        "data-state": m ? "open" : "closed",
+        "data-disabled": f ? "" : void 0,
+        tabIndex: w,
+        onClick: k,
+        onKeyDown: F,
+        className: D(
+          "flex w-full items-center justify-between py-3 text-left",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          l
+        ),
+        ...i
+      }
+    );
+  }
+);
+B.displayName = "AccordionTrigger";
+const K = V(
+  ({ asChild: v, className: l, forceMount: s, id: a, ...c }, d) => {
+    const i = N(E), o = N($);
+    if (!i || !o) throw new Error("AccordionContent must be used within AccordionItem");
+    const n = o.open, t = a ?? `acc-content-${o.value}`, b = S(null), f = (u) => {
+      b.current = u, typeof d == "function" ? d(u) : d && "current" in d && (d.current = u);
+    };
+    L(() => {
+      const u = b.current;
+      if (!u) return;
+      const A = () => {
+        u.style.setProperty("--radix-accordion-content-height", `${u.scrollHeight}px`);
+      };
+      A();
+      const R = new ResizeObserver(A);
+      return R.observe(u), () => R.disconnect();
+    }, []);
+    const m = v ? M : "div";
+    return !n && !s ? /* @__PURE__ */ C(
+      m,
+      {
+        id: t,
+        role: "region",
+        "aria-labelledby": `act-${o.value}`,
+        hidden: !0,
+        "data-state": "closed",
+        "data-disabled": o.disabled || i.disabled ? "" : void 0,
+        className: D(l),
+        ref: f,
+        ...c
+      }
+    ) : /* @__PURE__ */ C(
+      m,
+      {
+        id: t,
+        role: "region",
+        "aria-labelledby": `act-${o.value}`,
+        "data-state": n ? "open" : "closed",
+        "data-disabled": o.disabled || i.disabled ? "" : void 0,
+        className: D("overflow-hidden", l),
+        ref: f,
+        ...c
+      }
+    );
+  }
+);
+K.displayName = "AccordionContent";
+export {
+  U as Accordion,
+  K as AccordionContent,
+  z as AccordionItem,
+  B as AccordionTrigger
+};

package/dist/App.js

@@ -0,0 +1,8 @@
+import './assets/main.css'
+import { jsx as r } from "react/jsx-runtime";
+function p() {
+  return /* @__PURE__ */ r("div", { children: "spectral | spear.ai" });
+}
+export {
+  p as default
+};

package/dist/Badge/BadgeBase.js

@@ -0,0 +1,35 @@
+import './assets/main.css'
+import { jsx as i } from "react/jsx-runtime";
+import { Slot as o } from "../primitives/slot.js";
+import { c as n } from "../twUtils-CRiPKpXj.js";
+import { c as s } from "../index-CRBC94ik.js";
+const d = s(
+  `inline-flex items-center justify-center rounded-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none
+  focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
+  transition-[color,box-shadow] overflow-hidden`,
+  {
+    variants: {
+      variant: {
+        default: "border border-badge-primary-border bg-badge-primary-bg text-text-primary [a&]:hover:bg-badge-primary-bg--hover group-data-[state=on]:bg-badge-primary-bg--active",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function p({
+  className: r,
+  variant: e,
+  asChild: t = !1,
+  ...a
+}) {
+  return /* @__PURE__ */ i(t ? o : "span", { "data-slot": "badge", className: n(d({ variant: e }), r), ...a });
+}
+export {
+  p as BadgeBase,
+  d as badgeVariants
+};

package/dist/Badge.js

@@ -0,0 +1,7 @@
+import './assets/main.css'
+import { jsx as e } from "react/jsx-runtime";
+import { BadgeBase as t } from "./Badge/BadgeBase.js";
+const p = ({ children: r, ...o }) => /* @__PURE__ */ e(t, { ...o, children: r });
+export {
+  p as Badge
+};

package/dist/Button.js

@@ -0,0 +1,99 @@
+import './assets/main.css'
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { c as u } from "./twUtils-CRiPKpXj.js";
+import { c as f } from "./index-CRBC94ik.js";
+import { forwardRef as v } from "react";
+import { L as h } from "./loader-circle-Btf6jOd5.js";
+const N = f(
+  `
+    !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold disabled:pointer-events-none
+    focus:outline-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
+  `,
+  {
+    variants: {
+      variant: {
+        primary: "bg-button-primary-bg text-button-primary-text border-button-primary-border disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled disabled:border-button-primary-border--disabled",
+        secondary: "bg-button-secondary-bg border-button-secondary-border text-button-secondary-text disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled disabled:border-button-secondary-border--disabled",
+        outline: "bg-button-outline-bg border-button-outline-border text-button-outline-text disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled",
+        ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover disabled:text-button-ghost-text--disabled"
+      },
+      size: {
+        default: "py-2 px-6 w-fit",
+        icon: "size-9",
+        fullWidth: "py-2 px-6 w-full"
+      },
+      state: {
+        default: "",
+        error: "bg-button-danger text-button-primary-text transition pointer-events-none",
+        loading: "cursor-wait pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      state: "default",
+      size: "default"
+    }
+  }
+), w = v(
+  ({
+    className: g,
+    variant: r,
+    label: o,
+    endIcon: i,
+    state: t,
+    errorMessage: a,
+    startIcon: d,
+    disabled: s,
+    type: p = "button",
+    dataTestId: c = `button-${r}`,
+    size: n,
+    ...x
+  }, m) => {
+    const b = {
+      error: {
+        primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
+        secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
+        outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
+        ghost: "bg-transparent text-button-danger pointer-events-none"
+      },
+      loading: {
+        primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
+        secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
+        outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
+        ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
+      }
+    }, y = u(
+      N({ variant: r, state: t, size: n }),
+      t === "error" && b.error[r || "primary"],
+      t === "loading" && b.loading[r || "primary"],
+      n,
+      g
+    );
+    return /* @__PURE__ */ l("div", { className: u("flex flex-col justify-items-center", n), children: [
+      /* @__PURE__ */ l(
+        "button",
+        {
+          className: y,
+          ref: m,
+          type: p,
+          "aria-disabled": s,
+          disabled: s,
+          "data-testid": c,
+          ...x,
+          "data-state": t,
+          children: [
+            d && /* @__PURE__ */ e("span", { className: "flex pr-2", "aria-hidden": !0, children: d }),
+            n === "icon" ? /* @__PURE__ */ e("span", { className: "sr-only", children: o }) : o,
+            t === "loading" && /* @__PURE__ */ e(h, { className: "ml-2 animate-spin", size: 16 }),
+            i && t !== "loading" && /* @__PURE__ */ e("span", { className: "flex pl-2", "aria-hidden": !0, children: i })
+          ]
+        }
+      ),
+      t === "error" && a && /* @__PURE__ */ e("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: a })
+    ] });
+  }
+);
+w.displayName = "Button";
+export {
+  w as Button
+};

package/dist/Card.js

@@ -0,0 +1,35 @@
+import './assets/main.css'
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { c as a } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as u } from "react";
+import { L as b } from "./loader-circle-Btf6jOd5.js";
+const h = u(
+  ({ className: t, title: s, icon: r, width: o = "full", isLoading: i = !1, children: d, ...c }, f) => {
+    const l = s || r, m = a(
+      "!font-sans shadow-neumorphic-large relative bg-card-bg rounded-2xl p-4.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      o === "full" ? "w-full" : "w-fit",
+      t
+    );
+    return /* @__PURE__ */ n("div", { ref: f, className: m, "aria-busy": i, ...c, children: [
+      i && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "bg-card-bg/50 absolute inset-0 z-10 flex items-center justify-center",
+          role: "status",
+          "aria-live": "polite",
+          "aria-label": "Loading content",
+          children: /* @__PURE__ */ e(b, { className: "text-muted-foreground animate-spin", size: 24 })
+        }
+      ),
+      l && /* @__PURE__ */ n("div", { className: a("mb-6 flex items-center", s ? "justify-between" : "justify-end"), children: [
+        s && /* @__PURE__ */ e("h3", { className: "text-card-text m-0 min-w-0 flex-1 truncate font-semibold", children: s }),
+        r && /* @__PURE__ */ e("div", { className: "size-5 flex-shrink-0 overflow-hidden [&>svg]:size-5", "aria-hidden": "true", children: r })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a("min-h-40 p-4", l && "pt-0"), children: d })
+    ] });
+  }
+);
+h.displayName = "Card";
+export {
+  h as Card
+};

package/dist/Checkbox/CheckboxBase.js

@@ -0,0 +1,141 @@
+import './assets/main.css'
+import { jsx as m, jsxs as M } from "react/jsx-runtime";
+import { Slot as C } from "../primitives/slot.js";
+import { useControllableState as O, cn as w } from "../utils/shared.js";
+import { createContext as T, forwardRef as E, useRef as V, useId as $, useEffect as y, useCallback as u, useContext as z } from "react";
+const R = T(null);
+function I(r) {
+  return r === "indeterminate" ? "indeterminate" : r ? "checked" : "unchecked";
+}
+function A(r) {
+  return r === "indeterminate" ? !0 : !r;
+}
+const B = E(
+  ({
+    asChild: r,
+    className: d,
+    checked: l,
+    defaultChecked: i = !1,
+    onCheckedChange: f,
+    disabled: n,
+    required: h,
+    name: b,
+    value: p = "on",
+    form: N,
+    id: j,
+    onClick: v,
+    onKeyDown: x,
+    type: H,
+    // oxlint-disable-line no-unused-vars
+    ...k
+  }, S) => {
+    const o = V(null), P = $(), D = j ?? `chk-${P}`, [t, a] = O({
+      value: l,
+      defaultValue: i,
+      onChange: f
+    });
+    y(() => {
+      o.current && (o.current.indeterminate = t === "indeterminate");
+    }, [t]), y(() => {
+      const e = o.current?.form ?? null;
+      if (!e) return;
+      const c = () => {
+        a(i);
+      };
+      return e.addEventListener("reset", c), () => e.removeEventListener("reset", c);
+    }, [i, a]);
+    const g = u(() => {
+      const e = o.current;
+      if (!e) return;
+      e.checked = t === !0, e.indeterminate = t === "indeterminate";
+      const c = new Event("change", { bubbles: !0 });
+      e.dispatchEvent(c);
+    }, [t]), s = u(() => {
+      if (n) return;
+      const e = A(t);
+      a(e), queueMicrotask(() => g());
+    }, [n, g, a, t]), L = u(
+      (e) => {
+        v?.(e), !e.defaultPrevented && s();
+      },
+      [s, v]
+    ), q = u(
+      (e) => {
+        x?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), s());
+      },
+      [s, x]
+    ), F = r ? C : "button", K = S;
+    return /* @__PURE__ */ m(R.Provider, { value: { state: t, disabled: n }, children: /* @__PURE__ */ M(
+      F,
+      {
+        id: D,
+        ref: K,
+        type: "button",
+        role: "checkbox",
+        "aria-checked": t === "indeterminate" ? "mixed" : t,
+        "aria-disabled": n || void 0,
+        "data-state": I(t),
+        "data-indeterminate": t === "indeterminate" ? "" : void 0,
+        className: w(
+          "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+          "border-input bg-background rounded-sm border",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+          d
+        ),
+        onClick: L,
+        onKeyDown: q,
+        disabled: n,
+        ...k,
+        children: [
+          /* @__PURE__ */ m(
+            "input",
+            {
+              ref: o,
+              type: "checkbox",
+              name: b,
+              value: p,
+              required: h,
+              disabled: n,
+              form: N,
+              checked: t === !0,
+              readOnly: !0,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              style: {
+                position: "absolute",
+                opacity: 0,
+                width: 0,
+                height: 0,
+                pointerEvents: "none"
+              }
+            }
+          ),
+          k.children
+        ]
+      }
+    ) });
+  }
+);
+B.displayName = "Checkbox";
+const G = E(
+  ({ asChild: r, className: d, forceMount: l, ...i }, f) => {
+    const n = z(R);
+    return !n || !(n.state === !0 || n.state === "indeterminate") && !l ? null : /* @__PURE__ */ m(
+      r ? C : "span",
+      {
+        ref: f,
+        "data-state": I(n.state),
+        "data-indeterminate": n.state === "indeterminate" ? "" : void 0,
+        className: w("flex items-center justify-center text-current", d),
+        ...i
+      }
+    );
+  }
+);
+G.displayName = "CheckboxIndicator";
+export {
+  B as Checkbox,
+  G as CheckboxIndicator
+};