@spear-ai/spectral 1.3.21 → 1.3.22

package/dist/.js

@@ -4,89 +4,96 @@ import { Badge as p } from "./Badge.js";
 import { Button as n } from "./Button.js";
 import { Card as x } from "./Card.js";
 import { Drawer as I } from "./Drawer.js";
-import { Popover as l, PopoverContent as i, PopoverTrigger as s } from "./Popover.js";
-import { Skeleton as g } from "./Skeleton.js";
-import { Slider as u } from "./Slider.js";
-import { Switch as L } from "./Switch.js";
-import { Toggle as P } from "./Toggle.js";
-import { ToggleGroup as G, ToggleGroupItem as h } from "./ToggleGroup.js";
-import { Toolbar as w } from "./Toolbar.js";
-import { Tooltip as D, TooltipContent as Z, TooltipTrigger as b } from "./Tooltip.js";
-import { AnnotationsIcon as A } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as E } from "./Icons/CalendarIcon.js";
-import { ClockIcon as M } from "./Icons/ClockIcon.js";
-import { DeleteIcon as U } from "./Icons/DeleteIcon.js";
-import { DurationIcon as X } from "./Icons/DurationIcon.js";
-import { EraserIcon as j } from "./Icons/EraserIcon.js";
-import { GoToFirstIcon as z } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as J } from "./Icons/GoToLastIcon.js";
-import { LabelIcon as N } from "./Icons/LabelIcon.js";
-import { LassoIcon as W } from "./Icons/LassoIcon.js";
-import { LineToolIcon as $ } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as ro } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as to } from "./Icons/LocationIcon.js";
-import { MetadataIcon as mo } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as fo } from "./Icons/OntologyIcon.js";
-import { PlayIcon as co } from "./Icons/PlayIcon.js";
-import { PlusIcon as ao } from "./Icons/PlusIcon.js";
-import { ResetIcon as io } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as To } from "./Icons/ScissorsIcon.js";
-import { TrashIcon as uo } from "./Icons/TrashIcon.js";
-import { UndoIcon as Lo } from "./Icons/UndoIcon.js";
-import { ZoomAllIcon as Po } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Go } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as ko } from "./Icons/ZoomYIcon.js";
-import { default as Bo, SvgIdContext as Do } from "./Icons/IconBase.js";
+import { Popover as i, PopoverContent as l, PopoverTrigger as s } from "./Popover.js";
+import { RadioGroup as T, RadioGroupItem as d } from "./RadioGroup.js";
+import { Skeleton as C } from "./Skeleton.js";
+import { Slider as L } from "./Slider.js";
+import { Switch as v } from "./Switch.js";
+import { Toggle as h } from "./Toggle.js";
+import { ToggleGroup as w, ToggleGroupItem as B } from "./ToggleGroup.js";
+import { Toolbar as R } from "./Toolbar.js";
+import { Tooltip as b, TooltipContent as y, TooltipTrigger as A } from "./Tooltip.js";
+import { AnnotationsIcon as E } from "./Icons/AnnotationsIcon.js";
+import { CalendarIcon as M } from "./Icons/CalendarIcon.js";
+import { ClockIcon as V } from "./Icons/ClockIcon.js";
+import { DeleteIcon as Y } from "./Icons/DeleteIcon.js";
+import { DurationIcon as q } from "./Icons/DurationIcon.js";
+import { EraserIcon as H } from "./Icons/EraserIcon.js";
+import { GoToFirstIcon as K } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as Q } from "./Icons/GoToLastIcon.js";
+import { InfoIcon as _ } from "./Icons/InfoIcon.js";
+import { LabelIcon as oo } from "./Icons/LabelIcon.js";
+import { LassoIcon as eo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as po } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as no } from "./Icons/LiveViewIcon.js";
+import { LocationIcon as xo } from "./Icons/LocationIcon.js";
+import { MetadataIcon as Io } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as io } from "./Icons/OntologyIcon.js";
+import { PlayIcon as so } from "./Icons/PlayIcon.js";
+import { PlusIcon as To } from "./Icons/PlusIcon.js";
+import { ResetIcon as Co } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as Lo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as vo } from "./Icons/SettingsIcon.js";
+import { TrashIcon as ho } from "./Icons/TrashIcon.js";
+import { UndoIcon as wo } from "./Icons/UndoIcon.js";
+import { ZoomAllIcon as Do } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Zo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as yo } from "./Icons/ZoomYIcon.js";
+import { default as Oo, SvgIdContext as Eo } from "./Icons/IconBase.js";
 import "react";
