@mekari/pixel3-toast 0.0.13-dev.4 → 0.0.13-dev.6

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.
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useToast
3
- } from "./chunk-LXHEYU5E.mjs";
3
+ } from "./chunk-VHOLH4TX.mjs";
4
4
  import {
5
5
  toastProps
6
6
  } from "./chunk-DUGBXMFI.mjs";
@@ -32,7 +32,7 @@ var MpToast = defineComponent({
32
32
  color: isNextTheme.value ? "icon.danger" : "red.700"
33
33
  }))
34
34
  });
35
- return () => _createVNode("div", api.value.rootProps, [_createVNode(MpIcon, _mergeProps(api.value.iconProps, getIconVariant[props.variant || "success"], {
35
+ return () => _createVNode("div", api.value.rootProps, [api.value.variant !== "greeting" && _createVNode(MpIcon, _mergeProps(api.value.iconProps, getIconVariant[props.variant || "success"], {
36
36
  "variant": isNextTheme.value ? "fill" : "duotone"
37
37
  }), null), _createVNode("p", api.value.labelProps, [api.value.render ? api.value.render() : api.value.title])]);
38
38
  }
@@ -54,6 +54,7 @@ var MpToastManager = defineComponent({
54
54
  var toastManagerNode = /* @__PURE__ */ __name(() => {
55
55
  const rootNode = document.querySelectorAll("[data-sonner-toaster]");
56
56
  if (rootNode[0]) {
57
+ ;
57
58
  rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
58
59
  }
59
60
  if (rootNode.length === 0) {
@@ -68,7 +69,6 @@ var toastManagerNode = /* @__PURE__ */ __name(() => {
68
69
  }, "toastManagerNode");
69
70
  var toast = {
70
71
  notify: (option) => {
71
- console.log();
72
72
  const {
73
73
  id,
74
74
  title = "",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  toastConnect
3
- } from "./chunk-3ZI7VPMZ.mjs";
3
+ } from "./chunk-VZBXYSQL.mjs";
4
4
  import {
5
5
  __name
6
6
  } from "./chunk-QZ7VFGWC.mjs";
@@ -8,11 +8,13 @@ function toastConnect(state, classes) {
8
8
  const {
9
9
  id,
10
10
  title,
11
+ variant,
11
12
  render
12
13
  } = state;
13
14
  const idx = id != null ? id : `mp-toast-${useId()}`;
14
15
  return {
15
16
  title,
17
+ variant,
16
18
  render,
17
19
  rootProps: {
18
20
  id: idx,
package/dist/index.js CHANGED
@@ -68,11 +68,13 @@ function toastConnect(state, classes) {
68
68
  const {
69
69
  id,
70
70
  title,
71
+ variant,
71
72
  render
72
73
  } = state;
73
74
  const idx = id != null ? id : `mp-toast-${(0, import_pixel3_utils.useId)()}`;
74
75
  return {
75
76
  title,
77
+ variant,
76
78
  render,
77
79
  rootProps: {
78
80
  id: idx,
@@ -122,7 +124,7 @@ var MpToast = (0, import_vue3.defineComponent)({
122
124
  color: isNextTheme.value ? "icon.danger" : "red.700"
123
125
  }))
124
126
  });
125
- return () => (0, import_vue2.createVNode)("div", api.value.rootProps, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(api.value.iconProps, getIconVariant[props.variant || "success"], {
127
+ return () => (0, import_vue2.createVNode)("div", api.value.rootProps, [api.value.variant !== "greeting" && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(api.value.iconProps, getIconVariant[props.variant || "success"], {
126
128
  "variant": isNextTheme.value ? "fill" : "duotone"
127
129
  }), null), (0, import_vue2.createVNode)("p", api.value.labelProps, [api.value.render ? api.value.render() : api.value.title])]);
128
130
  }
@@ -144,6 +146,7 @@ var MpToastManager = (0, import_vue3.defineComponent)({
144
146
  var toastManagerNode = /* @__PURE__ */ __name(() => {
145
147
  const rootNode = document.querySelectorAll("[data-sonner-toaster]");
146
148
  if (rootNode[0]) {
149
+ ;
147
150
  rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
148
151
  }
149
152
  if (rootNode.length === 0) {
@@ -158,7 +161,6 @@ var toastManagerNode = /* @__PURE__ */ __name(() => {
158
161
  }, "toastManagerNode");
159
162
  var toast = {
160
163
  notify: (option) => {
161
- console.log();
162
164
  const {
163
165
  id,
164
166
  title = "",
package/dist/index.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  MpToastManager,
3
3
  toast
4
- } from "./chunk-XZMWNATH.mjs";
5
- import "./chunk-LXHEYU5E.mjs";
6
- import "./chunk-3ZI7VPMZ.mjs";
4
+ } from "./chunk-BWQUDXIY.mjs";
5
+ import "./chunk-VHOLH4TX.mjs";
6
+ import "./chunk-VZBXYSQL.mjs";
7
7
  import "./chunk-DUGBXMFI.mjs";
8
8
  import "./chunk-QZ7VFGWC.mjs";
9
9
  import "./chunk-IDFCRJI7.mjs";
@@ -1 +1 @@
1
- {"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":841,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3447,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":908,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":155},"src/toast.tsx":{"bytesInOutput":3107},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":678}},"bytes":5876},"dist/toast.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/toast.tsx","inputs":{"src/toast.tsx":{"bytesInOutput":3268},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":678}},"bytes":5865},"dist/modules/toast.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.connects.ts","inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":840}},"bytes":1869},"dist/modules/toast.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.hooks.ts","inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":585},"src/modules/toast.connects.ts":{"bytesInOutput":678}},"bytes":2350},"dist/modules/toast.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.props.ts","inputs":{"src/modules/toast.props.ts":{"bytesInOutput":459}},"bytes":1393},"dist/modules/toast.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{"src/modules/toast.types.ts":{"bytesInOutput":82}},"bytes":784}}}
1
+ {"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":947,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":155},"src/toast.tsx":{"bytesInOutput":3130},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":5925},"dist/toast.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/toast.tsx","inputs":{"src/toast.tsx":{"bytesInOutput":3291},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":5914},"dist/modules/toast.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.connects.ts","inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":866}},"bytes":1895},"dist/modules/toast.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.hooks.ts","inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":585},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":2376},"dist/modules/toast.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.props.ts","inputs":{"src/modules/toast.props.ts":{"bytesInOutput":459}},"bytes":1393},"dist/modules/toast.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{"src/modules/toast.types.ts":{"bytesInOutput":82}},"bytes":784}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":841,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3447,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":908,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-XZMWNATH.mjs","kind":"import-statement"},{"path":"dist/chunk-LXHEYU5E.mjs","kind":"import-statement"},{"path":"dist/chunk-3ZI7VPMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":259},"dist/toast.mjs":{"imports":[{"path":"dist/chunk-XZMWNATH.mjs","kind":"import-statement"},{"path":"dist/chunk-LXHEYU5E.mjs","kind":"import-statement"},{"path":"dist/chunk-3ZI7VPMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/toast.tsx","inputs":{},"bytes":228},"dist/chunk-XZMWNATH.mjs":{"imports":[{"path":"dist/chunk-LXHEYU5E.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpToastManager","toast"],"inputs":{"src/toast.tsx":{"bytesInOutput":2880}},"bytes":3090},"dist/modules/toast.connects.mjs":{"imports":[{"path":"dist/chunk-3ZI7VPMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastConnect"],"entryPoint":"src/modules/toast.connects.ts","inputs":{},"bytes":115},"dist/modules/toast.hooks.mjs":{"imports":[{"path":"dist/chunk-LXHEYU5E.mjs","kind":"import-statement"},{"path":"dist/chunk-3ZI7VPMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useToast"],"entryPoint":"src/modules/toast.hooks.ts","inputs":{},"bytes":139},"dist/chunk-LXHEYU5E.mjs":{"imports":[{"path":"dist/chunk-3ZI7VPMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useToast"],"inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":379}},"bytes":538},"dist/chunk-3ZI7VPMZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["toastConnect"],"inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":640}},"bytes":751},"dist/modules/toast.props.mjs":{"imports":[{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastProps"],"entryPoint":"src/modules/toast.props.ts","inputs":{},"bytes":111},"dist/chunk-DUGBXMFI.mjs":{"imports":[],"exports":["toastProps"],"inputs":{"src/modules/toast.props.ts":{"bytesInOutput":310}},"bytes":366},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/toast.types.mjs":{"imports":[{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{},"bytes":32},"dist/chunk-IDFCRJI7.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/toast.types.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":947,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-BWQUDXIY.mjs","kind":"import-statement"},{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":259},"dist/toast.mjs":{"imports":[{"path":"dist/chunk-BWQUDXIY.mjs","kind":"import-statement"},{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/toast.tsx","inputs":{},"bytes":228},"dist/chunk-BWQUDXIY.mjs":{"imports":[{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpToastManager","toast"],"inputs":{"src/toast.tsx":{"bytesInOutput":2903}},"bytes":3113},"dist/modules/toast.connects.mjs":{"imports":[{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastConnect"],"entryPoint":"src/modules/toast.connects.ts","inputs":{},"bytes":115},"dist/modules/toast.hooks.mjs":{"imports":[{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useToast"],"entryPoint":"src/modules/toast.hooks.ts","inputs":{},"bytes":139},"dist/chunk-VHOLH4TX.mjs":{"imports":[{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useToast"],"inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":379}},"bytes":538},"dist/chunk-VZBXYSQL.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["toastConnect"],"inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":666}},"bytes":777},"dist/modules/toast.props.mjs":{"imports":[{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastProps"],"entryPoint":"src/modules/toast.props.ts","inputs":{},"bytes":111},"dist/chunk-DUGBXMFI.mjs":{"imports":[],"exports":["toastProps"],"inputs":{"src/modules/toast.props.ts":{"bytesInOutput":310}},"bytes":366},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/toast.types.mjs":{"imports":[{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{},"bytes":32},"dist/chunk-IDFCRJI7.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/toast.types.ts":{"bytesInOutput":0}},"bytes":0}}}
@@ -29,11 +29,13 @@ function toastConnect(state, classes) {
29
29
  const {
30
30
  id,
31
31
  title,
32
+ variant,
32
33
  render
33
34
  } = state;
34
35
  const idx = id != null ? id : `mp-toast-${(0, import_pixel3_utils.useId)()}`;
35
36
  return {
36
37
  title,
38
+ variant,
37
39
  render,
38
40
  rootProps: {
39
41
  id: idx,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  toastConnect
3
- } from "../chunk-3ZI7VPMZ.mjs";
3
+ } from "../chunk-VZBXYSQL.mjs";
4
4
  import "../chunk-QZ7VFGWC.mjs";
5
5
  export {
6
6
  toastConnect
@@ -33,11 +33,13 @@ function toastConnect(state, classes) {
33
33
  const {
34
34
  id,
35
35
  title,
36
+ variant,
36
37
  render
37
38
  } = state;
38
39
  const idx = id != null ? id : `mp-toast-${(0, import_pixel3_utils.useId)()}`;
39
40
  return {
40
41
  title,
42
+ variant,
41
43
  render,
42
44
  rootProps: {
43
45
  id: idx,
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  useToast
3
- } from "../chunk-LXHEYU5E.mjs";
4
- import "../chunk-3ZI7VPMZ.mjs";
3
+ } from "../chunk-VHOLH4TX.mjs";
4
+ import "../chunk-VZBXYSQL.mjs";
5
5
  import "../chunk-QZ7VFGWC.mjs";
6
6
  export {
7
7
  useToast
@@ -4,7 +4,7 @@ import { Optional, PropTypes } from '@mekari/pixel3-utils';
4
4
  * Exported toast types.
5
5
  */
6
6
 
7
- type ToastVariant = 'success' | 'error';
7
+ type ToastVariant = 'success' | 'error' | 'greeting';
8
8
  type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
9
9
  interface ToastProps {
10
10
  id?: string;
@@ -17,6 +17,7 @@ interface ToastProps {
17
17
  type ToastDefinedContext = Optional<ToastProps, 'id'>;
18
18
  interface ToastApiMachine<T extends PropTypes = PropTypes> {
19
19
  title?: string;
20
+ variant?: ToastVariant;
20
21
  render?: () => void;
21
22
  rootProps?: T['element'];
22
23
  iconProps?: T['element'];
@@ -4,7 +4,7 @@ import { Optional, PropTypes } from '@mekari/pixel3-utils';
4
4
  * Exported toast types.
5
5
  */
6
6
 
7
- type ToastVariant = 'success' | 'error';
7
+ type ToastVariant = 'success' | 'error' | 'greeting';
8
8
  type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
9
9
  interface ToastProps {
10
10
  id?: string;
@@ -17,6 +17,7 @@ interface ToastProps {
17
17
  type ToastDefinedContext = Optional<ToastProps, 'id'>;
18
18
  interface ToastApiMachine<T extends PropTypes = PropTypes> {
19
19
  title?: string;
20
+ variant?: ToastVariant;
20
21
  render?: () => void;
21
22
  rootProps?: T['element'];
22
23
  iconProps?: T['element'];
package/dist/toast.js CHANGED
@@ -66,11 +66,13 @@ function toastConnect(state, classes) {
66
66
  const {
67
67
  id,
68
68
  title,
69
+ variant,
69
70
  render
70
71
  } = state;
71
72
  const idx = id != null ? id : `mp-toast-${(0, import_pixel3_utils.useId)()}`;
72
73
  return {
73
74
  title,
75
+ variant,
74
76
  render,
75
77
  rootProps: {
76
78
  id: idx,
@@ -120,7 +122,7 @@ var MpToast = (0, import_vue3.defineComponent)({
120
122
  color: isNextTheme.value ? "icon.danger" : "red.700"
121
123
  }))
122
124
  });
123
- return () => (0, import_vue2.createVNode)("div", api.value.rootProps, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(api.value.iconProps, getIconVariant[props.variant || "success"], {
125
+ return () => (0, import_vue2.createVNode)("div", api.value.rootProps, [api.value.variant !== "greeting" && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(api.value.iconProps, getIconVariant[props.variant || "success"], {
124
126
  "variant": isNextTheme.value ? "fill" : "duotone"
125
127
  }), null), (0, import_vue2.createVNode)("p", api.value.labelProps, [api.value.render ? api.value.render() : api.value.title])]);
126
128
  }
@@ -142,6 +144,7 @@ var MpToastManager = (0, import_vue3.defineComponent)({
142
144
  var toastManagerNode = /* @__PURE__ */ __name(() => {
143
145
  const rootNode = document.querySelectorAll("[data-sonner-toaster]");
144
146
  if (rootNode[0]) {
147
+ ;
145
148
  rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
146
149
  }
147
150
  if (rootNode.length === 0) {
@@ -156,7 +159,6 @@ var toastManagerNode = /* @__PURE__ */ __name(() => {
156
159
  }, "toastManagerNode");
157
160
  var toast = {
158
161
  notify: (option) => {
159
- console.log();
160
162
  const {
161
163
  id,
162
164
  title = "",
package/dist/toast.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  MpToastManager,
3
3
  toast
4
- } from "./chunk-XZMWNATH.mjs";
5
- import "./chunk-LXHEYU5E.mjs";
6
- import "./chunk-3ZI7VPMZ.mjs";
4
+ } from "./chunk-BWQUDXIY.mjs";
5
+ import "./chunk-VHOLH4TX.mjs";
6
+ import "./chunk-VZBXYSQL.mjs";
7
7
  import "./chunk-DUGBXMFI.mjs";
8
8
  import "./chunk-QZ7VFGWC.mjs";
9
9
  export {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-toast",
3
3
  "description": "Mekari Pixel 3 | Toast component is used to show dynamic notifications and alerts to user",
4
- "version": "0.0.13-dev.4",
4
+ "version": "0.0.13-dev.6",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
@@ -9,9 +9,9 @@
9
9
  ],
10
10
  "dependencies": {
11
11
  "vue-sonner": "^1.0.2",
12
- "@mekari/pixel3-icon": "0.0.17-dev.4",
13
- "@mekari/pixel3-utils": "0.0.7-dev.1",
14
- "@mekari/pixel3-styled-system": "0.1.2-dev.2"
12
+ "@mekari/pixel3-icon": "0.0.17-dev.6",
13
+ "@mekari/pixel3-utils": "0.0.7-dev.2",
14
+ "@mekari/pixel3-styled-system": "0.1.2-dev.4"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "vue": "^3.4.9"