@spear-ai/spectral 1.4.25 → 1.4.27

package/dist/Checkbox/CheckboxBase.js

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

package/dist/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxBase } from './CheckboxBase';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {
     checked?: boolean | 'indeterminate';
     disabled?: boolean;
@@ -10,5 +10,10 @@ export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Chec
     required?: boolean;
     value?: string;
 }
-export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Checkbox: {
+    ({ checked, className, id, labelText, onCheckedChange, ref, required, ...props }: CheckboxProps & {
+        ref?: Ref<ComponentRef<typeof CheckboxBase>>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,7 +1,6 @@
-"use client";
 import "./styles/main.css";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { CheckboxBase as l, CheckboxIndicator as n } from "./Checkbox/CheckboxBase.js";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { CheckboxBase as l, CheckboxIndicator as b } from "./Checkbox/CheckboxBase.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -10,7 +9,7 @@ import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as b } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -65,34 +64,42 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as i } from "./utils/twUtils.js";
-import { forwardRef as x } from "react";
-const k = x(({ className: e, id: r, labelText: m, onCheckedChange: p, checked: o, required: c, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ t(
+import "react";
+const x = ({
+  checked: r,
+  className: e,
+  id: t,
+  labelText: m,
+  onCheckedChange: p,
+  ref: c,
+  required: a,
+  ...s
+}) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ o(
     l,
     {
-      "aria-labelledby": `${r}-label`,
-      "aria-required": c,
-      checked: o,
+      "aria-labelledby": `${t}-label`,
+      "aria-required": a,
+      checked: r,
       className: i(
         [
-          "checkbox peer h-5 w-5 shrink-0 rounded-sm border border-checkbox-border hover:opacity-80",
-          "focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus focus-visible:outline-offset-2 disabled:cursor-not-allowed",
-          "disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked"
+          "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(" "),
         e
       ),
-      "data-state": o === !0 ? "checked" : o === "indeterminate" ? "indeterminate" : "unchecked",
       "data-testid": "spectral-checkbox",
-      id: r,
+      id: t,
       onCheckedChange: p,
-      ref: s,
-      ...a,
-      children: /* @__PURE__ */ t(n, { "data-testid": "spectral-checkbox-indicator", className: i("checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked"), children: o === "indeterminate" ? /* @__PURE__ */ t(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ t(b, { className: "checkbox-check", size: 16, strokeWidth: 4 }) })
+      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 }) })
     }
   ),
-  /* @__PURE__ */ t("label", { className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "spectral-checkbox-label", htmlFor: r, children: m })
-] }));
-k.displayName = "Checkbox";
+  /* @__PURE__ */ o("label", { className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "spectral-checkbox-label", htmlFor: t, children: m })
+] });
+x.displayName = "Checkbox";
 export {
-  k as Checkbox
+  x as Checkbox
 };

package/dist/DataCard.js

@@ -3,14 +3,14 @@ import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { Card as o, CardHeader as p, CardTitle as n, CardContent as m } from "./Card.js";
 import { cn as x } from "./utils/twUtils.js";
 import "react";
