@spear-ai/spectral 1.6.17 → 1.8.0

package/dist/ButtonGroup.js

@@ -1,10 +1,10 @@
 "use client";
 import "./styles/main.css";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { ButtonGroupButton as u } from "./ButtonGroup/ButtonGroupButton.js";
 import { Separator as d } from "./Separator.js";
 import { Slot as m } from "./primitives/slot.js";
-import { cn as i } from "./utils/twUtils.js";
+import { cn as l } from "./utils/twUtils.js";
 import { c } from "./index-D29mdTf5.js";
 import { Children as f, isValidElement as b, cloneElement as g } from "react";
 const v = c(
@@ -22,35 +22,35 @@ const v = c(
     }
   }
 ), h = ({
-  className: o,
+  children: o,
+  className: r,
   orientation: t = "horizontal",
-  variant: r = "default",
   size: a = "md",
-  children: l,
-  ...n
-}) => /* @__PURE__ */ s("div", { role: "group", "data-slot": "button-group", "data-testid": "spectral-button-group", "aria-label": n["aria-label"], "data-orientation": t, className: i(v({ orientation: t }), o), ...n, children: f.map(l, (e) => b(e) && (e.type === p || e.type === u) ? g(e, {
-  variant: e.props.variant ?? r,
+  variant: n = "default",
+  ...s
+}) => /* @__PURE__ */ i("div", { "aria-label": s["aria-label"], className: l(v({ orientation: t }), r), "data-orientation": t, "data-slot": "button-group", "data-testid": "spectral-button-group", role: "group", ...s, children: f.map(o, (e) => b(e) && (e.type === p || e.type === u) ? g(e, {
+  variant: e.props.variant ?? n,
   size: e.props.size ?? a
 }) : e) });
 h.displayName = "ButtonGroup";
 const p = ({
-  children: o,
+  asChild: o,
+  children: r,
   className: t,
-  size: r,
-  variant: a,
-  asChild: l,
-  ...n
-}) => /* @__PURE__ */ s(u, { "data-slot": "button-group-item", "data-testid": "spectral-button-group-item", "data-variant": a, size: r, variant: a, asChild: l, className: i(t), ...n, children: o });
+  size: a,
+  variant: n,
+  ...s
+}) => /* @__PURE__ */ i(u, { asChild: o, className: l(t), "data-slot": "button-group-item", "data-testid": "spectral-button-group-item", "data-variant": n, size: a, variant: n, ...s, children: r });
 p.displayName = "ButtonGroupItem";
 const C = ({
+  asChild: o = !1,
+  className: r,
+  ...t
+}) => /* @__PURE__ */ i(o ? m : "div", { className: l("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", r), "data-slot": "button-group-text", "data-testid": "spectral-button-group-text", ...t }), x = ({
   className: o,
-  asChild: t = !1,
-  ...r
-}) => /* @__PURE__ */ s(t ? m : "div", { "data-slot": "button-group-text", "data-testid": "spectral-button-group-text", className: i("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o), ...r }), x = ({
-  className: o,
-  orientation: t = "vertical",
-  ...r
-}) => /* @__PURE__ */ s(d, { "data-slot": "button-group-separator", "data-testid": "spectral-button-group-separator", orientation: t, className: i("bg-input-primitive-border relative m-0! self-stretch data-[orientation=vertical]:h-auto", o), ...r });
+  orientation: r = "vertical",
+  ...t
+}) => /* @__PURE__ */ i(d, { className: l("bg-input-primitive-border relative m-0! self-stretch data-[orientation=vertical]:h-auto", o), "data-slot": "button-group-separator", "data-testid": "spectral-button-group-separator", orientation: r, ...t });
 x.displayName = "ButtonGroupSeparator";
 export {
   h as ButtonGroup,

package/dist/ButtonIcon.d.ts

@@ -1,8 +1,8 @@
 import { ButtonHTMLAttributes, MouseEvent, ReactElement, Ref } from 'react';
 type IconOrSVG = ReactElement | (() => ReactElement);
 export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
-    icon: IconOrSVG;
     className?: string;
+    icon: IconOrSVG;
     isLoading?: boolean;
     label: string;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
@@ -10,7 +10,7 @@ export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     size?: 'sm' | 'md' | 'lg';
 }
 export declare const ButtonIcon: {
-    ({ ref, className, disabled, icon, isLoading, label, onClick, shape, size, ...props }: ButtonIconProps & {
+    ({ className, disabled, icon, isLoading, label, onClick, ref, shape, size, ...props }: ButtonIconProps & {
         ref?: Ref<HTMLButtonElement>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/ButtonIcon.js

@@ -34,7 +34,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as N } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -67,70 +67,69 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { cn as p } from "./utils/twUtils.js";
+import { cn as e } from "./utils/twUtils.js";
 import { isValidElement as g, cloneElement as m } 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
+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
   focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, n = {
   sm: { button: "h-8 w-8", icon: 16 },
   md: { button: "h-10 w-10", icon: 24 },
   lg: { button: "h-12 w-12", icon: 32 }
-}, x = ({
-  ref: u,
-  className: f,
+}, k = ({
+  className: u,
   disabled: s,
   icon: r,
   isLoading: o = !1,
   label: c,
-  onClick: d,
+  onClick: f,
+  ref: d,
   shape: h = "square",
   size: i = "md",
   ...b
 }) => {
-  const v = (t) => d?.(t), y = o ? `${c} - Loading` : c, w = () => {
+  const y = (t) => f?.(t), v = o ? `${c} - Loading` : c, w = () => {
     if (o)
       return /* @__PURE__ */ a(N, { size: n[i].icon, ariaHidden: !0 });
     const t = typeof r == "function" ? r() : r;
     if (g(t)) {
-      const e = n[i].icon;
+      const p = n[i].icon;
       if (t.type === "svg")
         return m(t, {
-          width: e,
-          height: e,
-          className: p("shrink-0", t.props.className),
+          className: e("shrink-0", t.props.className),
+          height: p,
+          width: p,
           "aria-hidden": "true"
         });
-      {
-        const l = {
-          className: p("shrink-0", t.props.className),
-          ariaHidden: !0
+      const l = {
+        ariaHidden: !0,
+        className: e("shrink-0", t.props.className)
+      };
+      if (t.type.displayName?.endsWith("Icon") ?? !1) {
+        const I = {
+          ...l,
+          size: p
         };
-        if (t.type.displayName?.endsWith("Icon") ?? !1) {
-          const I = {
-            ...l,
-            size: e
-          };
-          return m(t, I);
-        }
-        return m(t, l);
+        return m(t, I);
       }
+      return m(t, l);
     }
     return t;
   };
   return /* @__PURE__ */ a(
     "button",
     {
-      "aria-label": y,
-      className: p(k, h === "circle" ? "rounded-full" : "rounded-[0.75rem]", n[i].button, o && "cursor-wait", s && "cursor-not-allowed opacity-50", f),
+      "aria-label": v,
+      className: e(x, h === "circle" ? "rounded-full" : "rounded-xl", n[i].button, o && "cursor-wait", s && "cursor-not-allowed opacity-50", u),
       "data-testid": "spectral-button-icon",
-      disabled: s || o,
-      onClick: v,
-      ref: u,
+      disabled: s ?? o,
+      onClick: y,
+      ref: d,
+      type: "button",
       ...b,
       children: w()
     }
   );
 };
-x.displayName = "ButtonIcon";
+k.displayName = "ButtonIcon";
 export {
-  x as ButtonIcon
+  k as ButtonIcon
 };

package/dist/Checkbox/CheckboxBase.d.ts

@@ -12,7 +12,7 @@ export type CheckboxBaseProps = BaseButtonProps & AsChildProp & {
     value?: string;
 };
 export declare const CheckboxBase: {
-    ({ ref, asChild, checked, className, disabled, defaultChecked, form, id, name, onCheckedChange, onClick, onKeyDown, required, type, value, ...rest }: CheckboxBaseProps & {
+    ({ asChild, checked, className, defaultChecked, disabled, form, id, name, onCheckedChange, onClick, onKeyDown, ref, required, type, value, ...rest }: CheckboxBaseProps & {
         ref?: Ref<HTMLButtonElement>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -21,7 +21,7 @@ export type CheckboxIndicatorProps = HTMLAttributes<HTMLSpanElement> & AsChildPr
     forceMount?: boolean;
 };
 export declare const CheckboxIndicator: {
-    ({ ref, asChild, className, forceMount, ...props }: CheckboxIndicatorProps & {
+    ({ asChild, className, forceMount, ref, ...props }: CheckboxIndicatorProps & {
         ref?: Ref<HTMLSpanElement>;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/Checkbox/CheckboxBase.js

@@ -4,74 +4,67 @@ import { jsx as f, jsxs as q } from "react/jsx-runtime";
 import { useControllableState as F } from "../hooks/useControllableState.js";
 import { Slot as y } from "../primitives/slot.js";
 import { cn as C } from "../utils/twUtils.js";
-import { createContext as K, useRef as M, useId as O, useEffect as g, useCallback as u, useContext as T } from "react";
-const E = K(null);
-function I(n) {
-  return n === "indeterminate" ? "indeterminate" : n ? "checked" : "unchecked";
-}
-function V(n) {
-  return n === "indeterminate" ? !0 : !n;
-}
-const $ = ({
-  ref: n,
-  asChild: d,
+import { createContext as K, useRef as M, useId as O, useEffect as g, useCallback as d, useContext as T } from "react";
+const E = K(null), I = (n) => n === "indeterminate" ? "indeterminate" : n ? "checked" : "unchecked", V = (n) => n === "indeterminate" ? !0 : !n, $ = ({
+  asChild: n,
   checked: l,
   className: m,
-  disabled: i,
-  defaultChecked: r = !1,
-  form: h,
-  id: p,
-  name: w,
-  onCheckedChange: N,
+  defaultChecked: o = !1,
+  disabled: r,
+  form: i,
+  id: h,
+  name: p,
+  onCheckedChange: w,
   onClick: b,
   onKeyDown: v,
+  ref: N,
   required: j,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   type: A,
   value: S = "on",
   ...x
 }) => {
-  const o = M(null), P = O(), R = p ?? `chk-${P}`, [t, a] = F({
-    defaultValue: r,
-    onChange: N,
+  const a = M(null), P = O(), R = h ?? `chk-${P}`, [t, s] = F({
+    defaultValue: o,
+    onChange: w,
     value: l
   });
   g(() => {
-    o.current && (o.current.indeterminate = t === "indeterminate");
+    a.current && (a.current.indeterminate = t === "indeterminate");
   }, [t]), g(() => {
-    const e = o.current?.form ?? null;
+    const e = a.current?.form ?? null;
     if (!e) return;
-    const c = () => {
-      a(r);
+    const u = () => {
+      s(o);
     };
-    return e.addEventListener("reset", c), () => e.removeEventListener("reset", c);
-  }, [r, a]);
-  const k = u(() => {
-    const e = o.current;
+    return e.addEventListener("reset", u), () => e.removeEventListener("reset", u);
+  }, [o, s]);
+  const k = d(() => {
+    const e = a.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 (i) return;
+    const u = new Event("change", { bubbles: !0 });
+    e.dispatchEvent(u);
+  }, [t]), c = d(() => {
+    if (r) return;
     const e = V(t);
-    a(e), queueMicrotask(() => k());
-  }, [i, k, a, t]), B = u(
+    s(e), queueMicrotask(() => k());
+  }, [r, k, s, t]), B = d(
     (e) => {
-      b?.(e), !e.defaultPrevented && s();
+      b?.(e), !e.defaultPrevented && c();
     },
-    [s, b]
-  ), D = u(
+    [c, b]
+  ), D = d(
     (e) => {
-      v?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), s());
+      v?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), c());
     },
-    [s, v]
-  ), L = d ? y : "button";
-  return /* @__PURE__ */ f(E.Provider, { value: { state: t, disabled: i }, children: /* @__PURE__ */ q(
+    [c, v]
+  ), L = n ? y : "button";
+  return /* @__PURE__ */ f(E.Provider, { value: { state: t, disabled: r }, children: /* @__PURE__ */ q(
     L,
     {
       "aria-checked": t === "indeterminate" ? "mixed" : t,
-      "aria-disabled": i || void 0,
+      "aria-disabled": r ?? void 0,
       className: C(
         "inline-flex h-4 w-4 shrink-0 items-center justify-center",
         "border-input bg-background rounded-sm border",
@@ -82,9 +75,9 @@ const $ = ({
       ),
       "data-indeterminate": t === "indeterminate" ? "" : void 0,
       "data-state": I(t),
-      disabled: i,
+      disabled: r,
       id: R,
-      ref: n,
+      ref: N,
       role: "checkbox",
       type: "button",
       onClick: B,
@@ -96,22 +89,22 @@ const $ = ({
           {
             "aria-hidden": "true",
             checked: t === !0,
-            disabled: i,
-            form: h,
-            name: w,
-            ref: o,
+            disabled: r,
+            form: i,
+            name: p,
             readOnly: !0,
+            ref: a,
             required: j,
-            tabIndex: -1,
-            type: "checkbox",
-            value: S,
             style: {
               position: "absolute",
               opacity: 0,
               width: 0,
               height: 0,
               pointerEvents: "none"
-            }
+            },
+            tabIndex: -1,
+            type: "checkbox",
+            value: S
           }
         ),
         x.children
@@ -121,14 +114,14 @@ const $ = ({
 };
 $.displayName = "CheckboxBase";
 const z = ({
-  ref: n,
-  asChild: d,
+  asChild: n,
   className: l,
   forceMount: m,
-  ...i
+  ref: o,
+  ...r
 }) => {
-  const r = T(E);
-  return !r || !(r.state === !0 || r.state === "indeterminate") && !m ? null : /* @__PURE__ */ f(d ? y : "span", { className: C("flex items-center justify-center text-current", l), "data-indeterminate": r.state === "indeterminate" ? "" : void 0, "data-state": I(r.state), ref: n, ...i });
+  const i = T(E);
+  return !i || !(i.state === !0 || i.state === "indeterminate") && !m ? null : /* @__PURE__ */ f(n ? y : "span", { className: C("flex items-center justify-center text-current", l), "data-indeterminate": i.state === "indeterminate" ? "" : void 0, "data-state": I(i.state), ref: o, ...r });
 };
 z.displayName = "CheckboxIndicator";
 export {

package/dist/Checkbox.js

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { CheckboxBase as l, CheckboxIndicator as b } from "./Checkbox/CheckboxBase.js";
+import { CheckboxBase as l, CheckboxIndicator as n } from "./Checkbox/CheckboxBase.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -9,7 +9,7 @@ import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as b } from "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -34,7 +34,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -70,38 +70,34 @@ import "./Icons/ZoomYIcon.js";
 import { cn as i } from "./utils/twUtils.js";
 import "react";
 const x = ({
-  checked: r,
+  checked: t,
   className: e,
-  id: t,
+  id: r,
   labelText: m,
   onCheckedChange: p,
   ref: c,
-  required: a,
-  ...s
+  required: s,
+  ...a
 }) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ o(
     l,
     {
-      "aria-labelledby": `${t}-label`,
-      "aria-required": a,
-      checked: r,
+      "aria-required": s ?? void 0,
+      checked: t,
       className: i(
-        [
-          "checkbox peer border-checkbox-border h-5 w-5 shrink-0 rounded-sm border hover:opacity-80",
-          "focus-visible:outline-checkbox-border--focus focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
-          "data-[state=checked]:border-checkbox-border--checked disabled:opacity-50"
-        ].join(" "),
+        "checkbox peer border-checkbox-border focus-visible:outline-checkbox-border--focus h-5 w-5 shrink-0 rounded-sm border hover:opacity-80 focus:outline-none focus-visible:outline-1",
+        "data-[state=checked]:border-checkbox-border--checked focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
       "data-testid": "spectral-checkbox",
-      id: t,
+      id: r,
       onCheckedChange: p,
       ref: c,
-      ...s,
-      children: /* @__PURE__ */ o(b, { "data-testid": "spectral-checkbox-indicator", className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"), children: r === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(n, { className: "checkbox-check", size: 16, strokeWidth: 4 }) })
+      ...a,
+      children: /* @__PURE__ */ o(n, { "data-testid": "spectral-checkbox-indicator", className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"), children: t === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(b, { className: "checkbox-check", size: 16, strokeWidth: 4 }) })
     }
   ),
-  /* @__PURE__ */ o("label", { className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "spectral-checkbox-label", htmlFor: t, children: m })
+  /* @__PURE__ */ o("label", { className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "spectral-checkbox-label", htmlFor: r, children: m })
 ] });
 x.displayName = "Checkbox";
 export {

package/dist/DataCard/Card.d.ts

@@ -7,5 +7,5 @@ export declare const CardHeader: ({ className, ...props }: CardProps) => import(
 export declare const CardTitle: ({ className, asChild, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CardHeaderEndSlot: ({ className, asChild, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CardContent: ({ className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Card: ({ className, asChild, children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ asChild, children, className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Card.d.ts.map

package/dist/DataCard/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 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 });
+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", { className: d("@container/card-header flex items-center justify-between pb-4", t), "data-slot": "card-header", "data-testid": "spectral-card-header", ...a }), u = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { className: d("text-xl font-semibold", t), "data-slot": "card-title", "data-testid": "spectral-card-title", ...r }), x = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { className: d("justify-self-end", t), "data-slot": "card-action", "data-testid": "spectral-card-action", ...r }), v = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { className: t, "data-slot": "card-content", "data-testid": "spectral-card-content", ...a }), N = ({ asChild: t = !1, children: a, className: r, ...s }) => /* @__PURE__ */ e(t ? c : "div", { className: d(o, r), "data-slot": "card", "data-testid": "spectral-card", ...s, children: a });
 export {
   N as Card,
   f as CardBase,

package/dist/DataCard.js

@@ -9,7 +9,7 @@ const C = ({ accentColor: d, cardHeaderEndSlot: e, className: r, dataDescription
     /* @__PURE__ */ a("div", { style: { color: d }, "data-testid": "spectral-datacard-end-slot", children: e })
   ] }),
   /* @__PURE__ */ a(m, { children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ a("div", { className: "text-4xl font-bold", style: { color: d }, "data-testid": "spectral-datacard-data-value", children: c }),
+    /* @__PURE__ */ a("div", { className: "text-4xl font-bold", "data-testid": "spectral-datacard-data-value", style: { color: d }, children: c }),
     /* @__PURE__ */ a("div", { className: "text-data-card-description text-xs", "data-testid": "spectral-datacard-data-description", children: s })
   ] }) })
 ] });

package/dist/DateTimePicker/Calendar.d.ts

@@ -6,8 +6,8 @@ export type CalendarProps = DayPickerProps & {
     /** The locale object used to localize dates. Import from 'react-day-picker/locale'. */
     locale?: Partial<Locale>;
 };
-export declare function Calendar({ classNames, disabled, disablePastDates, fixedWeeks, locale, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Calendar {
-    var displayName: string;
-}
+export declare const Calendar: {
+    ({ classNames, disabled, disablePastDates, fixedWeeks, locale, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/DateTimePicker/Calendar.js

@@ -34,7 +34,6 @@ import "../Icons/KeyboardIcon.js";
 import "../Icons/LabelIcon.js";
 import "../Icons/LassoIcon.js";
 import "../Icons/LineToolIcon.js";
-import "../Icons/LineToolIcon2.js";
 import "../Icons/LiveViewIcon.js";
 import "../Icons/LoaderIcon.js";
 import "../Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "../Icons/PanelIconClose.js";
 import "../Icons/PanelIconOpen.js";
 import "../Icons/PlayIcon.js";
 import "../Icons/PlusIcon.js";
+import "../Icons/PolygonIcon.js";
 import "../Icons/ResetIcon.js";
 import "../Icons/ReviewedIcon.js";
 import "../Icons/ScissorsIcon.js";
@@ -2912,7 +2912,7 @@ function vs(e) {
     )
   );
 }
-function Ws({ classNames: e, disabled: t, disablePastDates: r = !0, fixedWeeks: n, locale: o, showOutsideDays: i = !0, ...a }) {
+const Ws = ({ classNames: e, disabled: t, disablePastDates: r = !0, fixedWeeks: n, locale: o, showOutsideDays: i = !0, ...a }) => {
   const s = be(() => /* @__PURE__ */ new Date(), []), c = [...r ? [{ before: s }] : [], ...Array.isArray(t) ? t : t ? [t] : []];
   return /* @__PURE__ */ at(
     vs,
@@ -2953,7 +2953,7 @@ function Ws({ classNames: e, disabled: t, disablePastDates: r = !0, fixedWeeks:
       showOutsideDays: i
     }
   );
-}
+};
 Ws.displayName = "Calendar";
 export {
   Ws as Calendar