@vkzstudio/muza-ui 1.0.15 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/Button/Button.d.ts +3 -1
  2. package/dist/components/Button/Button.d.ts.map +1 -1
  3. package/dist/components/Button/Button.js +47 -46
  4. package/dist/components/Button/Button.stories.d.ts +1 -0
  5. package/dist/components/Button/Button.stories.d.ts.map +1 -1
  6. package/package.json +1 -1
package/dist/components/Button/Button.d.ts CHANGED
@@ -25,8 +25,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
25
25
  asChild?: boolean;
26
26
  /** React node displayed as an icon. Position controlled by `iconPosition`. */
27
27
  icon?: React.ReactNode;
28
- /** Places icon before (`start`) or after (`end`) the button text. @default 'start' */
28
+ /** Places icon before (`start`) or after (`end`) the button text. Ignored when `secondIcon` is provided. @default 'start' */
29
29
  iconPosition?: 'start' | 'end';
30
+ /** Optional trailing icon. When set, `icon` is always rendered at the start and `secondIcon` at the end, ignoring `iconPosition`. */
31
+ secondIcon?: React.ReactNode;
30
32
  /** Removes background, showing only text and icon with hover effects. @default false */
31
33
  ghost?: boolean;
32
34
  /** Applies destructive/error styling for delete or dangerous actions. @default false */
package/dist/components/Button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,qIAAqI;IACrI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAiEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
package/dist/components/Button/Button.js CHANGED
@@ -1,70 +1,71 @@
1
- import { jsxs as x, jsx as s } from "react/jsx-runtime";
2
- import * as b from "react";
1
+ import { jsxs as N, jsx as m } from "react/jsx-runtime";
2
+ import * as d from "react";
3
3
  import "class-variance-authority";
4
- import { ButtonLoader as N } from "./ButtonLoader.js";
5
- import { buttonVariants as B } from "./buttonVariants.js";
6
- import { cn as e } from "../../utils/cn.js";
7
- import { Typography as g } from "../Typography/Typography.js";
8
- const j = b.forwardRef(
4
+ import { ButtonLoader as B } from "./ButtonLoader.js";
5
+ import { buttonVariants as g } from "./buttonVariants.js";
6
+ import { cn as f } from "../../utils/cn.js";
7
+ import { Typography as j } from "../Typography/Typography.js";
8
+ const w = d.forwardRef(
9
9
  ({
10
- className: c,
11
- variant: f,
10
+ className: i,
11
+ variant: u,
12
12
  size: t,
13
- fullWidth: i,
14
- asChild: u = !1,
15
- icon: r,
16
- iconPosition: m = "start",
17
- ghost: l = !1,
18
- danger: n = !1,
19
- loading: a = !1,
20
- children: o,
21
- ...y
22
- }, d) => {
23
- const h = u ? "span" : "button", p = t === "icon" || l;
24
- return /* @__PURE__ */ x(
25
- h,
13
+ fullWidth: c,
14
+ asChild: l = !1,
15
+ icon: a,
16
+ iconPosition: p = "start",
17
+ secondIcon: s,
18
+ ghost: y = !1,
19
+ danger: e = !1,
20
+ loading: o = !1,
21
+ children: r,
22
+ ...h
23
+ }, x) => {
24
+ const b = l ? "span" : "button", n = t === "icon" || y;
25
+ return /* @__PURE__ */ N(
26
+ b,
26
27
  {
27
- className: e(
28
- B({
29
- variant: f,
28
+ className: f(
29
+ g({
30
+ variant: u,
30
31
  size: t,
31
- fullWidth: i,
32
- iconOnly: t === "icon" || !o,
33
- ghost: p,
34
- danger: n,
35
- loading: a,
36
- className: c
32
+ fullWidth: c,
33
+ iconOnly: t === "icon" || !r,
34
+ ghost: n,
35
+ danger: e,
36
+ loading: o,
37
+ className: i
37
38
  })
38
39
  ),
39
- ref: d,
40
- "data-ghost": p,
41
- "data-danger": n,
42
- ...y,
40
+ ref: x,
41
+ "data-ghost": n,
42
+ "data-danger": e,
43
+ ...h,
43
44
  children: [
44
- a && /* @__PURE__ */ s("span", { className: "absolute", children: /* @__PURE__ */ s(N, {}) }),
45
- m === "start" && r,
46
- o && /* @__PURE__ */ s(
47
- g,
45
+ o && /* @__PURE__ */ m("span", { className: "absolute", children: /* @__PURE__ */ m(B, {}) }),
46
+ (s || p === "start") && a,
47
+ r && /* @__PURE__ */ m(
48
+ j,
48
49
  {
49
50
  variant: "cta",
50
51
  size: t == "sm" || t == "xs" ? "sm" : "base",
51
52
  weight: "medium",
52
53
  component: "span",
53
54
  fixY: !0,
54
- className: e("transition-opacity", {
55
- "opacity-0": a
55
+ className: f("transition-opacity", {
56
+ "opacity-0": o
56
57
  }),
57
- children: o
58
+ children: r
58
59
  }
59
60
  ),
60
- m === "end" && r
61
+ s || p === "end" && a
61
62
  ]
62
63
  }
63
64
  );
64
65
  }
65
66
  );
66
- j.displayName = "Button";
67
+ w.displayName = "Button";
67
68
  export {
68
- j as Button,
69
- B as buttonVariants
69
+ w as Button,
70
+ g as buttonVariants
70
71
  };
package/dist/components/Button/Button.stories.d.ts CHANGED
@@ -12,5 +12,6 @@ export declare const AllVariants: Story;
12
12
  export declare const AllSizes: Story;
13
13
  export declare const InteractiveStates: Story;
14
14
  export declare const IconExamples: Story;
15
+ export declare const WithSecondIcon: Story;
15
16
  export declare const ResponsiveExample: Story;
16
17
  //# sourceMappingURL=Button.stories.d.ts.map
package/dist/components/Button/Button.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6E7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkzstudio/muza-ui",
3
- "version": "1.0.15",
3
+ "version": "1.0.16",
4
4
  "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",