-const C = ({ accentColor: d, cardHeaderEndSlot: e, className: r, dataDescription: s, dataValue: c, title: l, ...i }) => /* @__PURE__ */ t(o, { className: x("gap-4 card-effects", r), ...i, "data-testid": "spectral-datacard", children: [
+const C = ({ accentColor: d, cardHeaderEndSlot: e, className: r, dataDescription: s, dataValue: c, title: l, ...i }) => /* @__PURE__ */ t(o, { className: x("card-effects gap-4", r), ...i, "data-testid": "spectral-datacard", children: [
   /* @__PURE__ */ t(p, { className: "pb-0", "data-testid": "spectral-datacard-header", children: [
-    /* @__PURE__ */ a(n, { className: "uppercase text-sm font-bold", "data-testid": "spectral-datacard-title", children: l }),
+    /* @__PURE__ */ a(n, { className: "text-sm font-bold uppercase", "data-testid": "spectral-datacard-title", children: l }),
     /* @__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-xs text-data-card-description", "data-testid": "spectral-datacard-data-description", children: s })
+    /* @__PURE__ */ a("div", { className: "text-data-card-description text-xs", "data-testid": "spectral-datacard-data-description", children: s })
   ] }) })
 ] });
 export {

package/dist/Dialog.js

@@ -45,7 +45,7 @@ function O({
     /* @__PURE__ */ s(
       f,
       {
-        className: o("bg-dialog-bg fixed px-6 pt-6 pb-6 has-[[data-slot=dialog-footer]]:pb-0 top-[50%] left-[50%] z-50 flex flex-col w-full max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg shadow-lg duration-200 max-h-[80vh] overflow-y-auto", t),
+        className: o("bg-dialog-bg fixed top-[50%] left-[50%] z-50 flex max-h-[80vh] w-full max-w-xl translate-x-[-50%] translate-y-[-50%] flex-col gap-4 overflow-y-auto rounded-lg px-6 pt-6 pb-6 shadow-lg duration-200 has-[[data-slot=dialog-footer]]:pb-0", t),
         "data-slot": "dialog-content",
         "data-testid": "spectral-dialog-content",
         onEscapeKeyDown: d,
@@ -75,7 +75,7 @@ function P({ className: t, ...a }) {
   return /* @__PURE__ */ e("div", { className: o("flex flex-col gap-2 text-center sm:text-left", t), "data-slot": "dialog-header", "data-testid": "spectral-dialog-header", ...a });
 }
 function R({ className: t, ...a }) {
-  return /* @__PURE__ */ e("div", { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sticky bottom-0 z-10 bg-dialog-bg/85 py-4 px-6 -mx-6", t), "data-slot": "dialog-footer", "data-testid": "spectral-dialog-footer", ...a });
+  return /* @__PURE__ */ e("div", { className: o("bg-dialog-bg/85 sticky bottom-0 z-10 -mx-6 flex flex-col-reverse gap-2 px-6 py-4 sm:flex-row sm:justify-end", t), "data-slot": "dialog-footer", "data-testid": "spectral-dialog-footer", ...a });
 }
 function _({ className: t, ...a }) {
   return /* @__PURE__ */ e(b, { className: o("text-2xl leading-none font-semibold", t), "data-slot": "dialog-title", "data-testid": "spectral-dialog-title", ...a });

package/dist/Drawer.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { SpectralProvider as f } from "./SpectralProvider.js";
-import { D as e } from "./index-jgQ7sgLl.js";
+import { D as e } from "./index-D4jMMaAi.js";
 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: {
@@ -29,7 +29,7 @@ const u = ({ children: d, defaultOpen: o = !1, description: i, direction: l = "r
         /* @__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: 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: d })
+        /* @__PURE__ */ t("div", { className: "w-auto min-w-0 overflow-hidden px-3 py-2 [&_*]:min-w-0 [&>*]:min-w-0", "data-testid": "spectral-drawer-body", children: d })
       ] }) })
     ] })
   ] }) });

package/dist/HoverCard.js