-import { useOutsideClick as bo } from "./hooks/useOutsideClick.js";
-import { useTheme as Ao } from "./hooks/useTheme.js";
-import { c as Eo } from "./twUtils-CRiPKpXj.js";
+import { useOutsideClick as Mo } from "./hooks/useOutsideClick.js";
+import { useTheme as Vo } from "./hooks/useTheme.js";
+import { c as Yo } from "./twUtils-CRiPKpXj.js";
 /* empty css              */
 export {
-  A as AnnotationsIcon,
+  E as AnnotationsIcon,
   p as Badge,
   n as Button,
-  E as CalendarIcon,
+  M as CalendarIcon,
   x as Card,
-  M as ClockIcon,
-  U as DeleteIcon,
+  V as ClockIcon,
+  Y as DeleteIcon,
   I as Drawer,
-  X as DurationIcon,
-  j as EraserIcon,
-  z as GoToFirstIcon,
-  J as GoToLastIcon,
-  Bo as IconBase,
-  N as LabelIcon,
-  W as LassoIcon,
-  $ as LineToolIcon,
-  ro as LiveViewIcon,
-  to as LocationIcon,
-  mo as MetadataIcon,
-  fo as OntologyIcon,
-  co as PlayIcon,
-  ao as PlusIcon,
-  l as Popover,
-  i as PopoverContent,
+  q as DurationIcon,
+  H as EraserIcon,
+  K as GoToFirstIcon,
+  Q as GoToLastIcon,
+  Oo as IconBase,
+  _ as InfoIcon,
+  oo as LabelIcon,
+  eo as LassoIcon,
+  po as LineToolIcon,
+  no as LiveViewIcon,
+  xo as LocationIcon,
+  Io as MetadataIcon,
+  io as OntologyIcon,
+  so as PlayIcon,
+  To as PlusIcon,
+  i as Popover,
+  l as PopoverContent,
   s as PopoverTrigger,
-  io as ResetIcon,
-  To as ScissorsIcon,
-  g as Skeleton,
-  u as Slider,
-  Do as SvgIdContext,
-  L as Switch,
-  P as Toggle,
-  G as ToggleGroup,
-  h as ToggleGroupItem,
-  w as Toolbar,
-  D as Tooltip,
-  Z as TooltipContent,
-  b as TooltipTrigger,
-  uo as TrashIcon,
-  Lo as UndoIcon,
-  Po as ZoomAllIcon,
-  Go as ZoomXIcon,
-  ko as ZoomYIcon,
-  Eo as cn,
-  bo as useOutsideClick,
-  Ao as useTheme
+  T as RadioGroup,
+  d as RadioGroupItem,
+  Co as ResetIcon,
+  Lo as ScissorsIcon,
+  vo as SettingsIcon,
+  C as Skeleton,
+  L as Slider,
+  Eo as SvgIdContext,
+  v as Switch,
+  h as Toggle,
+  w as ToggleGroup,
+  B as ToggleGroupItem,
+  R as Toolbar,
+  b as Tooltip,
+  y as TooltipContent,
+  A as TooltipTrigger,
+  ho as TrashIcon,
+  wo as UndoIcon,
+  Do as ZoomAllIcon,
+  Zo as ZoomXIcon,
+  yo as ZoomYIcon,
+  Yo as cn,
+  Mo as useOutsideClick,
+  Vo as useTheme
 };

