@spear-ai/spectral 1.4.26 → 1.4.28

package/dist/Alert/AlertBase.js

@@ -2,10 +2,10 @@
 import "../styles/main.css";
 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(
+import { c as n } from "../index-D29mdTf5.js";
+import { 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 [&>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`,
   {
@@ -22,25 +22,40 @@ const g = o(
       variant: "default"
     }
   }
-), n = {
+), i = {
   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;
+}, f = ({
+  ref: e,
+  className: r,
+  variant: a,
+  ...t
+}) => /* @__PURE__ */ s("div", { className: l(g({ variant: a }), r), "data-slot": "alert", "data-testid": "spectral-alert", ref: e, role: "alert", ...t });
+f.displayName = "AlertBase";
+const m = ({
+  ref: e,
+  className: r,
+  variant: a,
+  ...t
+}) => /* @__PURE__ */ s("div", { className: l(i[a], "col-start-2 line-clamp-1 flex h-6 min-h-4 items-center text-base font-semibold tracking-tight", r), "data-slot": "alert-title", "data-testid": "spectral-alert-title", ref: e, ...t });
+m.displayName = "AlertTitle";
+const x = ({
+  ref: e,
+  className: r,
+  variant: a,
+  ...t
+}) => /* @__PURE__ */ s("div", { className: l(i[a], "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", r), "data-slot": "alert-description", "data-testid": "spectral-alert-description", ref: e, ...t });
+x.displayName = "AlertDescription";
+function w({ children: e, container: r }) {
+  const [a, t] = o(!1);
+  return d(() => (t(!0), () => t(!1)), []), a ? c(e, r ?? document.body) : null;
 }
 export {
-  m as AlertBase,
-  p as AlertDescription,
-  _ as AlertPortal,
-  x as AlertTitle
+  f as AlertBase,
+  x as AlertDescription,
+  w as AlertPortal,
+  m as AlertTitle
 };

package/dist/Alert.js

@@ -99,7 +99,7 @@ const Kt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d
       C,
       {
         "aria-label": "Close alert",
-        className: "close-icon-wrapper absolute right-2 top-2 cursor-pointer focus-visible:outline-1 outline-transparent focus-visible:outline-text-secondary focus-visible:outline-offset-1 rounded",
+        className: "close-icon-wrapper focus-visible:outline-text-secondary absolute top-2 right-2 cursor-pointer rounded outline-transparent focus-visible:outline-1 focus-visible:outline-offset-1",
         "data-slot": "close-icon",
         "data-testid": "spectral-alert-close-button",
         onClick: f,

package/dist/Avatar.js

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

package/dist/Button.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { ButtonHTMLAttributes, MouseEvent, ReactNode, Ref } from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "secondary" | "outline" | "primary" | "ghost" | null | undefined;
     size?: "small" | "default" | "fullWidth" | null | undefined;
@@ -18,6 +18,11 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     type?: 'button' | 'submit' | 'reset';
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
 }
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: {
+    ({ ref, className, dataTestId, disabled, endIcon, errorMessage, label, size, startIcon, state, type, variant, ...props }: ButtonProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,12 +1,11 @@
-"use client";
 import "./styles/main.css";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { ErrorMessage as h } from "./utils/formFieldUtils.js";
 import { cn as u } from "./utils/twUtils.js";
 import { c as y } from "./index-D29mdTf5.js";
-import { forwardRef as f } from "react";
-import { c as w } from "./createLucideIcon-D4r5Phnh.js";
-const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w("loader-circle", N), j = y(
+import "react";
+import { c as f } from "./createLucideIcon-D4r5Phnh.js";
+const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], w = f("loader-circle", N), _ = y(
   `
     !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
     focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 disabled:pointer-events-none
@@ -39,7 +38,21 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
       size: "default"
     }
   }
-), z = f(({ className: l, dataTestId: g, disabled: r, endIcon: n, errorMessage: b, label: c, size: a, startIcon: d, state: t, type: p = "button", variant: e = "primary", ...x }, m) => {
+), j = ({
+  ref: l,
+  className: g,
+  dataTestId: c,
+  disabled: r,
+  endIcon: n,
+  errorMessage: b,
+  label: p,
+  size: a,
+  startIcon: d,
+  state: t,
+  type: x = "button",
+  variant: e = "primary",
+  ...m
+}) => {
   const i = {
     error: {
       primary: "bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary",
@@ -53,18 +66,18 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
       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"
     }
-  }, v = u(j({ variant: e, state: t, size: a }), t === "error" && i.error[e], t === "loading" && i.loading[e], l);
+  }, v = u(_({ variant: e, state: t, size: a }), t === "error" && i.error[e], t === "loading" && i.loading[e], g);
   return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", a), children: [
-    /* @__PURE__ */ s("button", { "aria-disabled": r, className: v, "data-state": t, "data-testid": g || `spectral-button-${e}`, disabled: r, ref: m, type: p, ...x, children: [
+    /* @__PURE__ */ s("button", { "aria-disabled": r, className: v, "data-state": t, "data-testid": c || `spectral-button-${e}`, disabled: r, ref: l, type: x, ...m, children: [
       d && /* @__PURE__ */ o("span", { className: "flex pr-1", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: d }),
-      t === "loading" && /* @__PURE__ */ o(_, { className: "ml-2 animate-spin", size: 16 }),
-      c,
+      t === "loading" && /* @__PURE__ */ o(w, { className: "ml-2 animate-spin", size: 16 }),
+      p,
       n && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: n })
     ] }),
     t === "error" && b && /* @__PURE__ */ o(h, { message: b, dataTestId: "spectral-button-error-message", id: "button-error" })
   ] });
