@vkzstudio/muza-ui 1.5.1 → 1.6.0

package/dist/components/Select/SelectTrigger.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SelectTrigger } from './SelectTrigger';
+declare const meta: Meta<typeof SelectTrigger>;
+export default meta;
+type Story = StoryObj<typeof SelectTrigger>;
+export declare const Default: Story;
+export declare const AsDropdownMenuTrigger: Story;
+export declare const OpenState: Story;
+export declare const AllSizes: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=SelectTrigger.stories.d.ts.map

package/dist/components/Select/SelectTrigger.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAiB3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA8DpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KA8BnC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA6BvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAA"}

package/dist/components/Select/index.d.ts

@@ -1,2 +1,4 @@
 export { Select, type ISelectOption, type ISelectProps } from './Select';
+export { SelectTrigger, type ISelectTriggerProps } from './SelectTrigger';
+export { triggerWrapperVariants } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Select/index.js

@@ -0,0 +1,8 @@
+import { Select as t } from "./Select.js";
+import { SelectTrigger as p } from "./SelectTrigger.js";
+import { triggerWrapperVariants as a } from "./utils.js";
+export {
+  t as Select,
+  p as SelectTrigger,
+  a as triggerWrapperVariants
+};

package/dist/components/Select/utils.d.ts

@@ -1,7 +1,16 @@
+/**
+ * Styling for the `Select` trigger button.
+ *
+ * Exported as an escape hatch for cases that cannot use the `SelectTrigger`
+ * component itself. Prefer `SelectTrigger` — it also owns the label truncation
+ * and the chevron.
+ *
+ * The expanded border is driven by `data-state="open"`, which Radix sets on any
+ * trigger (Select, DropdownMenu, Popover…), so no `expanded` flag is needed.
+ */
 export declare const triggerWrapperVariants: (props?: ({
     size?: "xs" | "sm" | "lg" | "base" | null | undefined;
     error?: boolean | null | undefined;
-    expanded?: boolean | null | undefined;
     hasIcon?: boolean | null | undefined;
     hasDescription?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Select/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Select/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;;8EAkClC,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Select/utils.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;8EAgClC,CAAA"}

package/dist/components/Select/utils.js

@@ -1,10 +1,11 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
+const o = e(
   [
     "flex w-full cursor-pointer items-center gap-sm rounded-full border border-comp-select-stroke-def",
     "overflow-hidden bg-comp-select-fill-def whitespace-nowrap focus-visible-default transition-colors",
     "hover:border-comp-select-stroke-hover",
     "focus-visible:border-comp-select-stroke-focused",
+    "data-[state=open]:border-comp-select-stroke-focused",
     "disabled:cursor-not-allowed disabled:border-comp-select-stroke-disabled disabled:bg-comp-select-fill-disabled"
   ],
   {
@@ -18,9 +19,6 @@ const r = e(
       error: {
         true: "border-comp-select-stroke-error-def"
       },
-      expanded: {
-        true: "border-comp-select-stroke-focused"
-      },
       hasIcon: {
         false: "pl-comp-select-p-large"
       },
@@ -35,5 +33,5 @@ const r = e(
   }
 );
 export {
-  r as triggerWrapperVariants
+  o as triggerWrapperVariants
 };

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
+};