mainstack-design-system 1.3.3 → 1.3.5

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 (8) hide show
  1. package/dist/assets/styles.css +1 -1
  2. package/dist/mainstack-design-system18.cjs +1 -1
  3. package/dist/mainstack-design-system18.js +59 -62
  4. package/dist/mainstack-design-system20.cjs +1 -1
  5. package/dist/mainstack-design-system20.js +7 -7
  6. package/dist/mainstack-design-system387.cjs +9 -9
  7. package/dist/mainstack-design-system387.js +9 -9
  8. package/package.json +1 -1
package/dist/mainstack-design-system18.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),c=require("./mainstack-design-system588.cjs");require("./mainstack-design-system355.cjs");const D=require("./mainstack-design-system53.cjs"),S=require("./mainstack-design-system223.cjs"),F=require("./mainstack-design-system239.cjs"),B=require("./mainstack-design-system284.cjs"),L=require("./mainstack-design-system24.cjs"),M=require("./mainstack-design-system594.cjs"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system383.cjs"),q=require("./mainstack-design-system384.cjs"),m=require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");const y=({className:_,children:b,previewImgSrc:p,previewId:o,isPlaceholder:z,onClick:C,...N})=>{const{values:s,maxFiles:h,accept:k,maxSize:U,onValuesChange:l,onError:v,setMainPreviewFile:n,mainPreviewFile:x}=L.useImageUploaderContext(),[R,w]=j.useState(!1),a=x?.id===o,I=j.useCallback(()=>{const t=[...s],r=t.findIndex(i=>i.id===o);if(r>-1){const i=t[r].previewSrc;t.splice(r,1),l(t),a&&n(t[0]||null),URL.revokeObjectURL(i)}},[a,l,o,n,s]),O=j.useCallback(async t=>{const r=h||0,i=Math.max(0,r-s.length),f=t.slice(0,i);if(!(f.length===0||f.length>=r))try{const g=await c.generateImageFilePreview(f),P=[...s,...g];l(P),x||n(P[0]||null)}catch(g){v&&v(g)}},[x,h,l,n,s,v]);return b||(z?e.jsx(M.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"w-fit",noDrag:!0,accept:k,maxFiles:h,maxSize:U,onDrop:O,children:e.jsx("button",{className:c.cn("border border-dashed border-border-interactive-neutral rounded-16 h-88 shrink-0 w-117 flex justify-center items-center cursor-pointer hover:bg-interactive-secondary",_),onClick:C,...N,children:e.jsx(D,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":a,className:c.cn("relative h-88 rounded-16 shrink-0 w-117 overflow-hidden cursor-pointer data-[active-preview=true]:outline-2 data-[active-preview=true]:outline-offset-2 data-[active-preview=true]:outline-border-interactive-neutral-active"),onClick:()=>{a||n({id:o,previewSrc:p})},children:[e.jsx("img",{className:c.cn("object-cover h-full w-full ",_),src:p,alt:`Image uploaded with id ${o}`}),a?e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),I()},children:e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-16 text-interactive-error"})})}):e.jsxs(u.Popover,{open:R,onOpenChange:w,children:[e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>t.stopPropagation(),children:e.jsx(d.ButtonIcon,{children:e.jsx(S,{className:"size-16"})})})}),e.jsx(u.PopoverPortal,{children:e.jsxs(u.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("flex flex-col p-8 bg-surface-neutral-l1 rounded-18 will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out "),children:[e.jsxs(m.ButtonRoot,{onClick:()=>{n({id:o,previewSrc:p}),w(!1)},size:"xs",variant:"ghost",children:[e.jsx(d.ButtonIcon,{children:e.jsx(F,{className:"size-20"})}),e.jsx(q.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(m.ButtonRoot,{className:"justify-start ",size:"xs",variant:"ghost",onClick:I,children:[e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-20 text-interactive-error"})}),e.jsx(q.ButtonLabel,{className:" text-interactive-error",children:"Delete"})]})]})})]})]}))};y.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),c=require("./mainstack-design-system588.cjs");require("./mainstack-design-system355.cjs");const R=require("./mainstack-design-system53.cjs"),M=require("./mainstack-design-system223.cjs"),S=require("./mainstack-design-system239.cjs"),B=require("./mainstack-design-system284.cjs"),A=require("./mainstack-design-system24.cjs"),F=require("./mainstack-design-system594.cjs"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system383.cjs"),C=require("./mainstack-design-system384.cjs"),m=require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");const q=({className:j,children:b,previewImgSrc:p,previewId:o,isPlaceholder:y,onClick:z,...N})=>{const{values:r,maxFiles:h,accept:k,maxSize:U,onValuesChange:l,onError:v,setMainPreviewFile:n,mainPreviewFile:s}=A.useImageUploaderContext(),[D,I]=_.useState(!1),x=s?.id===o,P=_.useCallback(()=>{const t=[...r],a=t.findIndex(i=>i.id===o),f=s?.id===o;a>-1&&(t.splice(a,1),l(t),f&&n(t[0]||null))},[l,o,n,r,s]),O=_.useCallback(async t=>{const a=h||0,f=Math.max(0,a-r.length),i=t.slice(0,f);if(!(i.length===0||i.length>=a))try{const g=await c.generateImageFilePreview(i),w=[...r,...g];l(w),s||n(w[0]||null)}catch(g){v&&v(g)}},[s,h,l,n,r,v]);return b||(y?e.jsx(F.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"w-fit",noDrag:!0,accept:k,maxFiles:h,maxSize:U,onDrop:O,children:e.jsx("button",{className:c.cn("border border-dashed border-border-interactive-neutral rounded-16 h-88 shrink-0 w-117 flex justify-center items-center cursor-pointer hover:bg-interactive-secondary",j),onClick:z,...N,children:e.jsx(R,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":x,className:c.cn("relative h-88 rounded-16 shrink-0 w-117 overflow-hidden cursor-pointer data-[active-preview=true]:outline-2 data-[active-preview=true]:outline-offset-2 data-[active-preview=true]:outline-border-interactive-neutral-active"),children:[e.jsx("img",{className:c.cn("object-cover h-full w-full ",j),src:p,alt:`Image uploaded with id ${o}`,onClick:()=>{x||n({id:o,previewSrc:p})}}),x?e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),P()},children:e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-16 text-interactive-error"})})}):e.jsxs(u.Popover,{open:D,onOpenChange:I,children:[e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>t.stopPropagation(),children:e.jsx(d.ButtonIcon,{children:e.jsx(M,{className:"size-16"})})})}),e.jsx(u.PopoverPortal,{children:e.jsxs(u.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("flex flex-col p-8 bg-surface-neutral-l1 rounded-18 will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out "),children:[e.jsxs(m.ButtonRoot,{onClick:()=>{n({id:o,previewSrc:p}),I(!1)},size:"xs",variant:"ghost",children:[e.jsx(d.ButtonIcon,{children:e.jsx(S,{className:"size-20"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(m.ButtonRoot,{className:"justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-20 text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" text-interactive-error",children:"Delete"})]})]})})]})]}))};q.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=q;
package/dist/mainstack-design-system18.js CHANGED
@@ -1,71 +1,68 @@
1
- import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
- import { useState as B, useCallback as y } from "react";
3
- import { generateImageFilePreview as M, cn as d } from "./mainstack-design-system588.js";
1
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
+ import { useState as M, useCallback as N } from "react";
3
+ import { generateImageFilePreview as U, cn as d } from "./mainstack-design-system588.js";
4
4
  import "./mainstack-design-system355.js";
