@spear-ai/spectral 1.12.2 → 1.12.4

package/dist/.js

@@ -1,3 +1,4 @@
+'use client'
 import { IconBase as e, SvgIdContext as t } from "./Icons/IconBase.js";
 import { AdjustmentsIcon as n } from "./Icons/AdjustmentsIcon.js";
 import { AnalyzeIcon as r } from "./Icons/AnalyzeIcon.js";
@@ -91,7 +92,7 @@ import { ButtonGroup as Ie, ButtonGroupItem as Le, ButtonGroupSeparator as Re }
 import { ButtonIcon as ze } from "./ButtonIcon.js";
 import { useUncontrolledState as Be } from "./hooks/useUncontrolledState.js";
 import { Checkbox as Ve } from "./Checkbox.js";
-import { t as He } from "./Combobox-Ch5Rxk5v.js";
+import { t as He } from "./Combobox-DAQxeRWC.js";
 import { Label as Ue } from "./Label.js";
 import { InputGroup as We, InputGroupAddon as Ge, InputGroupButton as Ke, InputGroupInput as qe, InputGroupText as Je, InputGroupTextarea as Ye } from "./primitives/input-group.js";
 import { ControlGroupSelect as Xe } from "./ControlGroup/ControlGroupSelect.js";

package/dist/Accordion-Cyrb2byI.js

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { ChevronDownIcon as e } from "./Icons/ChevronDownIcon.js";
 import { useAccordionAutoScroll as t } from "./hooks/useAccordionAutoScroll.js";
 import { a as n, d as r, i, l as a, r as o, t as s } from "./dist-7HRQ5IKN.js";

package/dist/Accordion.js

@@ -1,3 +1,4 @@
+'use client'
 import "./hooks/useAccordionAutoScroll.js";
 import { i as e, n as t, r as n, t as r } from "./Accordion-Cyrb2byI.js";
 export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };

package/dist/Alert/AlertBase.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { CloseIcon as e } from "../Icons/CloseIcon.js";
 import { t } from "../twUtils-D_qzdiwM.js";
 import { t as n } from "../dist-B4g6zpUF.js";

package/dist/Alert.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { CheckSquareIcon as e } from "./Icons/CheckSquareIcon.js";
 import { CloseCircleIcon as t } from "./Icons/CloseCircleIcon.js";
 import { InfoIcon as n } from "./Icons/InfoIcon.js";

package/dist/AnimatePresence-D9FLxIGV.js

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { f as e, h as t, m as n, n as r, p as i, r as a, s as o } from "./proxy-CCB7C4Pu.js";
 import * as s from "react";
 import { Children as c, isValidElement as l, useContext as u, useId as d, useInsertionEffect as f, useMemo as p, useRef as m, useState as h } from "react";

package/dist/App.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { jsx as e } from "react/jsx-runtime";
 //#region src/App.tsx
 function t() {

package/dist/Avatar.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { UserIcon as e } from "./Icons/UserIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
 import { cloneElement as n, isValidElement as r, useEffect as i, useState as a } from "react";

package/dist/Badge.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { t as e } from "./twUtils-D_qzdiwM.js";
 import { t } from "./dist-B4g6zpUF.js";
 import { Slot as n } from "./primitives/slot.js";

package/dist/Button.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
 import { t as n } from "./dist-B4g6zpUF.js";

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { t } from "../dist-B4g6zpUF.js";
 import { Slot as n } from "../primitives/slot.js";

package/dist/ButtonGroup.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { t as e } from "./twUtils-D_qzdiwM.js";
 import { t } from "./dist-B4g6zpUF.js";
 import { Slot as n } from "./primitives/slot.js";

package/dist/ButtonIcon.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
 import { cloneElement as n, isValidElement as r } from "react";

package/dist/Calendar-2UVWeLYp.js

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { r as e } from "./chunk-C4rFPcKS.js";
 import { ChevronDownIcon as t } from "./Icons/ChevronDownIcon.js";
 import { t as n } from "./twUtils-D_qzdiwM.js";

package/dist/Checkbox/CheckboxBase.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Slot as t } from "../primitives/slot.js";
 import { useUncontrolledState as n } from "../hooks/useUncontrolledState.js";

