@vkzstudio/muza-ui 1.0.47 → 1.1.0

package/dist/components/SwipeButton/SwipeButton.js

@@ -1,21 +1,16 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { useRef as D, useState as B, useEffect as N } from "react";
-import { SwipeLoadingIcon as U } from "./SwipeLoadingIcon.js";
-import { swipeButtonProgressVariants as _ } from "./swipeButtonProgressVariants.js";
-import { swipeButtonSliderVariants as q } from "./swipeButtonSliderVariants.js";
-import { swipeButtonVariants as G } from "./swipeButtonVariants.js";
-import { useMuzaTranslations as H } from "../../translations/TranslationContext.js";
-import { useMotionValue as J } from "../../node_modules/framer-motion/dist/es/value/use-motion-value.js";
-import { useTransform as T } from "../../node_modules/framer-motion/dist/es/value/use-transform.js";
-import { useMotionValueEvent as Q } from "../../node_modules/framer-motion/dist/es/utils/use-motion-value-event.js";
-import { animate as u } from "../../node_modules/framer-motion/dist/es/animation/animate/index.js";
-import { motion as E } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { DoubleArrowRight as X } from "../Icons/CustomIcons.js";
-import { useDragControls as Z } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+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 { cn as y } from "../../utils/cn.js";
 import { Typography as V } from "../Typography/Typography.js";
 import { UnreadOutline as ee } from "@solar-icons/react-perf";
