@spear-ai/spectral 1.4.5 → 1.4.6

package/dist/Alert/AlertBase.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-declare const titleIconColors: {
+declare const variantColors: {
     success: string;
     warning: string;
     danger: string;
@@ -11,9 +11,11 @@ export declare const AlertBase: import('react').ForwardRefExoticComponent<HTMLAt
     variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const AlertTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
-    variant: keyof typeof titleIconColors;
+    variant: keyof typeof variantColors;
+} & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
+    variant: keyof typeof variantColors;
 } & import('react').RefAttributes<HTMLParagraphElement>>;
-export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 type AlertPortalProps = {
     children: ReactNode;
     container?: Element | DocumentFragment;

package/dist/Alert/AlertBase.js

@@ -1,46 +1,46 @@
 "use client";
 import "../styles/main.css";
-import { jsx as l } from "react/jsx-runtime";
-import { cn as s } from "../utils/twUtils.js";
-import { c as n } from "../index-D29mdTf5.js";
-import { forwardRef as i, useState as o, useEffect as d } from "react";
-import { createPortal as c } from "react-dom";
-const g = n(
-  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm flex has-[>svg]:grid-cols-[6_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 gap-y-0.5
+import { jsx as s } from "react/jsx-runtime";
+import { cn as l } from "../utils/twUtils.js";
+import { c as o } from "../index-D29mdTf5.js";
+import { forwardRef as i, useState as d, useEffect as c } from "react";
+import { createPortal as f } from "react-dom";
+const g = o(
+  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm flex has-[>svg]:grid-cols-[6_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 [&>svg]items-start gap-y-0.5
   items-start [&>svg]:size-6 [&>svg]:translate-y-0.5 transform transition-all duration-300 ease-in-out translate-y-0 opacity-100 scale-100 animate-in slide-in-from-top-full fade-in duration-300`,
   {
     variants: {
       variant: {
-        default: "bg-alert-bg text-alert-text border-alert-border",
-        success: "bg-alert-success-bg border-alert-success-border [&>svg]:!text-alert-success-text [&>svg]items-start",
-        warning: "bg-alert-warning-bg border-alert-warning-border [&>svg]:!text-alert-warning-text [&_[data-slot='alert-title']]:!text-alert-warning-text",
-        danger: "bg-alert-danger-bg border-alert-danger-border [&>svg]:!text-alert-danger-text [&_[data-slot='alert-title']]:!text-alert-danger-text",
-        info: "bg-alert-info-bg border-alert-info-border [&>svg]:!text-alert-info-text [&_[data-slot='alert-title']]:!text-alert-info-text"
+        default: "bg-alert-bg border-alert-border",
+        success: "bg-alert-success-bg border-alert-success-border",
+        warning: "bg-alert-warning-bg border-alert-warning-border",
+        danger: "bg-alert-danger-bg border-alert-danger-border",
+        info: "bg-alert-info-bg border-alert-info-border"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), x = {
-  success: "text-alert-success-text",
-  warning: "text-alert-warning-text",
-  danger: "text-alert-danger-text",
-  info: "text-alert-info-text",
-  default: "text-alert-text"
-}, f = i(({ className: t, variant: e, ...a }, r) => /* @__PURE__ */ l("div", { className: s(g({ variant: e }), t), "data-slot": "alert", "data-testid": "spectral-alert", ref: r, role: "alert", ...a }));
-f.displayName = "AlertBase";
-const m = i(({ className: t, variant: e, ...a }, r) => /* @__PURE__ */ l("div", { className: s(x[e], "col-start-2 line-clamp-1 min-h-4 font-semibold text-base tracking-tight h-6 flex items-center", t), "data-slot": "alert-title", "data-testid": "spectral-alert-title", ref: r, ...a }));
-m.displayName = "AlertTitle";
-const u = i(({ className: t, ...e }, a) => /* @__PURE__ */ l("div", { className: s("text-primary-inverse col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", t), "data-slot": "alert-description", "data-testid": "spectral-alert-description", ref: a, ...e }));
-u.displayName = "AlertDescription";
-function A({ children: t, container: e }) {
-  const [a, r] = o(!1);
-  return d(() => (r(!0), () => r(!1)), []), a ? c(t, e ?? document.body) : null;
+), n = {
+  success: "text-alert-success-text [&_p]:!text-alert-success-text",
+  warning: "text-alert-warning-text [&_p]:!text-alert-warning-text",
+  danger: "text-alert-danger-text [&_p]:!text-alert-danger-text",
+  info: "text-alert-info-text [&_p]:!text-alert-info-text",
+  default: "text-alert-text [&_p]:!text-alert-text"
+}, m = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(g({ variant: r }), e), "data-slot": "alert", "data-testid": "spectral-alert", ref: t, role: "alert", ...a }));
+m.displayName = "AlertBase";
+const x = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(n[r], "col-start-2 line-clamp-1 min-h-4 font-semibold text-base tracking-tight h-6 flex items-center", e), "data-slot": "alert-title", "data-testid": "spectral-alert-title", ref: t, ...a }));
+x.displayName = "AlertTitle";
+const p = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(n[r], "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", e), "data-slot": "alert-description", "data-testid": "spectral-alert-description", ref: t, ...a }));
+p.displayName = "AlertDescription";
+function _({ children: e, container: r }) {
+  const [a, t] = d(!1);
+  return c(() => (t(!0), () => t(!1)), []), a ? f(e, r ?? document.body) : null;
 }
 export {
-  f as AlertBase,
-  u as AlertDescription,
-  A as AlertPortal,
-  m as AlertTitle
+  m as AlertBase,
+  p as AlertDescription,
+  _ as AlertPortal,
+  x as AlertTitle
 };

package/dist/Alert.js

@@ -1,7 +1,7 @@
 "use client";
 import "./styles/main.css";
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { AlertPortal as y, AlertBase as h, AlertTitle as v, AlertDescription as A } from "./Alert/AlertBase.js";
+import { AlertPortal as y, AlertBase as h, AlertTitle as A, AlertDescription as v } from "./Alert/AlertBase.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -61,34 +61,34 @@ import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as g } from "./utils/twUtils.js";
 import { useRef as R, useEffect as T } from "react";
-const Vt = ({ id: n, description: a, onClose: s, icon: l, title: c, className: d, variant: o = "default" }) => {
-  const r = R(null), u = l || {
+const Vt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d, variant: r = "default" }) => {
+  const o = R(null), u = l || {
     info: /* @__PURE__ */ t(E, {}),
     success: /* @__PURE__ */ t(w, {}),
     warning: /* @__PURE__ */ t(N, {}),
     danger: /* @__PURE__ */ t(b, {}),
     default: null
-  }[o];
+  }[r];
   T(() => {
     const e = (p) => {
-      p.key === "Escape" && r.current && (p.preventDefault(), i());
+      p.key === "Escape" && o.current && (p.preventDefault(), i());
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
   }, []);
   const i = () => {
-    r.current && (r.current.style.opacity = "0", setTimeout(() => {
-      r.current && (r.current.style.display = "none"), s?.();
+    o.current && (o.current.style.opacity = "0", setTimeout(() => {
+      o.current && (o.current.style.display = "none"), a?.();
     }, 300));
   }, f = () => {
     i();
-  }, I = (/* @__PURE__ */ new Set(["danger", "warning"])).has(o) ? "assertive" : "polite";
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ m(h, { "aria-live": I, className: g("alert-wrapper transition-opacity duration-300", d), "data-slot": "alert", "data-variant": o, id: n, ref: r, variant: o, children: [
+  }, I = (/* @__PURE__ */ new Set(["danger", "warning"])).has(r) ? "assertive" : "polite";
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ m(h, { "aria-live": I, className: g("alert-wrapper transition-opacity duration-300", d), "data-slot": "alert", "data-variant": r, id: n, ref: o, variant: r, children: [
     u,
     /* @__PURE__ */ m("div", { className: "content-wrapper", children: [
-      /* @__PURE__ */ t(v, { "data-slot": "alert-title", variant: o, children: c }),
-      /* @__PURE__ */ t(A, { "data-slot": "alert-description", children: a })
+      /* @__PURE__ */ t(A, { "data-slot": "alert-title", variant: r, children: c }),
+      /* @__PURE__ */ t(v, { "data-slot": "alert-description", variant: r, children: s })
     ] }),
     /* @__PURE__ */ t(
       C,

package/dist/Avatar.js

@@ -2,26 +2,26 @@
 import "./styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
 import { cn as s } from "./utils/twUtils.js";
-import { useState as x, useEffect as v, isValidElement as w, cloneElement as p } from "react";
+import { useState as g, useEffect as v, isValidElement as w, cloneElement as p } from "react";
 const y = {
   sm: "h-8 w-8",
   md: "h-10 w-10",
   lg: "h-12 w-12"
 }, f = {
-  sm: "text-sm",
-  md: "text-lg",
-  lg: "text-2xl"
+  sm: "text-xs",
+  md: "text-base",
+  lg: "text-xl"
 }, b = {
   sm: 24,
   md: 32,
   lg: 40
 }, j = (l) => {
-  const i = l.trim();
-  if (!i) return "?";
-  const t = i.split(/\s+/).filter(Boolean);
+  const o = l.trim();
+  if (!o) return "?";
+  const t = o.split(/\s+/).filter(Boolean);
   return t.length === 0 ? "?" : t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase();
-}, k = ({ alt: l, className: i, icon: t, imageSource: a, fallback: o, size: n = "md", userFullName: c }) => {
-  const [m, d] = x("loading");
+}, k = ({ alt: l, className: o, icon: t, imageSource: a, fallback: i, size: n = "md", userFullName: c }) => {
+  const [m, d] = g("loading");
   v(() => {
     if (!a) return;
     d("loading");
@@ -32,7 +32,7 @@ const y = {
   }, [a]);
   const h = () => {
     if (c)
-      return /* @__PURE__ */ r("span", { "aria-label": `${c} avatar`, className: s("flex items-center justify-center w-full h-full font-bold text-text-primary tracking-tighter", f[n]), "data-testid": "spectral-avatar-initials", children: j(c) });
+      return /* @__PURE__ */ r("span", { "aria-label": `${c} avatar`, className: s("flex items-center justify-center w-full h-full font-bold text-text-primary tracking-tighter font-stretch-condensed", f[n]), "data-testid": "spectral-avatar-initials", children: j(c) });
     if (t) {
       const e = b[n];
       return /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", children: w(t) ? (() => {
@@ -41,18 +41,18 @@ const y = {
           "aria-hidden": "true"
         };
         if (t.type.displayName?.includes("Icon") ?? !1) {
-          const g = {
+          const x = {
             ...u,
             size: e
           };
-          return p(t, g);
+          return p(t, x);
         }
         return p(t, u);
       })() : t });
     }
-    return a && m === "loaded" ? /* @__PURE__ */ r("img", { alt: l || "Avatar", "aria-label": l || "Avatar", className: "absolute inset-0 w-full h-full object-cover rounded-full", "data-testid": "spectral-avatar-image", role: "img", src: a }) : a && m === "error" && o ? /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", "data-testid": "spectral-avatar-img-error-fallback", children: o }) : o ? /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full text-text-primary", f[n]), "data-testid": "spectral-avatar-fallback", children: o }) : /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full font-bold border-2 border-danger-400 text-danger-400 rounded-full font-bold", f[n]), "data-testid": "spectral-avatar-last-resort", children: "?" });
+    return a && m === "loaded" ? /* @__PURE__ */ r("img", { alt: l || "Avatar", "aria-label": l || "Avatar", className: "absolute inset-0 w-full h-full object-cover rounded-full", "data-testid": "spectral-avatar-image", role: "img", src: a }) : a && m === "error" && i ? /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", "data-testid": "spectral-avatar-img-error-fallback", children: i }) : i ? /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full text-text-primary", f[n]), "data-testid": "spectral-avatar-fallback", children: i }) : /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full font-bold border-2 border-danger-400 text-danger-400 rounded-full font-bold", f[n]), "data-testid": "spectral-avatar-last-resort", children: "?" });
   };
-  return /* @__PURE__ */ r("div", { className: s("relative inline-flex items-center justify-center overflow-hidden rounded-full shrink-0 bg-level-two", y[n], i), "data-slot": "avatar", "data-testid": "spectral-avatar", children: h() });
+  return /* @__PURE__ */ r("div", { className: s("relative inline-flex items-center justify-center overflow-hidden rounded-full shrink-0 bg-level-two", y[n], o), "data-slot": "avatar", "data-testid": "spectral-avatar", children: h() });
 };
 export {
   k as Avatar

package/dist/Button.js

@@ -5,13 +5,7 @@ import { ErrorMessage as y } from "./utils/formFieldUtils.js";
 import { cn as u } from "./utils/twUtils.js";
 import { c as h } from "./index-D29mdTf5.js";
 import { forwardRef as f } from "react";
-import { c as N } from "./createLucideIcon-B_8CJpcQ.js";
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
+import { c as N } from "./createLucideIcon-D4r5Phnh.js";
 const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N("loader-circle", w), j = h(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold focus:outline-none focus:outline-none

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -6,7 +6,7 @@ import { c } from "../index-D29mdTf5.js";
 import "react";
 const l = c(
   `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius,0.375rem)] text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none
-  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visitble:outline-accent
+  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visible:outline-accent
   aria-invalid:ring-destructive/20 aria-invalid:border-destructive bg-level-one text-text-primary hover:bg-level-two cursor-pointer active:text-accent`,
   {
     variants: {

package/dist/Dialog.js

@@ -3,19 +3,19 @@ import { jsx as o, Fragment as n } from "react/jsx-runtime";
 import { DialogBase as g, DialogCloseBase as c, DialogContentBase as f, DialogDescriptionBase as u, DialogFooterBase as m, DialogHeaderBase as p, DialogOverlayBase as D, DialogPortalBase as x, DialogTitleBase as T, DialogTriggerBase as B } from "./Dialog/DialogBase.js";
 import { cn as l } from "./utils/twUtils.js";
 import "react";
-function h({ ...a }) {
+function v({ ...a }) {
   return /* @__PURE__ */ o(g, { "data-slot": "dialog", "data-testid": "spectral-dialog", ...a });
 }
-function v({ dataTestId: a, ...t }) {
-  return /* @__PURE__ */ o(B, { asChild: !0, "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
+function w({ dataTestId: a, ...t }) {
+  return /* @__PURE__ */ o(B, { "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
 }
-function w({ ...a }) {
+function h({ ...a }) {
   return /* @__PURE__ */ o(x, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...a });
 }
-function C({ dataTestId: a, ...t }) {
+function z({ dataTestId: a, ...t }) {
   return /* @__PURE__ */ o(c, { "data-slot": "dialog-close", dataTestId: a || "dialog-close", ...t });
 }
-function z({ className: a, dataTestId: t, ...e }) {
+function C({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(
     D,
     {
@@ -65,14 +65,14 @@ function P({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(u, { className: l("text-muted-foreground text-sm", a), "data-slot": "dialog-description", dataTestId: t || "dialog-description", ...e });
 }
 export {
-  h as Dialog,
-  C as DialogClose,
+  v as Dialog,
+  z as DialogClose,
   F as DialogContent,
   P as DialogDescription,
   H as DialogFooter,
   j as DialogHeader,
-  z as DialogOverlay,
-  w as DialogPortal,
+  C as DialogOverlay,
+  h as DialogPortal,
   O as DialogTitle,
-  v as DialogTrigger
+  w as DialogTrigger
 };

package/dist/Drawer.d.ts

@@ -1,13 +1,16 @@
 import { ReactNode } from 'react';
 export type DrawerProps = {
     children?: ReactNode;
+    defaultOpen?: boolean;
     description?: string;
     direction?: 'left' | 'right' | 'top' | 'bottom';
+    dismissible?: boolean;
+    modal?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
     size?: string;
     title?: string;
     trigger: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
 };
-export declare const Drawer: ({ trigger, title, description, children, direction, size }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ children, defaultOpen, description, direction, dismissible, modal, onOpenChange, open, size, title, trigger }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.js

@@ -1,9 +1,9 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { SpectralProvider as x } from "./SpectralProvider.js";
+import { SpectralProvider as f } from "./SpectralProvider.js";
 import { D as e } from "./index-CAKA12cC.js";
-const b = ({ trigger: d, title: o, description: i, children: c, direction: l = "right", size: r = "380px" }) => {
-  const a = "!font-sans fixed", p = {
+const u = ({ children: d, defaultOpen: o = !1, description: i, direction: l = "right", dismissible: c = !0, modal: p = !0, onOpenChange: n, open: m, size: r = "380px", title: x, trigger: h }) => {
+  const a = "!font-sans fixed", w = {
     left: {
       className: `${a} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
       style: { width: r }
@@ -20,20 +20,20 @@ const b = ({ trigger: d, title: o, description: i, children: c, direction: l = "
       className: `${a} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
       style: { height: r }
     }
-  }, { className: n, style: m } = p[l];
-  return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ s(e.Root, { direction: l, "data-testid": "spectral-drawer", children: [
-    /* @__PURE__ */ t(e.Trigger, { asChild: !0, "data-testid": "spectral-drawer-trigger", children: d }),
+  }, { className: g, style: b } = w[l];
+  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ s(e.Root, { defaultOpen: o, dismissible: c, open: m, onOpenChange: n, direction: l, modal: p, "data-testid": "spectral-drawer", children: [
+    /* @__PURE__ */ t(e.Trigger, { asChild: !0, "data-testid": "spectral-drawer-trigger", children: h }),
     /* @__PURE__ */ s(e.Portal, { children: [
       /* @__PURE__ */ t(e.Overlay, { className: "fixed inset-0 bg-transparent", "data-testid": "spectral-drawer-overlay" }),
-      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${n}`, style: m, "data-testid": "spectral-drawer-content", children: /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${g}`, style: b, "data-testid": "spectral-drawer-content", children: /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ t(e.Close, {}),
-        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", "data-testid": "spectral-drawer-title", children: o }),
+        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", "data-testid": "spectral-drawer-title", children: x }),
         /* @__PURE__ */ t(e.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", "data-testid": "spectral-drawer-description", children: i }),
-        /* @__PURE__ */ t("div", { className: "py-2 px-3 min-w-0 w-auto overflow-hidden [&>*]:min-w-0 [&_*]:min-w-0", "data-testid": "spectral-drawer-body", children: c })
+        /* @__PURE__ */ t("div", { className: "py-2 px-3 min-w-0 w-auto overflow-hidden [&>*]:min-w-0 [&_*]:min-w-0", "data-testid": "spectral-drawer-body", children: d })
       ] }) })
     ] })
   ] }) });
 };
 export {
-  b as Drawer
+  u as Drawer
 };

package/dist/InputOTP.js

@@ -280,6 +280,7 @@ const St = ht({}), Pt = ht(null), Ct = () => {
         onChange: E,
         onComplete: A,
         onPaste: I,
+        pasteTransformer: (l) => l.replaceAll("-", ""),
         pushPasswordManagerStrategy: "none",
         ref: g,
         role: "textbox",

package/dist/MultiSelect/MultiSelectBase.js

@@ -61,13 +61,7 @@ import "../Icons/ZoomYIcon.js";
 import { ErrorMessage as me } from "../utils/formFieldUtils.js";
 import { cn as f } from "../utils/twUtils.js";
 import { forwardRef as be, useId as fe, useState as L, useRef as _, useMemo as T, useCallback as b, useEffect as ge } from "react";
-import { c as he } from "../createLucideIcon-B_8CJpcQ.js";
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
+import { c as he } from "../createLucideIcon-D4r5Phnh.js";
 const xe = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]

package/dist/RadioGroup.js

@@ -432,7 +432,7 @@ const B = he(
       "data-testid": "spectral-radio-group-item",
       className: F(
         "relative aspect-square h-4.5 w-4.5 rounded-full border-2 border-border-subtle bg-radio-bg ring-black transition-colors cursor-pointer",
-        "hover:border-radio-border--hover focus-visible:ring-1 focus-visible:ring-offset-2",
+        "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent",
         "[&[data-state=checked]]:border-radio-border--selected [&[data-state=checked]]:bg-radio-bg",
         o && A,
         r

package/dist/Toggle/ToggleBase.d.ts

@@ -13,5 +13,5 @@ export declare const ToggleBase: import('react').ForwardRefExoticComponent<Omit<
     onPressedChange?: (pressed: boolean) => void;
     disabled?: boolean;
     asChild?: boolean;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+} & import('react').RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 //# sourceMappingURL=ToggleBase.d.ts.map

package/dist/Toggle/ToggleBase.js

@@ -1,28 +1,46 @@
 "use client";
 import "../styles/main.css";
-import { jsx as h } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useControllableState as k } from "../hooks/useControllableState.js";
-import { Slot as y } from "../primitives/slot.js";
-import { forwardRef as P, useCallback as f } from "react";
-const B = P(function({ pressed: u, defaultPressed: d = !1, onPressedChange: p, disabled: t, className: i, onKeyDown: n, onClick: a, type: m = "button", asChild: s = !1, ...c }, g) {
-  const [o, l] = k({
-    value: u,
-    defaultValue: d,
-    onChange: p
-  }), r = f(() => {
-    t || l(!o);
-  }, [t, o, l]), v = f(
+import { Slot as C } from "../primitives/slot.js";
+import { forwardRef as T, useCallback as s } from "react";
+const B = T(function({ pressed: c, defaultPressed: m = !1, onPressedChange: g, disabled: t, className: v, onKeyDown: a, onClick: n, type: h = "button", asChild: b = !1, children: l, ...u }, d) {
+  const [r, i] = k({
+    defaultValue: m,
+    onChange: g,
+    value: c
+  }), o = s(() => {
+    t || i(!r);
+  }, [t, r, i]), x = s(
     (e) => {
-      n && n(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), r());
+      a && a(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), o());
     },
-    [r, n]
-  ), C = f(
+    [o, a]
+  ), P = s(
     (e) => {
-      a && a(e), !e.defaultPrevented && r();
+      n && n(e), !e.defaultPrevented && o();
     },
-    [r, a]
-  );
-  return /* @__PURE__ */ h(s ? y : "button", { ...c, ref: g, type: s ? void 0 : m, "aria-pressed": o, "data-state": o ? "on" : "off", "data-disabled": t ? "" : void 0, disabled: t, onKeyDown: v, onClick: C, className: i });
+    [o, n]
+  ), p = {
+    "aria-disabled": t || void 0,
+    "aria-pressed": r,
+    "data-state": r ? "on" : "off",
+    "data-disabled": t || void 0,
+    className: v,
+    onClick: P,
+    onKeyDown: x
+  };
+  return b ? /* @__PURE__ */ f(
+    "div",
+    {
+      ref: d,
+      role: "button",
+      tabIndex: t ? -1 : 0,
+      ...u,
+      ...p,
+      children: /* @__PURE__ */ f(C, { children: l })
+    }
+  ) : /* @__PURE__ */ f("button", { ref: d, tabIndex: t ? -1 : 0, type: h, ...u, ...p, children: l });
 });
 export {
   B as ToggleBase

package/dist/Toggle.js

@@ -1,13 +1,13 @@
 "use client";
 import "./styles/main.css";
-import { jsx as g } from "react/jsx-runtime";
-import { ToggleBase as n } from "./Toggle/ToggleBase.js";
-import { cn as s } from "./utils/twUtils.js";
-import { c as d } from "./index-D29mdTf5.js";
-import { forwardRef as l } from "react";
-const v = d(
+import { jsx as n } from "react/jsx-runtime";
+import { ToggleBase as s } from "./Toggle/ToggleBase.js";
+import { cn as d } from "./utils/twUtils.js";
+import { c as l } from "./index-D29mdTf5.js";
+import { forwardRef as v } from "react";
+const b = l(
   `
-    bg-toggle-bg inline-flex items-center justify-center gap-2 border rounded-md text-sm shadow-sm font-medium w-fit disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed
+    bg-toggle-bg inline-flex items-center justify-center gap-2 border rounded-md text-sm shadow-sm font-medium w-fit data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed
     hover:cursor-pointer data-[state=on]:text-toggle-text--active text-toggle-text hover:bg-toggle-bg--hover hover:border-toggle-border--hover data-[state=on]:bg-toggle-bg--active
     data-[state=on]:border-toggle-border--active hover:text-toggle-text--hover data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active data-[state=on]:border-toggle-border--active
     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
@@ -35,8 +35,8 @@ const v = d(
       layout: "default"
     }
   }
-), m = l(({ className: e, variant: t, size: o, layout: r, ...a }, i) => /* @__PURE__ */ g(n, { ref: i, "data-slot": "toggle", "data-testid": "spectral-toggle", className: s(v({ variant: t, size: o, layout: r }), e), ...a }));
+), p = v(({ className: e, variant: t, size: o, layout: r, disabled: a, ...i }, g) => /* @__PURE__ */ n(s, { ref: g, disabled: a, "data-slot": "toggle", "data-testid": "spectral-toggle", className: d(b({ variant: t, size: o, layout: r }), e), ...i }));
 export {
-  m as Toggle,
-  v as toggleVariants
+  p as Toggle,
+  b as toggleVariants
 };

package/dist/Tooltip.d.ts

@@ -1,9 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export declare const TooltipProvider: ({ delayDuration, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
 export declare const Tooltip: ({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipTrigger: ({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipContent: ({ children, className, showArrow, sideOffset, ...props }: ComponentProps<typeof TooltipPrimitive.Content> & {
+export declare const TooltipTrigger: ({ asChild, children, ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) => import("react/jsx-runtime").JSX.Element;
+declare const tooltipVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const TooltipContent: ({ children, className, showArrow, sideOffset, variant, side, ...props }: ComponentProps<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipVariants> & {
     showArrow?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Tooltip.d.ts.map