package/dist/Button.js

@@ -4,7 +4,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { c as u } from "./twUtils-CRiPKpXj.js";
 import { c as f } from "./index-CRBC94ik.js";
 import { forwardRef as v } from "react";
-import { L as h } from "./loader-circle-Btf6jOd5.js";
+import { L as h } from "./loader-circle-CvdzOiQ_.js";
 const N = f(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold disabled:pointer-events-none

package/dist/Card.js

@@ -3,12 +3,12 @@ import './assets/main.css';
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { c as a } from "./twUtils-CRiPKpXj.js";
 import { forwardRef as u } from "react";
-import { L as b } from "./loader-circle-Btf6jOd5.js";
+import { L as b } from "./loader-circle-CvdzOiQ_.js";
 const h = u(
   ({ className: t, title: s, icon: r, width: o = "full", isLoading: i = !1, children: d, ...c }, f) => {
     const l = s || r, m = a(
-      "!font-sans shadow-neumorphic-large relative bg-card-bg rounded-2xl p-4.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      o === "full" ? "w-full" : "w-fit",
+      "!font-sans shadow-neumorphic-large relative bg-card-bg rounded-2xl p-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      o === "full" ? "w-full min-w-0" : "w-fit",
       t
     );
     return /* @__PURE__ */ n("div", { ref: f, className: m, "aria-busy": i, ...c, children: [
@@ -26,7 +26,7 @@ const h = u(
         s && /* @__PURE__ */ e("h3", { className: "text-card-text m-0 min-w-0 flex-1 truncate font-semibold", children: s }),
         r && /* @__PURE__ */ e("div", { className: "size-5 flex-shrink-0 overflow-hidden [&>svg]:size-5", "aria-hidden": "true", children: r })
       ] }),
-      /* @__PURE__ */ e("div", { className: a("min-h-40 p-4", l && "pt-0"), children: d })
+      /* @__PURE__ */ e("div", { className: a("min-h-40", l && "pt-0"), children: d })
     ] });
   }
 );

package/dist/Drawer.js

@@ -1257,7 +1257,7 @@ const tt = {
   Close: Rn,
   Title: bn,
   Description: Dn
-}, rr = ({ trigger: t, title: n, description: e, children: a, direction: o = "right", size: r = "320px" }) => {
+}, rr = ({ trigger: t, title: n, description: e, children: a, direction: o = "right", size: r = "380px" }) => {
   const l = "!font-sans fixed", s = {
     left: {
       className: `${l} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
@@ -1277,15 +1277,22 @@ const tt = {
     }
   }, { className: v, style: D } = s[o];
   return /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
-    /* @__PURE__ */ S(tt.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ S(tt.Trigger, { children: t }),
     /* @__PURE__ */ gt(tt.Portal, { children: [
       /* @__PURE__ */ S(tt.Overlay, { className: "fixed inset-0 bg-transparent" }),
-      /* @__PURE__ */ gt(tt.Content, { className: `bg-drawer-bg z-10 flex flex-col p-4 outline-none ${v}`, style: D, children: [
-        /* @__PURE__ */ S(tt.Close, {}),
-        /* @__PURE__ */ S(tt.Title, { className: "text-text-primary mb-2 text-lg font-semibold", children: n }),
-        /* @__PURE__ */ S(tt.Description, { className: "!text-text-secondary mb-2 !text-xs uppercase", children: e }),
-        /* @__PURE__ */ S("div", { className: "pt-2", children: a })
-      ] })
+      /* @__PURE__ */ gt(
+        tt.Content,
+        {
+          className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${v}`,
+          style: D,
+          children: [
+            /* @__PURE__ */ S(tt.Close, {}),
+            /* @__PURE__ */ S(tt.Title, { className: "text-text-primary px-3 text-lg font-medium", children: n }),
+            /* @__PURE__ */ S(tt.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", children: e }),
+            /* @__PURE__ */ S("div", { className: "w-auto min-w-0 overflow-hidden px-3 py-2 [&_*]:min-w-0 [&>*]:min-w-0", children: a })
+          ]
+        }
+      )
     ] })
   ] });
 };

