@spear-ai/spectral 1.12.1 → 1.12.3

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";

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/ComboboxBase.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 { SearchIcon as t } from "../Icons/SearchIcon.js";
 import { c as n, t as r } from "../dist-7HRQ5IKN.js";

package/dist/Combobox-Ch5Rxk5v.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";

package/dist/Combobox.js

@@ -1,3 +1,4 @@
+'use client'
 import { t as e } from "./Combobox-Ch5Rxk5v.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, {

package/dist/Icons/DeleteIcon.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/DurationIcon.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/EditIcon.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/EmailIcon.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/EraserIcon.js

@@ -1,5 +1,5 @@
-"use client";
-import "../styles/main.css";
+'use client'
+import '../styles/main.css'
 import { IconBase as e, SvgIdContext as t } from "./IconBase.js";
 import { useContext as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/Icons/ErrorIcon.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/EyeClosedIcon.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/EyeClosedIcon2.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/EyeOpenIcon.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/FileDownloadIcon.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, {