package/dist/Checkbox.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
 import { MinusIcon as t } from "./Icons/MinusIcon.js";
 import { t as n } from "./twUtils-D_qzdiwM.js";

package/dist/Combination-9q50p_Vu.js

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { l as e, t } from "./dist-7HRQ5IKN.js";
 import { t as n } from "./dist-DIt8FP2G.js";
 import * as r from "react";

package/dist/{Combobox-Ch5Rxk5v.js → Combobox-DAQxeRWC.js}

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { i as e, t } from "./chunk-C4rFPcKS.js";
 import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as r } from "./Icons/ChevronDownIcon.js";
@@ -6225,16 +6225,16 @@ process.env.NODE_ENV !== "production" && (Fc.displayName = "Inner");
 //#region src/components/Combobox/Combobox.tsx
 var Ic = ({ className: e, disabled: t, defaultValue: S = "", dropdownWidth: C = "trigger", emptyMessage: w = "No options found.", errorMessage: D, id: A, label: j, labelClassName: M, loadingMessage: N = "Loading…", name: P, onChange: F, onValueChange: te, options: ne, placeholder: I = "Search…", ref: re, required: L, state: R = "default", value: ie, warningMessage: ae, "aria-describedby": oe, "aria-label": se }) => {
 	process.env.NODE_ENV !== "production" && !j && !se && console.warn("Combobox: provide either `label` or `aria-label` for an accessible name.");
-	let ce = _(A, P), le = `${ce}-listbox`, z = p(ce), ue = `${ce}-warning`, de = R === "error" ? z : R === "warning" && ae ? ue : void 0, fe = !!t, pe = R === "loading", B = R === "error", me = u(R, oe, L, de), [he, V] = E(!1), [ge, _e] = E(""), ve = ee(null), [ye, be] = v({
+	let ce = _(A, P), le = `${ce}-listbox`, z = p(ce), ue = `${ce}-warning`, de = R === "error" ? z : R === "warning" && ae ? ue : void 0, fe = !!t, pe = R === "loading", B = R === "error", me = u(R, oe, L, de), [he, V] = E(!1), [ge, _e] = E(""), ve = ee(null), ye = ee(!1), [be, xe] = v({
 		value: ie,
 		defaultValue: S,
 		onChange: (e) => {
 			F ? F(e) : te?.(e);
 		}
-	}), xe = T(() => ne.find((e) => e.value === ye) ?? null, [ne, ye]), Se = T(() => {
+	}), Se = T(() => ne.find((e) => e.value === be) ?? null, [ne, be]), H = T(() => {
 		let e = ge.trim().toLowerCase();
 		return e ? ne.filter((t) => t.label.toLowerCase().includes(e)) : ne;
-	}, [ge, ne]), H = !!(xe && ge.length === 0), { dropdownWidthMode: Ce, dropdownWidthStyle: we } = f({
+	}, [ge, ne]), Ce = !!(Se && ge.length === 0), { dropdownWidthMode: we, dropdownWidthStyle: Te } = f({
 		dropdownWidth: C,
 		triggerWidth: "var(--anchor-width)"
 	});
@@ -6269,11 +6269,11 @@ var Ic = ({ className: e, disabled: t, defaultValue: S = "", dropdownWidth: C =
 				},
 				onValueChange: (e, t) => {
 					let n = e?.value ?? "";
-					be(t.reason === "item-press" && n === ye ? "" : n), _e(""), V(!1);
+					xe(t.reason === "item-press" && n === be ? "" : n), _e(""), V(!1);
 				},
 				open: he,
 				required: L,
-				value: xe,
+				value: Se,
 				children: [/* @__PURE__ */ k(ac, {
 					render: /* @__PURE__ */ O(b, {
 						"data-slot": "combobox-content",
@@ -6292,14 +6292,18 @@ var Ic = ({ className: e, disabled: t, defaultValue: S = "", dropdownWidth: C =
 						"aria-expanded": he,
 						"aria-label": se ?? j,
 						autoComplete: "off",
-						className: a("min-w-0 text-base flex-1 truncate overflow-hidden border-0 bg-transparent whitespace-nowrap text-input-text outline-hidden outline-0 placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none", H ? "placeholder:text-input-text!" : "placeholder:text-input-text-placeholder!"),
+						className: a("min-w-0 text-base flex-1 truncate overflow-hidden border-0 bg-transparent whitespace-nowrap text-input-text outline-hidden outline-0 placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none", Ce ? "placeholder:text-input-text!" : "placeholder:text-input-text-placeholder!"),
 						"data-slot": "input-group-control",
 						id: ce,
 						onFocus: () => {
+							if (ye.current) {
+								ye.current = !1;
+								return;
+							}
 							!fe && !pe && V(!0);
 						},
 						ref: ve,
-						placeholder: xe?.label ?? I,
+						placeholder: Se?.label ?? I,
 						role: "combobox",
 						...me
 					}), /* @__PURE__ */ O(x, {
@@ -6309,6 +6313,9 @@ var Ic = ({ className: e, disabled: t, defaultValue: S = "", dropdownWidth: C =
 							"aria-label": "Toggle options",
 							className: "cursor-pointer",
 							"data-slot": "combobox-trigger-button",
+							onPointerDownCapture: () => {
+								ye.current = !0;
+							},
 							children: pe ? /* @__PURE__ */ O(i, { className: "size-5 motion-safe:animate-spin" }) : /* @__PURE__ */ O(r, { className: a("size-5 shrink-0 transition-transform duration-200", he && "rotate-180") })
 						})
 					})]
@@ -6318,15 +6325,15 @@ var Ic = ({ className: e, disabled: t, defaultValue: S = "", dropdownWidth: C =
 					sideOffset: 4,
 					children: /* @__PURE__ */ O(Dc, {
 						className: a("p-1 z-50 motion-safe:data-closed:animate-out motion-safe:data-open:animate-in", d(), "motion-safe:data-closed:fade-out-0 motion-safe:data-closed:zoom-out-95 motion-safe:data-open:fade-in-0 motion-safe:data-open:zoom-in-95", "max-h-[min(var(--available-height),18rem)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto"),
-						"data-dropdown-width-mode": Ce,
-						"data-dropdown-width-value": Ce === "custom" ? C : void 0,
+						"data-dropdown-width-mode": we,
+						"data-dropdown-width-value": we === "custom" ? C : void 0,
 						"data-testid": "spectral-combobox-content",
-						style: we,
-						children: pe ? /* @__PURE__ */ O(c, { message: N }) : Se.length === 0 ? /* @__PURE__ */ O(o, { message: w }) : /* @__PURE__ */ O(lc, {
+						style: Te,
+						children: pe ? /* @__PURE__ */ O(c, { message: N }) : H.length === 0 ? /* @__PURE__ */ O(o, { message: w }) : /* @__PURE__ */ O(lc, {
 							className: "max-h-[min(var(--available-height),18rem)] overflow-y-auto",
 							id: le,
-							children: Se.map((e) => /* @__PURE__ */ k(Mc, {
-								className: a(h(!!e.disabled, !1, ye === e.value), "group/command-item relative flex w-full items-center data-highlighted:bg-input-bg--hover"),
+							children: H.map((e) => /* @__PURE__ */ k(Mc, {
+								className: a(h(!!e.disabled, !1, be === e.value), "group/command-item relative flex w-full items-center data-highlighted:bg-input-bg--hover"),
 								"data-testid": "spectral-combobox-item",
 								disabled: e.disabled,
 								value: e,

package/dist/Combobox.js

@@ -1,3 +1,4 @@
-import { t as e } from "./Combobox-Ch5Rxk5v.js";
+'use client'
+import { t as e } from "./Combobox-DAQxeRWC.js";
 import "./primitives/input-group.js";
 export { e as Combobox };

package/dist/ControlGroup/ControlGroupSelect.js

@@ -1,10 +1,10 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { getStateClasses as t } from "../utils/formFieldUtils.js";
 import { Label as n } from "../Label.js";
 import { Input as r } from "../primitives/input.js";
-import { Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "../primitives/select.js";
+import { i, l as a, n as o, t as s, u as c } from "../select-D5Jexytu.js";
 import { ControlGroup as l, ControlGroupItem as u, useControlGroup as d } from "../ControlGroup.js";
 import { useId as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -73,7 +73,7 @@ var g = "placeholder:text-small! [appearance:textfield] [&::-webkit-inner-spin-b
 			onChange: A
 		} : {},
 		step: l ?? 1
-	}), Y = /* @__PURE__ */ m(s, {
+	}), Y = /* @__PURE__ */ m(a, {
 		"aria-describedby": V,
 		"aria-label": I,
 		"aria-labelledby": B ? M : void 0,
@@ -98,7 +98,7 @@ var g = "placeholder:text-small! [appearance:textfield] [&::-webkit-inner-spin-b
 				children: w
 			}), J]
 		}) : J
-	}), /* @__PURE__ */ h(i, {
+	}), /* @__PURE__ */ h(s, {
 		"data-testid": `${f}-select-root`,
 		disabled: D,
 		...F,
@@ -113,10 +113,10 @@ var g = "placeholder:text-small! [appearance:textfield] [&::-webkit-inner-spin-b
 					children: N
 				}), Y]
 			}) : Y
-		}), /* @__PURE__ */ m(a, {
+		}), /* @__PURE__ */ m(o, {
 			"data-testid": `${f}-select-content`,
 			dropdownWidth: _,
-			children: P.map((e) => /* @__PURE__ */ m(o, {
+			children: P.map((e) => /* @__PURE__ */ m(i, {
 				disabled: e.disabled,
 				value: e.value,
 				children: e.label

package/dist/ControlGroup.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { t as e } from "./twUtils-D_qzdiwM.js";
 import { Slot as t } from "./primitives/slot.js";
 import { ErrorMessage as n, WarningMessage as r, getErrorMessageId as i, useFormFieldId as a, useFormFieldState as o } from "./utils/formFieldUtils.js";

package/dist/DataCard/Card.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Slot as t } from "../primitives/slot.js";
 import "react";

package/dist/DataCard.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { t as e } from "./twUtils-D_qzdiwM.js";
 import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "./DataCard/Card.js";
 import "react";

package/dist/DateTimePicker/Calendar.js

@@ -1,2 +1,3 @@
+'use client'
 import { t as e } from "../Calendar-2UVWeLYp.js";
 export { e as Calendar };

package/dist/DateTimePicker/DateTimeDisplayInput.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { getInputClasses as t } from "../utils/formFieldUtils.js";
 import { useUncontrolledState as n } from "../hooks/useUncontrolledState.js";

package/dist/DateTimePicker/DateTimeInput.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Input as t } from "../primitives/input.js";
 import { F as n, S as r, _ as i, g as a, h as o, m as s, p as c, t as l, v as u } from "../DateTimeUtils-DrR2JWoU.js";

package/dist/DateTimePicker/TimePeriodSelect.js

@@ -1,19 +1,19 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
-import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../primitives/select.js";
+import { i as t, l as n, n as r, t as i, u as a } from "../select-D5Jexytu.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/TimePeriodSelect.tsx
 var l = {
 	am: "AM",
 	pm: "PM"
-}, u = o(({ ariaLabel: o, className: u, disabled: d, labels: f = l, onLeftFocus: p, onPeriodChange: m, onRightFocus: h, period: g, ..._ }, v) => /* @__PURE__ */ c(t, {
+}, u = o(({ ariaLabel: o, className: u, disabled: d, labels: f = l, onLeftFocus: p, onPeriodChange: m, onRightFocus: h, period: g, ..._ }, v) => /* @__PURE__ */ c(i, {
 	defaultValue: g,
 	disabled: d,
 	onValueChange: (e) => m(e),
 	value: g,
-	children: [/* @__PURE__ */ s(i, {
+	children: [/* @__PURE__ */ s(n, {
 		"aria-label": o ?? `Select ${f.am} or ${f.pm}`,
 		className: e("w-fit", u),
 		"data-slot": "time-period-select",
@@ -25,15 +25,15 @@ var l = {
 		size: "sm",
 		..._,
 		children: /* @__PURE__ */ s(a, { children: g === "AM" ? f.am : f.pm })
-	}), /* @__PURE__ */ c(n, {
+	}), /* @__PURE__ */ c(r, {
 		"data-testid": "spectral-time-period-select-content",
 		position: "popper",
 		sideOffset: 4,
-		children: [/* @__PURE__ */ s(r, {
+		children: [/* @__PURE__ */ s(t, {
 			"data-testid": "spectral-time-period-select-am",
 			value: "AM",
 			children: f.am
-		}), /* @__PURE__ */ s(r, {
+		}), /* @__PURE__ */ s(t, {
 			"data-testid": "spectral-time-period-select-pm",
 			value: "PM",
 			children: f.pm

package/dist/DateTimePicker/TimePicker.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-DrR2JWoU.js";
 import { DateTimeInput as s } from "./DateTimeInput.js";

package/dist/DateTimePicker.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { CalendarIcon as e } from "./Icons/CalendarIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
 import { ErrorMessage as n, getErrorMessageId as r, useFormFieldId as i } from "./utils/formFieldUtils.js";

package/dist/Dialog.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { CloseIcon as e } from "./Icons/CloseIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
 import { t as n } from "./Combination-9q50p_Vu.js";

package/dist/Drawer.js

@@ -1,4 +1,5 @@
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { SpectralProvider as e } from "./SpectralProvider.js";
 import { t } from "./dist-Tbzy5UFA.js";
 import "react";

package/dist/DropdownMenu.js

@@ -1,5 +1,5 @@
-"use client";
-import "./styles/main.css";
+'use client'
+import './styles/main.css'
 import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
 import { a as t, c as n, d as r, l as i, n as a, o, r as s, t as c } from "./dist-7HRQ5IKN.js";
 import { n as l, t as u } from "./dist-CGzgmYB9.js";

package/dist/HoverCard-BGpW6LnA.js

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import './styles/main.css'
 import { a as e, d as t, l as n, r, t as i } from "./dist-7HRQ5IKN.js";
 import { t as a } from "./dist-Bft31cJh.js";
 import { t as o } from "./twUtils-D_qzdiwM.js";

package/dist/HoverCard.js

@@ -1,2 +1,3 @@
+'use client'
 import { n as e, r as t, t as n } from "./HoverCard-BGpW6LnA.js";
 export { n as HoverCard, e as HoverCardContent, t as HoverCardTrigger };

package/dist/Icons/AdjustmentsIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/AnalyzeIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/AnnotationsIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = Object.assign(({ ref: n, className: r, title: i, description: a, size: o = 24, ...s }) => /* @__PURE__ */ t(e, {

package/dist/Icons/ApprovedIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/ArrowDownIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = Object.assign(({ ref: n, className: r, title: i, description: a, size: o = 24, ...s }) => /* @__PURE__ */ t(e, {

package/dist/Icons/ArrowUpIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = Object.assign(({ ref: n, className: r, title: i, description: a, size: o = 24, ...s }) => /* @__PURE__ */ t(e, {

package/dist/Icons/BoxToolIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = Object.assign(({ ref: n, className: r, title: i, description: a, size: o = 24, ...s }) => /* @__PURE__ */ t(e, {

package/dist/Icons/CalendarIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CheckCircleIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CheckSquareIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CheckmarkIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, strokeWidth: c = 2, ...l }) => /* @__PURE__ */ n(e, {

package/dist/Icons/ChevronDownIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/ChevronUpIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/ClockIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CloseCircleIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CloseIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/Crosshairs2Icon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/CrosshairsIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = Object.assign(({ ref: n, className: r, title: i, description: a, size: o = 24, ...s }) => /* @__PURE__ */ t(e, {

package/dist/Icons/DashboardIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {

package/dist/Icons/DatabaseIcon.js

@@ -1,4 +1,5 @@
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e } from "./IconBase.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {