@spear-ai/spectral 1.3.42 → 1.3.43

package/dist/Icons/TrashIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const TrashIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const TrashIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=TrashIcon.d.ts.map

package/dist/Icons/TrashIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
 import { jsx as C } from "react/jsx-runtime";
-import L from "./IconBase.js";
-import { forwardRef as n } from "react";
-const t = ({ className: r, ariaHidden: M, title: Z = "Trash", description: V, size: H = 24 }, o) => /* @__PURE__ */ C(
-  L,
+import n from "./IconBase.js";
+import { forwardRef as t } from "react";
+const a = ({ className: r, ariaHidden: M, title: Z = "Trash", description: V, size: H = 24, ...o }, L) => /* @__PURE__ */ C(
+  n,
   {
     size: H,
     className: r,
     title: Z,
     description: V,
     "aria-hidden": M,
-    ref: o,
+    ref: L,
+    ...o,
     children: /* @__PURE__ */ C(
       "path",
       {
@@ -20,7 +21,7 @@ const t = ({ className: r, ariaHidden: M, title: Z = "Trash", description: V, si
       }
     )
   }
-), i = n(t);
+), s = t(a);
 export {
-  i as TrashIcon
+  s as TrashIcon
 };

package/dist/Icons/UndoIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const UndoIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const UndoIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=UndoIcon.d.ts.map

package/dist/Icons/UndoIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
 import { jsx as o } from "react/jsx-runtime";
-import c from "./IconBase.js";
-import { forwardRef as s } from "react";
-const a = ({ className: r, ariaHidden: n, title: t = "Undo", description: e, size: d = 24 }, i) => /* @__PURE__ */ o(
-  c,
+import s from "./IconBase.js";
+import { forwardRef as a } from "react";
+const m = ({ className: r, ariaHidden: n, title: t = "Undo", description: e, size: d = 24, ...i }, c) => /* @__PURE__ */ o(
+  s,
   {
     size: d,
     className: r,
     title: t,
     description: e,
     "aria-hidden": n,
-    ref: i,
+    ref: c,
+    ...i,
     children: /* @__PURE__ */ o(
       "path",
       {
@@ -23,7 +24,7 @@ const a = ({ className: r, ariaHidden: n, title: t = "Undo", description: e, siz
       }
     )
   }
-), C = s(a);
+), h = a(m);
 export {
-  C as UndoIcon
+  h as UndoIcon
 };

package/dist/Icons/UserIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const UserIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const UserIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=UserIcon.d.ts.map

package/dist/Icons/UserIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
-import i from "./IconBase.js";
-import { forwardRef as c } from "react";
-const d = ({ className: o, ariaHidden: e, title: t = "User", description: C, size: n = 24 }, s) => /* @__PURE__ */ r(
-  i,
+import c from "./IconBase.js";
+import { forwardRef as d } from "react";
+const m = ({ className: o, ariaHidden: e, title: t = "User", description: C, size: n = 24, ...s }, i) => /* @__PURE__ */ r(
+  c,
   {
     size: n,
     className: o,
     title: t,
     description: C,
     "aria-hidden": e,
-    ref: s,
+    ref: i,
+    ...s,
     children: /* @__PURE__ */ r(
       "path",
       {
@@ -22,7 +23,7 @@ const d = ({ className: o, ariaHidden: e, title: t = "User", description: C, siz
       }
     )
   }
-), p = c(d);
+), h = d(m);
 export {
-  p as UserIcon
+  h as UserIcon
 };

package/dist/Icons/WarningIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const WarningIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const WarningIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=WarningIcon.d.ts.map

package/dist/Icons/WarningIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
-import C from "./IconBase.js";
-import { forwardRef as c } from "react";
-const d = ({ className: o, ariaHidden: n, title: t = "Warning/Caution", description: i, size: e = 24 }, a) => /* @__PURE__ */ r(
-  C,
+import c from "./IconBase.js";
+import { forwardRef as d } from "react";
+const s = ({ className: o, ariaHidden: n, title: t = "Warning/Caution", description: i, size: e = 24, ...a }, C) => /* @__PURE__ */ r(
+  c,
   {
     size: e,
     className: o,
     title: t,
     description: i,
     "aria-hidden": n,
-    ref: a,
+    ref: C,
+    ...a,
     children: /* @__PURE__ */ r(
       "path",
       {
@@ -22,7 +23,7 @@ const d = ({ className: o, ariaHidden: n, title: t = "Warning/Caution", descript
       }
     )
   }
-), f = c(d);
+), h = d(s);
 export {
-  f as WarningIcon
+  h as WarningIcon
 };

package/dist/Icons/ZoomAllIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const ZoomAllIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const ZoomAllIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=ZoomAllIcon.d.ts.map

package/dist/Icons/ZoomAllIcon.js

@@ -1,19 +1,20 @@
 "use client";
 import "../styles/main.css";
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import k, { SvgIdContext as L } from "./IconBase.js";
-import { forwardRef as h, useContext as l } from "react";
-const u = ({ className: e, ariaHidden: n, title: i = "Zoom All", description: d, size: s = 24 }, c) => {
-  const r = l(L);
+import L, { SvgIdContext as h } from "./IconBase.js";
+import { forwardRef as l, useContext as u } from "react";
+const a = ({ className: e, ariaHidden: n, title: i = "Zoom All", description: d, size: s = 24, ...c }, k) => {
+  const r = u(h);
   return /* @__PURE__ */ t(
-    k,
+    L,
     {
       size: s,
       className: e,
       title: i,
       description: d,
       "aria-hidden": n,
-      ref: c,
+      ref: k,
+      ...c,
       children: [
         /* @__PURE__ */ t("g", { clipPath: `url(#${r}-clip0)`, children: [
           /* @__PURE__ */ o("path", { d: "M21 19L10 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -55,7 +56,7 @@ const u = ({ className: e, ariaHidden: n, title: i = "Zoom All", description: d,
       ]
     }
   );
-}, m = h(u);
+}, j = l(a);
 export {
-  m as ZoomAllIcon
+  j as ZoomAllIcon
 };

package/dist/Icons/ZoomXIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const ZoomXIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const ZoomXIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=ZoomXIcon.d.ts.map

package/dist/Icons/ZoomXIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import c from "./IconBase.js";
-import { forwardRef as k } from "react";
-const a = ({ className: r, ariaHidden: t, title: e = "Zoom X Axis", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
-  c,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import k from "./IconBase.js";
+import { forwardRef as a } from "react";
+const p = ({ className: r, ariaHidden: t, title: e = "Zoom X Axis", description: n, size: i = 24, ...s }, d) => /* @__PURE__ */ c(
+  k,
   {
     size: i,
     className: r,
     title: e,
     description: n,
     "aria-hidden": t,
-    ref: s,
+    ref: d,
+    ...s,
     children: [
       /* @__PURE__ */ o(
         "path",
@@ -36,7 +37,7 @@ const a = ({ className: r, ariaHidden: t, title: e = "Zoom X Axis", description:
       /* @__PURE__ */ o("path", { d: "M2.375 12H21.625", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
     ]
   }
-), m = k(a);
+), h = a(p);
 export {
-  m as ZoomXIcon
+  h as ZoomXIcon
 };

package/dist/Icons/ZoomYIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './iconTypes';
-export declare const ZoomYIcon: import('../../../node_modules/react').ForwardRefExoticComponent<IconProps & import('../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+export declare const ZoomYIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=ZoomYIcon.d.ts.map

package/dist/Icons/ZoomYIcon.js

@@ -1,17 +1,18 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import c from "./IconBase.js";
-import { forwardRef as k } from "react";
-const a = ({ className: r, ariaHidden: t, title: e = "Zoom Y Axis", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
-  c,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import k from "./IconBase.js";
+import { forwardRef as a } from "react";
+const p = ({ className: r, ariaHidden: t, title: e = "Zoom Y Axis", description: n, size: i = 24, ...s }, d) => /* @__PURE__ */ c(
+  k,
   {
     size: i,
     className: r,
     title: e,
     description: n,
     "aria-hidden": t,
-    ref: s,
+    ref: d,
+    ...s,
     children: [
       /* @__PURE__ */ o(
         "path",
@@ -36,7 +37,7 @@ const a = ({ className: r, ariaHidden: t, title: e = "Zoom Y Axis", description:
       /* @__PURE__ */ o("path", { d: "M12 2.90918V21.091", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
     ]
   }
-), m = k(a);
+), h = a(p);
 export {
-  m as ZoomYIcon
+  h as ZoomYIcon
 };

package/dist/Icons/index.d.ts

@@ -1,10 +1,16 @@
 export { AnnotationsIcon } from './AnnotationsIcon';
 export { CalendarIcon } from './CalendarIcon';
+export { CheckIcon } from './CheckIcon';
 export { ClockIcon } from './ClockIcon';
+export { CloseCircleIcon } from './CloseCircleIcon';
+export { CloseIcon } from './CloseIcon';
 export { DashboardIcon } from './DashboardIcon';
 export { DeleteIcon } from './DeleteIcon';
 export { DurationIcon } from './DurationIcon';
 export { EraserIcon } from './EraserIcon';
+export { EyeClosedIcon } from './EyeClosedIcon';
+export { EyeClosedIcon2 } from './EyeClosedIcon2';
+export { EyeOpenIcon } from './EyeOpenIcon';
 export { GoToFirstIcon } from './GoToFirstIcon';
 export { GoToLastIcon } from './GoToLastIcon';
 export { HarmonicCursorsIcon } from './HarmonicCursorsIcon';

package/dist/Icons.js

@@ -1,66 +1,78 @@
 import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as t } from "./Icons/CalendarIcon.js";
-import { ClockIcon as m } from "./Icons/ClockIcon.js";
-import { DashboardIcon as I } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as x } from "./Icons/DeleteIcon.js";
-import { DurationIcon as s } from "./Icons/DurationIcon.js";
-import { EraserIcon as l } from "./Icons/EraserIcon.js";
-import { GoToFirstIcon as d } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as u } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as C } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as P } from "./Icons/InfoIcon.js";
-import { LabelIcon as b } from "./Icons/LabelIcon.js";
-import { LassoIcon as y } from "./Icons/LassoIcon.js";
-import { LineToolIcon as G } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as U } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as v } from "./Icons/LocationIcon.js";
-import { LogoutIcon as E } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as H } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as O } from "./Icons/OntologyIcon.js";
-import { PanelIcon as V } from "./Icons/PanelIcon.js";
-import { PlayIcon as X } from "./Icons/PlayIcon.js";
-import { PlusIcon as j } from "./Icons/PlusIcon.js";
-import { ResetIcon as z } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as J } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as N } from "./Icons/SettingsIcon.js";
-import { TrashIcon as _ } from "./Icons/TrashIcon.js";
-import { UndoIcon as oo } from "./Icons/UndoIcon.js";
-import { UserIcon as eo } from "./Icons/UserIcon.js";
-import { WarningIcon as to } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as mo } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Io } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as xo } from "./Icons/ZoomYIcon.js";
+import { CheckIcon as m } from "./Icons/CheckIcon.js";
+import { ClockIcon as p } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as x } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as a } from "./Icons/CloseIcon.js";
+import { DashboardIcon as i } from "./Icons/DashboardIcon.js";
+import { DeleteIcon as L } from "./Icons/DeleteIcon.js";
+import { DurationIcon as y } from "./Icons/DurationIcon.js";
+import { EraserIcon as u } from "./Icons/EraserIcon.js";
+import { EyeClosedIcon as T } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as D } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as Z } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as k } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as G } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as S } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as v } from "./Icons/InfoIcon.js";
+import { LabelIcon as F } from "./Icons/LabelIcon.js";
+import { LassoIcon as M } from "./Icons/LassoIcon.js";
+import { LineToolIcon as V } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as X } from "./Icons/LiveViewIcon.js";
+import { LocationIcon as j } from "./Icons/LocationIcon.js";
+import { LogoutIcon as z } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as J } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as N } from "./Icons/OntologyIcon.js";
+import { PanelIcon as _ } from "./Icons/PanelIcon.js";
+import { PlayIcon as oo } from "./Icons/PlayIcon.js";
+import { PlusIcon as eo } from "./Icons/PlusIcon.js";
+import { ResetIcon as to } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as mo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as po } from "./Icons/SettingsIcon.js";
+import { TrashIcon as xo } from "./Icons/TrashIcon.js";
+import { UndoIcon as ao } from "./Icons/UndoIcon.js";
+import { UserIcon as io } from "./Icons/UserIcon.js";
+import { WarningIcon as Lo } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as go } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Eo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as ho } from "./Icons/ZoomYIcon.js";
 export {
   e as AnnotationsIcon,
   t as CalendarIcon,
-  m as ClockIcon,
-  I as DashboardIcon,
-  x as DeleteIcon,
-  s as DurationIcon,
-  l as EraserIcon,
-  d as GoToFirstIcon,
-  u as GoToLastIcon,
-  C as HarmonicCursorsIcon,
-  P as InfoIcon,
-  b as LabelIcon,
-  y as LassoIcon,
-  G as LineToolIcon,
-  U as LiveViewIcon,
-  v as LocationIcon,
-  E as LogoutIcon,
-  H as MetadataIcon,
-  O as OntologyIcon,
-  V as PanelIcon,
-  X as PlayIcon,
-  j as PlusIcon,
-  z as ResetIcon,
-  J as ScissorsIcon,
-  N as SettingsIcon,
-  _ as TrashIcon,
-  oo as UndoIcon,
-  eo as UserIcon,
-  to as WarningIcon,
-  mo as ZoomAllIcon,
-  Io as ZoomXIcon,
-  xo as ZoomYIcon
+  m as CheckIcon,
+  p as ClockIcon,
+  x as CloseCircleIcon,
+  a as CloseIcon,
+  i as DashboardIcon,
+  L as DeleteIcon,
+  y as DurationIcon,
+  u as EraserIcon,
+  T as EyeClosedIcon,
+  D as EyeClosedIcon2,
+  Z as EyeOpenIcon,
+  k as GoToFirstIcon,
+  G as GoToLastIcon,
+  S as HarmonicCursorsIcon,
+  v as InfoIcon,
+  F as LabelIcon,
+  M as LassoIcon,
+  V as LineToolIcon,
+  X as LiveViewIcon,
+  j as LocationIcon,
+  z as LogoutIcon,
+  J as MetadataIcon,
+  N as OntologyIcon,
+  _ as PanelIcon,
+  oo as PlayIcon,
+  eo as PlusIcon,
+  to as ResetIcon,
+  mo as ScissorsIcon,
+  po as SettingsIcon,
+  xo as TrashIcon,
+  ao as UndoIcon,
+  io as UserIcon,
+  Lo as WarningIcon,
+  go as ZoomAllIcon,
+  Eo as ZoomXIcon,
+  ho as ZoomYIcon
 };

