@driveflux/beam 2.1.2 → 2.1.3

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/base-styles.css +2 -0
  2. package/dist/button/Button.js +124 -12
  3. package/dist/datepicker/DatePickerPopover.js +207 -35
  4. package/dist/skeleton/Skeleton.js +62 -3
  5. package/dist/styles.css +6 -0
  6. package/dist/toast/ToastBox.js +71 -24
  7. package/dist/tooltip/Tooltip.js +151 -12
  8. package/package.json +1 -1
package/dist/base-styles.css CHANGED
@@ -118,6 +118,7 @@
118
118
  --color-primary-800: #000000;
119
119
  --color-primary-900: #000000;
120
120
 
121
+ --color-success-25: #f1f9f4;
121
122
  --color-success-50: #d8f7f2;
122
123
  --color-success-100: #98e6d6;
123
124
  --color-success-200: #3bd5bc;
@@ -128,6 +129,7 @@
128
129
  --color-success-700: #00825c;
129
130
  --color-success-800: #00724d;
130
131
  --color-success-900: #005530;
132
+ --color-success-950: #16776d;
131
133
 
132
134
  --color-accent-50: #fceaee;
133
135
  --color-accent-100: #f8cad3;
package/dist/button/Button.js CHANGED
@@ -1,4 +1,83 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ function _object_without_properties(source, excluded) {
54
+ if (source == null) return {};
55
+ var target = _object_without_properties_loose(source, excluded);
56
+ var key, i;
57
+ if (Object.getOwnPropertySymbols) {
58
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
+ for(i = 0; i < sourceSymbolKeys.length; i++){
60
+ key = sourceSymbolKeys[i];
61
+ if (excluded.indexOf(key) >= 0) continue;
62
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
63
+ target[key] = source[key];
64
+ }
65
+ }
66
+ return target;
67
+ }
68
+ function _object_without_properties_loose(source, excluded) {
69
+ if (source == null) return {};
70
+ var target = {};
71
+ var sourceKeys = Object.keys(source);
72
+ var key, i;
73
+ for(i = 0; i < sourceKeys.length; i++){
74
+ key = sourceKeys[i];
75
+ if (excluded.indexOf(key) >= 0) continue;
76
+ target[key] = source[key];
77
+ }
78
+ return target;
79
+ }
80
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
81
  import { Slot } from '@radix-ui/react-slot';
3
82
  import { cva } from 'class-variance-authority';
4
83
  import * as React from 'react';
@@ -6,27 +85,60 @@ import LoadingAnimation from '../animations/LoadingAnimation.js';
6
85
  import Box from '../box/Box.js';
7
86
  import HStack from '../hstack/HStack.js';
8
87
  import { cn } from '../utils.js';
9
- const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
88
+ var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
10
89
  variants: {
11
90
  variant: {
12
91
  outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
13
- 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
92
+ 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
14
93
  },
15
94
  colorScheme: {
16
95
  default: 'bg-black',
17
96
  accent: 'bg-accent-500 hover:bg-accent4',
18
97
  link: 'bg-links hover:bg-links2',
19
98
  warning: 'bg-warning4 hover:bg-warning-500',
20
- success: 'bg-success-200 hover:bg-success4',
21
- },
22
- },
99
+ success: 'bg-success-200 hover:bg-success4'
100
+ }
101
+ }
23
102
  });
24
- const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
25
- const Comp = asChild ? Slot : 'button';
26
- return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
27
- ? 'default'
28
- : 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), children, rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
103
+ var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
104
+ var className = _param.className, variant = _param.variant, colorScheme = _param.colorScheme, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, leftIcon = _param.leftIcon, rightIcon = _param.rightIcon, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
105
+ "className",
106
+ "variant",
107
+ "colorScheme",
108
+ "asChild",
109
+ "leftIcon",
110
+ "rightIcon",
111
+ "isDisabled",
112
+ "isLoading",
113
+ "children"
114
+ ]);
115
+ var Comp = asChild ? Slot : 'button';
116
+ return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
117
+ className: cn('min-w-32 rounded-lg', buttonVariants({
118
+ variant: variant,
119
+ colorScheme: colorScheme,
120
+ className: className
121
+ }), isLoading ? 'disabled:opacity-100!' : ''),
122
+ ref: ref,
123
+ disabled: isDisabled || isLoading
124
+ }, props), {
125
+ children: /*#__PURE__*/ _jsx(HStack, {
126
+ className: 'gap-2 items-center',
127
+ children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
128
+ colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
129
+ }) : /*#__PURE__*/ _jsxs(_Fragment, {
130
+ children: [
131
+ leftIcon && /*#__PURE__*/ _jsx(Box, {
132
+ children: leftIcon
133
+ }),
134
+ children,
135
+ rightIcon && /*#__PURE__*/ _jsx(Box, {
136
+ children: rightIcon
137
+ })
138
+ ]
139
+ })
140
+ })
141
+ }));
29
142
  });
