@sikka/hawa 0.26.27 → 0.26.28
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.
- package/dist/elements/index.js +7 -4
- package/dist/elements/index.mjs +7 -4
- package/dist/index.js +7 -4
- package/dist/index.mjs +7 -4
- package/dist/toaster/index.js +14 -11
- package/dist/toaster/index.mjs +7 -4
- package/package.json +1 -1
package/dist/elements/index.js
CHANGED
@@ -7489,7 +7489,7 @@ function useToast() {
|
|
7489
7489
|
function Toaster(props) {
|
7490
7490
|
const { toasts } = useToast();
|
7491
7491
|
let isRTL = props.direction === "rtl";
|
7492
|
-
return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
7492
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
7493
7493
|
id,
|
7494
7494
|
title,
|
7495
7495
|
description,
|
@@ -7497,7 +7497,7 @@ function Toaster(props) {
|
|
7497
7497
|
action,
|
7498
7498
|
...toastProps
|
7499
7499
|
}) {
|
7500
|
-
return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement(
|
7500
|
+
return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react33.default.createElement(
|
7501
7501
|
"div",
|
7502
7502
|
{
|
7503
7503
|
className: cn(
|
@@ -7512,7 +7512,10 @@ function Toaster(props) {
|
|
7512
7512
|
{
|
7513
7513
|
className: cn(
|
7514
7514
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
7515
|
-
{
|
7515
|
+
{
|
7516
|
+
"hawa-p-4": size === "default",
|
7517
|
+
"hawa-p-2": size === "sm"
|
7518
|
+
}
|
7516
7519
|
)
|
7517
7520
|
},
|
7518
7521
|
/* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react33.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react33.default.createElement(ToastDescription, { size }, description)),
|
@@ -7524,7 +7527,7 @@ function Toaster(props) {
|
|
7524
7527
|
{
|
7525
7528
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
7526
7529
|
}
|
7527
|
-
));
|
7530
|
+
)));
|
7528
7531
|
}
|
7529
7532
|
|
7530
7533
|
// elements/destroyableCard/DestroyableCard.tsx
|
package/dist/elements/index.mjs
CHANGED
@@ -3073,7 +3073,7 @@ import React31 from "react";
|
|
3073
3073
|
function Toaster(props) {
|
3074
3074
|
const { toasts } = useToast();
|
3075
3075
|
let isRTL = props.direction === "rtl";
|
3076
|
-
return /* @__PURE__ */ React31.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
3076
|
+
return /* @__PURE__ */ React31.createElement("div", null, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React31.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
3077
3077
|
id,
|
3078
3078
|
title,
|
3079
3079
|
description,
|
@@ -3081,7 +3081,7 @@ function Toaster(props) {
|
|
3081
3081
|
action,
|
3082
3082
|
...toastProps
|
3083
3083
|
}) {
|
3084
|
-
return /* @__PURE__ */ React31.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React31.createElement(
|
3084
|
+
return /* @__PURE__ */ React31.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React31.createElement(
|
3085
3085
|
"div",
|
3086
3086
|
{
|
3087
3087
|
className: cn(
|
@@ -3096,7 +3096,10 @@ function Toaster(props) {
|
|
3096
3096
|
{
|
3097
3097
|
className: cn(
|
3098
3098
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
3099
|
-
{
|
3099
|
+
{
|
3100
|
+
"hawa-p-4": size === "default",
|
3101
|
+
"hawa-p-2": size === "sm"
|
3102
|
+
}
|
3100
3103
|
)
|
3101
3104
|
},
|
3102
3105
|
/* @__PURE__ */ React31.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React31.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React31.createElement(ToastDescription, { size }, description)),
|
@@ -3108,7 +3111,7 @@ function Toaster(props) {
|
|
3108
3111
|
{
|
3109
3112
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
3110
3113
|
}
|
3111
|
-
));
|
3114
|
+
)));
|
3112
3115
|
}
|
3113
3116
|
|
3114
3117
|
// elements/destroyableCard/DestroyableCard.tsx
|
package/dist/index.js
CHANGED
@@ -7645,7 +7645,7 @@ function useToast() {
|
|
7645
7645
|
function Toaster(props) {
|
7646
7646
|
const { toasts } = useToast();
|
7647
7647
|
let isRTL = props.direction === "rtl";
|
7648
|
-
return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
7648
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
7649
7649
|
id,
|
7650
7650
|
title,
|
7651
7651
|
description,
|
@@ -7653,7 +7653,7 @@ function Toaster(props) {
|
|
7653
7653
|
action,
|
7654
7654
|
...toastProps
|
7655
7655
|
}) {
|
7656
|
-
return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement(
|
7656
|
+
return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react33.default.createElement(
|
7657
7657
|
"div",
|
7658
7658
|
{
|
7659
7659
|
className: cn(
|
@@ -7668,7 +7668,10 @@ function Toaster(props) {
|
|
7668
7668
|
{
|
7669
7669
|
className: cn(
|
7670
7670
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
7671
|
-
{
|
7671
|
+
{
|
7672
|
+
"hawa-p-4": size === "default",
|
7673
|
+
"hawa-p-2": size === "sm"
|
7674
|
+
}
|
7672
7675
|
)
|
7673
7676
|
},
|
7674
7677
|
/* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react33.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react33.default.createElement(ToastDescription, { size }, description)),
|
@@ -7680,7 +7683,7 @@ function Toaster(props) {
|
|
7680
7683
|
{
|
7681
7684
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
7682
7685
|
}
|
7683
|
-
));
|
7686
|
+
)));
|
7684
7687
|
}
|
7685
7688
|
|
7686
7689
|
// elements/destroyableCard/DestroyableCard.tsx
|
package/dist/index.mjs
CHANGED
@@ -7431,7 +7431,7 @@ function useToast() {
|
|
7431
7431
|
function Toaster(props) {
|
7432
7432
|
const { toasts } = useToast();
|
7433
7433
|
let isRTL = props.direction === "rtl";
|
7434
|
-
return /* @__PURE__ */ React59.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
7434
|
+
return /* @__PURE__ */ React59.createElement("div", null, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React59.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
7435
7435
|
id,
|
7436
7436
|
title,
|
7437
7437
|
description,
|
@@ -7439,7 +7439,7 @@ function Toaster(props) {
|
|
7439
7439
|
action,
|
7440
7440
|
...toastProps
|
7441
7441
|
}) {
|
7442
|
-
return /* @__PURE__ */ React59.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React59.createElement(
|
7442
|
+
return /* @__PURE__ */ React59.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React59.createElement(
|
7443
7443
|
"div",
|
7444
7444
|
{
|
7445
7445
|
className: cn(
|
@@ -7454,7 +7454,10 @@ function Toaster(props) {
|
|
7454
7454
|
{
|
7455
7455
|
className: cn(
|
7456
7456
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
7457
|
-
{
|
7457
|
+
{
|
7458
|
+
"hawa-p-4": size === "default",
|
7459
|
+
"hawa-p-2": size === "sm"
|
7460
|
+
}
|
7458
7461
|
)
|
7459
7462
|
},
|
7460
7463
|
/* @__PURE__ */ React59.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React59.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React59.createElement(ToastDescription, { size }, description)),
|
@@ -7466,7 +7469,7 @@ function Toaster(props) {
|
|
7466
7469
|
{
|
7467
7470
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
7468
7471
|
}
|
7469
|
-
));
|
7472
|
+
)));
|
7470
7473
|
}
|
7471
7474
|
|
7472
7475
|
// elements/destroyableCard/DestroyableCard.tsx
|
package/dist/toaster/index.js
CHANGED
@@ -37,6 +37,13 @@ module.exports = __toCommonJS(toaster_exports);
|
|
37
37
|
// elements/toaster/Toaster.tsx
|
38
38
|
var import_react = __toESM(require("react"));
|
39
39
|
|
40
|
+
// util/index.ts
|
41
|
+
var import_clsx = require("clsx");
|
42
|
+
var import_tailwind_merge = require("tailwind-merge");
|
43
|
+
function cn(...inputs) {
|
44
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
45
|
+
}
|
46
|
+
|
40
47
|
// hooks/useToast.ts
|
41
48
|
var React = __toESM(require("react"));
|
42
49
|
var TOAST_LIMIT = 5;
|
@@ -159,13 +166,6 @@ function useToast() {
|
|
159
166
|
};
|
160
167
|
}
|
161
168
|
|
162
|
-
// util/index.ts
|
163
|
-
var import_clsx = require("clsx");
|
164
|
-
var import_tailwind_merge = require("tailwind-merge");
|
165
|
-
function cn(...inputs) {
|
166
|
-
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
167
|
-
}
|
168
|
-
|
169
169
|
// elements/toast/Toast.tsx
|
170
170
|
var React2 = __toESM(require("react"));
|
171
171
|
var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
|
@@ -307,7 +307,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
|
307
307
|
function Toaster(props) {
|
308
308
|
const { toasts } = useToast();
|
309
309
|
let isRTL = props.direction === "rtl";
|
310
|
-
return /* @__PURE__ */ import_react.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
310
|
+
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
311
311
|
id,
|
312
312
|
title,
|
313
313
|
description,
|
@@ -315,7 +315,7 @@ function Toaster(props) {
|
|
315
315
|
action,
|
316
316
|
...toastProps
|
317
317
|
}) {
|
318
|
-
return /* @__PURE__ */ import_react.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react.default.createElement(
|
318
|
+
return /* @__PURE__ */ import_react.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react.default.createElement(
|
319
319
|
"div",
|
320
320
|
{
|
321
321
|
className: cn(
|
@@ -330,7 +330,10 @@ function Toaster(props) {
|
|
330
330
|
{
|
331
331
|
className: cn(
|
332
332
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
333
|
-
{
|
333
|
+
{
|
334
|
+
"hawa-p-4": size === "default",
|
335
|
+
"hawa-p-2": size === "sm"
|
336
|
+
}
|
334
337
|
)
|
335
338
|
},
|
336
339
|
/* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react.default.createElement(ToastDescription, { size }, description)),
|
@@ -342,7 +345,7 @@ function Toaster(props) {
|
|
342
345
|
{
|
343
346
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
344
347
|
}
|
345
|
-
));
|
348
|
+
)));
|
346
349
|
}
|
347
350
|
// Annotate the CommonJS export names for ESM import in node:
|
348
351
|
0 && (module.exports = {
|
package/dist/toaster/index.mjs
CHANGED
@@ -139,7 +139,7 @@ function useToast() {
|
|
139
139
|
function Toaster(props) {
|
140
140
|
const { toasts } = useToast();
|
141
141
|
let isRTL = props.direction === "rtl";
|
142
|
-
return /* @__PURE__ */ React2.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
|
142
|
+
return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React2.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
|
143
143
|
id,
|
144
144
|
title,
|
145
145
|
description,
|
@@ -147,7 +147,7 @@ function Toaster(props) {
|
|
147
147
|
action,
|
148
148
|
...toastProps
|
149
149
|
}) {
|
150
|
-
return /* @__PURE__ */ React2.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React2.createElement(
|
150
|
+
return /* @__PURE__ */ React2.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React2.createElement(
|
151
151
|
"div",
|
152
152
|
{
|
153
153
|
className: cn(
|
@@ -162,7 +162,10 @@ function Toaster(props) {
|
|
162
162
|
{
|
163
163
|
className: cn(
|
164
164
|
"hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
|
165
|
-
{
|
165
|
+
{
|
166
|
+
"hawa-p-4": size === "default",
|
167
|
+
"hawa-p-2": size === "sm"
|
168
|
+
}
|
166
169
|
)
|
167
170
|
},
|
168
171
|
/* @__PURE__ */ React2.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React2.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React2.createElement(ToastDescription, { size }, description)),
|
@@ -174,7 +177,7 @@ function Toaster(props) {
|
|
174
177
|
{
|
175
178
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
176
179
|
}
|
177
|
-
));
|
180
|
+
)));
|
178
181
|
}
|
179
182
|
export {
|
180
183
|
Toaster
|