package/dist/Icons/AnnotationsIcon.js

@@ -2,14 +2,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import a from "./IconBase.js";
 import { forwardRef as c } from "react";
-const d = ({ className: r, ariaHidden: n, title: t = "Instagram", description: e, size: i = 24 }, s) => /* @__PURE__ */ o(
+const d = ({ className: n, ariaHidden: r, title: t = "Annotations", description: e, size: i = 24 }, s) => /* @__PURE__ */ o(
   a,
   {
     size: i,
-    className: r,
+    className: n,
     title: t,
     description: e,
-    "aria-hidden": n,
+    "aria-hidden": r,
     ref: s,
     children: /* @__PURE__ */ o(
       "path",

package/dist/Icons/CalendarIcon.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import a from "./IconBase.js";
 import { forwardRef as k } from "react";
-const c = ({ className: o, ariaHidden: e, title: t = "Instagram", description: n, size: s = 24 }, d) => /* @__PURE__ */ i(
+const c = ({ className: o, ariaHidden: e, title: n = "Calendar", description: t, size: d = 24 }, i) => /* @__PURE__ */ s(
   a,
   {
-    size: s,
+    size: d,
     className: o,
-    title: t,
-    description: n,
+    title: n,
+    description: t,
     "aria-hidden": e,
-    ref: d,
+    ref: i,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -54,7 +54,7 @@ const c = ({ className: o, ariaHidden: e, title: t = "Instagram", description: n
       )
     ]
   }
-), C = k(c);
+), h = k(c);
 export {
-  C as CalendarIcon
+  h as CalendarIcon
 };

package/dist/Icons/DeleteIcon.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import C from "./IconBase.js";
-import { forwardRef as a } from "react";
-const c = ({ className: o, ariaHidden: e, title: t = "Instagram", description: n, size: s = 24 }, i) => /* @__PURE__ */ d(
+import { forwardRef as c } from "react";
+const k = ({ className: r, ariaHidden: e, title: t = "Delete", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
   C,
   {
-    size: s,
-    className: o,
+    size: i,
+    className: r,
     title: t,
     description: n,
     "aria-hidden": e,
-    ref: i,
+    ref: s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M10 5C9.50309 5.00003 9.02397 5.18504 8.656 5.519L2.328 11.259C2.22472 11.3527 2.14219 11.467 2.08572 11.5946C2.02924 11.7221 2.00006 11.86 2.00006 11.9995C2.00006 12.139 2.02924 12.2769 2.08572 12.4044C2.14219 12.532 2.22472 12.6463 2.328 12.74L8.656 18.481C9.02397 18.815 9.50309 19 10 19H20C20.5304 19 21.0391 18.7893 21.4142 18.4142C21.7893 18.0391 22 17.5304 22 17V7C22 6.46957 21.7893 5.96086 21.4142 5.58579C21.0391 5.21071 20.5304 5 20 5H10Z",
@@ -22,11 +22,11 @@ const c = ({ className: o, ariaHidden: e, title: t = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M12 9L18 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r("path", { d: "M18 9L12 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+      /* @__PURE__ */ o("path", { d: "M12 9L18 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ o("path", { d: "M18 9L12 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
     ]
   }
-), L = a(c);
+), L = c(k);
 export {
   L as DeleteIcon
 };

package/dist/Icons/DurationIcon.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import k from "./IconBase.js";
 import { forwardRef as u } from "react";
-const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
+const a = ({ className: r, ariaHidden: t, title: e = "Duration", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
   k,
   {
     size: i,
-    className: o,
+    className: r,
     title: e,
     description: n,
     "aria-hidden": t,
     ref: s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M11.5652 3.36353C13.2523 3.36322 14.903 3.85034 16.3162 4.76551C17.7294 5.68069 18.8441 6.9844 19.5243 8.51774C20.2045 10.0511 20.421 11.7478 20.1472 13.4012C19.8735 15.0546 19.1214 16.5932 17.9826 17.8294",
@@ -22,7 +22,7 @@ const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M11.5652 6.81812V11.9999L15.0435 13.7272",
@@ -32,7 +32,7 @@ const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M3.30435 9.30103C3.02726 10.1376 2.88064 11.0113 2.86957 11.8919",
@@ -42,7 +42,7 @@ const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M3.59128 15.4546C4.07954 16.5703 4.79961 17.5709 5.70432 18.391",
@@ -52,7 +52,7 @@ const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M5.16171 6.15737C5.40436 5.89503 5.66311 5.64784 5.93649 5.41724",
@@ -62,7 +62,7 @@ const a = ({ className: o, ariaHidden: t, title: e = "Instagram", description: n
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "path",
         {
           d: "M8.64697 20.1356C10.8154 20.9028 13.2017 20.7848 15.2826 19.8074",

package/dist/Icons/EraserIcon.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import h, { SvgIdContext as a } from "./IconBase.js";
 import { forwardRef as l, useContext as p } from "react";
-const C = ({ className: e, ariaHidden: n, title: i = "Instagram", description: s, size: d = 24 }, c) => {
+const C = ({ className: t, ariaHidden: i, title: n = "Eraser", description: s, size: d = 24 }, c) => {
   const o = p(a);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     h,
     {
       size: d,
-      className: e,
-      title: i,
+      className: t,
+      title: n,
       description: s,
-      "aria-hidden": n,
+      "aria-hidden": i,
       ref: c,
       children: [
-        /* @__PURE__ */ t("g", { clipPath: `url(#${o}-clip0)`, children: [
+        /* @__PURE__ */ e("g", { clipPath: `url(#${o}-clip0)`, children: [
           /* @__PURE__ */ r(
             "path",
             {

package/dist/Icons/GoToFirstIcon.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import a from "./IconBase.js";
-import { forwardRef as c } from "react";
-const k = ({ className: r, ariaHidden: t, title: n = "Instagram", description: e, size: s = 24 }, i) => /* @__PURE__ */ d(
-  a,
+import c from "./IconBase.js";
+import { forwardRef as a } from "react";
+const k = ({ className: r, ariaHidden: t, title: e = "Go to First", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
+  c,
   {
-    size: s,
+    size: i,
     className: r,
-    title: n,
-    description: e,
+    title: e,
+    description: n,
     "aria-hidden": t,
-    ref: i,
+    ref: s,
     children: [
       /* @__PURE__ */ o(
         "path",
@@ -34,7 +34,7 @@ const k = ({ className: r, ariaHidden: t, title: n = "Instagram", description: e
       )
     ]
   }
-), h = c(k);
+), m = a(k);
 export {
-  h as GoToFirstIcon
+  m as GoToFirstIcon
 };

package/dist/Icons/GoToLastIcon.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import d from "./IconBase.js";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import a from "./IconBase.js";
 import { forwardRef as c } from "react";
-const k = ({ className: r, ariaHidden: t, title: n = "Instagram", description: e, size: s = 24 }, i) => /* @__PURE__ */ a(
-  d,
+const L = ({ className: r, ariaHidden: t, title: e = "Go to Last", description: n, size: s = 24 }, i) => /* @__PURE__ */ d(
+  a,
   {
     size: s,
     className: r,
-    title: n,
-    description: e,
+    title: e,
+    description: n,
     "aria-hidden": t,
     ref: i,
     children: [
@@ -34,7 +34,7 @@ const k = ({ className: r, ariaHidden: t, title: n = "Instagram", description: e
       )
     ]
   }
-), u = c(k);
+), h = c(L);
 export {
-  u as GoToLastIcon
+  h as GoToLastIcon
 };

package/dist/Icons/IconBase.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as c, jsx as o, Fragment as m } from "react/jsx-runtime";
-import { createContext as w, forwardRef as x, useId as f } from "react";
-const u = w(""), v = ({ children: d, title: i, size: n = 24, ariaHidden: e, description: t = "", className: h = "", style: a }, g) => {
-  const l = f(), r = e ? "" : `${l}_title`, s = !e && t ? `${l}_desc` : "";
+import { createContext as u, forwardRef as w, useId as x } from "react";
+const v = u(""), b = w(function({ children: d, title: i, size: n = 24, ariaHidden: e, description: t = "", className: h = "", style: a, ...f }, g) {
+  const l = x(), r = e ? "" : `${l}_title`, s = !e && t ? `${l}_desc` : "";
   return /* @__PURE__ */ c(
     "svg",
     {
@@ -17,17 +17,18 @@ const u = w(""), v = ({ children: d, title: i, size: n = 24, ariaHidden: e, desc
       style: a,
       fill: "none",
       viewBox: "0 0 24 24",
+      ...f,
       children: [
         e ? null : /* @__PURE__ */ c(m, { children: [
           /* @__PURE__ */ o("title", { id: r, children: i }),
           t ? /* @__PURE__ */ o("desc", { id: s, children: t }) : null
         ] }),
-        /* @__PURE__ */ o(u.Provider, { value: l, children: d })
+        /* @__PURE__ */ o(v.Provider, { value: l, children: d })
       ]
     }
   );
-}, B = x(v);
+});
 export {
-  u as SvgIdContext,
-  B as default
+  v as SvgIdContext,
+  b as default
 };

package/dist/Icons/InfoIcon.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+import { forwardRef as k } from "react";
+const a = ({ className: r, ariaHidden: n, title: t = "Info", description: e, size: i = 24 }, s) => /* @__PURE__ */ d(
+  c,
+  {
+    size: i,
+    className: r,
+    title: t,
+    description: e,
+    "aria-hidden": n,
+    ref: s,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ o("path", { d: "M12 17V11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ o("path", { d: "M12 7H12.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+    ]
+  }
+), h = k(a);
+export {
+  h as InfoIcon
+};

package/dist/Icons/LabelIcon.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import s from "./IconBase.js";
-import { forwardRef as c } from "react";
-const i = ({ className: o, ariaHidden: e, title: t = "Instagram", description: a, size: n = 24 }, C) => /* @__PURE__ */ r(
-  s,
+import c from "./IconBase.js";
+import { forwardRef as i } from "react";
+const s = ({ className: o, ariaHidden: e, title: t = "Label", description: a, size: n = 24 }, C) => /* @__PURE__ */ r(
+  c,
   {
     size: n,
     className: o,
@@ -21,7 +21,7 @@ const i = ({ className: o, ariaHidden: e, title: t = "Instagram", description: a
       }
     )
   }
-), L = c(i);
+), p = i(s);
 export {
-  L as LabelIcon
+  p as LabelIcon
 };

package/dist/Icons/LassoIcon.js

@@ -2,7 +2,7 @@
 import { jsxs as C, jsx as o } from "react/jsx-runtime";
 import d from "./IconBase.js";
 import { forwardRef as a } from "react";
-const c = ({ className: r, ariaHidden: t, title: e = "Instagram", description: n, size: s = 24 }, i) => /* @__PURE__ */ C(
+const c = ({ className: r, ariaHidden: t, title: e = "Lasso Tool", description: n, size: s = 24 }, i) => /* @__PURE__ */ C(
   d,
   {
     size: s,
@@ -44,7 +44,7 @@ const c = ({ className: r, ariaHidden: t, title: e = "Instagram", description: n
       )
     ]
   }
-), h = a(c);
+), L = a(c);
 export {
-  h as LassoIcon
+  L as LassoIcon
 };