-});
-z.displayName = "Button";
+};
+j.displayName = "Button";
 export {
-  z as Button
+  j as Button
 };

package/dist/ButtonIcon.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, MouseEvent, ReactElement } from 'react';
+import { ButtonHTMLAttributes, MouseEvent, ReactElement, Ref } from 'react';
 type IconOrSVG = ReactElement | (() => ReactElement);
 export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
     icon: IconOrSVG;
@@ -9,6 +9,11 @@ export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     shape?: 'circle' | 'square';
     size?: 'sm' | 'md' | 'lg';
 }
-export declare const ButtonIcon: import('react').ForwardRefExoticComponent<ButtonIconProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ButtonIcon: {
+    ({ ref, className, disabled, icon, isLoading, label, onClick, shape, size, ...props }: ButtonIconProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/ButtonIcon.js

@@ -64,20 +64,29 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as n } from "./utils/twUtils.js";
-import { forwardRef as g, isValidElement as k, cloneElement as p } from "react";
-const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
+import { isValidElement as g, cloneElement as p } from "react";
+const k = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
   focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, m = {
   sm: { button: "h-8 w-8", icon: 16 },
   md: { button: "h-10 w-10", icon: 24 },
   lg: { button: "h-12 w-12", icon: 32 }
-}, C = g(({ className: u, disabled: s, icon: r, isLoading: o = !1, label: c, onClick: f, shape: d = "square", size: i = "md", ...h }, b) => {
-  const v = (t) => {
-    f?.(t);
-  }, y = o ? `${c} - Loading` : c, w = () => {
+}, x = ({
+  ref: u,
+  className: f,
+  disabled: s,
+  icon: r,
+  isLoading: o = !1,
+  label: c,
+  onClick: d,
+  shape: h = "square",
+  size: i = "md",
+  ...b
+}) => {
+  const v = (t) => d?.(t), y = o ? `${c} - Loading` : c, w = () => {
     if (o)
-      return /* @__PURE__ */ a(N, { size: m[i].icon, "aria-hidden": "true" });
+      return /* @__PURE__ */ a(N, { size: m[i].icon, ariaHidden: !0 });
     const t = typeof r == "function" ? r() : r;
-    if (k(t)) {
+    if (g(t)) {
       const e = m[i].icon;
       if (t.type === "svg")
         return p(t, {
@@ -89,9 +98,9 @@ const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
       {
         const l = {
           className: n("shrink-0", t.props.className),
-          "aria-hidden": "true"
+          ariaHidden: !0
         };
-        if (t.type.displayName?.includes("Icon") ?? !1) {
+        if (t.type.displayName?.endsWith("Icon") ?? !1) {
           const I = {
             ...l,
             size: e
@@ -107,17 +116,17 @@ const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
     "button",
     {
       "aria-label": y,
-      className: n(x, d === "circle" ? "rounded-full" : "rounded-[0.75rem]", m[i].button, o && "cursor-wait", s && "opacity-50 cursor-not-allowed", u),
+      className: n(k, h === "circle" ? "rounded-full" : "rounded-[0.75rem]", m[i].button, o && "cursor-wait", s && "cursor-not-allowed opacity-50", f),
       "data-testid": "spectral-button-icon",
       disabled: s || o,
       onClick: v,
-      ref: b,
-      ...h,
+      ref: u,
+      ...b,
       children: w()
     }
   );
-});
-C.displayName = "ButtonIcon";
+};
+x.displayName = "ButtonIcon";
 export {
-  C as ButtonIcon
+  x as ButtonIcon
 };

package/dist/Card.js

@@ -3,7 +3,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { Slot as c } from "./primitives/slot.js";
 import { cn as d } from "./utils/twUtils.js";
 import "react";
-const o = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl", f = ({ ...t }) => /* @__PURE__ */ e("div", { "data-slot": "card", "data-testid": "spectral-card", ...t }), C = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-header", "data-testid": "spectral-card-header", className: d("@container/card-header pb-4 flex justify-between items-center", t), ...a }), u = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-title", "data-testid": "spectral-card-title", className: d("font-semibold text-xl", t), ...r }), x = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-action", "data-testid": "spectral-card-action", className: d("justify-self-end", t), ...r }), v = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-content", "data-testid": "spectral-card-content", className: t, ...a }), N = ({ className: t, asChild: a = !1, children: r, ...s }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card", "data-testid": "spectral-card", className: d(o, t), ...s, children: r });
+const o = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl", f = ({ ...t }) => /* @__PURE__ */ e("div", { "data-slot": "card", "data-testid": "spectral-card", ...t }), C = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-header", "data-testid": "spectral-card-header", className: d("@container/card-header flex items-center justify-between pb-4", t), ...a }), u = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-title", "data-testid": "spectral-card-title", className: d("text-xl font-semibold", t), ...r }), x = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-action", "data-testid": "spectral-card-action", className: d("justify-self-end", t), ...r }), v = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-content", "data-testid": "spectral-card-content", className: t, ...a }), N = ({ className: t, asChild: a = !1, children: r, ...s }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card", "data-testid": "spectral-card", className: d(o, t), ...s, children: r });
 export {
   N as Card,
   f as CardBase,

package/dist/Checkbox/CheckboxBase.d.ts

@@ -1,5 +1,5 @@
 import { AsChildProp } from '../primitives/slot';
-import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
 export type CheckedState = boolean | 'indeterminate';
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
 export type CheckboxBaseProps = BaseButtonProps & AsChildProp & {
@@ -11,20 +11,20 @@ export type CheckboxBaseProps = BaseButtonProps & AsChildProp & {
     required?: boolean;
     value?: string;
 };
-export declare const CheckboxBase: import('react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
-    checked?: CheckedState;
-    defaultChecked?: CheckedState;
-    form?: string;
-    name?: string;
-    onCheckedChange?: (checked: CheckedState) => void;
-    required?: boolean;
-    value?: string;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CheckboxBase: {
+    ({ ref, asChild, checked, className, disabled, defaultChecked, form, id, name, onCheckedChange, onClick, onKeyDown, required, type, value, ...rest }: CheckboxBaseProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type CheckboxIndicatorProps = HTMLAttributes<HTMLSpanElement> & AsChildProp & {
     forceMount?: boolean;
 };
-export declare const CheckboxIndicator: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & AsChildProp & {
-    forceMount?: boolean;
-} & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const CheckboxIndicator: {
+    ({ ref, asChild, className, forceMount, ...props }: CheckboxIndicatorProps & {
+        ref?: Ref<HTMLSpanElement>;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=CheckboxBase.d.ts.map