30
143
  Button.displayName = 'Button';
31
144
  export default Button;
32
- //# sourceMappingURL=Button.js.map
package/dist/datepicker/DatePickerPopover.js CHANGED
@@ -1,4 +1,102 @@
1
1
  'use client';
2
+ function _array_like_to_array(arr, len) {
3
+ if (len == null || len > arr.length) len = arr.length;
4
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
+ return arr2;
6
+ }
7
+ function _array_with_holes(arr) {
8
+ if (Array.isArray(arr)) return arr;
9
+ }
10
+ function _define_property(obj, key, value) {
11
+ if (key in obj) {
12
+ Object.defineProperty(obj, key, {
13
+ value: value,
14
+ enumerable: true,
15
+ configurable: true,
16
+ writable: true
17
+ });
18
+ } else {
19
+ obj[key] = value;
20
+ }
21
+ return obj;
22
+ }
23
+ function _iterable_to_array_limit(arr, i) {
24
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
+ if (_i == null) return;
26
+ var _arr = [];
27
+ var _n = true;
28
+ var _d = false;
29
+ var _s, _e;
30
+ try {
31
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
+ _arr.push(_s.value);
33
+ if (i && _arr.length === i) break;
34
+ }
35
+ } catch (err) {
36
+ _d = true;
37
+ _e = err;
38
+ } finally{
39
+ try {
40
+ if (!_n && _i["return"] != null) _i["return"]();
41
+ } finally{
42
+ if (_d) throw _e;
43
+ }
44
+ }
45
+ return _arr;
46
+ }
47
+ function _non_iterable_rest() {
48
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
+ }
50
+ function _object_spread(target) {
51
+ for(var i = 1; i < arguments.length; i++){
52
+ var source = arguments[i] != null ? arguments[i] : {};
53
+ var ownKeys = Object.keys(source);
54
+ if (typeof Object.getOwnPropertySymbols === "function") {
55
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
+ }));
58
+ }
59
+ ownKeys.forEach(function(key) {
60
+ _define_property(target, key, source[key]);
61
+ });
62
+ }
63
+ return target;
64
+ }
65
+ function ownKeys(object, enumerableOnly) {
66
+ var keys = Object.keys(object);
67
+ if (Object.getOwnPropertySymbols) {
68
+ var symbols = Object.getOwnPropertySymbols(object);
69
+ if (enumerableOnly) {
70
+ symbols = symbols.filter(function(sym) {
71
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
72
+ });
73
+ }
74
+ keys.push.apply(keys, symbols);
75
+ }
76
+ return keys;
77
+ }
78
+ function _object_spread_props(target, source) {
79
+ source = source != null ? source : {};
80
+ if (Object.getOwnPropertyDescriptors) {
81
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
82
+ } else {
83
+ ownKeys(Object(source)).forEach(function(key) {
84
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
85
+ });
86
+ }
87
+ return target;
88
+ }
89
+ function _sliced_to_array(arr, i) {
90
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
91
+ }
92
+ function _unsupported_iterable_to_array(o, minLen) {
93
+ if (!o) return;
94
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
95
+ var n = Object.prototype.toString.call(o).slice(8, -1);
96
+ if (n === "Object" && o.constructor) n = o.constructor.name;
97
+ if (n === "Map" || n === "Set") return Array.from(n);
98
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
99
+ }
2
100
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
101
  import { format } from 'date-fns';
4
102
  import { useEffect, useRef } from 'react';
@@ -16,59 +114,133 @@ import Stack from '../stack/Stack';
16
114
  import { cn } from '../utils';
17
115
  import { DATERANGE_REGEX, DATE_REGEX } from './constants';
18
116
  import { formatPlaceholderBy } from './utils';