5
- import S from "./mainstack-design-system53.js";
6
- import A from "./mainstack-design-system223.js";
7
- import H from "./mainstack-design-system239.js";
8
- import C from "./mainstack-design-system284.js";
9
- import { useImageUploaderContext as L } from "./mainstack-design-system24.js";
10
- import { DropzoneUploadArea as R } from "./mainstack-design-system594.js";
11
- import { P as T, a as E, b as V, c as $ } from "./index-RoCFhqzC.js";
5
+ import A from "./mainstack-design-system53.js";
6
+ import H from "./mainstack-design-system223.js";
7
+ import S from "./mainstack-design-system239.js";
8
+ import y from "./mainstack-design-system284.js";
9
+ import { useImageUploaderContext as T } from "./mainstack-design-system24.js";
10
+ import { DropzoneUploadArea as E } from "./mainstack-design-system594.js";
11
+ import { P as L, a as R, b as V, c as $ } from "./index-RoCFhqzC.js";
12
12
  import { ButtonIcon as m } from "./mainstack-design-system383.js";
13
13
  import { ButtonLabel as k } from "./mainstack-design-system384.js";
14
14
  import { ButtonRoot as p } from "./mainstack-design-system385.js";
15
15
  import "./mainstack-design-system386.js";
16
16
  const q = ({
17
- className: x,
17
+ className: P,
18
18
  children: b,
19
19
  previewImgSrc: u,
20
20
  previewId: t,
21
21
  isPlaceholder: _,
22
- onClick: I,
23
- ...O
22
+ onClick: D,
23
+ ...I
24
24
  }) => {
25
25
  const {
26
- values: a,
26
+ values: i,
27
27
  maxFiles: f,
28
- accept: U,
28
+ accept: O,
29
29
  maxSize: j,
30
30
  onValuesChange: c,
31
31
  onError: h,
32
32
  setMainPreviewFile: o,
33
- mainPreviewFile: v
34
- } = L(), [D, P] = B(!1), n = v?.id === t, z = y(() => {
35
- const r = [...a], i = r.findIndex((l) => l.id === t);
36
- if (i > -1) {
37
- const l = r[i].previewSrc;
38
- r.splice(i, 1), c(r), n && o(r[0] || null), URL.revokeObjectURL(l);
39
- }
40
- }, [n, c, t, o, a]), F = y(
33
+ mainPreviewFile: a
34
+ } = T(), [B, w] = M(!1), v = a?.id === t, C = N(() => {
35
+ const r = [...i], n = r.findIndex((s) => s.id === t), g = a?.id === t;
36
+ n > -1 && (r.splice(n, 1), c(r), g && o(r[0] || null));
37
+ }, [c, t, o, i, a]), F = N(
41
38
  async (r) => {
42
- const i = f || 0, l = Math.max(0, i - a.length), g = r.slice(0, l);
43
- if (!(g.length === 0 || g.length >= i))
39
+ const n = f || 0, g = Math.max(0, n - i.length), s = r.slice(0, g);
40
+ if (!(s.length === 0 || s.length >= n))
44
41
  try {
45
- const w = await M(
46
- g
47
- ), N = [...a, ...w];
48
- c(N), v || o(N[0] || null);
49
- } catch (w) {
50
- h && h(w);
42
+ const x = await U(
43
+ s
44
+ ), z = [...i, ...x];
45
+ c(z), a || o(z[0] || null);
46
+ } catch (x) {
47
+ h && h(x);
51
48
  }
52
49
  },
53
50
  [
54
- v,
51
+ a,
55
52
  f,
56
53
  c,
57
54
  o,
58
- a,
55
+ i,
59
56
  h
60
57
  ]
61
58
  );
62
59
  return b || (_ ? /* @__PURE__ */ e(
63
- R,
60
+ E,
64
61
  {
65
62
  "data-slot": "image-uploader-preview-item-placeholder",
66
63
  className: "w-fit",
67
64
  noDrag: !0,
68
- accept: U,
65
+ accept: O,
69
66
  maxFiles: f,
70
67
  maxSize: j,
71
68
  onDrop: F,
@@ -74,35 +71,35 @@ const q = ({
74
71
  {
75
72
  className: d(
76
73
  "border border-dashed border-border-interactive-neutral rounded-16 h-88 shrink-0 w-117 flex justify-center items-center cursor-pointer hover:bg-interactive-secondary",
77
- x
74
+ P
78
75
  ),
79
- onClick: I,
80
- ...O,
81
- children: /* @__PURE__ */ e(S, { variant: "filled" })
76
+ onClick: D,
77
+ ...I,
78
+ children: /* @__PURE__ */ e(A, { variant: "filled" })
82
79
  }
83
80
  )
84
81
  }
85
- ) : /* @__PURE__ */ s(
82
+ ) : /* @__PURE__ */ l(
86
83
  "div",
87
84
  {
88
85
  "data-slot": "image-uploader-preview-item",
89
- "data-active-preview": n,
86
+ "data-active-preview": v,
90
87
  className: d(
91
88
  "relative h-88 rounded-16 shrink-0 w-117 overflow-hidden cursor-pointer data-[active-preview=true]:outline-2 data-[active-preview=true]:outline-offset-2 data-[active-preview=true]:outline-border-interactive-neutral-active"
92
89
  ),
93
- onClick: () => {
94
- n || o({ id: t, previewSrc: u });
95
- },
96
90
  children: [
97
91
  /* @__PURE__ */ e(
98
92
  "img",
99
93
  {
100
- className: d("object-cover h-full w-full ", x),
94
+ className: d("object-cover h-full w-full ", P),
101
95
  src: u,
102
- alt: `Image uploaded with id ${t}`
96
+ alt: `Image uploaded with id ${t}`,
97
+ onClick: () => {
98
+ v || o({ id: t, previewSrc: u });
99
+ }
103
100
  }
104
101
  ),
105
- n ? /* @__PURE__ */ e(
102
+ v ? /* @__PURE__ */ e(
106
103
  p,
107
104
  {
108
105
  className: "absolute top-4 right-4",
@@ -111,17 +108,17 @@ const q = ({
111
108
  rounded: "sm",
112
109
  iconOnly: !0,
113
110
  onClick: (r) => {
114
- r.stopPropagation(), z();
111
+ r.stopPropagation(), C();
115
112
  },
116
- children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(C, { className: "size-16 text-interactive-error" }) })
113
+ children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(y, { className: "size-16 text-interactive-error" }) })
117
114
  }
118
- ) : /* @__PURE__ */ s(
119
- T,
115
+ ) : /* @__PURE__ */ l(
116
+ L,
120
117
  {
121
- open: D,
122
- onOpenChange: P,
118
+ open: B,
119
+ onOpenChange: w,
123
120
  children: [
124
- /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
121
+ /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
125
122
  p,
126
123
  {
127
124
  className: "absolute top-4 right-4",
@@ -130,10 +127,10 @@ const q = ({
130
127
  rounded: "sm",
131
128
  iconOnly: !0,
132
129
  onClick: (r) => r.stopPropagation(),
133
- children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(A, { className: "size-16" }) })
130
+ children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(H, { className: "size-16" }) })
134
131
  }
135
132
  ) }),
136
- /* @__PURE__ */ e(V, { children: /* @__PURE__ */ s(
133
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ l(
137
134
  $,
138
135
  {
139
136
  side: "bottom",
@@ -143,32 +140,32 @@ const q = ({
143
140
  "flex flex-col p-8 bg-surface-neutral-l1 rounded-18 will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out "
144
141
  ),
145
142
  children: [
146
- /* @__PURE__ */ s(
143
+ /* @__PURE__ */ l(
147
144
  p,
148
145
  {
149
146
  onClick: () => {
150
147
  o({
151
148
  id: t,
152
149
  previewSrc: u
153
- }), P(!1);
150
+ }), w(!1);
154
151
  },
155
152
  size: "xs",
156
153
  variant: "ghost",
157
154
  children: [
158
- /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(H, { className: "size-20" }) }),
155
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(S, { className: "size-20" }) }),
159
156
  /* @__PURE__ */ e(k, { children: "Set as cover image" })
160
157
  ]
161
158
  }
162
159
  ),
163
- /* @__PURE__ */ s(
160
+ /* @__PURE__ */ l(
164
161
  p,
165
162
  {
166
163
  className: "justify-start ",
167
164
  size: "xs",
168
165
  variant: "ghost",
169
- onClick: z,
166
+ onClick: C,
170
167
  children: [
171
- /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(C, { className: "size-20 text-interactive-error" }) }),
168
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(y, { className: "size-20 text-interactive-error" }) }),
172
169
  /* @__PURE__ */ e(k, { className: " text-interactive-error", children: "Delete" })
173
170
  ]
174
171
  }
package/dist/mainstack-design-system20.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const m=require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system284.cjs"),g=require("./mainstack-design-system588.cjs"),b=require("./mainstack-design-system24.cjs"),n=({className:a,children:i,...s})=>{const{mainPreviewFile:r,onValuesChange:l,values:d,setMainPreviewFile:c}=b.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:g.cn("relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 w-504 data-[active-preview=true]:overflow-hidden h-378 cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed ",a),...s,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"absolute top-0 left-0 w-full h-full object-cover"}),e.jsx(m.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"absolute right-20 top-20 z-10",onClick:()=>{const t=[...d],o=t.findIndex(u=>u.id===r.id);o>-1&&(t.splice(o,1),l(t),c(t[0]))},children:e.jsx(v.ButtonIcon,{children:e.jsx(p,{variant:"outlined",className:"h-16 w-16 text-error"})})})]}):i})};n.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const m=require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system284.cjs"),g=require("./mainstack-design-system588.cjs"),b=require("./mainstack-design-system24.cjs"),n=({className:a,children:i,...s})=>{const{mainPreviewFile:r,onValuesChange:l,values:d,setMainPreviewFile:c}=b.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:g.cn("relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 w-504 data-[active-preview=true]:overflow-hidden h-378 cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed ",a),...s,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"absolute top-0 left-0 w-full h-full object-cover"}),e.jsx(m.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"absolute right-20 top-20 z-10",onClick:()=>{const t=[...d],o=t.findIndex(u=>u.id===r.id);o>-1&&(t.splice(o,1),l(t),c(t[0]||null))},children:e.jsx(v.ButtonIcon,{children:e.jsx(p,{variant:"outlined",className:"h-16 w-16 text-error"})})})]}):i})};n.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=n;
package/dist/mainstack-design-system20.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as e, jsxs as m, Fragment as p } from "react/jsx-runtime";
2
- import { ButtonIcon as u } from "./mainstack-design-system383.js";
1
+ import { jsx as e, jsxs as m, Fragment as u } from "react/jsx-runtime";
2
+ import { ButtonIcon as p } from "./mainstack-design-system383.js";
3
3
  import "./mainstack-design-system384.js";