-const ve = ({
+const de = ({
   text: z,
   successText: L,
   loadingText: M,
@@ -23,7 +18,7 @@ const ve = ({
   size: o = "md",
   fullWidth: A = !1,
   loading: t = !1,
-  success: n = !1,
+  success: a = !1,
   disabled: i = !1,
   danger: h = !1,
   onSwipeComplete: f,
@@ -31,41 +26,41 @@ const ve = ({
   onResetComplete: I,
   className: C
 }) => {
-  const v = H(), O = L ?? v.swipeButton.successText, R = M ?? v.swipeButton.loadingText, j = v.swipeButton.processingAriaLabel, K = D(null), m = D(null), d = D(null), [a, W] = B(0), [x, l] = B(!1), g = Z(), r = J(0), Y = T(r, [0, a], [0, 1]), k = T(r, [0, a * 0.5], [1, 0]), P = T(
+  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(
     Y,
     (e) => `calc(${e}*(100% - var(--slider-size) - 2px) + var(--slider-size))`
-  ), c = !t && !n && !p || i;
+  ), c = !t && !a && !p || i;
   N(() => {
     const e = () => {
-      d.current && m.current && W(
-        m.current.offsetWidth - d.current.offsetWidth
+      d.current && l.current && W(
+        l.current.offsetWidth - d.current.offsetWidth
       );
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [d, m, o]), Q(r, "change", (e) => {
+  }, [d, l, o]), q(n, "change", (e) => {
     if (c)
-      e / a >= 0.9 && !p ? l(!0) : l(!1);
+      e / r >= 0.9 && !p ? m(!0) : m(!1);
     else return;
   }), N(() => {
-    x && (u(r, a, {
+    x && (u(n, r, {
       type: "tween",
       duration: 0.15,
       ease: "easeOut"
     }), g.cancel(), f == null || f());
-  }, [g, x, a, f, r]), N(() => {
-    p ? (l(!1), u(r, 0, {
+  }, [g, x, r, f, n]), N(() => {
+    p ? (m(!1), u(n, 0, {
       type: "tween",
       duration: 0.25,
       ease: "easeOut",
       onComplete: I
-    })) : (n || t) && u(r, a, {
+    })) : (a || t) && u(n, r, {
       type: "tween",
       duration: 0.15,
       ease: "easeOut"
     });
-  }, [p, t, a, n, I, r]);
+  }, [p, t, r, a, I, n]);
   const $ = () => {
-    !c || x || u(r, 0, { type: "tween", duration: 0.25, ease: "easeOut" });
+    !c || x || u(n, 0, { type: "tween", duration: 0.25, ease: "easeOut" });
   };
   return /* @__PURE__ */ b(
     "button",
@@ -73,21 +68,21 @@ const ve = ({
       ref: K,
       tabIndex: i ? -1 : 0,
       role: "button",
-      "aria-label": n ? O : t ? j : z,
+      "aria-label": a ? O : t ? j : z,
       "aria-disabled": !!i,
       "aria-busy": !!t,
       onKeyDown: (e) => {
-        c && (e.key === "Enter" || e.key === " ") && (x ? u(r, 0, {
+        c && (e.key === "Enter" || e.key === " ") && (x ? u(n, 0, {
           type: "tween",
           duration: 0.25,
           ease: "easeOut",
-          onComplete: () => l(!1)
-        }) : l(!0));
+          onComplete: () => m(!1)
+        }) : m(!0));
       },
       "data-danger": h,
       disabled: i,
       className: y(
-        G({ variant: w, size: o, loading: t, fullWidth: A, disabled: i }),
+        Q({ variant: w, size: o, loading: t, fullWidth: A, disabled: i }),
         C
       ),
       style: {
@@ -97,7 +92,7 @@ const ve = ({
         /* @__PURE__ */ s(
           E.div,
           {
-            style: { opacity: n || t ? 1 : k },
+            style: { opacity: a || t ? 1 : k },
             className: "pointer-events-none flex items-center justify-center",
             children: /* @__PURE__ */ s(
               V,
@@ -116,7 +111,7 @@ const ve = ({
         /* @__PURE__ */ b(
           "div",
           {
-            ref: m,
+            ref: l,
             className: "absolute inset-comp-button-p-xxs",
             children: [
               /* @__PURE__ */ s(
@@ -124,7 +119,7 @@ const ve = ({
                 {
                   className: y(
                     "absolute rounded-full",
-                    _({
+                    H({
                       variant: w,
                       interactive: c,
                       danger: h,
@@ -139,16 +134,16 @@ const ve = ({
                 {
                   ref: d,
                   className: y(
-                    q({
+                    J({
                       variant: w,
                       interactive: c,
                       danger: h
                     })
                   ),
-                  style: { x: r, touchAction: "none" },
+                  style: { x: n, touchAction: "none" },
                   dragControls: g,
                   drag: c ? "x" : !1,
-                  dragConstraints: m,
+                  dragConstraints: l,
                   dragElastic: 0,
                   dragTransition: { power: 0, timeConstant: 0 },
                   onDragEnd: $,
@@ -162,9 +157,9 @@ const ve = ({
                     } : { duration: 0.2 }
                   },
                   children: [
-                    n && /* @__PURE__ */ s(ee, { className: "size-icon-small" }),
-                    t && !n && /* @__PURE__ */ s(U, { className: "size-icon-small" }),
-                    !t && !n && /* @__PURE__ */ s(X, { className: "size-icon-small" })
+                    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" })
                   ]
                 }
               )
@@ -173,7 +168,7 @@ const ve = ({
         ),
         [
           { textContent: R, condition: t },
-          { textContent: O, condition: n }
+          { textContent: O, condition: a }
         ].map(
           ({ textContent: e, condition: F }, S) => e && /* @__PURE__ */ s(
             V,
@@ -202,5 +197,5 @@ const ve = ({
   );
 };
 export {
-  ve as SwipeButton
+  de as SwipeButton
 };

package/dist/components/Tag/Tag.js

@@ -2,7 +2,7 @@ import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import "react";
 import { Slot as m } from "@radix-ui/react-slot";
 import { cva as d } from "class-variance-authority";
-import f from "../../node_modules/color/index.js";
+import f from "color";
 import { cn as x } from "../../utils/cn.js";
 import { Typography as b } from "../Typography/Typography.js";
 const u = d(

package/dist/components/TextEditor/LinkBubbleMenu.js

@@ -1,7 +1,7 @@
 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 "../../node_modules/@tiptap/react/dist/index.js";
-/* empty css                                                    */
+import { BubbleMenu as y } from "@tiptap/react";
+import "tippy.js/animations/shift-away.css";
 import { Button as o } from "../Button/Button.js";
 import { Flex as l } from "../Flex/Flex.js";
 import { Input as v } from "../Input/Input.js";

package/dist/components/TextEditor/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextEditor/TextEditor.js

@@ -1,10 +1,10 @@
 import { jsxs as p, jsx as l } from "react/jsx-runtime";
 import { forwardRef as D, useState as G, useEffect as u, useImperativeHandle as J, useRef as Q } from "react";
-import { CharacterCount as X } from "../../node_modules/@tiptap/extension-character-count/dist/index.js";
-import { Link as Y } from "../../node_modules/@tiptap/extension-link/dist/index.js";
-import { Placeholder as Z } from "../../node_modules/@tiptap/extension-placeholder/dist/index.js";
-import { useEditor as tt, EditorContent as et } from "../../node_modules/@tiptap/react/dist/index.js";
-import { StarterKit as rt } from "../../node_modules/@tiptap/starter-kit/dist/index.js";
+import X from "@tiptap/extension-character-count";
+import Y from "@tiptap/extension-link";
+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";
@@ -61,7 +61,7 @@ const mt = ot(
     maxLength: o,
     showCharacterCount: j
   }, A) => {
-    const k = lt(), [B, y] = G(0), m = {
+    const _ = lt(), [B, k] = G(0), m = {
       history: s.history ?? !0,
       headings: s.headings ?? !0,
       formatting: s.formatting ?? !0,
@@ -100,7 +100,7 @@ const mt = ot(
       editable: !i && !f,
       onUpdate: ({ editor: e }) => {
         const b = e.getText().trim(), g = e.getHTML();
-        o != null && y(e.storage.characterCount.characters()), d == null || d(b.length === 0 ? "" : g);
+        o != null && k(e.storage.characterCount.characters()), d == null || d(b.length === 0 ? "" : g);
       },
       onBlur: C,
       onFocus: T,
@@ -118,8 +118,11 @@ const mt = ot(
               // Text formatting
               "[&_strong]:text-text-dark-primary-def [&_strong]:font-semibold",
               "[&_em]:text-text-dark-primary-def",
-              // Links
+              // Links — same underline spec as TypographyLink so editor
+              // output renders consistently with native muza-ui links.
               "[&_a]:text-text-brand-def [&_a]:underline",
+              "[&_a]:decoration-solid [&_a]:decoration-1 [&_a]:underline-offset-[16%]",
+              "[&_a]:[text-decoration-skip-ink:auto] [&_a]:[text-underline-position:from-font]",
               // Lists
               "[&_ul]:my-2 [&_ul]:ml-6 [&_ul]:list-disc",
               "[&_ol]:my-2 [&_ol]:ml-6 [&_ol]:list-decimal",
@@ -145,7 +148,7 @@ const mt = ot(
     }, [t, n]), u(() => {
       t && t.setEditable(!i && !f);
     }, [t, i, f]), u(() => {
-      t && o != null && y(t.storage.characterCount.characters());
+      t && o != null && k(t.storage.characterCount.characters());
     }, [t, o, n]), J(
       A,
       () => ({
@@ -159,7 +162,7 @@ const mt = ot(
       }),
       [t]
     );
-    const r = st(t), _ = 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 = 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(
       "span",
       {
         className: x(
@@ -181,7 +184,7 @@ const mt = ot(
       maxHeight: c ? typeof c == "number" ? `${c}px` : c : void 0,
       resize: S && !i ? "vertical" : "none"
     };
-    return /* @__PURE__ */ l("div", { ref: _, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l("div", { ref: y, children: /* @__PURE__ */ l(
       at,
       {
         label: L,
@@ -199,7 +202,7 @@ const mt = ot(
               editor: t,
               toolbarConfig: m,
               disabled: i,
-              translations: k.textEditor,
+              translations: _.textEditor,
               onLinkClick: r.handleLinkToolbarClick,
               toolbarExtra: h
             }
@@ -227,7 +230,7 @@ const mt = ot(
                   it,
                   {
                     editor: t,
-                    containerRef: _,
+                    containerRef: y,
                     linkUrl: r.linkUrl,
                     isEditingLink: r.isEditingLink,
                     onUrlChange: r.setLinkUrl,
@@ -235,7 +238,7 @@ const mt = ot(
                     onSave: r.handleSaveLink,
                     onRemove: r.handleRemoveLink,
                     onCancel: r.handleCancelEdit,
-                    translations: k.textEditor
+                    translations: _.textEditor
                   }
                 )
               ]

package/dist/components/TextEditor/TextEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0JjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KA6DvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAsCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA0CjC,CAAA"}
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0JjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAmFvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAsCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAoDjC,CAAA"}

package/dist/components/Toast/Toast.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Toast>;
 export default meta;
 type Story = StoryObj<typeof Toast>;
 export declare const Warning: Story;
+export declare const OpenState: Story;
 export declare const Success: Story;
 export declare const Error: Story;
 export declare const AllOptions: Story;

package/dist/components/Toast/Toast.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAA;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkCnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgExB,CAAA"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAA;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkCnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgExB,CAAA"}

package/dist/components/Toggle/Toggle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6D7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwF/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA"}
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6D7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwH/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA"}

package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleCheckButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleCheckButton/ToggleCheckButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmCxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiEvB,CAAA"}
+{"version":3,"file":"ToggleCheckButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleCheckButton/ToggleCheckButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmCxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmFvB,CAAA"}

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAA;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAqDlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA4BnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6DzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA"}
+{"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAA;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAqDlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA4BnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6DzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAyF/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA"}

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -4,5 +4,6 @@ declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;
 export declare const DefaultTooltipComponent: Story;
+export declare const OpenState: Story;
 export declare const PrefferedSideBottom: Story;
 //# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/components/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8C9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8C9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}

package/dist/components/Typography/Typography.d.ts

@@ -6,9 +6,10 @@ export declare const typographyVariants: (props?: ({
     variant?: "title" | "body" | "paragraph" | "cta" | null | undefined;
     uppercase?: boolean | null | undefined;
     fixY?: boolean | null | undefined;
+    lineThrough?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** Props for the Typography component. */
-export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, Omit<VariantProps<typeof typographyVariants>, 'variant' | 'size' | 'weight' | 'uppercase' | 'fixY'> {
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, Omit<VariantProps<typeof typographyVariants>, 'variant' | 'size' | 'weight' | 'uppercase' | 'fixY' | 'lineThrough'> {
     /**
      * Sets the semantic HTML element to render. Pass `null` or `undefined` to default to `<p>`.
      *
@@ -27,6 +28,14 @@ export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, Omit
     uppercase?: boolean;
     /** Applies vertical text alignment fix for optical centering. @default false */
     fixY?: boolean;
+    /**
+     * Renders the text with `line-through` and skips the underline-specific
+     * decoration spec (offset, `text-decoration-skip-ink`,
+     * `text-underline-position`) that would otherwise shift the strike in
+     * some browsers. Use for crossed-out text such as old prices.
+     * @default false
+     */
+    lineThrough?: boolean;
 }
 declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
 export { Typography };

package/dist/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,kBAAkB;;;;;;8EAqD7B,CAAA;AAEF,0CAA0C;AAC1C,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,IAAI,CACF,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CACrD;IACH;;;;OAIG;IACH,SAAS,EACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,QAAQ,GACR,GAAG,GACH,GAAG,GACH,OAAO,GACP,IAAI,GACJ,SAAS,CAAA;IACb,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,KAAK,CAAA;IAChD,mFAAmF;IACnF,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAA;IACX,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChD,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,UAAU,qFAyCf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,kBAAkB;;;;;;;8EAmE9B,CAAA;AAED,0CAA0C;AAC1C,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,IAAI,CACF,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CACrE;IACH;;;;OAIG;IACH,SAAS,EACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,QAAQ,GACR,GAAG,GACH,GAAG,GACH,OAAO,GACP,IAAI,GACJ,SAAS,CAAA;IACb,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,KAAK,CAAA;IAChD,mFAAmF;IACnF,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAA;IACX,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChD,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,UAAU,qFA2Cf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Typography/Typography.js

@@ -1,62 +1,75 @@
 import * as t from "react";
-import { cva as d } from "class-variance-authority";
-import { cn as p } from "../../utils/cn.js";
-const f = d(["text-inherit"], {
-  variants: {
-    size: {
-      "7xl": "text-7xl leading-[120%] tracking-[-0.0347em]",
-      "6xl": "text-6xl leading-[120%] tracking-[-0.03906em]",
-      "5xl": "text-5xl leading-[120%] tracking-[-0.04464em]",
-      "4xl": "text-4xl leading-[120%] tracking-[-0.03125em]",
-      "3xl": "text-3xl leading-[120%] tracking-[-0.0375em]",
-      "2xl": "text-2xl leading-[130%] tracking-[-0.03125em]",
-      xl: "text-xl leading-[130%] tracking-[-0.02083em]",
-      lg: "text-lg leading-[140%] tracking-[-0.0125em]",
-      md: "text-md leading-[140%] tracking-[-0.01389em]",
-      base: "text-sm leading-[140%] tracking-[-0.01562em]",
-      sm: "text-xs leading-[140%] tracking-normal",
-      caption: "text-2xs leading-[140%] tracking-normal",
-      input: "text-input leading-[140%] tracking-normal"
-    },
-    weight: {
-      light: "font-light",
-      regular: "font-regular",
-      medium: "font-medium",
-      bold: "font-bold"
-    },
-    variant: {
-      title: "font-heading",
-      // Future proofing
-      body: "font-text",
-      // Future proofing
-      paragraph: "font-text leading-[180%]",
-      cta: "font-cta leading-[120%]"
-    },
-    uppercase: {
-      true: "tracking-normal uppercase",
-      false: ""
+import { cva as p } from "class-variance-authority";
+import { cn as f } from "../../utils/cn.js";
+const u = p(
+  ["text-inherit", "decoration-solid decoration-1"],
+  {
+    variants: {
+      size: {
+        "7xl": "text-7xl leading-[120%] tracking-[-0.0347em]",
+        "6xl": "text-6xl leading-[120%] tracking-[-0.03906em]",
+        "5xl": "text-5xl leading-[120%] tracking-[-0.04464em]",
+        "4xl": "text-4xl leading-[120%] tracking-[-0.03125em]",
+        "3xl": "text-3xl leading-[120%] tracking-[-0.0375em]",
+        "2xl": "text-2xl leading-[130%] tracking-[-0.03125em]",
+        xl: "text-xl leading-[130%] tracking-[-0.02083em]",
+        lg: "text-lg leading-[140%] tracking-[-0.0125em]",
+        md: "text-md leading-[140%] tracking-[-0.01389em]",
+        base: "text-sm leading-[140%] tracking-[-0.01562em]",
+        sm: "text-xs leading-[140%] tracking-normal",
+        caption: "text-2xs leading-[140%] tracking-normal",
+        input: "text-input leading-[140%] tracking-normal"
+      },
+      weight: {
+        light: "font-light",
+        regular: "font-regular",
+        medium: "font-medium",
+        bold: "font-bold"
+      },
+      variant: {
+        title: "font-heading",
+        // Future proofing
+        body: "font-text",
+        // Future proofing
+        paragraph: "font-text leading-[180%]",
+        cta: "font-cta leading-[120%]"
+      },
+      uppercase: {
+        true: "tracking-normal uppercase",
+        false: ""
+      },
+      fixY: {
+        true: "fix-y-text",
+        false: ""
+      },
+      // The underline rendering spec (offset, skip-ink, position from-font)
+      // is underline-specific per the CSS spec but visibly shifts
+      // `line-through` in some browsers. We apply it by default so it takes
+      // effect whenever `text-decoration-line` adds an underline, and turn
+      // it off when the consumer opts into `line-through` rendering.
+      lineThrough: {
+        true: "line-through",
+        false: "underline-offset-[16%] [text-decoration-skip-ink:auto] [text-underline-position:from-font]"
+      }
     },
-    fixY: {
-      true: "fix-y-text",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      variant: ["cta", "body"],
-      size: ["sm", "caption", "input"],
-      fixY: !0,
-      class: "fix-y-text-1"
+    compoundVariants: [
+      {
+        variant: ["cta", "body"],
+        size: ["sm", "caption", "input"],
+        fixY: !0,
+        class: "fix-y-text-1"
+      }
+    ],
+    defaultVariants: {
+      variant: "body",
+      size: "base",
+      weight: "regular",
+      uppercase: !1,
+      fixY: !1,
+      lineThrough: !1
     }
-  ],
-  defaultVariants: {
-    variant: "body",
-    size: "base",
-    weight: "regular",
-    uppercase: !1,
-    fixY: !1
   }
-}), u = t.forwardRef(
+), h = t.forwardRef(
   ({
     component: e,
     size: a,
@@ -64,35 +77,37 @@ const f = d(["text-inherit"], {
     weight: i,
     uppercase: r,
     fixY: l,
+    lineThrough: o,
     className: g,
     children: x,
-    ...o
-  }, m) => {
-    const c = e ?? "p", s = {
-      className: p(
-        f({
+    ...s
+  }, c) => {
+    const m = e ?? "p", d = {
+      className: f(
+        u({
           size: a,
           variant: n,
           weight: i,
           uppercase: r,
           fixY: l,
+          lineThrough: o,
           className: g
         })
       ),
-      ...o
+      ...s
     };
     return t.createElement(
-      c,
+      m,
       {
-        ...s,
-        ref: m
+        ...d,
+        ref: c
       },
       x
     );
   }
 );
-u.displayName = "Typography";
+h.displayName = "Typography";
 export {
-  u as Typography,
-  f as typographyVariants
+  h as Typography,
+  u as typographyVariants
 };

package/dist/components/Typography/Typography.stories.d.ts

@@ -13,5 +13,6 @@ export declare const WeightVariations: Story;
 export declare const UppercaseExample: Story;
 export declare const VariantComparison: Story;
 export declare const RealWorldExample: Story;
+export declare const Decorations: Story;
 export declare const Playground: Story;
 //# sourceMappingURL=Typography.stories.d.ts.map

package/dist/components/Typography/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgFjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAuCxC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuE3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAsErB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwD/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA4H9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAwDjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAuCxC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuE3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAsErB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwD/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA4H9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsIzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}