package/dist/Label.d.ts

@@ -1,8 +1,8 @@
-import { LabelHTMLAttributes, Ref } from '../../../node_modules/react';
+import { LabelHTMLAttributes, Ref } from 'react';
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
     htmlFor: string;
     className?: string;
     ref?: Ref<HTMLLabelElement>;
 };
-export declare const Label: import('../../../node_modules/react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('../../../node_modules/react').RefAttributes<HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Label.d.ts.map

package/dist/Popover.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from '../../../node_modules/react';
+import { ComponentProps } from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content> & {
     width?: number | string;

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from '../../../node_modules/react';
+import { AsChildProp } from '../../primitives/slot';
+import { ReactNode } from 'react';
 export type RadioButtonGroupProps = {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -6,13 +7,14 @@ export type RadioButtonGroupProps = {
     className?: string;
     isKeptActive?: boolean;
     expanded?: boolean;
+    asChild?: boolean;
 };
-export type RadioButtonGroupItemProps = {
+export type RadioButtonGroupItemProps = AsChildProp & {
     value: string;
     children: ReactNode;
     className?: string;
     disabled?: boolean;
 };
 export declare const RadioButtonGroupBase: ({ value, onValueChange, children, className, isKeptActive, expanded, }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: ({ value, children, className, disabled }: RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, }: RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioButtonGroupBase.d.ts.map

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

@@ -1,58 +1,60 @@
 "use client";
 import "../styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
+import { Slot as v } from "../primitives/slot.js";
 import { c as l } from "../twUtils-CRiPKpXj.js";
-import { createContext as f, useContext as b } from "react";
-const u = f(null), x = ({
-  value: e,
+import { createContext as h, useContext as x } from "react";
+const u = h(null), G = ({
+  value: t,
   onValueChange: r,
   children: i,
-  className: t,
-  isKeptActive: o = !1,
-  expanded: n = !1
-}) => /* @__PURE__ */ s(u.Provider, { value: { value: e, onValueChange: r, isKeptActive: o, expanded: n }, children: /* @__PURE__ */ s(
+  className: o,
+  isKeptActive: n = !1,
+  expanded: e = !1
+}) => /* @__PURE__ */ s(u.Provider, { value: { value: t, onValueChange: r, isKeptActive: n, expanded: e }, children: /* @__PURE__ */ s(
   "div",
   {
     role: "radiogroup",
-    "data-expanded": n,
+    "data-expanded": e,
     className: l(
       "flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md",
       "data-[expanded=true]:w-full",
-      t
+      o
     ),
     children: i
   }
-) }), w = ({ value: e, children: r, className: i, disabled: t = !1 }) => {
-  const o = b(u);
-  if (!o)
+) }), R = ({
+  value: t,
+  children: r,
+  className: i,
+  disabled: o = !1,
+  asChild: n = !1
+}) => {
+  const e = x(u);
+  if (!e)
     throw new Error("RadioButtonGroupItem must be used within a RadioButtonGroup");
-  const { value: n, onValueChange: a, isKeptActive: c, expanded: g } = o, d = n === e;
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      "aria-checked": d,
-      "data-state": d ? "on" : "off",
-      disabled: t,
-      onClick: () => {
-        !t && a && a(e);
-      },
-      className: l(
-        "bg-toggle-bg inline-flex items-center justify-center gap-2 border text-sm font-medium disabled:pointer-events-none disabled:opacity-50",
-        "text-toggle-text hover:bg-toggle-bg--hover hover:text-toggle-text--hover transition-[colors] hover:cursor-pointer disabled:cursor-not-allowed",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus:outline-none focus-visible:ring-[3px] [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        'border-toggle-border hover:border-toggle-border--hover h-9 min-w-9 px-3 outline-none [&_svg:not([class*="size-"]):not([width]):not([height])]:size-4',
-        "rounded-none shadow-none focus:z-10 focus-visible:z-10 [&:not(:first-child)]:border-l-0",
-        g && "w-full",
-        c && "data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active data-[state=on]:border-toggle-border--active",
-        i
-      ),
-      children: r
-    }
-  );
+  const { value: c, onValueChange: a, isKeptActive: g, expanded: f } = e, d = c === t, b = () => {
+    !o && a && a(t);
+  }, p = n ? v : "button", m = {
+    role: "radio",
+    "aria-checked": d,
+    "data-state": d ? "on" : "off",
+    disabled: o,
+    onClick: b,
+    className: l(
+      "bg-toggle-bg inline-flex items-center justify-center gap-2 border text-sm font-medium disabled:pointer-events-none disabled:opacity-50",
+      "disabled:cursor-not-allowed hover:cursor-pointer text-toggle-text hover:bg-toggle-bg--hover hover:text-toggle-text--hover transition-[colors]",
+      "[&_svg]:pointer-events-none [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus:outline-none",
+      ' outline-none border-toggle-border hover:border-toggle-border--hover h-9 px-3 min-w-9 [&_svg:not([class*="size-"]):not([width]):not([height])]:size-4',
+      "rounded-none shadow-none focus:z-10 focus-visible:z-10 [&:not(:first-child)]:border-l-0",
+      f && "w-full",
+      g && "data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active data-[state=on]:border-toggle-border--active",
+      i
+    )
+  };
+  return /* @__PURE__ */ s(p, { ...!n && { type: "button" }, ...m, children: r });
 };
 export {
-  x as RadioButtonGroupBase,
-  w as RadioButtonGroupItem
+  G as RadioButtonGroupBase,
+  R as RadioButtonGroupItem
 };

package/dist/RadioButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import { RadioButtonGroupBase } from './RadioButtonGroupBase';
-import { ComponentProps } from '../../../node_modules/react';
+import { ComponentProps } from 'react';
 export type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
 export declare const RadioButtonGroup: ({ className, children, ...props }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: ({ value, children, className, disabled }: import('./RadioButtonGroupBase').RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, }: import('./RadioButtonGroupBase').RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioButtonGroup.d.ts.map

package/dist/RadioButtonGroup.js

@@ -1,19 +1,19 @@
 import "./styles/main.css";
 import { jsx as e } from "react/jsx-runtime";
-import { RadioButtonGroupItem as u, RadioButtonGroupBase as m } from "./RadioButtonGroup/RadioButtonGroupBase.js";
-import { c as n } from "./twUtils-CRiPKpXj.js";
+import { RadioButtonGroupItem as n, RadioButtonGroupBase as u } from "./RadioButtonGroup/RadioButtonGroupBase.js";
+import { c as m } from "./twUtils-CRiPKpXj.js";
 import "react";
 const s = ({ className: t, children: o, ...r }) => /* @__PURE__ */ e(
-  m,
+  u,
   {
-    className: n(
-      "flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md",
+    className: m(
+      "flex h-fit w-fit items-center rounded-md px-2 whitespace-nowrap [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md",
       t
     ),
     ...r,
     children: o
   }
-), f = u;
+), f = n;
 export {
   s as RadioButtonGroup,
   f as RadioButtonGroupItem