19
- const DatePickerPopover = ({ htmlFor = 'datepicker', locale = 'en', isRange, minDate, maxDate, placeholder, calendarType, isDisabled, onError, inputProps, cancelButton, applyButton, tileDisabled, value: providedValue,
20
- // non-customized props
21
- inputValue, innerValue, setInnerValue, setInputValue, focused, setFocused, handleSelect, handleCancel, handleApply, }) => {
22
- const containerRef = useRef(null);
23
- const handleChange = (e) => {
24
- const value = e.target.value;
25
- setInputValue?.(value);
117
+ var DatePickerPopover = function(param) {
118
+ var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, onError = param.onError, inputProps = param.inputProps, cancelButton = param.cancelButton, applyButton = param.applyButton, tileDisabled = param.tileDisabled, providedValue = param.value, // non-customized props
119
+ inputValue = param.inputValue, innerValue = param.innerValue, setInnerValue = param.setInnerValue, setInputValue = param.setInputValue, focused = param.focused, setFocused = param.setFocused, handleSelect = param.handleSelect, handleCancel = param.handleCancel, handleApply = param.handleApply;
120
+ var containerRef = useRef(null);
121
+ var handleChange = function(e) {
122
+ var value = e.target.value;
123
+ setInputValue === null || setInputValue === void 0 ? void 0 : setInputValue(value);
26
124
  if (isRange && DATERANGE_REGEX.test(value)) {
27
- const [startDate, endDate] = value.split(' - ');
28
- const [startDay, startMonth, startYear] = startDate.split('/');
29
- const [endDay, endMonth, endYear] = endDate.split('/');
30
- const formattedStartDate = new Date(`${startYear}-${startMonth}-${startDay}`);
31
- const formattedEndDate = new Date(`${endYear}-${endMonth}-${endDay}`);
125
+ var _value_split = _sliced_to_array(value.split(' - '), 2), startDate = _value_split[0], endDate = _value_split[1];
126
+ var _startDate_split = _sliced_to_array(startDate.split('/'), 3), startDay = _startDate_split[0], startMonth = _startDate_split[1], startYear = _startDate_split[2];
127
+ var _endDate_split = _sliced_to_array(endDate.split('/'), 3), endDay = _endDate_split[0], endMonth = _endDate_split[1], endYear = _endDate_split[2];
128
+ var formattedStartDate = new Date("".concat(startYear, "-").concat(startMonth, "-").concat(startDay));
129
+ var formattedEndDate = new Date("".concat(endYear, "-").concat(endMonth, "-").concat(endDay));
32
130
  if (formattedStartDate >= formattedEndDate) {
33
- onError?.('start-gte-end');
131
+ onError === null || onError === void 0 ? void 0 : onError('start-gte-end');
34
132
  return;
35
133
  }
36
- setInnerValue?.([formattedStartDate, formattedEndDate]);
134
+ setInnerValue === null || setInnerValue === void 0 ? void 0 : setInnerValue([
135
+ formattedStartDate,
136
+ formattedEndDate
137
+ ]);
37
138
  return;
38
139
  }
39
140
  if (!isRange && DATE_REGEX.test(value)) {
40
- const [day, month, year] = value.split('-');
41
- setInnerValue?.(new Date(`${year}-${month}-${day}`));
141
+ var _value_split1 = _sliced_to_array(value.split('-'), 3), day = _value_split1[0], month = _value_split1[1], year = _value_split1[2];
142
+ setInnerValue === null || setInnerValue === void 0 ? void 0 : setInnerValue(new Date("".concat(year, "-").concat(month, "-").concat(day)));
42
143
  return;
43
144
  }
44
145
  };
45
- const isApplyDisabled = !innerValue ||
46
- (isRange &&
47
- (!Array.isArray(innerValue) ||
48
- innerValue.length !== 2 ||
49
- !innerValue[0] ||
50
- !innerValue[1]));
51
- useEffect(() => {
52
- const handleClick = (e) => {
53
- const targetElement = e.target;
54
- const isCalendarClick = targetElement.closest('.react-calendar__tile');
55
- const open = !!containerRef.current?.contains(targetElement) || !!isCalendarClick;
146
+ var isApplyDisabled = !innerValue || isRange && (!Array.isArray(innerValue) || innerValue.length !== 2 || !innerValue[0] || !innerValue[1]);
147
+ useEffect(function() {
148
+ var handleClick = function(e) {
149
+ var _containerRef_current;
150
+ var targetElement = e.target;
151
+ var isCalendarClick = targetElement.closest('.react-calendar__tile');
152
+ var open = !!((_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.contains(targetElement)) || !!isCalendarClick;
56
153
  setFocused(open);
57
154
  if (!open) {
58
155
  handleCancel();
59
156
  }
60
157
  };
61
158
  document.addEventListener('click', handleClick);
62
- return () => document.removeEventListener('click', handleClick);
63
- }, [setFocused, handleCancel]);
64
- return (_jsxs(Box, { ref: containerRef, className: 'relative', children: [_jsx(InputMask, { htmlFor: htmlFor, placeholder: placeholder || formatPlaceholderBy(isRange), className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'), value: inputValue, isDisabled: isDisabled, suffix: _jsx(IconCalendar, { size: '16px' }), onChange: handleChange, onClick: () => {
159
+ return function() {
160
+ return document.removeEventListener('click', handleClick);
161
+ };
162
+ }, [
163
+ setFocused,
164
+ handleCancel
165
+ ]);
166
+ var _ref;
167
+ return /*#__PURE__*/ _jsxs(Box, {
168
+ ref: containerRef,
169
+ className: 'relative',
170
+ children: [
171
+ /*#__PURE__*/ _jsx(InputMask, _object_spread_props(_object_spread({
172
+ htmlFor: htmlFor,
173
+ placeholder: placeholder || formatPlaceholderBy(isRange),
174
+ className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'),
175
+ value: inputValue,
176
+ isDisabled: isDisabled,
177
+ suffix: /*#__PURE__*/ _jsx(IconCalendar, {
178
+ size: '16px'
179
+ }),
180
+ onChange: handleChange,
181
+ onClick: function() {
65
182
  !isDisabled && setFocused(true);
66
- }, ...inputProps, mask: formatPlaceholderBy(isRange), maskReplacement: {
183
+ }
184
+ }, inputProps), {
185
+ mask: formatPlaceholderBy(isRange),
186
+ maskReplacement: {
67
187
  D: /\d/,
68
188
  M: /\d/,
69
- Y: /\d/,
70
- }, maskTrack: (data) => maskTrackDate(data, isRange) }), focused && (_jsxs(Box, { className: 'absolute top-full left-0 mt-1 z-1 w-max max-w-sm border border-primary1 shadow-xl bg-white rounded-lg overflow-hidden', children: [_jsx(Calendar, { value: innerValue ?? minDate ?? new Date(), onChange: handleSelect, locale: locale || 'en', selectRange: isRange, minDate: minDate, maxDate: maxDate, calendarType: calendarType, formatShortWeekday: (_, date) => format(date, 'EEEEE'), className: 'p-4', tileDisabled: tileDisabled, prevLabel: _jsx(IconCalendarArrowBack, { size: 24 }), nextLabel: _jsx(IconCalendarArrowForward, { size: 24 }), prev2Label: _jsx(IconCalendarDoubleArrowBack, { size: 24 }), next2Label: _jsx(IconCalendarDoubleArrowForward, { size: 24 }) }), _jsxs(Stack, { className: 'flex flex-row gap-2 p-4 border-t border-primary1', children: [_jsx(Button, { type: 'button', variant: 'outline', className: 'w-full text-sm p-3 h-10 tracking-[0.5px]', onClick: handleCancel, children: cancelButton?.label || 'cancel' }), _jsx(Button, { className: cn('w-full text-sm p-3 h-10 tracking-[0.5px]', isApplyDisabled &&
71
- 'bg-primary1 hover:bg-primary1 cursor-not-allowed'), onClick: isApplyDisabled ? undefined : handleApply, children: applyButton?.label || 'done' })] })] }))] }));
189
+ Y: /\d/
190
+ },
191
+ maskTrack: function(data) {
192
+ return maskTrackDate(data, isRange);
193
+ }
194
+ })),
195
+ focused && /*#__PURE__*/ _jsxs(Box, {
196
+ className: 'absolute top-full left-0 mt-1 z-1 w-max max-w-sm border border-primary1 shadow-xl bg-white rounded-lg overflow-hidden',
197
+ children: [
198
+ /*#__PURE__*/ _jsx(Calendar, {
199
+ value: (_ref = innerValue !== null && innerValue !== void 0 ? innerValue : minDate) !== null && _ref !== void 0 ? _ref : new Date(),
200
+ onChange: handleSelect,
201
+ locale: locale || 'en',
202
+ selectRange: isRange,
203
+ minDate: minDate,
204
+ maxDate: maxDate,
205
+ calendarType: calendarType,
206
+ formatShortWeekday: function(_, date) {
207
+ return format(date, 'EEEEE');
208
+ },
209
+ className: 'p-4',
210
+ tileDisabled: tileDisabled,
211
+ prevLabel: /*#__PURE__*/ _jsx(IconCalendarArrowBack, {
212
+ size: 24
213
+ }),
214
+ nextLabel: /*#__PURE__*/ _jsx(IconCalendarArrowForward, {
215
+ size: 24
216
+ }),
217
+ prev2Label: /*#__PURE__*/ _jsx(IconCalendarDoubleArrowBack, {
218
+ size: 24
219
+ }),
220
+ next2Label: /*#__PURE__*/ _jsx(IconCalendarDoubleArrowForward, {
221
+ size: 24
222
+ })
223
+ }),
224
+ /*#__PURE__*/ _jsxs(Stack, {
225
+ className: 'flex flex-row gap-2 p-4 border-t border-primary1',
226
+ children: [
227
+ /*#__PURE__*/ _jsx(Button, {
228
+ type: 'button',
229
+ variant: 'outline',
230
+ className: 'w-full text-sm p-3 h-10 tracking-[0.5px]',
231
+ onClick: handleCancel,
232
+ children: (cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.label) || 'cancel'
233
+ }),
234
+ /*#__PURE__*/ _jsx(Button, {
235
+ className: cn('w-full text-sm p-3 h-10 tracking-[0.5px]', isApplyDisabled && 'bg-primary1 hover:bg-primary1 cursor-not-allowed'),
236
+ onClick: isApplyDisabled ? undefined : handleApply,
237
+ children: (applyButton === null || applyButton === void 0 ? void 0 : applyButton.label) || 'done'
238
+ })
239
+ ]
240
+ })
241
+ ]
242
+ })
243
+ ]
244
+ });
72
245
  };
73
246
  export default DatePickerPopover;
74
- //# sourceMappingURL=DatePickerPopover.js.map
package/dist/skeleton/Skeleton.js CHANGED
@@ -1,7 +1,66 @@
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function _object_without_properties(source, excluded) {
30
+ if (source == null) return {};
31
+ var target = _object_without_properties_loose(source, excluded);
32
+ var key, i;
33
+ if (Object.getOwnPropertySymbols) {
34
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
+ for(i = 0; i < sourceSymbolKeys.length; i++){
36
+ key = sourceSymbolKeys[i];
37
+ if (excluded.indexOf(key) >= 0) continue;
38
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
+ target[key] = source[key];
40
+ }
41
+ }
42
+ return target;
43
+ }
44
+ function _object_without_properties_loose(source, excluded) {
45
+ if (source == null) return {};
46
+ var target = {};
47
+ var sourceKeys = Object.keys(source);
48
+ var key, i;
49
+ for(i = 0; i < sourceKeys.length; i++){
50
+ key = sourceKeys[i];
51
+ if (excluded.indexOf(key) >= 0) continue;
52
+ target[key] = source[key];
53
+ }
54
+ return target;
55
+ }
1
56
  import { jsx as _jsx } from "react/jsx-runtime";
2
57
  import { cn } from '../utils';
3
- function Skeleton({ className, ...props }) {
4
- return (_jsx("div", { className: cn('animate-pulse bg-primary1 rounded-lg md:rounded-xl dark:bg-zinc-800', className), ...props }));
58
+ function Skeleton(_param) {
59
+ var className = _param.className, props = _object_without_properties(_param, [
60
+ "className"
61
+ ]);
62
+ return /*#__PURE__*/ _jsx("div", _object_spread({
63
+ className: cn('animate-pulse bg-primary1 rounded-lg md:rounded-xl dark:bg-zinc-800', className)
64
+ }, props));
5
65
  }
6
66
  export default Skeleton;
7
- //# sourceMappingURL=Skeleton.js.map
package/dist/styles.css CHANGED
@@ -2059,6 +2059,12 @@
2059
2059
  width: calc(var(--spacing) * 6) !important;
2060
2060
  }
2061
2061
  }
2062
+ .lg\:tracking-wide {
2063
+ @media (width >= 64rem) {
2064
+ --tw-tracking: var(--tracking-wide) !important;
2065
+ letter-spacing: var(--tracking-wide) !important;
2066
+ }
2067
+ }
2062
2068
  .dark\:border-gray-800 {
2063
2069
  &:is(.dark *) {
2064
2070
  border-color: var(--color-gray-800) !important;
package/dist/toast/ToastBox.js CHANGED
@@ -8,59 +8,106 @@ import IconClose from '../icons/IconClose';
8
8
  import IconInfo from '../icons/IconInfo';
9
9
  import IconTriangleExclamation from '../icons/IconTriangleExclamation';
10
10
  import Text from '../text/Text';
11
- const ToastBox = (options) => {
12
- const title = options?.title;
13
- const description = options?.description;
14
- const isNumbered = options?.isNumbered;
15
- const { icon, titleColor, borderColor, textColor, bgColor } = getStyles(options?.status);
16
- return (_jsxs(HStack, { className: `flex w-full items-start ${textColor} ${bgColor} border-l-8 ${borderColor} p-3 space-y-3 rounded-lg`, children: [_jsxs(HStack, { className: 'space-y-1 w-full', children: [_jsx(Box, { className: titleColor, children: icon }), _jsxs(Box, { className: "w-full", children: [title && _jsx(Text, { className: "font-bold text-base", children: title }), description && (_jsx(Box, { className: `${textColor} text-base`, children: typeof description === 'string'
17
- ? splitText(description, isNumbered)
18
- : description }))] })] }), options?.isClosable && (_jsx(Box, { as: "button", onClick: () => {
11
+ var ToastBox = function(options) {
12
+ var title = options === null || options === void 0 ? void 0 : options.title;
13
+ var description = options === null || options === void 0 ? void 0 : options.description;
14
+ var isNumbered = options === null || options === void 0 ? void 0 : options.isNumbered;
15
+ var _getStyles = getStyles(options === null || options === void 0 ? void 0 : options.status), icon = _getStyles.icon, titleColor = _getStyles.titleColor, borderColor = _getStyles.borderColor, textColor = _getStyles.textColor, bgColor = _getStyles.bgColor;
16
+ return /*#__PURE__*/ _jsxs(HStack, {
17
+ className: "flex w-full items-start ".concat(textColor, " ").concat(bgColor, " border-l-8 ").concat(borderColor, " p-3 space-y-3 rounded-lg"),
18
+ children: [
19
+ /*#__PURE__*/ _jsxs(HStack, {
20
+ className: 'space-y-1 w-full',
21
+ children: [
22
+ /*#__PURE__*/ _jsx(Box, {
23
+ className: titleColor,
24
+ children: icon
25
+ }),
26
+ /*#__PURE__*/ _jsxs(Box, {
27
+ className: "w-full",
28
+ children: [
29
+ title && /*#__PURE__*/ _jsx(Text, {
30
+ className: "font-bold text-base",
31
+ children: title
32
+ }),
33
+ description && /*#__PURE__*/ _jsx(Box, {
34
+ className: "".concat(textColor, " text-base"),
35
+ children: typeof description === 'string' ? splitText(description, isNumbered) : description
36
+ })
37
+ ]
38
+ })
39
+ ]
40
+ }),
41
+ (options === null || options === void 0 ? void 0 : options.isClosable) && /*#__PURE__*/ _jsx(Box, {
42
+ as: "button",
43
+ onClick: function() {
19
44
  toast.dismiss(options.id);
20
- }, children: _jsx(IconClose, { size: '24px' }) }))] }));
45
+ },
46
+ children: /*#__PURE__*/ _jsx(IconClose, {
47
+ size: '24px'
48
+ })
49
+ })
50
+ ]
51
+ });
21
52
  };
22
- const splitText = (text, isNumbered) => {
23
- const listItems = text.split('\n').map((line) => _jsx("li", { children: line }, line));
53
+ var splitText = function(text, isNumbered) {
54
+ var listItems = text.split('\n').map(function(line) {
55
+ return /*#__PURE__*/ _jsx("li", {
56
+ children: line
57
+ }, line);
58
+ });
24
59
  if (isNumbered) {
25
- return _jsx("ol", { children: listItems });
60
+ return /*#__PURE__*/ _jsx("ol", {
61
+ children: listItems
62
+ });
26
63
  }
27
- return _jsx("ul", { children: listItems });
64
+ return /*#__PURE__*/ _jsx("ul", {
65
+ children: listItems
66
+ });
28
67
  };
29
- const getStyles = (status) => {
30
- switch (status) {
68
+ var getStyles = function(status) {
69
+ switch(status){
31
70
  case 'error':
32
71
  return {
33
- icon: _jsx(IconTriangleExclamation, { size: '24px' }),
72
+ icon: /*#__PURE__*/ _jsx(IconTriangleExclamation, {
73
+ size: '24px'
74
+ }),
34
75
  bgColor: 'bg-accent-50',
35
76
  titleColor: 'text-accent-300',
36
77
  textColor: 'text-accent-600',
37
- borderColor: 'border-accent-300',
78
+ borderColor: 'border-accent-300'
38
79
  };
39
80
  case 'success':
40
81
  return {
41
- icon: _jsx(IconCircleMark, { variant: "on", size: '24px' }),
82
+ icon: /*#__PURE__*/ _jsx(IconCircleMark, {
83
+ variant: "on",
84
+ size: '24px'
85
+ }),
42
86
  bgColor: 'bg-success-50',
43
87
  titleColor: 'text-success-300',
44
88
  textColor: 'text-success-600',
45
- borderColor: 'border-success-300',
89
+ borderColor: 'border-success-300'
46
90
  };
47
91
  case 'warning':
48
92
  return {
49
- icon: _jsx(IconCircleExclamation, { size: '24px' }),
93
+ icon: /*#__PURE__*/ _jsx(IconCircleExclamation, {
94
+ size: '24px'
95
+ }),
50
96
  bgColor: 'bg-warning-50',
51
97
  titleColor: 'text-warning-300',
52
98
  textColor: 'text-warning-600',
53
- borderColor: 'border-warning-300',
99
+ borderColor: 'border-warning-300'
54
100
  };
55
101
  default:
56
102
  return {
57
- icon: _jsx(IconInfo, { size: '24px' }),
103
+ icon: /*#__PURE__*/ _jsx(IconInfo, {
104
+ size: '24px'
105
+ }),
58
106
  bgColor: 'bg-info-50',
59
107
  titleColor: 'text-info-300',
60
108
  textColor: 'text-info-600',
61
- borderColor: 'border-info-300',
109
+ borderColor: 'border-info-300'
62
110
  };
63
111
  }
64
112
  };
65
113
  export default ToastBox;
66
- //# sourceMappingURL=ToastBox.js.map
package/dist/tooltip/Tooltip.js CHANGED
@@ -1,4 +1,105 @@
1
1
  'use client';
2
+ function _array_like_to_array(arr, len) {
3
+ if (len == null || len > arr.length) len = arr.length;
4
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
+ return arr2;
6
+ }
7
+ function _array_with_holes(arr) {
8
+ if (Array.isArray(arr)) return arr;
9
+ }
10
+ function _define_property(obj, key, value) {
11
+ if (key in obj) {
12
+ Object.defineProperty(obj, key, {
13
+ value: value,
14
+ enumerable: true,
15
+ configurable: true,
16
+ writable: true
17
+ });
18
+ } else {
19
+ obj[key] = value;
20
+ }
21
+ return obj;
22
+ }
23
+ function _iterable_to_array_limit(arr, i) {
24
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
+ if (_i == null) return;
26
+ var _arr = [];
27
+ var _n = true;
28
+ var _d = false;
29
+ var _s, _e;
30
+ try {
31
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
+ _arr.push(_s.value);
33
+ if (i && _arr.length === i) break;
34
+ }
35
+ } catch (err) {
36
+ _d = true;
37
+ _e = err;
38
+ } finally{
39
+ try {
40
+ if (!_n && _i["return"] != null) _i["return"]();
41
+ } finally{
42
+ if (_d) throw _e;
43
+ }
44
+ }
45
+ return _arr;
46
+ }
47
+ function _non_iterable_rest() {
48
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
+ }
50
+ function _object_spread(target) {
51
+ for(var i = 1; i < arguments.length; i++){
52
+ var source = arguments[i] != null ? arguments[i] : {};
53
+ var ownKeys = Object.keys(source);
54
+ if (typeof Object.getOwnPropertySymbols === "function") {
55
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
+ }));
58
+ }
59
+ ownKeys.forEach(function(key) {
60
+ _define_property(target, key, source[key]);
61
+ });
62
+ }
63
+ return target;
64
+ }
65
+ function _object_without_properties(source, excluded) {
66
+ if (source == null) return {};
67
+ var target = _object_without_properties_loose(source, excluded);
68
+ var key, i;
69
+ if (Object.getOwnPropertySymbols) {
70
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
71
+ for(i = 0; i < sourceSymbolKeys.length; i++){
72
+ key = sourceSymbolKeys[i];
73
+ if (excluded.indexOf(key) >= 0) continue;
74
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
75
+ target[key] = source[key];
76
+ }
77
+ }
78
+ return target;
79
+ }
80
+ function _object_without_properties_loose(source, excluded) {
81
+ if (source == null) return {};
82
+ var target = {};
83
+ var sourceKeys = Object.keys(source);
84
+ var key, i;
85
+ for(i = 0; i < sourceKeys.length; i++){
86
+ key = sourceKeys[i];
87
+ if (excluded.indexOf(key) >= 0) continue;
88
+ target[key] = source[key];
89
+ }
90
+ return target;
91
+ }
92
+ function _sliced_to_array(arr, i) {
93
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
94
+ }
95
+ function _unsupported_iterable_to_array(o, minLen) {
96
+ if (!o) return;
97
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
98
+ var n = Object.prototype.toString.call(o).slice(8, -1);
99
+ if (n === "Object" && o.constructor) n = o.constructor.name;
100
+ if (n === "Map" || n === "Set") return Array.from(n);
101
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
102
+ }
2
103
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
104
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
4
105
  import * as React from 'react';
@@ -6,20 +107,58 @@ import Box from '../box/Box.js';
6
107
  import IconTooltip from '../icons/IconTooltip.js';
7
108
  import Text from '../text/Text.js';
8
109
  import { cn } from '../utils.js';
9
- const TooltipProvider = TooltipPrimitive.Provider;
10
- const TooltipRoot = TooltipPrimitive.Root;
11
- const TooltipTrigger = TooltipPrimitive.Trigger;
12
- const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-md border border-black bg-white px-3 py-1.5 text-sm text-gray-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50', className), ...props })));
110
+ var TooltipProvider = TooltipPrimitive.Provider;
111
+ var TooltipRoot = TooltipPrimitive.Root;
112
+ var TooltipTrigger = TooltipPrimitive.Trigger;
113
+ var TooltipContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
114
+ var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
115
+ "className",
116
+ "sideOffset"
117
+ ]);
118
+ return /*#__PURE__*/ _jsx(TooltipPrimitive.Content, _object_spread({
119
+ ref: ref,
120
+ sideOffset: sideOffset,
121
+ className: cn('z-50 overflow-hidden rounded-md border border-black bg-white px-3 py-1.5 text-sm text-gray-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50', className)
122
+ }, props));
123
+ });
13
124
  TooltipContent.displayName = TooltipPrimitive.Content.displayName;
