@vkzstudio/muza-ui 1.0.0 → 1.0.2

package/dist/components/SwipeButton/SwipeButton.js

@@ -0,0 +1,205 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { useRef as D, useState as V, useEffect as N } from "react";
+import { SwipeLoadingIcon as A } from "./SwipeLoadingIcon.js";
+import { swipeButtonProgressVariants as $ } from "./swipeButtonProgressVariants.js";
+import { swipeButtonSliderVariants as F } from "./swipeButtonSliderVariants.js";
+import { swipeButtonVariants as S } from "./swipeButtonVariants.js";
+import { useDragControls as U } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { useMotionValue as _ } from "../../node_modules/framer-motion/dist/es/value/use-motion-value.js";
+import { useTransform as b } 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 f } 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 { Typography as B } from "../Typography/Typography.js";
+import { DoubleArrowRight as G } from "../Icons/CustomIcons.js";
+import { cn as x } from "../../utils/cn.js";
+import { UnreadOutline as H } from "@solar-icons/react-perf";
+const pe = ({
+  text: I,
+  successText: O = "success",
+  loadingText: C = "loading",
+  variant: w = "primary",
+  size: s = "md",
+  fullWidth: M = !1,
+  loading: t = !1,
+  success: a = !1,
+  disabled: i = !1,
+  danger: h = !1,
+  onSwipeComplete: u,
+  reset: p,
+  onResetComplete: z,
+  className: R
+}) => {
+  const T = D(null), l = D(null), d = D(null), [n, j] = V(0), [y, c] = V(!1), v = U(), r = _(0), K = b(r, [0, n], [0, 1]), L = b(r, [0, n * 0.5], [1, 0]), P = b(
+    K,
+    (e) => `calc(${e}*(100% - var(--slider-size) - 2px) + var(--slider-size))`
+  ), m = !t && !a && !p || i;
+  N(() => {
+    const e = () => {
+      d.current && l.current && j(
+        l.current.offsetWidth - d.current.offsetWidth
+      );
+    };
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [d, l, s]), q(r, "change", (e) => {
+    if (m)
+      e / n >= 0.9 && !p ? c(!0) : c(!1);
+    else return;
+  }), N(() => {
+    y && (f(r, n, {
+      type: "tween",
+      duration: 0.15,
+      ease: "easeOut"
+    }), v.cancel(), u == null || u());
+  }, [v, y, n, u, r]), N(() => {
+    p ? (c(!1), f(r, 0, {
+      type: "tween",
+      duration: 0.25,
+      ease: "easeOut",
+      onComplete: z
+    })) : (a || t) && f(r, n, {
+      type: "tween",
+      duration: 0.15,
+      ease: "easeOut"
+    });
+  }, [p, t, n, a, z, r]);
+  const W = () => {
+    !m || y || f(r, 0, { type: "tween", duration: 0.25, ease: "easeOut" });
+  };
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      ref: T,
+      tabIndex: i ? -1 : 0,
+      role: "button",
+      "aria-label": a ? O : t ? "Processing..." : I,
+      "aria-disabled": !!i,
+      "aria-busy": !!t,
+      onKeyDown: (e) => {
+        m && (e.key === "Enter" || e.key === " ") && (y ? f(r, 0, {
+          type: "tween",
+          duration: 0.25,
+          ease: "easeOut",
+          onComplete: () => c(!1)
+        }) : c(!0));
+      },
+      "data-danger": h,
+      disabled: i,
+      className: x(
+        S({ variant: w, size: s, loading: t, fullWidth: M, disabled: i }),
+        R
+      ),
+      style: {
+        "--slider-size": `calc(var(--spacing-comp-button-h-${s === "md" ? "def" : s}) - 2px - 2*var(--spacing-comp-button-p-xxs))`
+      },
+      children: [
+        /* @__PURE__ */ o(
+          E.div,
+          {
+            style: { opacity: a || t ? 1 : L },
+            className: "pointer-events-none flex items-center justify-center",
+            children: /* @__PURE__ */ o(
+              B,
+              {
+                component: "span",
+                variant: "cta",
+                size: s === "sm" ? "sm" : "base",
+                weight: "medium",
+                className: "relative fix-y-text",
+                fixY: !0,
+                children: I
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ g(
+          "div",
+          {
+            ref: l,
+            className: "absolute inset-comp-button-p-xxs",
+            children: [
+              /* @__PURE__ */ o(
+                E.div,
+                {
+                  className: x(
+                    "absolute rounded-full",
+                    $({
+                      variant: w,
+                      interactive: m,
+                      danger: h,
+                      disabled: i
+                    })
+                  ),
+                  style: { width: P }
+                }
+              ),
+              /* @__PURE__ */ g(
+                E.div,
+                {
+                  ref: d,
+                  className: x(
+                    F({
+                      variant: w,
+                      interactive: m,
+                      danger: h
+                    })
+                  ),
+                  style: { x: r, touchAction: "none" },
+                  dragControls: v,
+                  drag: m ? "x" : !1,
+                  dragConstraints: l,
+                  dragElastic: 0,
+                  dragTransition: { power: 0, timeConstant: 0 },
+                  onDragEnd: W,
+                  animate: { rotate: t ? 360 : 0 },
+                  transition: {
+                    scale: { type: "tween", duration: 0.2 },
+                    rotate: t ? {
+                      duration: 1,
+                      repeat: Number.POSITIVE_INFINITY,
+                      ease: "linear"
+                    } : { duration: 0.2 }
+                  },
+                  children: [
+                    a && /* @__PURE__ */ o(H, { className: "size-icon-small" }),
+                    t && !a && /* @__PURE__ */ o(A, { className: "size-icon-small" }),
+                    !t && !a && /* @__PURE__ */ o(G, { className: "size-icon-small" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        [
+          { textContent: C, condition: t },
+          { textContent: O, condition: a }
+        ].map(
+          ({ textContent: e, condition: Y }, k) => e && /* @__PURE__ */ o(
+            B,
+            {
+              component: "span",
+              variant: "cta",
+              size: s === "sm" ? "sm" : "base",
+              weight: "medium",
+              fixY: !0,
+              className: x(
+                "pointer-events-none absolute z-10 w-max",
+                "top-[50%] left-[calc(50%-var(--slider-size)/2))]",
+                "translate-x-[-50%] translate-y-[-50%]",
+                "transition-500 opacity-0 transition-opacity",
+                {
+                  "opacity-100": Y
+                }
+              ),
+              children: e
+            },
+            k
+          )
+        )
+      ]
+    }
+  );
+};
+export {
+  pe as SwipeButton
+};

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

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react-vite';
-import { default as SwipeButton } from './SwipeButton';
+import { SwipeButtonProps } from './SwipeButton';
 declare const meta: {
     title: string;
-    component: typeof SwipeButton;
+    component: ({ text, successText, loadingText, variant, size, fullWidth, loading, success, disabled, danger, onSwipeComplete, reset, onResetComplete, className, }: SwipeButtonProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
         docs: {
@@ -19,7 +19,7 @@ declare const meta: {
     argTypes: {
         variant: {
             control: "select";
-            options: NonNullable<"primary" | "secondary" | "tertiary" | "invert" | "dashed" | null | undefined>[];
+            options: NonNullable<"invert" | "primary" | "secondary" | "tertiary" | null | undefined>[];
             description: string;
             table: {
                 defaultValue: {

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

@@ -1 +1 @@
-{"version":3,"file":"SwipeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,WAAsC,MAAM,eAAe,CAAA;AAWlE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsF0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAevB,CAAA;AAGD,eAAO,MAAM,iBAAiB,EAAE,KAkD/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAA;AA4BD,eAAO,MAAM,iBAAiB,EAAE,KAiH/B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAgK3B,CAAA"}
+{"version":3,"file":"SwipeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASlE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsF0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAGD,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAA;AA4BD,eAAO,MAAM,iBAAiB,EAAE,KAkH/B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAA"}

package/dist/components/SwipeButton/SwipeLoadingIcon.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+const i = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    ...t,
+    children: /* @__PURE__ */ r(
+      "circle",
+      {
+        cx: "12",
+        cy: "12",
+        r: "10",
+        strokeDasharray: "31.416",
+        strokeDashoffset: "31.416",
+        children: [
+          /* @__PURE__ */ e(
+            "animate",
+            {
+              attributeName: "stroke-dasharray",
+              dur: "2s",
+              values: "0 31.416;15.708 15.708;0 31.416",
+              repeatCount: "indefinite"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "animate",
+            {
+              attributeName: "stroke-dashoffset",
+              dur: "2s",
+              values: "0;-15.708;-31.416",
+              repeatCount: "indefinite"
+            }
+          )
+        ]
+      }
+    )
+  }
+);
+export {
+  i as SwipeLoadingIcon
+};

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

@@ -0,0 +1,2 @@
+export * from './SwipeButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/SwipeButton/swipeButtonProgressVariants.d.ts

@@ -1,6 +1,7 @@
 export declare const swipeButtonProgressVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | "invert" | "dashed" | null | undefined;
+    variant?: "invert" | "primary" | "secondary" | "tertiary" | null | undefined;
     danger?: boolean | null | undefined;
     interactive?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 //# sourceMappingURL=swipeButtonProgressVariants.d.ts.map

package/dist/components/SwipeButton/swipeButtonProgressVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeButtonProgressVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonProgressVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;;;8EA4EvC,CAAA"}
+{"version":3,"file":"swipeButtonProgressVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonProgressVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;;;;8EAsEvC,CAAA"}

package/dist/components/SwipeButton/swipeButtonProgressVariants.js

@@ -0,0 +1,75 @@
+import { cva as r } from "class-variance-authority";
+const o = r(
+  ["absolute inset-0 rounded-full", "transition-colors"],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-comp-button-primary-swipe-progress-def",
+          "hover:bg-comp-button-primary-swipe-progress-hover",
+          "group-focus-visible:bg-comp-button-primary-swipe-progress-focused",
+          "group-disabled:bg-comp-button-primary-swipe-progress-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-progress-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-progress-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-progress-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-progress-disabled"
+        ],
+        secondary: [
+          "bg-comp-button-secondary-swipe-progress-def",
+          "hover:bg-comp-button-secondary-swipe-progress-hover",
+          "group-focus-visible:bg-comp-button-secondary-swipe-progress-focused",
+          "group-disabled:bg-comp-button-secondary-swipe-progress-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-progress-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-progress-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-progress-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-progress-disabled"
+        ],
+        tertiary: [
+          "bg-comp-button-tertiary-swipe-progress-def",
+          "hover:bg-comp-button-tertiary-swipe-progress-hover",
+          "group-focus-visible:bg-comp-button-tertiary-swipe-progress-focused",
+          "group-disabled:bg-comp-button-tertiary-swipe-progress-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-progress-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-progress-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-progress-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-progress-disabled"
+        ],
+        invert: [
+          "bg-comp-button-invert-swipe-progress-def",
+          "hover:bg-comp-button-invert-swipe-progress-hover",
+          "group-focus-visible:bg-comp-button-invert-swipe-progress-focused",
+          "group-disabled:bg-comp-button-invert-swipe-progress-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-invert-danger-swipe-progress-def",
+          "group-data-[danger=true]:hover:bg-comp-button-invert-danger-swipe-progress-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-invert-danger-swipe-progress-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-invert-danger-swipe-progress-disabled"
+        ]
+      },
+      danger: {
+        true: "",
+        false: ""
+      },
+      interactive: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "hidden",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      danger: !1,
+      interactive: !0,
+      disabled: !1
+    }
+  }
+);
+export {
+  o as swipeButtonProgressVariants
+};

package/dist/components/SwipeButton/swipeButtonSliderVariants.d.ts

@@ -1,5 +1,5 @@
 export declare const swipeButtonSliderVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | "invert" | "dashed" | null | undefined;
+    variant?: "invert" | "primary" | "secondary" | "tertiary" | null | undefined;
     danger?: boolean | null | undefined;
     interactive?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/SwipeButton/swipeButtonSliderVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeButtonSliderVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonSliderVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB;;;;8EAgFrC,CAAA"}
+{"version":3,"file":"swipeButtonSliderVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonSliderVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB;;;;8EAqErC,CAAA"}

package/dist/components/SwipeButton/swipeButtonSliderVariants.js

@@ -0,0 +1,74 @@
+import { cva as e } from "class-variance-authority";
+const r = e(
+  [
+    "absolute flex aspect-square items-center justify-center rounded-full",
+    "transition-colors",
+    "h-[var(--slider-size)]"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-comp-button-primary-swipe-btn-def",
+          "hover:bg-comp-button-primary-swipe-btn-hover",
+          "group-focus-visible:bg-comp-button-primary-swipe-btn-focused",
+          "group-disabled:bg-comp-button-primary-swipe-btn-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-btn-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-btn-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-btn-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-btn-disabled"
+        ],
+        secondary: [
+          "bg-comp-button-secondary-swipe-btn-def",
+          "hover:bg-comp-button-secondary-swipe-btn-hover",
+          "group-focus-visible:bg-comp-button-secondary-swipe-btn-focused",
+          "group-disabled:bg-comp-button-secondary-swipe-btn-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-btn-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-btn-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-btn-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-btn-disabled"
+        ],
+        tertiary: [
+          "bg-comp-button-tertiary-swipe-btn-def",
+          "hover:bg-comp-button-tertiary-swipe-btn-hover",
+          "group-focus-visible:bg-comp-button-tertiary-swipe-btn-focused",
+          "group-disabled:bg-comp-button-tertiary-swipe-btn-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-danger-swipe-btn-def",
+          "group-data-[danger=true]:hover:bg-comp-button-danger-swipe-btn-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-danger-swipe-btn-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-danger-swipe-btn-disabled"
+        ],
+        invert: [
+          "bg-comp-button-invert-swipe-btn-def",
+          "hover:bg-comp-button-invert-swipe-btn-hover",
+          "group-focus-visible:bg-comp-button-invert-swipe-btn-focused",
+          "group-disabled:bg-comp-button-invert-swipe-btn-disabled",
+          // --- Danger ---
+          "group-data-[danger=true]:bg-comp-button-invert-danger-swipe-btn-def",
+          "group-data-[danger=true]:hover:bg-comp-button-invert-danger-swipe-btn-hover",
+          "group-data-[danger=true]:group-focus-visible:bg-comp-button-invert-danger-swipe-btn-focused",
+          "group-disabled:group-data-[danger=true]:bg-comp-button-invert-danger-swipe-btn-disabled"
+        ]
+      },
+      danger: {
+        true: "",
+        false: ""
+      },
+      interactive: {
+        true: "cursor-grab active:cursor-grabbing",
+        false: "cursor-default active:cursor-default"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      danger: !1,
+      interactive: !0
+    }
+  }
+);
+export {
+  r as swipeButtonSliderVariants
+};

package/dist/components/SwipeButton/swipeButtonVariants.d.ts

@@ -1,6 +1,6 @@
 export declare const swipeButtonVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
-    variant?: "primary" | "secondary" | "tertiary" | "invert" | "dashed" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "invert" | "primary" | "secondary" | "tertiary" | null | undefined;
     fullWidth?: boolean | null | undefined;
     danger?: boolean | null | undefined;
     loading?: boolean | null | undefined;

package/dist/components/SwipeButton/swipeButtonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeButtonVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;8EAmD/B,CAAA"}
+{"version":3,"file":"swipeButtonVariants.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/swipeButtonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;8EA4C/B,CAAA"}

package/dist/components/SwipeButton/swipeButtonVariants.js

@@ -0,0 +1,50 @@
+import { cva as t } from "class-variance-authority";
+import { sharedButtonVariants as e } from "../Button/buttonVariants.js";
+const o = t(
+  [
+    "group",
+    "relative w-max rounded-full transition-colors duration-300",
+    "inline-flex items-center justify-center gap-comp-button-p-md",
+    "py-comp-button-p-xxs pr-comp-button-p-md",
+    "pl-[calc(var(--slider-size)+var(--spacing-comp-button-p-md)+var(--spacing-comp-button-p-xxs))]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: ["h-comp-button-h-sm"],
+        md: ["h-comp-button-h-def"],
+        lg: ["h-comp-button-h-lg"]
+      },
+      variant: {
+        ...e
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      },
+      danger: {
+        true: "",
+        false: ""
+      },
+      loading: {
+        true: "pointer-events-none",
+        false: ""
+      },
+      disabled: {
+        true: "pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      fullWidth: !1,
+      danger: !1,
+      loading: !1,
+      disabled: !1
+    }
+  }
+);
+export {
+  o as swipeButtonVariants
+};

package/dist/components/Switch/Switch.d.ts

@@ -3,6 +3,6 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 export interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
     className?: string;
 }
-declare function Switch({ className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+declare const Switch: ({ className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export { Switch };
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAuBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,GAAI,yBAAyB,WAAW,4CAuBnD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import * as t from "@radix-ui/react-switch";
+import { cn as a } from "../../utils/cn.js";
+const d = ({ className: i, ...c }) => /* @__PURE__ */ e(
+  t.Root,
+  {
+    "data-slot": "switch",
+    className: a(
+      "peer data-[state=checked]:bg-comp-switch-bg-active-def data-[state=unchecked]:bg-comp-switch-bg-inactive-def",
+      "focus-visible-default",
+      "inline-flex h-[1.75rem] w-[2.875rem] shrink-0 items-center rounded-full",
+      "cursor-pointer transition-all outline-none",
+      "disabled:cursor-not-allowed disabled:data-[state=checked]:bg-comp-switch-bg-active-disabled disabled:data-[state=unchecked]:bg-comp-switch-bg-inactive-disabled",
+      i
+    ),
+    ...c,
+    children: /* @__PURE__ */ e(
+      t.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: a(
+          "pointer-events-none block size-[1.5rem] rounded-full bg-comp-switch-bg-item ring-0 transition-transform",
+          "data-[state=checked]:translate-x-[calc(100%-0.25rem)] data-[state=unchecked]:translate-x-[0.125rem]"
+        )
+      }
+    )
+  }
+);
+export {
+  d as Switch
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+C7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA"}
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+C7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA"}

package/dist/components/Tag/Tag.d.ts

@@ -1,13 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const tagVariants: (props?: ({
-    variant?: "invert" | "info" | "success" | "warning" | "error" | "outlined" | null | undefined;
+    variant?: "invert" | "info" | "success" | "warning" | "error" | "filled" | "outlined" | null | undefined;
     size?: "small" | "default" | null | undefined;
     isInTable?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Tag({ className, variant, asChild, children, size, icon, isInTable, ...props }: React.ComponentProps<'span'> & VariantProps<typeof tagVariants> & {
+export type TagProps = React.ComponentProps<'span'> & VariantProps<typeof tagVariants> & {
     asChild?: boolean;
     icon?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    color?: string;
+};
+declare const Tag: ({ className, variant, asChild, children, size, icon, isInTable, style, color, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export { Tag, tagVariants };
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA6BhB,CAAA;AAED,iBAAS,GAAG,CAAC,EACX,SAAS,EACT,OAAO,EACP,OAAe,EACf,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,2CAiCF;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA+BhB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,QAAA,MAAM,GAAG,GAAI,0FAWV,QAAQ,4CAgDV,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}