@@ -194,7 +194,7 @@ const de = ({
       align: f,
       alignOffset: t,
       className: J(
-        "bg-popover-bg text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-hover-card-content-transform-origin] rounded-lg shadow-lg p-5 outline-none",
+        "bg-popover-bg text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-hover-card-content-transform-origin] rounded-lg p-5 shadow-lg outline-none",
         r
       ),
       collisionBoundary: g,

package/dist/Icons/AnalyzeIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const AnalyzeIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AnalyzeIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=AnalyzeIcon.d.ts.map

package/dist/Icons/AnalyzeIcon.js

@@ -1,9 +1,7 @@
-"use client";
 import "../styles/main.css";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import k from "./IconBase.js";
-import { forwardRef as a } from "react";
-const c = ({ className: r, ariaHidden: e, title: t, description: n, size: C = 24, ...s }, i) => /* @__PURE__ */ d(k, { size: C, className: r, title: t, description: n, ariaHidden: e, ref: i, ...s, children: [
+const c = ({ ref: r, className: e, ariaHidden: n, title: t, description: C, size: s = 24, ...i }) => /* @__PURE__ */ d(k, { size: s, className: e, title: t, description: C, ariaHidden: n, ref: r, ...i, children: [
   /* @__PURE__ */ o(
     "path",
     {
@@ -54,8 +52,7 @@ const c = ({ className: r, ariaHidden: e, title: t, description: n, size: C = 24
       strokeLinejoin: "round"
     }
   )
-] }), u = a(c);
-u.displayName = "AnalyzeIcon";
+] }), p = Object.assign(c, { displayName: "AnalyzeIcon" });
 export {
-  u as AnalyzeIcon
+  p as AnalyzeIcon
 };

package/dist/Icons/AnnotationsIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const AnnotationsIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AnnotationsIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=AnnotationsIcon.d.ts.map

package/dist/Icons/AnnotationsIcon.js

@@ -1,9 +1,7 @@
-"use client";
 import "../styles/main.css";
 import { jsx as o } from "react/jsx-runtime";
-import c from "./IconBase.js";
-import { forwardRef as L } from "react";
-const d = ({ className: n, ariaHidden: r, title: t, description: e, size: i = 24, ...s }, a) => /* @__PURE__ */ o(c, { size: i, className: n, title: t, description: e, ariaHidden: r, ref: a, ...s, children: /* @__PURE__ */ o(
+import a from "./IconBase.js";
+const L = ({ ref: n, className: t, ariaHidden: r, title: s, description: e, size: i = 24, ...c }) => /* @__PURE__ */ o(a, { size: i, className: t, title: s, description: e, ariaHidden: r, ref: n, ...c, children: /* @__PURE__ */ o(
   "path",
   {
     d: "M13.6952 5.72122L15.8197 3.59668C16.6152 2.80111 17.9052 2.80111 18.7007 3.59668L20.4034 5.29931C21.1989 6.09488 21.1989 7.38475 20.4034 8.18031L18.2788 10.3049M13.6952 5.72122L3.29833 16.118C3.10732 16.309 3 16.5681 3 16.8383V21H7.16173C7.43187 21 7.69096 20.8927 7.88197 20.7017L18.2788 10.3049M13.6952 5.72122L18.2788 10.3049",
@@ -12,8 +10,7 @@ const d = ({ className: n, ariaHidden: r, title: t, description: e, size: i = 24
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), m = L(d);
-m.displayName = "AnnotationsIcon";
+) }), m = Object.assign(L, { displayName: "AnnotationsIcon" });
 export {
   m as AnnotationsIcon
 };

package/dist/Icons/ApprovedIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const ApprovedIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ApprovedIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=ApprovedIcon.d.ts.map

package/dist/Icons/ApprovedIcon.js

@@ -1,9 +1,7 @@
-"use client";
 import "../styles/main.css";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import c from "./IconBase.js";
-import { forwardRef as C } from "react";
-const a = ({ className: r, ariaHidden: e, title: t, description: n, size: p = 24, ...s }, d) => /* @__PURE__ */ i(c, { size: p, className: r, title: t, description: n, ariaHidden: e, ref: d, ...s, children: [
+const C = ({ ref: r, className: e, ariaHidden: n, title: t, description: s, size: p = 24, ...d }) => /* @__PURE__ */ i(c, { size: p, className: e, title: t, description: s, ariaHidden: n, ref: r, ...d, children: [
   /* @__PURE__ */ o(
     "path",
     {
@@ -15,8 +13,7 @@ const a = ({ className: r, ariaHidden: e, title: t, description: n, size: p = 24
     }
   ),
   /* @__PURE__ */ o("path", { d: "M19.8125 5.75L12 13.5703L9.65625 11.2266", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), k = C(a);
-k.displayName = "ApprovedIcon";
+] }), u = Object.assign(C, { displayName: "ApprovedIcon" });
 export {
-  k as ApprovedIcon
+  u as ApprovedIcon
 };

package/dist/Icons/ArrowDownIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const ArrowDownIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ArrowDownIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=ArrowDownIcon.d.ts.map

package/dist/Icons/ArrowDownIcon.js

@@ -1,10 +1,7 @@
-"use client";
 import "../styles/main.css";
 import { jsx as o } from "react/jsx-runtime";
-import d from "./IconBase.js";
-import { forwardRef as m } from "react";
-const p = ({ className: r, ariaHidden: n, title: t, description: e, size: c = 24, ...i }, s) => /* @__PURE__ */ o(d, { size: c, className: r, title: t, description: e, ariaHidden: n, ref: s, ...i, children: /* @__PURE__ */ o("path", { d: "M18 14L12 20L6 14M12 19V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), w = m(p);
-w.displayName = "ArrowDownIcon";
+import a from "./IconBase.js";
+const d = ({ ref: r, className: n, ariaHidden: t, title: e, description: s, size: c = 24, ...i }) => /* @__PURE__ */ o(a, { size: c, className: n, title: e, description: s, ariaHidden: t, ref: r, ...i, children: /* @__PURE__ */ o("path", { d: "M18 14L12 20L6 14M12 19V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), m = Object.assign(d, { displayName: "ArrowDownIcon" });
 export {
-  w as ArrowDownIcon
+  m as ArrowDownIcon
 };

package/dist/Icons/ArrowUpIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const ArrowUpIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ArrowUpIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=ArrowUpIcon.d.ts.map

package/dist/Icons/ArrowUpIcon.js

@@ -1,10 +1,7 @@
-"use client";
 import "../styles/main.css";
-import { jsx as r } from "react/jsx-runtime";
-import s from "./IconBase.js";
-import { forwardRef as d } from "react";
-const m = ({ className: o, ariaHidden: n, title: t, description: e, size: p = 24, ...c }, i) => /* @__PURE__ */ r(s, { size: p, className: o, title: t, description: e, ariaHidden: n, ref: i, ...c, children: /* @__PURE__ */ r("path", { d: "M6 10L12 4L18 10M12 5V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), a = d(m);
-a.displayName = "ArrowUpIcon";
+import { jsx as o } from "react/jsx-runtime";
+import p from "./IconBase.js";
+const a = ({ ref: r, className: n, ariaHidden: t, title: e, description: s, size: c = 24, ...i }) => /* @__PURE__ */ o(p, { size: c, className: n, title: e, description: s, ariaHidden: t, ref: r, ...i, children: /* @__PURE__ */ o("path", { d: "M6 10L12 4L18 10M12 5V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), k = Object.assign(a, { displayName: "ArrowUpIcon" });
 export {
-  a as ArrowUpIcon
+  k as ArrowUpIcon
 };

package/dist/Icons/CalendarIcon.d.ts

@@ -1,3 +1,5 @@
 import { IconProps } from './iconTypes';
-export declare const CalendarIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const CalendarIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 //# sourceMappingURL=CalendarIcon.d.ts.map

package/dist/Icons/CalendarIcon.js

@@ -1,12 +1,10 @@
-"use client";
 import "../styles/main.css";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import k from "./IconBase.js";
-import { forwardRef as c } from "react";
-const p = ({ className: o, ariaHidden: e, title: n, description: t, size: s = 24, ...d }, i) => /* @__PURE__ */ a(k, { size: s, className: o, title: n, description: t, ariaHidden: e, ref: i, ...d, children: [
-  /* @__PURE__ */ r("path", { d: "M8.40002 2.90912V6.54548", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ r("path", { d: "M15.6 2.90912V6.54548", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ r(
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+const k = ({ ref: r, className: e, ariaHidden: n, title: t, description: s, size: d = 24, ...i }) => /* @__PURE__ */ a(c, { size: d, className: e, title: t, description: s, ariaHidden: n, ref: r, ...i, children: [
+  /* @__PURE__ */ o("path", { d: "M8.40002 2.90912V6.54548", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M15.6 2.90912V6.54548", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M18.3 4.72729H5.70002C4.70591 4.72729 3.90002 5.54132 3.90002 6.54548V19.2727C3.90002 20.2769 4.70591 21.0909 5.70002 21.0909H18.3C19.2941 21.0909 20.1 20.2769 20.1 19.2727V6.54548C20.1 5.54132 19.2941 4.72729 18.3 4.72729Z",
@@ -16,9 +14,8 @@ const p = ({ className: o, ariaHidden: e, title: n, description: t, size: s = 24
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ r("path", { d: "M3.90002 10.1818H20.1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), u = c(p);
-u.displayName = "CalendarIcon";
+  /* @__PURE__ */ o("path", { d: "M3.90002 10.1818H20.1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), C = Object.assign(k, { displayName: "CalendarIcon" });
 export {
-  u as CalendarIcon
+  C as CalendarIcon
 };