14
- const Tooltip = ({ text, children, tooltipSize, onOpenChange, }) => {
15
- const [open, setOpen] = React.useState(false);
16
- return (_jsx(TooltipProvider, { children: _jsxs(TooltipRoot, { open: open, children: [_jsx(TooltipTrigger, { asChild: true, onClick: () => {
125
+ var Tooltip = function(param) {
126
+ var text = param.text, children = param.children, tooltipSize = param.tooltipSize, onOpenChange = param.onOpenChange;
127
+ var _React_useState = _sliced_to_array(React.useState(false), 2), open = _React_useState[0], setOpen = _React_useState[1];
128
+ return /*#__PURE__*/ _jsx(TooltipProvider, {
129
+ children: /*#__PURE__*/ _jsxs(TooltipRoot, {
130
+ open: open,
131
+ children: [
132
+ /*#__PURE__*/ _jsx(TooltipTrigger, {
133
+ asChild: true,
134
+ onClick: function() {
17
135
  setOpen(true);
18
- onOpenChange?.(true);
19
- }, onBlur: () => {
136
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
137
+ },
138
+ onBlur: function() {
20
139
  setOpen(false);
21
- onOpenChange?.(false);
22
- }, children: _jsx(Box, { role: "tooltip", as: 'button', className: "cursor-pointer", children: children || (_jsx(IconTooltip, { title: "Tooltip", size: tooltipSize, className: "text-primary3" })) }) }), _jsx(TooltipContent, { className: cn('bg-black/80 p-2.5 rounded-sm whitespace-pre-wrap break-words w-72'), children: _jsx(Text, { className: cn('text-white text-xs tracking-wide whitespace-pre-wrap'), children: text }) })] }) }));
140
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
141
+ },
142
+ children: /*#__PURE__*/ _jsx(Box, {
143
+ role: "tooltip",
144
+ as: 'button',
145
+ className: "cursor-pointer",
146
+ children: children || /*#__PURE__*/ _jsx(IconTooltip, {
147
+ title: "Tooltip",
148
+ size: tooltipSize,
149
+ className: "text-primary3"
150
+ })
151
+ })
152
+ }),
153
+ /*#__PURE__*/ _jsx(TooltipContent, {
154
+ className: cn('bg-black/80 p-2.5 rounded-sm whitespace-pre-wrap break-words w-72'),
155
+ children: /*#__PURE__*/ _jsx(Text, {
156
+ className: cn('text-white text-xs tracking-wide whitespace-pre-wrap'),
157
+ children: text
158
+ })
159
+ })
160
+ ]
161
+ })
162
+ });
23
163
  };
24
164
  export default Tooltip;
25
- //# sourceMappingURL=Tooltip.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@driveflux/beam",
3
- "version": "2.1.2",
3
+ "version": "2.1.3",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./accordion": {