4
4
  import { ButtonRoot as v } from "./mainstack-design-system385.js";
5
5
  import "./mainstack-design-system386.js";
@@ -12,7 +12,7 @@ const w = ({
12
12
  children: o,
13
13
  ...n
14
14
  }) => {
15
- const { mainPreviewFile: r, onValuesChange: d, values: l, setMainPreviewFile: s } = h();
15
+ const { mainPreviewFile: r, onValuesChange: l, values: d, setMainPreviewFile: s } = h();
16
16
  return /* @__PURE__ */ e(
17
17
  "div",
18
18
  {
@@ -24,7 +24,7 @@ const w = ({
24
24
  t
25
25
  ),
26
26
  ...n,
27
- children: r ? /* @__PURE__ */ m(p, { children: [
27
+ children: r ? /* @__PURE__ */ m(u, { children: [
28
28
  /* @__PURE__ */ e(
29
29
  "img",
30
30
  {
@@ -43,12 +43,12 @@ const w = ({
43
43
  iconOnly: !0,
44
44
  className: "absolute right-20 top-20 z-10",
45
45
  onClick: () => {
46
- const a = [...l], i = a.findIndex(
46
+ const a = [...d], i = a.findIndex(
47
47
  (c) => c.id === r.id
48
48
  );
49
- i > -1 && (a.splice(i, 1), d(a), s(a[0]));
49
+ i > -1 && (a.splice(i, 1), l(a), s(a[0] || null));
50
50
  },
51
- children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
51
+ children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
52
52
  g,
53
53
  {
54
54
  variant: "outlined",
package/dist/mainstack-design-system387.cjs CHANGED
@@ -5,39 +5,39 @@
5
5
  hover:bg-content-special-hover hover:shadow-special-button-hover
6
6
 
7
7
  active:bg-content-special active:ring-3 active:shadow-special-button-pressed active:ring-border-surface-spread-neutral
8
- disabled:bg-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`bg-primary text-on-primary
8
+ disabled:bg-none disabled:border-none disabled:cursor-none disabled:pointer-events-none disabled:shadow-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`bg-primary text-on-primary
9
9
  hover:bg-interactive-primary-hover
10
10
 
11
11
  active:bg-interactive-primary-pressed active:ring-3 active:ring-border-surface-spread-neutral
12
- disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`bg-interactive-secondary text-on-secondary
12
+ disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"secondary",class:`bg-interactive-secondary text-on-secondary
13
13
  hover:bg-interactive-secondary-hover
14
14
 
15
15
  active:bg-interactive-secondary-pressed active:ring-2 active:ring-border-surface-spread-neutral
16
- disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-neutral text-primary
16
+ disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-neutral text-primary
17
17
  hover:bg-interactive-secondary hover:border-interactive-secondary
18
18
  focus-visible:border-border-surface-spread-neutral
19
19
  active:outline-2 active:ring-offset-2 active:ring-border-surface-spread-neutral active:ring-2 active:outline-border-interactive-neutral-pressed
20
- disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`bg-transparent
20
+ disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"ghost",class:`bg-transparent
21
21
  hover:bg-interactive-ghost-hover
22
22
 
23
23
  active:bg-interactive-ghost-pressed active:ring-2 active:ring-border-surface-spread-neutral
24
- disabled:bg-transparent disabled:text-on-primary-disabled`},{status:"warning",variant:"primary",class:`bg-interactive-warning text-on-warning
24
+ disabled:bg-transparent disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"primary",class:`bg-interactive-warning text-on-warning
25
25
  hover:bg-interactive-warning-hover
26
26
  focus-visible:bg-warning focus-visible:shadow-none
27
27
  active:bg-surface-warning-invert-l2 active:ring-2 active:ring-border-surface-spread-warning
28
- disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled`},{status:"warning",variant:"secondary",class:`bg-surface-warning-l2 text-on-warning-light
28
+ disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"secondary",class:`bg-surface-warning-l2 text-on-warning-light
29
29
  hover:bg-interactive-warning-light-hover
30
30
 
31
31
  active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
32
- disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled`},{status:"warning",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-warning text-on-warning-light
32
+ disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-warning text-on-warning-light
33
33
  hover:bg-surface-warning-l2 hover:border-none
34
34
  focus-visible:outline-none focus-visible:border-1 focus-visible:border-border-surface-spread-warning
35
35
  active:border-2 active:ring-border-surface-spread-warning active:ring-2 active:border-border-interactive-warning-hover
36
- disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled`},{status:"warning",variant:"ghost",class:`bg-transparent text-on-warning-light
36
+ disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"ghost",class:`bg-transparent text-on-warning-light
37
37
  hover:bg-surface-warning-l3
38
38
 
39
39
  active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
40
- disabled:text-on-warning-light`},{status:"error",variant:"primary",class:`bg-interactive-error text-on-error
40
+ disabled:text-on-warning-light disabled:cursor-none disabled:pointer-events-none`},{status:"error",variant:"primary",class:`bg-interactive-error text-on-error
41
41
  hover:bg-interactive-error-hover
42
42
  focus-visible:bg-interactive-error-default focus-visible:shadow-none
43
43
  active:bg-interactive-error-pressed active:ring-2 active:ring-interactive-error-light-pressed
package/dist/mainstack-design-system387.js CHANGED
@@ -41,7 +41,7 @@ const i = e(
41
41
  hover:bg-content-special-hover hover:shadow-special-button-hover
42
42
 
43
43
  active:bg-content-special active:ring-3 active:shadow-special-button-pressed active:ring-border-surface-spread-neutral
44
- disabled:bg-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
44
+ disabled:bg-none disabled:border-none disabled:cursor-none disabled:pointer-events-none disabled:shadow-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
45
45
  },
46
46
  {
47
47
  status: "default",
@@ -50,7 +50,7 @@ const i = e(
50
50
  hover:bg-interactive-primary-hover
51
51
 
52
52
  active:bg-interactive-primary-pressed active:ring-3 active:ring-border-surface-spread-neutral
53
- disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
53
+ disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
54
54
  },
55
55
  {
56
56
  status: "default",
@@ -59,7 +59,7 @@ const i = e(
59
59
  hover:bg-interactive-secondary-hover
60
60
 
61
61
  active:bg-interactive-secondary-pressed active:ring-2 active:ring-border-surface-spread-neutral
62
- disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
62
+ disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
63
63
  },
64
64
  {
65
65
  status: "default",
@@ -68,7 +68,7 @@ const i = e(
68
68
  hover:bg-interactive-secondary hover:border-interactive-secondary
69
69
  focus-visible:border-border-surface-spread-neutral
70
70
  active:outline-2 active:ring-offset-2 active:ring-border-surface-spread-neutral active:ring-2 active:outline-border-interactive-neutral-pressed
71
- disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled`
71
+ disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
72
72
  },
73
73
  {
74
74
  status: "default",
@@ -77,7 +77,7 @@ const i = e(
77
77
  hover:bg-interactive-ghost-hover
78
78
 
79
79
  active:bg-interactive-ghost-pressed active:ring-2 active:ring-border-surface-spread-neutral
80
- disabled:bg-transparent disabled:text-on-primary-disabled`
80
+ disabled:bg-transparent disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
81
81
  },
82
82
  // WARNING BUTTONS
83
83
  {
@@ -87,7 +87,7 @@ const i = e(
87
87
  hover:bg-interactive-warning-hover
88
88
  focus-visible:bg-warning focus-visible:shadow-none
89
89
  active:bg-surface-warning-invert-l2 active:ring-2 active:ring-border-surface-spread-warning
90
- disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled`
90
+ disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`
91
91
  },
92
92
  {
93
93
  status: "warning",
@@ -96,7 +96,7 @@ const i = e(
96
96
  hover:bg-interactive-warning-light-hover
97
97
 
98
98
  active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
99
- disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled`
99
+ disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`
100
100
  },
101
101
  {
102
102
  status: "warning",
@@ -105,7 +105,7 @@ const i = e(
105
105
  hover:bg-surface-warning-l2 hover:border-none
106
106
  focus-visible:outline-none focus-visible:border-1 focus-visible:border-border-surface-spread-warning
107
107
  active:border-2 active:ring-border-surface-spread-warning active:ring-2 active:border-border-interactive-warning-hover
108
- disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled`
108
+ disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled disabled:cursor-none disabled:pointer-events-none`
109
109
  },
110
110
  {
111
111
  status: "warning",
@@ -114,7 +114,7 @@ const i = e(
114
114
  hover:bg-surface-warning-l3
115
115
 
116
116
  active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
117
- disabled:text-on-warning-light`
117
+ disabled:text-on-warning-light disabled:cursor-none disabled:pointer-events-none`
118
118
  },
119
119
  // ERROR BUTTONS
120
120
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mainstack-design-system",
3
- "version": "1.3.3",
3
+ "version": "1.3.5",
4
4
  "type": "module",
5
5
  "main": "./dist/mainstack-design-system.cjs",
6
6
  "module": "./dist/mainstack-design-system.js",