@vkzstudio/muza-ui 1.5.0 → 1.5.2

package/dist/components/Sheet/Sheet.js

@@ -2,12 +2,13 @@ import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import * as e from "@radix-ui/react-dialog";
 import { cva as g } from "class-variance-authority";
-import { typographyVariants as y } from "../Typography/Typography.js";
-import { useMuzaTranslations as x } from "../../translations/TranslationContext.js";
+import { useMuzaTranslations as y } from "../../translations/TranslationContext.js";
 import { cn as i } from "../../utils/cn.js";
 import { Flex as n } from "../Flex/Flex.js";
-import { XClose as N } from "../Icons/CustomIcons.js";
-const P = e.Root, B = e.Trigger, v = e.Portal, H = e.Close, R = e.Title, M = e.Description, c = l(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+import "@solar-icons/react-perf";
+import { XClose as x } from "../Icons/CustomIcons.js";
+import { typographyVariants as N } from "../Typography/Typography.js";
+const B = e.Root, H = e.Trigger, v = e.Portal, R = e.Close, M = e.Title, X = e.Description, c = l(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
@@ -95,7 +96,7 @@ const S = l(
     closeAriaLabel: d,
     ...h
   }, f) => {
-    const u = x(), b = d ?? u.sheet.closeAriaLabel;
+    const u = y(), b = d ?? u.sheet.closeAriaLabel;
     return /* @__PURE__ */ p(
       n,
       {
@@ -114,7 +115,7 @@ const S = l(
             {
               className: i(
                 "text-text-primary min-w-0 flex-1",
-                y({
+                N({
                   variant: "title",
                   size: "md",
                   weight: "medium",
@@ -129,7 +130,7 @@ const S = l(
             {
               className: "shrink-0 cursor-pointer transition-opacity focus-visible:focus-default disabled:pointer-events-none",
               "aria-label": b,
-              children: /* @__PURE__ */ o(N, { className: "size-icon-medium" })
+              children: /* @__PURE__ */ o(x, { className: "size-icon-medium" })
             }
           )
         ]
@@ -174,16 +175,16 @@ const k = l(
 );
 k.displayName = "SheetFooter";
 export {
-  P as Sheet,
+  B as Sheet,
   C as SheetBody,
-  H as SheetClose,
+  R as SheetClose,
   z as SheetContent,
-  M as SheetDescription,
+  X as SheetDescription,
   k as SheetFooter,
   S as SheetHeader,
   c as SheetOverlay,
   v as SheetPortal,
-  R as SheetTitle,
-  B as SheetTrigger,
+  M as SheetTitle,
+  H as SheetTrigger,
   w as sheetContentVariants
 };

package/dist/components/Sheet/index.js

@@ -0,0 +1,15 @@
+import { Sheet as h, SheetBody as S, SheetClose as o, SheetContent as r, SheetDescription as n, SheetFooter as a, SheetHeader as i, SheetOverlay as l, SheetPortal as s, SheetTitle as C, SheetTrigger as d, sheetContentVariants as g } from "./Sheet.js";
+export {
+  h as Sheet,
+  S as SheetBody,
+  o as SheetClose,
+  r as SheetContent,
+  n as SheetDescription,
+  a as SheetFooter,
+  i as SheetHeader,
+  l as SheetOverlay,
+  s as SheetPortal,
+  C as SheetTitle,
+  d as SheetTrigger,
+  g as sheetContentVariants
+};

package/dist/components/Skeleton/index.js

@@ -0,0 +1,4 @@
+import { Skeleton as r } from "./Skeleton.js";
+export {
+  r as Skeleton
+};

package/dist/components/Slider/index.js

@@ -0,0 +1,7 @@
+import { Slider as i, sliderThumbVariants as s, sliderTrackVariants as e, sliderVariants as d } from "./Slider.js";
+export {
+  i as Slider,
+  s as sliderThumbVariants,
+  e as sliderTrackVariants,
+  d as sliderVariants
+};

package/dist/components/SliderIndicators/index.js

@@ -0,0 +1,4 @@
+import { SliderIndicators as d } from "./SliderIndicators.js";
+export {
+  d as SliderIndicators
+};

package/dist/components/Stepper/Stepper.js

@@ -1,10 +1,10 @@
 import { jsxs as w, jsx as l } from "react/jsx-runtime";
 import { useState as I, useEffect as M } from "react";
-import { StepperButton as b } from "./StepperButton.js";
 import { useMuzaTranslations as T } from "../../translations/TranslationContext.js";
-import { cn as x } from "../../utils/cn.js";
+import { cn as b } from "../../utils/cn.js";
 import { MinusCircleBold as D, AddCircleBold as E } from "@solar-icons/react-perf";
 import { Typography as Y } from "../Typography/Typography.js";
+import { StepperButton as x } from "./StepperButton.js";
 const P = ({
   value: f,
   defaultValue: p,
@@ -40,9 +40,9 @@ const P = ({
     }
     c || a(t), r == null || r(t);
   };
-  return /* @__PURE__ */ w("div", { className: x("flex items-center gap-sm", N), children: [
+  return /* @__PURE__ */ w("div", { className: b("flex items-center gap-sm", N), children: [
     /* @__PURE__ */ l(
-      b,
+      x,
       {
         ariaLabel: k,
         onClick: B,
@@ -58,7 +58,7 @@ const P = ({
         size: "base",
         weight: "medium",
         component: "span",
-        className: x(
+        className: b(
           "min-w-[1.75rem] text-center text-text-dark-primary-def",
           {
             "text-text-dark-secondary": e === i
@@ -69,7 +69,7 @@ const P = ({
       }
     ),
     /* @__PURE__ */ l(
-      b,
+      x,
       {
         ariaLabel: y,
         onClick: j,

package/dist/components/Stepper/index.js

@@ -0,0 +1,4 @@
+import { Stepper as r } from "./Stepper.js";
+export {
+  r as Stepper
+};

package/dist/components/SwipeButton/SwipeButton.js

@@ -1,15 +1,15 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { useRef as D, useState as B, useEffect as N } from "react";
 import { useDragControls as U, useMotionValue as _, useTransform as T, useMotionValueEvent as q, animate as u, motion as E } from "motion/react";
-import { SwipeLoadingIcon as G } from "./SwipeLoadingIcon.js";
-import { swipeButtonProgressVariants as H } from "./swipeButtonProgressVariants.js";
-import { swipeButtonSliderVariants as J } from "./swipeButtonSliderVariants.js";
-import { swipeButtonVariants as Q } from "./swipeButtonVariants.js";
-import { useMuzaTranslations as X } from "../../translations/TranslationContext.js";
-import { DoubleArrowRight as Z } from "../Icons/CustomIcons.js";
+import { useMuzaTranslations as G } from "../../translations/TranslationContext.js";
 import { cn as y } from "../../utils/cn.js";
+import { UnreadOutline as H } from "@solar-icons/react-perf";
+import { DoubleArrowRight as J } from "../Icons/CustomIcons.js";
 import { Typography as V } from "../Typography/Typography.js";
-import { UnreadOutline as ee } from "@solar-icons/react-perf";
+import { SwipeLoadingIcon as Q } from "./SwipeLoadingIcon.js";
+import { swipeButtonProgressVariants as X } from "./swipeButtonProgressVariants.js";
+import { swipeButtonSliderVariants as Z } from "./swipeButtonSliderVariants.js";
+import { swipeButtonVariants as ee } from "./swipeButtonVariants.js";
 const de = ({
   text: z,
   successText: L,
@@ -26,7 +26,7 @@ const de = ({
   onResetComplete: I,
   className: C
 }) => {
-  const v = X(), O = L ?? v.swipeButton.successText, R = M ?? v.swipeButton.loadingText, j = v.swipeButton.processingAriaLabel, K = D(null), l = D(null), d = D(null), [r, W] = B(0), [x, m] = B(!1), g = U(), n = _(0), Y = T(n, [0, r], [0, 1]), k = T(n, [0, r * 0.5], [1, 0]), P = T(
+  const v = G(), O = L ?? v.swipeButton.successText, R = M ?? v.swipeButton.loadingText, j = v.swipeButton.processingAriaLabel, K = D(null), l = D(null), d = D(null), [r, W] = B(0), [x, m] = B(!1), g = U(), n = _(0), Y = T(n, [0, r], [0, 1]), k = T(n, [0, r * 0.5], [1, 0]), P = T(
     Y,
     (e) => `calc(${e}*(100% - var(--slider-size) - 2px) + var(--slider-size))`
   ), c = !t && !a && !p || i;
@@ -82,7 +82,7 @@ const de = ({
       "data-danger": h,
       disabled: i,
       className: y(
-        Q({ variant: w, size: o, loading: t, fullWidth: A, disabled: i }),
+        ee({ variant: w, size: o, loading: t, fullWidth: A, disabled: i }),
         C
       ),
       style: {
@@ -119,7 +119,7 @@ const de = ({
                 {
                   className: y(
                     "absolute rounded-full",
-                    H({
+                    X({
                       variant: w,
                       interactive: c,
                       danger: h,
@@ -134,7 +134,7 @@ const de = ({
                 {
                   ref: d,
                   className: y(
-                    J({
+                    Z({
                       variant: w,
                       interactive: c,
                       danger: h
@@ -157,9 +157,9 @@ const de = ({
                     } : { duration: 0.2 }
                   },
                   children: [
-                    a && /* @__PURE__ */ s(ee, { className: "size-icon-small" }),
-                    t && !a && /* @__PURE__ */ s(G, { className: "size-icon-small" }),
-                    !t && !a && /* @__PURE__ */ s(Z, { className: "size-icon-small" })
+                    a && /* @__PURE__ */ s(H, { className: "size-icon-small" }),
+                    t && !a && /* @__PURE__ */ s(Q, { className: "size-icon-small" }),
+                    !t && !a && /* @__PURE__ */ s(J, { className: "size-icon-small" })
                   ]
                 }
               )

package/dist/components/SwipeButton/index.js

@@ -0,0 +1,4 @@
+import { SwipeButton as e } from "./SwipeButton.js";
+export {
+  e as SwipeButton
+};

package/dist/components/Switch/index.js

@@ -0,0 +1,4 @@
+import { Switch as t } from "./Switch.js";
+export {
+  t as Switch
+};

package/dist/components/Tag/index.js

@@ -0,0 +1,5 @@
+import { Tag as t, tagVariants as g } from "./Tag.js";
+export {
+  t as Tag,
+  g as tagVariants
+};

package/dist/components/TextEditor/EditorToolbar.js

@@ -1,9 +1,9 @@
 import { jsxs as h, Fragment as m, jsx as n } from "react/jsx-runtime";
+import { Flex as e } from "../Flex/Flex.js";
+import { UndoLeftBold as B, UndoRightBold as L, TextBoldBold as A, TextItalicBold as T, TextCrossBold as i, LinkRoundBold as H, EraserBold as y } from "@solar-icons/react-perf";
+import { TextH1 as F, TextH2 as w, TextH3 as I, BulletList as N, NumberList as S } from "../Icons/CustomIcons.js";
 import { ToolbarButton as u } from "./ToolbarButton.js";
 import { ToolbarSeparator as v } from "./ToolbarSeparator.js";
-import { TextH1 as B, TextH2 as L, TextH3 as A, BulletList as T, NumberList as i } from "../Icons/CustomIcons.js";
-import { Flex as e } from "../Flex/Flex.js";
-import { UndoLeftBold as H, UndoRightBold as y, TextBoldBold as F, TextItalicBold as w, TextCrossBold as I, LinkRoundBold as N, EraserBold as S } from "@solar-icons/react-perf";
 const O = ({
   editor: l,
   toolbarConfig: c,
@@ -27,7 +27,7 @@ const O = ({
             g(c.history, "undo") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(H, {}),
+                icon: /* @__PURE__ */ n(B, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().undo().run(),
                 disabled: a || !(l != null && l.can().undo()),
                 label: s.undo
@@ -36,7 +36,7 @@ const O = ({
             g(c.history, "redo") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(y, {}),
+                icon: /* @__PURE__ */ n(L, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().redo().run(),
                 disabled: a || !(l != null && l.can().redo()),
                 label: s.redo
@@ -50,7 +50,7 @@ const O = ({
             g(c.headings, 1) && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(B, {}),
+                icon: /* @__PURE__ */ n(F, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 1 }).run(),
                 active: l == null ? void 0 : l.isActive("heading", { level: 1 }),
                 disabled: a,
@@ -60,7 +60,7 @@ const O = ({
             g(c.headings, 2) && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(L, {}),
+                icon: /* @__PURE__ */ n(w, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 2 }).run(),
                 active: l == null ? void 0 : l.isActive("heading", { level: 2 }),
                 disabled: a,
@@ -70,7 +70,7 @@ const O = ({
             g(c.headings, 3) && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(A, {}),
+                icon: /* @__PURE__ */ n(I, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 3 }).run(),
                 active: l == null ? void 0 : l.isActive("heading", { level: 3 }),
                 disabled: a,
@@ -85,7 +85,7 @@ const O = ({
             g(c.formatting, "bold") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(F, {}),
+                icon: /* @__PURE__ */ n(A, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleBold().run(),
                 active: l == null ? void 0 : l.isActive("bold"),
                 disabled: a,
@@ -95,7 +95,7 @@ const O = ({
             g(c.formatting, "italic") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(w, {}),
+                icon: /* @__PURE__ */ n(T, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleItalic().run(),
                 active: l == null ? void 0 : l.isActive("italic"),
                 disabled: a,
@@ -105,7 +105,7 @@ const O = ({
             g(c.formatting, "strikethrough") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(I, {}),
+                icon: /* @__PURE__ */ n(i, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleStrike().run(),
                 active: l == null ? void 0 : l.isActive("strike"),
                 disabled: a,
@@ -120,7 +120,7 @@ const O = ({
             g(c.lists, "bullet") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(T, {}),
+                icon: /* @__PURE__ */ n(N, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleBulletList().run(),
                 active: l == null ? void 0 : l.isActive("bulletList"),
                 disabled: a,
@@ -130,7 +130,7 @@ const O = ({
             g(c.lists, "ordered") && /* @__PURE__ */ n(
               u,
               {
-                icon: /* @__PURE__ */ n(i, {}),
+                icon: /* @__PURE__ */ n(S, {}),
                 onClick: () => l == null ? void 0 : l.chain().focus().toggleOrderedList().run(),
                 active: l == null ? void 0 : l.isActive("orderedList"),
                 disabled: a,
@@ -144,7 +144,7 @@ const O = ({
           /* @__PURE__ */ n(
             u,
             {
-              icon: /* @__PURE__ */ n(N, {}),
+              icon: /* @__PURE__ */ n(H, {}),
               onClick: x,
               active: l == null ? void 0 : l.isActive("link"),
               disabled: a,
@@ -157,7 +157,7 @@ const O = ({
           /* @__PURE__ */ n(
             u,
             {
-              icon: /* @__PURE__ */ n(S, {}),
+              icon: /* @__PURE__ */ n(y, {}),
               onClick: () => l == null ? void 0 : l.chain().focus().unsetAllMarks().clearNodes().run(),
               disabled: a,
               label: s.clearFormatting

package/dist/components/TextEditor/LinkBubbleMenu.js

@@ -2,12 +2,12 @@ import { jsx as e, jsxs as n, Fragment as d } from "react/jsx-runtime";
 import { useRef as x } from "react";
 import { BubbleMenu as y } from "@tiptap/react";
 import "tippy.js/animations/shift-away.css";
+import { cn as v } from "../../utils/cn.js";
 import { Button as o } from "../Button/Button.js";
 import { Flex as l } from "../Flex/Flex.js";
-import { Input as v } from "../Input/Input.js";
-import { cn as B } from "../../utils/cn.js";
-import { typographyVariants as w } from "../Typography/Typography.js";
-import { Pen2Bold as z, TrashBinTrashBold as C } from "@solar-icons/react-perf";
+import { Pen2Bold as B, TrashBinTrashBold as w } from "@solar-icons/react-perf";
+import { Input as z } from "../Input/Input.js";
+import { typographyVariants as C } from "../Typography/Typography.js";
 const R = ({
   editor: c,
   containerRef: f,
@@ -53,7 +53,7 @@ const R = ({
           className: "gap-lg rounded-xl bg-surface-base-secondary p-lg dropdown-shadow-default",
           children: i ? /* @__PURE__ */ n(d, { children: [
             /* @__PURE__ */ e(
-              v,
+              z,
               {
                 value: h,
                 onChange: (r) => b(r.target.value),
@@ -75,8 +75,8 @@ const R = ({
                 href: u,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: B(
-                  w({
+                className: v(
+                  C({
                     variant: "body",
                     size: "base",
                     weight: "medium",
@@ -93,7 +93,7 @@ const R = ({
                 {
                   variant: "link",
                   size: "icon",
-                  icon: /* @__PURE__ */ e(z, {}),
+                  icon: /* @__PURE__ */ e(B, {}),
                   onClick: g,
                   "aria-label": t.editButton
                 }
@@ -104,7 +104,7 @@ const R = ({
                   variant: "link",
                   size: "icon",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(C, {}),
+                  icon: /* @__PURE__ */ e(w, {}),
                   onClick: k,
                   "aria-label": t.removeButton
                 }

package/dist/components/TextEditor/TextEditor.js

@@ -6,13 +6,13 @@ import Z from "@tiptap/extension-placeholder";
 import { useEditor as tt, EditorContent as et } from "@tiptap/react";
 import rt from "@tiptap/starter-kit";
 import { cva as ot } from "class-variance-authority";
-import { EditorToolbar as nt } from "./EditorToolbar.js";
-import { LinkBubbleMenu as it } from "./LinkBubbleMenu.js";
-import { useLinkEditor as st } from "./useLinkEditor.js";
-import { useMuzaTranslations as lt } from "../../translations/TranslationContext.js";
-import { FormField as at } from "../FormField/FormField.js";
+import { useMuzaTranslations as nt } from "../../translations/TranslationContext.js";
 import { cn as x } from "../../utils/cn.js";
-import { typographyVariants as ct } from "../Typography/Typography.js";
+import { FormField as it } from "../FormField/FormField.js";
+import { typographyVariants as st } from "../Typography/Typography.js";
+import { EditorToolbar as lt } from "./EditorToolbar.js";
+import { LinkBubbleMenu as at } from "./LinkBubbleMenu.js";
+import { useLinkEditor as ct } from "./useLinkEditor.js";
 const mt = ot(
   [
     "overflow-hidden rounded-xl border bg-surface-base-secondary transition-colors",
@@ -61,7 +61,7 @@ const mt = ot(
     maxLength: o,
     showCharacterCount: j
   }, A) => {
-    const _ = lt(), [B, k] = G(0), m = {
+    const _ = nt(), [B, k] = G(0), m = {
       history: s.history ?? !0,
       headings: s.headings ?? !0,
       formatting: s.formatting ?? !0,
@@ -162,11 +162,11 @@ const mt = ot(
       }),
       [t]
     );
-    const r = st(t), y = Q(null), $ = i ? "disabled" : a ? "error" : "default", I = typeof a == "string" ? a : void 0, K = `${Math.max(R, 200)}px`, W = j && o != null ? /* @__PURE__ */ p(
+    const r = ct(t), y = Q(null), $ = i ? "disabled" : a ? "error" : "default", I = typeof a == "string" ? a : void 0, K = `${Math.max(R, 200)}px`, W = j && o != null ? /* @__PURE__ */ p(
       "span",
       {
         className: x(
-          ct({
+          st({
             variant: "body",
             weight: "regular",
             size: "sm"
@@ -185,7 +185,7 @@ const mt = ot(
       resize: S && !i ? "vertical" : "none"
     };
     return /* @__PURE__ */ l("div", { ref: y, children: /* @__PURE__ */ l(
-      at,
+      it,
       {
         label: L,
         hint: I || M,
@@ -197,7 +197,7 @@ const mt = ot(
         labelRight: W,
         children: /* @__PURE__ */ p("div", { className: mt({ state: $ }), children: [
           O && /* @__PURE__ */ l(
-            nt,
+            lt,
             {
               editor: t,
               toolbarConfig: m,
@@ -227,7 +227,7 @@ const mt = ot(
                   }
                 ),
                 t && m.link && /* @__PURE__ */ l(
-                  it,
+                  at,
                   {
                     editor: t,
                     containerRef: y,

package/dist/components/TextEditor/index.js

@@ -0,0 +1,9 @@
+import { TextEditor as t } from "./TextEditor.js";
+import { ToolbarButton as e, toolbarButtonVariants as p } from "./ToolbarButton.js";
+import { ToolbarSeparator as b } from "./ToolbarSeparator.js";
+export {
+  t as TextEditor,
+  e as ToolbarButton,
+  b as ToolbarSeparator,
+  p as toolbarButtonVariants
+};

package/dist/components/Textarea/Textarea.js

@@ -1,8 +1,8 @@
 import { jsxs as G, jsx as l } from "react/jsx-runtime";
 import { forwardRef as H, useId as U, useRef as W, useState as B } from "react";
 import { cva as x } from "class-variance-authority";
-import { FormField as D } from "../FormField/FormField.js";
 import { cn as h } from "../../utils/cn.js";
+import { FormField as D } from "../FormField/FormField.js";
 import { typographyVariants as b } from "../Typography/Typography.js";
 const E = x(
   [

package/dist/components/Textarea/index.js

@@ -0,0 +1,4 @@
+import { Textarea as a } from "./Textarea.js";
+export {
+  a as Textarea
+};

package/dist/components/TimePicker/TimePicker.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Input as i } from "../Input/Input.js";
-import { ClockCircleBold as m } from "@solar-icons/react-perf";
+import { ClockCircleBold as i } from "@solar-icons/react-perf";
+import { Input as m } from "../Input/Input.js";
 const s = ({ placeholder: e, ...o }) => /* @__PURE__ */ t(
-  i,
+  m,
   {
     type: e ? "text" : "time",
     placeholder: e,
-    suffix: /* @__PURE__ */ t(m, { className: "size-icon-medium text-icon-dark-secondary-def" }),
+    suffix: /* @__PURE__ */ t(i, { className: "size-icon-medium text-icon-dark-secondary-def" }),
     onFocus: () => document.activeElement.type = "time",
     ...o
   }

package/dist/components/TimePicker/index.js

@@ -0,0 +1,4 @@
+import { TimePicker as i } from "./TimePicker.js";
+export {
+  i as TimePicker
+};

package/dist/components/Toast/Toast.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import "react";
 import { toast as c } from "sonner";
-import { XClose as n } from "../Icons/CustomIcons.js";
-import { cn as u } from "../../utils/cn.js";
-import { DangerTriangleOutline as g, UnreadOutline as x } from "@solar-icons/react-perf";
+import { cn as n } from "../../utils/cn.js";
+import { DangerTriangleOutline as u, UnreadOutline as g } from "@solar-icons/react-perf";
+import { XClose as x } from "../Icons/CustomIcons.js";
 import { Typography as d } from "../Typography/Typography.js";
 const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
   dismissible: s.closable,
@@ -22,7 +22,7 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
 }) => /* @__PURE__ */ m(
   "div",
   {
-    className: u(
+    className: n(
       "flex items-center gap-comp-alert-gap-sm rounded-xl p-xl",
       {
         "bg-comp-toast-bg-warning text-comp-toast-text-warning": t === "warning",
@@ -35,8 +35,8 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
     children: [
       /* @__PURE__ */ m("div", { className: "[&>svg]:size-comp-alert-ico-size", children: [
         r,
-        !r && (t === "error" || t === "warning" || t === "info") && /* @__PURE__ */ e(g, {}),
-        !r && t === "success" && /* @__PURE__ */ e(x, {})
+        !r && (t === "error" || t === "warning" || t === "info") && /* @__PURE__ */ e(u, {}),
+        !r && t === "success" && /* @__PURE__ */ e(g, {})
       ] }),
       /* @__PURE__ */ e(
         d,
@@ -58,7 +58,7 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
           onClick: () => {
             c.dismiss(s), i == null || i();
           },
-          children: /* @__PURE__ */ e(n, { className: "size-comp-alert-ico-size" })
+          children: /* @__PURE__ */ e(x, { className: "size-comp-alert-ico-size" })
         }
       )
     ]

package/dist/components/Toast/index.js

@@ -0,0 +1,7 @@
+import { ToastContainer as r } from "./ToastContainer.js";
+import { Toast as e, toast as s } from "./Toast.js";
+export {
+  e as Toast,
+  r as ToastContainer,
+  s as toast
+};

package/dist/components/Toggle/index.js

@@ -0,0 +1,5 @@
+import { Toggle as e, toggleVariants as r } from "./Toggle.js";
+export {
+  e as Toggle,
+  r as toggleVariants
+};

package/dist/components/ToggleCheckButton/index.js

@@ -0,0 +1,5 @@
+import { ToggleCheckButton as e, toggleCheckButtonVariants as g } from "./ToggleCheckButton.js";
+export {
+  e as ToggleCheckButton,
+  g as toggleCheckButtonVariants
+};

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -2,8 +2,8 @@ import { jsx as e } from "react/jsx-runtime";
 import * as g from "react";
 import * as l from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
-import { Toggle as m } from "../Toggle/Toggle.js";
-import { cn as p } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
+import { Toggle as p } from "../Toggle/Toggle.js";
 const n = g.createContext({
   variant: "default"
 }), f = ({
@@ -16,7 +16,7 @@ const n = g.createContext({
   {
     "data-slot": "toggle-group",
     "data-variant": t,
-    className: p(
+    className: m(
       "group/toggle-group flex w-fit flex-wrap items-center gap-xs",
       r
     ),
@@ -38,7 +38,7 @@ const n = g.createContext({
       ...o,
       asChild: !0,
       children: /* @__PURE__ */ e(
-        m,
+        p,
         {
           variant: t ?? i.variant ?? void 0,
           title: o.title,

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,5 @@
+import { ToggleGroup as g, ToggleGroupItem as r } from "./ToggleGroup.js";
+export {
+  g as ToggleGroup,
+  r as ToggleGroupItem
+};