@driveflux/beam 2.0.13 → 2.0.14
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/command/command.d.ts +7 -7
- package/dist/datepicker/constants.js +3 -4
- package/dist/datepicker/utils.js +4 -11
- package/dist/dialog/index.d.ts +3 -1
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +23 -1
- package/dist/dialog/index.js.map +1 -1
- package/dist/hooks/use-breakpoint-value.js +77 -14
- package/dist/styles.css +52 -4
- package/dist/toast/sonner.d.ts.map +1 -1
- package/dist/toast/sonner.js +2 -10
- package/dist/toast/sonner.js.map +1 -1
- package/dist/utils.js +4 -2
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
6
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
7
7
|
} & {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
9
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
10
10
|
label?: string;
|
|
11
11
|
shouldFilter?: boolean;
|
|
12
12
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -27,7 +27,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
27
27
|
ref?: React.Ref<HTMLInputElement>;
|
|
28
28
|
} & {
|
|
29
29
|
asChild?: boolean;
|
|
30
|
-
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "
|
|
30
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
31
31
|
value?: string;
|
|
32
32
|
onValueChange?: (search: string) => void;
|
|
33
33
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & CommandInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -37,7 +37,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
37
37
|
ref?: React.Ref<HTMLDivElement>;
|
|
38
38
|
} & {
|
|
39
39
|
asChild?: boolean;
|
|
40
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
40
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
41
41
|
label?: string;
|
|
42
42
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
43
|
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -46,14 +46,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
46
46
|
ref?: React.Ref<HTMLDivElement>;
|
|
47
47
|
} & {
|
|
48
48
|
asChild?: boolean;
|
|
49
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
49
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
50
50
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
51
51
|
children?: React.ReactNode;
|
|
52
52
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
53
53
|
ref?: React.Ref<HTMLDivElement>;
|
|
54
54
|
} & {
|
|
55
55
|
asChild?: boolean;
|
|
56
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
56
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
57
57
|
heading?: React.ReactNode;
|
|
58
58
|
value?: string;
|
|
59
59
|
forceMount?: boolean;
|
|
@@ -62,7 +62,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
62
62
|
ref?: React.Ref<HTMLDivElement>;
|
|
63
63
|
} & {
|
|
64
64
|
asChild?: boolean;
|
|
65
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
65
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
66
66
|
alwaysRender?: boolean;
|
|
67
67
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
68
68
|
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -71,7 +71,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
71
71
|
ref?: React.Ref<HTMLDivElement>;
|
|
72
72
|
} & {
|
|
73
73
|
asChild?: boolean;
|
|
74
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
74
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
75
75
|
disabled?: boolean;
|
|
76
76
|
onSelect?: (value: string) => void;
|
|
77
77
|
value?: string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
//# sourceMappingURL=constants.js.map
|
|
1
|
+
export var DATE_INPUT_FORMAT = 'DD-MM-YYYY';
|
|
2
|
+
export var DATE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
|
|
3
|
+
export var DATERANGE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}\s-\s(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
|
package/dist/datepicker/utils.js
CHANGED
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { format } from '@driveflux/time';
|
|
2
2
|
import { DATE_INPUT_FORMAT } from './constants';
|
|
3
|
-
export
|
|
4
|
-
return isRange
|
|
5
|
-
? `${DATE_INPUT_FORMAT} - ${DATE_INPUT_FORMAT}`
|
|
6
|
-
: DATE_INPUT_FORMAT;
|
|
3
|
+
export var formatPlaceholderBy = function(isRange) {
|
|
4
|
+
return isRange ? "".concat(DATE_INPUT_FORMAT, " - ").concat(DATE_INPUT_FORMAT) : DATE_INPUT_FORMAT;
|
|
7
5
|
};
|
|
8
|
-
export
|
|
9
|
-
return Array.isArray(value)
|
|
10
|
-
? `${format(value[0])} - ${format(value[1])}`
|
|
11
|
-
: value
|
|
12
|
-
? format(value)
|
|
13
|
-
: '';
|
|
6
|
+
export var formatInputBy = function(value, isRange) {
|
|
7
|
+
return Array.isArray(value) ? "".concat(format(value[0]), " - ").concat(format(value[1])) : value ? format(value) : '';
|
|
14
8
|
};
|
|
15
|
-
//# sourceMappingURL=utils.js.map
|
package/dist/dialog/index.d.ts
CHANGED
|
@@ -5,7 +5,9 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
5
5
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
6
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
8
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
showCloseButton?: boolean;
|
|
10
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
9
11
|
declare const DialogHeader: {
|
|
10
12
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;sBAGC,OAAO;wCA+CzB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAA"}
|
package/dist/dialog/index.js
CHANGED
|
@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import HStack from '../hstack/HStack';
|
|
6
|
+
import IconClose from '../icons/IconClose';
|
|
6
7
|
import { cn } from '../utils';
|
|
7
8
|
const Dialog = DialogPrimitive.Root;
|
|
8
9
|
const DialogTrigger = DialogPrimitive.Trigger;
|
|
@@ -10,7 +11,28 @@ const DialogPortal = DialogPrimitive.Portal;
|
|
|
10
11
|
const DialogClose = DialogPrimitive.Close;
|
|
11
12
|
const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/45 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
|
|
12
13
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
13
|
-
const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (
|
|
14
|
+
const DialogContent = React.forwardRef(({ className, children, showCloseButton, ...props }, ref) => (
|
|
15
|
+
// <DialogPortal>
|
|
16
|
+
// <DialogOverlay />
|
|
17
|
+
// <DialogPrimitive.Content
|
|
18
|
+
// ref={ref}
|
|
19
|
+
// className={cn(
|
|
20
|
+
// 'fixed left-[50%] top-[50%] z-50 w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%]',
|
|
21
|
+
// 'border border-zinc-200 bg-white shadow-lg duration-200',
|
|
22
|
+
// 'data-[state=open]:animate-in data-[state=closed]:animate-out',
|
|
23
|
+
// 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
|
|
24
|
+
// 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
|
|
25
|
+
// 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]',
|
|
26
|
+
// 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',
|
|
27
|
+
// 'dark:border-zinc-800 dark:bg-zinc-950',
|
|
28
|
+
// className,
|
|
29
|
+
// )}
|
|
30
|
+
// {...props}
|
|
31
|
+
// >
|
|
32
|
+
// {children}
|
|
33
|
+
// </DialogPrimitive.Content>
|
|
34
|
+
// </DialogPortal>
|
|
35
|
+
_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { autoFocus: false, "data-slot": "dialog-content", className: cn('bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%] gap-4 border duration-200', className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-black focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(IconClose, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] })));
|
|
14
36
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
15
37
|
const DialogHeader = ({ className, ...props }) => (_jsx(HStack, { className: cn('justify-between p-6 border-b border-b-primary1', className), ...props }));
|
|
16
38
|
DialogHeader.displayName = 'DialogHeader';
|
package/dist/dialog/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAA;AAEnC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAA;AAEzC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,yJAAyJ,EACzJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAE/D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +1,93 @@
|
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _iterable_to_array_limit(arr, i) {
|
|
10
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
11
|
+
if (_i == null) return;
|
|
12
|
+
var _arr = [];
|
|
13
|
+
var _n = true;
|
|
14
|
+
var _d = false;
|
|
15
|
+
var _s, _e;
|
|
16
|
+
try {
|
|
17
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
18
|
+
_arr.push(_s.value);
|
|
19
|
+
if (i && _arr.length === i) break;
|
|
20
|
+
}
|
|
21
|
+
} catch (err) {
|
|
22
|
+
_d = true;
|
|
23
|
+
_e = err;
|
|
24
|
+
} finally{
|
|
25
|
+
try {
|
|
26
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
27
|
+
} finally{
|
|
28
|
+
if (_d) throw _e;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return _arr;
|
|
32
|
+
}
|
|
33
|
+
function _non_iterable_rest() {
|
|
34
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
|
+
}
|
|
36
|
+
function _sliced_to_array(arr, i) {
|
|
37
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
38
|
+
}
|
|
39
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
40
|
+
if (!o) return;
|
|
41
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
42
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
43
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
44
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
45
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
46
|
+
}
|
|
1
47
|
import { useEffect, useState } from 'react';
|
|
2
|
-
|
|
48
|
+
var mediaQueries = {
|
|
3
49
|
'2xl': '(min-width: 1536px)',
|
|
4
50
|
xl: '(min-width: 1280px)',
|
|
5
51
|
lg: '(min-width: 1024px)',
|
|
6
52
|
md: '(min-width: 768px)',
|
|
7
53
|
sm: '(min-width: 640px)',
|
|
8
|
-
base: '(min-width: 0px)'
|
|
54
|
+
base: '(min-width: 0px)'
|
|
9
55
|
};
|
|
10
|
-
export
|
|
11
|
-
|
|
56
|
+
export var useBreakpointValue = function(values) {
|
|
57
|
+
var _useState = _sliced_to_array(useState(values.base), 2), value = _useState[0], setValue = _useState[1];
|
|
12
58
|
// biome-ignore lint/correctness/useExhaustiveDependencies: only run on first render
|
|
13
|
-
useEffect(()
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
59
|
+
useEffect(function() {
|
|
60
|
+
var getValidBreakpointValue = function() {
|
|
61
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
|
|
62
|
+
try {
|
|
63
|
+
for(var _iterator = Object.entries(mediaQueries)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
|
|
64
|
+
var _step_value = _sliced_to_array(_step.value, 2), key = _step_value[0], value = _step_value[1];
|
|
65
|
+
var breakpointValue = values[key];
|
|
66
|
+
if (window.matchMedia(value).matches && typeof breakpointValue !== 'undefined') {
|
|
67
|
+
setValue(breakpointValue);
|
|
68
|
+
break;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
} catch (err) {
|
|
72
|
+
_didIteratorError = true;
|
|
73
|
+
_iteratorError = err;
|
|
74
|
+
} finally{
|
|
75
|
+
try {
|
|
76
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
77
|
+
_iterator.return();
|
|
78
|
+
}
|
|
79
|
+
} finally{
|
|
80
|
+
if (_didIteratorError) {
|
|
81
|
+
throw _iteratorError;
|
|
82
|
+
}
|
|
21
83
|
}
|
|
22
84
|
}
|
|
23
85
|
};
|
|
24
86
|
getValidBreakpointValue();
|
|
25
87
|
window.addEventListener('resize', getValidBreakpointValue);
|
|
26
|
-
return ()
|
|
88
|
+
return function() {
|
|
89
|
+
return window.removeEventListener('resize', getValidBreakpointValue);
|
|
90
|
+
};
|
|
27
91
|
}, []);
|
|
28
92
|
return value;
|
|
29
93
|
};
|
|
30
|
-
//# sourceMappingURL=use-breakpoint-value.js.map
|
package/dist/styles.css
CHANGED
|
@@ -278,6 +278,9 @@
|
|
|
278
278
|
.top-1\/2 {
|
|
279
279
|
top: calc(1/2 * 100%) !important;
|
|
280
280
|
}
|
|
281
|
+
.top-4 {
|
|
282
|
+
top: calc(var(--spacing) * 4) !important;
|
|
283
|
+
}
|
|
281
284
|
.top-\[50\%\] {
|
|
282
285
|
top: 50% !important;
|
|
283
286
|
}
|
|
@@ -287,6 +290,9 @@
|
|
|
287
290
|
.right-0 {
|
|
288
291
|
right: calc(var(--spacing) * 0) !important;
|
|
289
292
|
}
|
|
293
|
+
.right-4 {
|
|
294
|
+
right: calc(var(--spacing) * 4) !important;
|
|
295
|
+
}
|
|
290
296
|
.right-20 {
|
|
291
297
|
right: calc(var(--spacing) * 20) !important;
|
|
292
298
|
}
|
|
@@ -731,10 +737,6 @@
|
|
|
731
737
|
border-style: var(--tw-border-style) !important;
|
|
732
738
|
border-width: 1px !important;
|
|
733
739
|
}
|
|
734
|
-
.border-0 {
|
|
735
|
-
border-style: var(--tw-border-style) !important;
|
|
736
|
-
border-width: 0px !important;
|
|
737
|
-
}
|
|
738
740
|
.border-2 {
|
|
739
741
|
border-style: var(--tw-border-style) !important;
|
|
740
742
|
border-width: 2px !important;
|
|
@@ -1213,6 +1215,9 @@
|
|
|
1213
1215
|
.opacity-60 {
|
|
1214
1216
|
opacity: 60% !important;
|
|
1215
1217
|
}
|
|
1218
|
+
.opacity-70 {
|
|
1219
|
+
opacity: 70% !important;
|
|
1220
|
+
}
|
|
1216
1221
|
.shadow-lg {
|
|
1217
1222
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
|
|
1218
1223
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
@@ -1225,6 +1230,9 @@
|
|
|
1225
1230
|
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
|
|
1226
1231
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
1227
1232
|
}
|
|
1233
|
+
.ring-offset-black {
|
|
1234
|
+
--tw-ring-offset-color: var(--color-black) !important;
|
|
1235
|
+
}
|
|
1228
1236
|
.ring-offset-white {
|
|
1229
1237
|
--tw-ring-offset-color: var(--color-white) !important;
|
|
1230
1238
|
}
|
|
@@ -1253,6 +1261,11 @@
|
|
|
1253
1261
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
|
|
1254
1262
|
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
|
|
1255
1263
|
}
|
|
1264
|
+
.transition-opacity {
|
|
1265
|
+
transition-property: opacity !important;
|
|
1266
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
|
|
1267
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
|
|
1268
|
+
}
|
|
1256
1269
|
.transition-transform {
|
|
1257
1270
|
transition-property: transform, translate, scale, rotate !important;
|
|
1258
1271
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
|
|
@@ -1623,6 +1636,13 @@
|
|
|
1623
1636
|
}
|
|
1624
1637
|
}
|
|
1625
1638
|
}
|
|
1639
|
+
.hover\:opacity-100 {
|
|
1640
|
+
&:hover {
|
|
1641
|
+
@media (hover: hover) {
|
|
1642
|
+
opacity: 100% !important;
|
|
1643
|
+
}
|
|
1644
|
+
}
|
|
1645
|
+
}
|
|
1626
1646
|
.hover\:shadow-lg {
|
|
1627
1647
|
&:hover {
|
|
1628
1648
|
@media (hover: hover) {
|
|
@@ -1662,6 +1682,18 @@
|
|
|
1662
1682
|
color: var(--color-zinc-900) !important;
|
|
1663
1683
|
}
|
|
1664
1684
|
}
|
|
1685
|
+
.focus\:ring-2 {
|
|
1686
|
+
&:focus {
|
|
1687
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
|
|
1688
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
1689
|
+
}
|
|
1690
|
+
}
|
|
1691
|
+
.focus\:ring-offset-2 {
|
|
1692
|
+
&:focus {
|
|
1693
|
+
--tw-ring-offset-width: 2px !important;
|
|
1694
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
|
|
1695
|
+
}
|
|
1696
|
+
}
|
|
1665
1697
|
.focus\:outline-hidden {
|
|
1666
1698
|
&:focus {
|
|
1667
1699
|
--tw-outline-style: none !important;
|
|
@@ -2239,6 +2271,22 @@
|
|
|
2239
2271
|
line-height: var(--leading-relaxed) !important;
|
|
2240
2272
|
}
|
|
2241
2273
|
}
|
|
2274
|
+
.\[\&_svg\]\:pointer-events-none {
|
|
2275
|
+
& svg {
|
|
2276
|
+
pointer-events: none !important;
|
|
2277
|
+
}
|
|
2278
|
+
}
|
|
2279
|
+
.\[\&_svg\]\:shrink-0 {
|
|
2280
|
+
& svg {
|
|
2281
|
+
flex-shrink: 0 !important;
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2284
|
+
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
2285
|
+
& svg:not([class*='size-']) {
|
|
2286
|
+
width: calc(var(--spacing) * 4) !important;
|
|
2287
|
+
height: calc(var(--spacing) * 4) !important;
|
|
2288
|
+
}
|
|
2289
|
+
}
|
|
2242
2290
|
.\[\&_tr\]\:border-b {
|
|
2243
2291
|
& tr {
|
|
2244
2292
|
border-bottom-style: var(--tw-border-style) !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/toast/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAwB,MAAM,QAAQ,CAAA;AAGhE,MAAM,MAAM,YAAY,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,
|
|
1
|
+
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/toast/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAwB,MAAM,QAAQ,CAAA;AAGhE,MAAM,MAAM,YAAY,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAW1C,CAAA;AAED,QAAA,MAAM,KAAK,GAAI,yDAMZ,YAAY,SAWd,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
package/dist/toast/sonner.js
CHANGED
|
@@ -5,18 +5,10 @@ import { Toaster as Sonner, toast as sonnerToast } from 'sonner';
|
|
|
5
5
|
import ToastBox from './ToastBox';
|
|
6
6
|
const Toaster = ({ ...props }) => {
|
|
7
7
|
const { theme = 'system' } = useTheme();
|
|
8
|
-
return (_jsx(Sonner, { theme: theme, className: "
|
|
9
|
-
classNames: {
|
|
10
|
-
toast: 'p-0',
|
|
11
|
-
},
|
|
12
|
-
}, ...props }));
|
|
8
|
+
return (_jsx(Sonner, { theme: theme, className: "group", position: "bottom-center", ...props }));
|
|
13
9
|
};
|
|
14
10
|
const toast = ({ title, description, status, isClosable = true, isNumbered, }) => {
|
|
15
|
-
|
|
16
|
-
sonnerToast(_jsx(ToastBox, { id: toastId, title: title, description: description, status: status, isClosable: isClosable, isNumbered: isNumbered }), {
|
|
17
|
-
id: toastId,
|
|
18
|
-
className: 'rounded-none p-0 border-0',
|
|
19
|
-
});
|
|
11
|
+
sonnerToast.custom((toastId) => (_jsx(ToastBox, { id: toastId, title: title, description: description, status: status, isClosable: isClosable, isNumbered: isNumbered })));
|
|
20
12
|
};
|
|
21
13
|
export { Toaster, toast };
|
|
22
14
|
//# sourceMappingURL=sonner.js.map
|
package/dist/toast/sonner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.js","sourceRoot":"","sources":["../../src/toast/sonner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,QAAQ,MAAM,YAAY,CAAA;AAYjC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC9C,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEvC,OAAO,CACN,KAAC,MAAM,IACN,KAAK,EAAE,KAA8B,EACrC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"sonner.js","sourceRoot":"","sources":["../../src/toast/sonner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,QAAQ,MAAM,YAAY,CAAA;AAYjC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC9C,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEvC,OAAO,CACN,KAAC,MAAM,IACN,KAAK,EAAE,KAA8B,EACrC,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAC,eAAe,KACpB,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,EACd,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,UAAU,GACI,EAAE,EAAE;IAClB,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC/B,KAAC,QAAQ,IACR,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,GACrB,CACF,CAAC,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
package/dist/utils.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { clsx } from 'clsx';
|
|
2
2
|
import { twMerge } from 'tailwind-merge';
|
|
3
|
-
export function cn(
|
|
3
|
+
export function cn() {
|
|
4
|
+
for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
|
|
5
|
+
inputs[_key] = arguments[_key];
|
|
6
|
+
}
|
|
4
7
|
return twMerge(clsx(inputs));
|
|
5
8
|
}
|
|
6
|
-
//# sourceMappingURL=utils.js.map
|