@driveflux/beam 1.9.13 → 1.9.15
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/accordion/Accordion.js.map +1 -1
- package/dist/button/Button.js +124 -12
- package/dist/command/command.js.map +1 -1
- package/dist/datepicker/DatePicker.d.ts +20 -2
- package/dist/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.js +36 -210
- package/dist/datepicker/DatePicker.js.map +1 -1
- package/dist/datepicker/DatePickerDrawer.d.ts +6 -0
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -0
- package/dist/datepicker/DatePickerDrawer.js +27 -0
- package/dist/datepicker/DatePickerDrawer.js.map +1 -0
- package/dist/datepicker/DatePickerPopover.d.ts +6 -0
- package/dist/datepicker/DatePickerPopover.d.ts.map +1 -0
- package/dist/datepicker/DatePickerPopover.js +59 -0
- package/dist/datepicker/DatePickerPopover.js.map +1 -0
- package/dist/datepicker/constants.d.ts +4 -0
- package/dist/datepicker/constants.d.ts.map +1 -0
- package/dist/datepicker/constants.js +4 -0
- package/dist/datepicker/constants.js.map +1 -0
- package/dist/datepicker/utils.d.ts +3 -0
- package/dist/datepicker/utils.d.ts.map +1 -0
- package/dist/datepicker/utils.js +15 -0
- package/dist/datepicker/utils.js.map +1 -0
- package/dist/drawer/index.d.ts +3 -1
- package/dist/drawer/index.d.ts.map +1 -1
- package/dist/drawer/index.js +12 -156
- package/dist/drawer/index.js.map +1 -1
- package/dist/dropdown/Dropdown.js.map +1 -1
- package/dist/hooks/use-breakpoint-value.js.map +1 -1
- package/dist/icons/IconAcceleration.d.ts +8 -0
- package/dist/icons/IconAcceleration.d.ts.map +1 -0
- package/dist/icons/IconAcceleration.js +76 -0
- package/dist/icons/IconAcceleration.js.map +1 -0
- package/dist/icons/IconArrow.d.ts +11 -0
- package/dist/icons/IconArrow.d.ts.map +1 -0
- package/dist/icons/IconArrow.js +14 -0
- package/dist/icons/IconArrow.js.map +1 -0
- package/dist/icons/IconCalendar.d.ts.map +1 -1
- package/dist/icons/IconCalendar.js +5 -107
- package/dist/icons/IconCalendar.js.map +1 -1
- package/dist/icons/IconCircleCheckmark.d.ts +1 -0
- package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
- package/dist/icons/IconCircleCheckmark.js +5 -72
- package/dist/icons/IconCircleCheckmark.js.map +1 -1
- package/dist/icons/IconDeliver.d.ts +8 -0
- package/dist/icons/IconDeliver.d.ts.map +1 -0
- package/dist/icons/IconDeliver.js +76 -0
- package/dist/icons/IconDeliver.js.map +1 -0
- package/dist/icons/IconEVCharging.d.ts +8 -0
- package/dist/icons/IconEVCharging.d.ts.map +1 -0
- package/dist/icons/IconEVCharging.js +82 -0
- package/dist/icons/IconEVCharging.js.map +1 -0
- package/dist/input-select/InputSelect.d.ts.map +1 -1
- package/dist/input-select/InputSelect.js.map +1 -1
- package/dist/popover/popover.js.map +1 -1
- package/dist/search-input-select/SearchInputSelect.js.map +1 -1
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/Select.js +31 -301
- package/dist/select/Select.js.map +1 -1
- package/dist/tabs/Tabs.js.map +1 -1
- package/dist/text/Text.d.ts +2 -1
- package/dist/text/Text.d.ts.map +1 -1
- package/dist/text/Text.js +6 -88
- package/dist/text/Text.js.map +1 -1
- package/dist/toggle/Toggle.d.ts +12 -0
- package/dist/toggle/Toggle.d.ts.map +1 -0
- package/dist/toggle/Toggle.js +22 -0
- package/dist/toggle/Toggle.js.map +1 -0
- package/dist/toggle/Toggle.stories.d.ts +11 -0
- package/dist/toggle/Toggle.stories.d.ts.map +1 -0
- package/dist/toggle/Toggle.stories.js +15 -0
- package/dist/toggle/Toggle.stories.js.map +1 -0
- package/package.json +6 -1
package/dist/select/Select.js
CHANGED
|
@@ -1,322 +1,52 @@
|
|
|
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 _object_without_properties(source, excluded) {
|
|
90
|
-
if (source == null) return {};
|
|
91
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
92
|
-
var key, i;
|
|
93
|
-
if (Object.getOwnPropertySymbols) {
|
|
94
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
95
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
96
|
-
key = sourceSymbolKeys[i];
|
|
97
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
98
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
99
|
-
target[key] = source[key];
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
return target;
|
|
103
|
-
}
|
|
104
|
-
function _object_without_properties_loose(source, excluded) {
|
|
105
|
-
if (source == null) return {};
|
|
106
|
-
var target = {};
|
|
107
|
-
var sourceKeys = Object.keys(source);
|
|
108
|
-
var key, i;
|
|
109
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
110
|
-
key = sourceKeys[i];
|
|
111
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
112
|
-
target[key] = source[key];
|
|
113
|
-
}
|
|
114
|
-
return target;
|
|
115
|
-
}
|
|
116
|
-
function _sliced_to_array(arr, i) {
|
|
117
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
118
|
-
}
|
|
119
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
120
|
-
if (!o) return;
|
|
121
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
122
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
123
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
124
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
125
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
126
|
-
}
|
|
127
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
128
3
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
129
4
|
import * as React from 'react';
|
|
5
|
+
import Box from '../box/Box';
|
|
130
6
|
import Center from '../center/Center';
|
|
131
7
|
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
132
|
-
import HStack from '../hstack/HStack';
|
|
133
8
|
import IconSelectArrow from '../icons/IconSelectArrow';
|
|
134
9
|
import { cn } from '../utils';
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
140
|
-
"className",
|
|
141
|
-
"children"
|
|
142
|
-
]);
|
|
143
|
-
return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
144
|
-
ref: ref,
|
|
145
|
-
className: cn('group flex h-10 w-full items-center gap-1 bg-black text-white px-3 py-2 text-sm ring-offset-white hover:border-black focus-within:border-black placeholder-primary2 focus:outline-none disabled:cursor-not-allowed [&>span]:line-clamp-1 dark:border-zinc-800 dark:bg-zinc-950 dark:ring-offset-zinc-950 dark:placeholder:text-zinc-400 dark:focus:ring-zinc-300', className)
|
|
146
|
-
}, props), {
|
|
147
|
-
children: [
|
|
148
|
-
children,
|
|
149
|
-
/*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
|
|
150
|
-
asChild: true,
|
|
151
|
-
children: /*#__PURE__*/ _jsx(IconSelectArrow, {})
|
|
152
|
-
})
|
|
153
|
-
]
|
|
154
|
-
}));
|
|
155
|
-
});
|
|
10
|
+
const SelectRoot = SelectPrimitive.Root;
|
|
11
|
+
const SelectGroup = SelectPrimitive.Group;
|
|
12
|
+
const SelectValue = SelectPrimitive.Value;
|
|
13
|
+
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('group flex h-10 w-full items-center gap-2 bg-black text-white px-3 py-2 text-sm ring-offset-white hover:border-black focus-within:border-black placeholder-primary2 focus:outline-none disabled:cursor-not-allowed [&>span]:line-clamp-1 dark:border-zinc-800 dark:bg-zinc-950 dark:ring-offset-zinc-950 dark:placeholder:text-zinc-400 dark:focus:ring-zinc-300', className), ...props, children: [_jsx(Box, { className: "w-full", children: children }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(IconSelectArrow, {}) })] })));
|
|
156
14
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
157
|
-
|
|
158
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
159
|
-
"className"
|
|
160
|
-
]);
|
|
161
|
-
return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
|
|
162
|
-
ref: ref,
|
|
163
|
-
className: cn('flex cursor-default items-center justify-center py-1', className)
|
|
164
|
-
}, props), {
|
|
165
|
-
children: /*#__PURE__*/ _jsx(IconSelectArrow, {
|
|
166
|
-
variant: 'up'
|
|
167
|
-
})
|
|
168
|
-
}));
|
|
169
|
-
});
|
|
15
|
+
const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(IconSelectArrow, { variant: 'up' }) })));
|
|
170
16
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
className: cn('flex cursor-default items-center justify-center py-1', className)
|
|
178
|
-
}, props), {
|
|
179
|
-
children: /*#__PURE__*/ _jsx(IconSelectArrow, {
|
|
180
|
-
variant: 'down'
|
|
181
|
-
})
|
|
182
|
-
}));
|
|
183
|
-
});
|
|
184
|
-
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
185
|
-
var SelectContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
186
|
-
var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? 'popper' : _param_position, props = _object_without_properties(_param, [
|
|
187
|
-
"className",
|
|
188
|
-
"children",
|
|
189
|
-
"position"
|
|
190
|
-
]);
|
|
191
|
-
return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
|
|
192
|
-
children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
193
|
-
ref: ref,
|
|
194
|
-
className: cn('relative z-50 min-w-48 max-h-80 overflow-hidden border-zinc-200 bg-white shadow-md 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 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-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', position === 'popper' && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
|
|
195
|
-
position: position
|
|
196
|
-
}, props), {
|
|
197
|
-
children: [
|
|
198
|
-
/*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
|
|
199
|
-
/*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
|
|
200
|
-
className: cn(position === 'popper' && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'),
|
|
201
|
-
children: children
|
|
202
|
-
}),
|
|
203
|
-
/*#__PURE__*/ _jsx(SelectScrollDownButton, {})
|
|
204
|
-
]
|
|
205
|
-
}))
|
|
206
|
-
});
|
|
207
|
-
});
|
|
17
|
+
const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(IconSelectArrow, { variant: 'down' }) })));
|
|
18
|
+
SelectScrollDownButton.displayName =
|
|
19
|
+
SelectPrimitive.ScrollDownButton.displayName;
|
|
20
|
+
const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('relative z-50 min-w-48 max-h-80 overflow-hidden border-zinc-200 bg-white shadow-md 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 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-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', position === 'popper' &&
|
|
21
|
+
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn(position === 'popper' &&
|
|
22
|
+
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
|
|
208
23
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
209
|
-
|
|
210
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
211
|
-
"className"
|
|
212
|
-
]);
|
|
213
|
-
return /*#__PURE__*/ _jsx(SelectPrimitive.Label, _object_spread({
|
|
214
|
-
ref: ref,
|
|
215
|
-
className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)
|
|
216
|
-
}, props));
|
|
217
|
-
});
|
|
24
|
+
const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className), ...props })));
|
|
218
25
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
219
|
-
|
|
220
|
-
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
221
|
-
"className",
|
|
222
|
-
"children"
|
|
223
|
-
]);
|
|
224
|
-
return /*#__PURE__*/ _jsx(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
225
|
-
ref: ref,
|
|
226
|
-
className: cn('relative flex w-full cursor-pointer select-none items-center rounded-sm px-4 h-10 text-sm outline-none data-[disabled]:pointer-events-none focus:bg-primary1 data-[disabled]:bg-primary1 data-[disabled]:text-primary2 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className)
|
|
227
|
-
}, props), {
|
|
228
|
-
children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
|
|
229
|
-
children: children
|
|
230
|
-
})
|
|
231
|
-
}));
|
|
232
|
-
});
|
|
26
|
+
const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-pointer select-none items-center rounded-sm px-4 h-10 text-sm outline-none data-[disabled]:pointer-events-none focus:bg-primary1 data-[disabled]:bg-primary1 data-[disabled]:text-primary2 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className), ...props, children: _jsx(SelectPrimitive.ItemText, { children: children }) })));
|
|
233
27
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
234
|
-
|
|
235
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
236
|
-
"className"
|
|
237
|
-
]);
|
|
238
|
-
return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, _object_spread({
|
|
239
|
-
ref: ref,
|
|
240
|
-
className: cn('-mx-1 my-1 h-px bg-zinc-100 dark:bg-zinc-800', className)
|
|
241
|
-
}, props));
|
|
242
|
-
});
|
|
28
|
+
const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-zinc-100 dark:bg-zinc-800', className), ...props })));
|
|
243
29
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
"outerPrefix",
|
|
254
|
-
"outerSuffix",
|
|
255
|
-
"error",
|
|
256
|
-
"value",
|
|
257
|
-
"placeholder",
|
|
258
|
-
"prefix",
|
|
259
|
-
"options",
|
|
260
|
-
"noOptionsText",
|
|
261
|
-
"className",
|
|
262
|
-
"onChange",
|
|
263
|
-
"onTriggerClick"
|
|
264
|
-
]);
|
|
265
|
-
var _React_useState = _sliced_to_array(React.useState(providedValue), 2), value = _React_useState[0], setValue = _React_useState[1];
|
|
266
|
-
var handleValueChange = function(value) {
|
|
267
|
-
var parsedValue = JSON.parse(value);
|
|
30
|
+
const Select = React.forwardRef((props, ref) => {
|
|
31
|
+
const {
|
|
32
|
+
// for wrapper
|
|
33
|
+
wrapperProps, htmlFor, label, showRequired, showOptional, outerPrefix, outerSuffix, error,
|
|
34
|
+
// for Select
|
|
35
|
+
value: providedValue, placeholder, prefix, options, noOptionsText, className, onChange, onTriggerClick, ...selectProps } = props;
|
|
36
|
+
const [value, setValue] = React.useState(providedValue);
|
|
37
|
+
const handleValueChange = (value) => {
|
|
38
|
+
const parsedValue = JSON.parse(value);
|
|
268
39
|
setValue(parsedValue);
|
|
269
|
-
onChange
|
|
40
|
+
onChange?.(parsedValue);
|
|
270
41
|
};
|
|
271
|
-
React.useEffect(
|
|
42
|
+
React.useEffect(() => {
|
|
272
43
|
setValue(providedValue);
|
|
273
|
-
}, [
|
|
274
|
-
|
|
275
|
-
]);
|
|
276
|
-
return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
|
|
277
|
-
htmlFor: htmlFor,
|
|
278
|
-
label: label,
|
|
279
|
-
showOptional: showOptional,
|
|
280
|
-
showRequired: showRequired,
|
|
281
|
-
outerPrefix: outerPrefix,
|
|
282
|
-
outerSuffix: outerSuffix,
|
|
283
|
-
error: error
|
|
284
|
-
}, wrapperProps), {
|
|
285
|
-
children: /*#__PURE__*/ _jsxs(SelectRoot, _object_spread_props(_object_spread({}, selectProps), {
|
|
286
|
-
value: JSON.stringify(value),
|
|
287
|
-
onValueChange: handleValueChange,
|
|
288
|
-
onOpenChange: function(open) {
|
|
44
|
+
}, [providedValue]);
|
|
45
|
+
return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsxs(SelectRoot, { ...selectProps, value: JSON.stringify(value), onValueChange: handleValueChange, onOpenChange: (open) => {
|
|
289
46
|
if (open) {
|
|
290
|
-
onTriggerClick
|
|
47
|
+
onTriggerClick?.();
|
|
291
48
|
}
|
|
292
|
-
},
|
|
293
|
-
children: [
|
|
294
|
-
/*#__PURE__*/ _jsx(SelectTrigger, {
|
|
295
|
-
className: className,
|
|
296
|
-
children: /*#__PURE__*/ _jsxs(HStack, {
|
|
297
|
-
className: "gap-2 w-full",
|
|
298
|
-
children: [
|
|
299
|
-
prefix,
|
|
300
|
-
/*#__PURE__*/ _jsx(SelectValue, {
|
|
301
|
-
placeholder: placeholder
|
|
302
|
-
})
|
|
303
|
-
]
|
|
304
|
-
})
|
|
305
|
-
}),
|
|
306
|
-
/*#__PURE__*/ _jsx(SelectContent, {
|
|
307
|
-
children: options.length ? options.map(function(option) {
|
|
308
|
-
return /*#__PURE__*/ _jsx(SelectItem, {
|
|
309
|
-
value: JSON.stringify(option.value),
|
|
310
|
-
disabled: option.isDisabled,
|
|
311
|
-
children: option.label
|
|
312
|
-
}, JSON.stringify(option.value));
|
|
313
|
-
}) : /*#__PURE__*/ _jsx(Center, {
|
|
314
|
-
className: "p-4 text-center text-sm text-primary3",
|
|
315
|
-
children: noOptionsText || 'No Options'
|
|
316
|
-
})
|
|
317
|
-
})
|
|
318
|
-
]
|
|
319
|
-
}))
|
|
320
|
-
}));
|
|
49
|
+
}, children: [_jsxs(SelectTrigger, { className: className, children: [prefix, _jsx(SelectValue, { placeholder: placeholder })] }), _jsx(SelectContent, { children: options.length ? (options.map((option) => (_jsx(SelectItem, { value: JSON.stringify(option.value), disabled: option.isDisabled, children: option.label }, JSON.stringify(option.value))))) : (_jsx(Center, { className: "p-4 text-center text-sm text-primary3", children: noOptionsText || 'No Options' })) })] }) }));
|
|
321
50
|
});
|
|
322
51
|
export default Select;
|
|
52
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"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"}
|
package/dist/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAW7B,MAAM,IAAI,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAChE,CAAC,KAAK,EAAE,EAAE;IACT,mBAAmB;IACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,WAAW,KAAK,UAAU,CAEvE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,CACN,KAAC,aAAa,CAAC,IAAI,IAClB,YAAY,EAAE,YAAY,IAAI,aAAa,KACvC,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,mFAAmF,EACnF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAA;AAErD,mBAAmB;AACnB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,oGAAoG,EACpG,0CAA0C,EAC1C,yGAAyG,EACzG,SAAS,CACT,KACG,KAAK,YAET,MAAC,MAAM,IAAC,SAAS,EAAE,OAAO,aACxB,IAAI,EACJ,KAAK,CAAC,QAAQ,IACP,GACc,CACxB,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAEnD,2BAA2B;AAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAW7B,MAAM,IAAI,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAChE,CAAC,KAAK,EAAE,EAAE;IACT,mBAAmB;IACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,WAAW,KAAK,UAAU,CAEvE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,CACN,KAAC,aAAa,CAAC,IAAI,IAClB,YAAY,EAAE,YAAY,IAAI,aAAa,KACvC,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,mFAAmF,EACnF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAA;AAErD,mBAAmB;AACnB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,oGAAoG,EACpG,0CAA0C,EAC1C,yGAAyG,EACzG,SAAS,CACT,KACG,KAAK,YAET,MAAC,MAAM,IAAC,SAAS,EAAE,OAAO,aACxB,IAAI,EACJ,KAAK,CAAC,QAAQ,IACP,GACc,CACxB,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAEnD,2BAA2B;AAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,2LAA2L,EAC3L,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/text/Text.d.ts
CHANGED
|
@@ -3,7 +3,8 @@ export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
3
3
|
/**
|
|
4
4
|
* @default 'p'
|
|
5
5
|
*/
|
|
6
|
-
as?: React.
|
|
6
|
+
as?: keyof React.ReactHTML;
|
|
7
|
+
type?: keyof React.ReactHTML;
|
|
7
8
|
}
|
|
8
9
|
declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
10
|
export default Text;
|
package/dist/text/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,QAAA,MAAM,IAAI,kFAiBT,CAAA;AAGD,eAAe,IAAI,CAAA"}
|
package/dist/text/Text.js
CHANGED
|
@@ -1,94 +1,12 @@
|
|
|
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
1
|
import * as React from 'react';
|
|
81
2
|
import { cn } from '../utils';
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
"className",
|
|
86
|
-
"children"
|
|
87
|
-
]);
|
|
88
|
-
return /*#__PURE__*/ React.createElement(as, _object_spread_props(_object_spread({}, props), {
|
|
3
|
+
const Text = React.forwardRef(({ as = 'p', className, children, ...props }, ref) => {
|
|
4
|
+
return React.createElement(as, {
|
|
5
|
+
...props,
|
|
89
6
|
className: cn('text-base leading-[19.6px]', as === 'h3' && 'text-xl tracking-wide', as === 'h2' && 'text-2xl tracking-wider', className),
|
|
90
|
-
ref
|
|
91
|
-
}
|
|
7
|
+
ref,
|
|
8
|
+
}, children);
|
|
92
9
|
});
|
|
93
10
|
Text.displayName = 'Text';
|
|
94
11
|
export default Text;
|
|
12
|
+
//# sourceMappingURL=Text.js.map
|
package/dist/text/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAU7B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpD,OAAO,KAAK,CAAC,aAAa,CACzB,EAAE,EACF;QACC,GAAG,KAAK;QACR,SAAS,EAAE,EAAE,CACZ,4BAA4B,EAC5B,EAAE,KAAK,IAAI,IAAI,uBAAuB,EACtC,EAAE,KAAK,IAAI,IAAI,yBAAyB,EACxC,SAAS,CACT;QACD,GAAG;KACH,EACD,QAAQ,CACR,CAAA;AACF,CAAC,CACD,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type ToggleProps = {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
htmlFor?: string;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const Toggle: React.FC<ToggleProps>;
|
|
11
|
+
export default Toggle;
|
|
12
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgD9B,MAAM,MAAM,WAAW,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAajC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Button from '@driveflux/beam/button';
|
|
4
|
+
import { cn } from '@driveflux/beam/utils';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
const ToggleRoot = React.forwardRef(({ className, checked = false, onCheckedChange, disabled, ...props }, ref) => {
|
|
7
|
+
const handleClick = () => {
|
|
8
|
+
if (!disabled && onCheckedChange) {
|
|
9
|
+
onCheckedChange(!checked);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
return (_jsx(Button, { ref: ref, onClick: handleClick, isDisabled: disabled, role: "switch", "aria-checked": checked, className: cn('relative h-6 w-[46px] rounded-full p-0 min-w-0 block items-start justify-start bg-primary2', checked ? 'bg-black hover:bg-black' : 'bg-primary2 hover:bg-primary2', className), ...props, children: _jsx("span", { className: cn('inline-block h-5 w-5 transform rounded-full bg-white transition-transform duration-300', checked ? 'translate-x-6' : 'translate-x-[2px]') }) }));
|
|
13
|
+
});
|
|
14
|
+
ToggleRoot.displayName = 'ToggleRoot';
|
|
15
|
+
const Toggle = ({ children, htmlFor, ...props }) => {
|
|
16
|
+
if (children && htmlFor) {
|
|
17
|
+
return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ToggleRoot, { ...props }), _jsx("label", { htmlFor: htmlFor, className: "flex-1", children: children })] }));
|
|
18
|
+
}
|
|
19
|
+
return _jsx(ToggleRoot, { ...props });
|
|
20
|
+
};
|
|
21
|
+
export default Toggle;
|
|
22
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CASlC,CACC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACF,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,IAAI,eAAe,EAAE,CAAC;YAClC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAA;QAC1B,CAAC;IACF,CAAC,CAAA;IAED,OAAO,CACN,KAAC,MAAM,IACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,SAAS,EAAE,EAAE,CACZ,4FAA4F,EAC5F,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,+BAA+B,EACrE,SAAS,CACT,KACG,KAAK,YAET,eACC,SAAS,EAAE,EAAE,CACZ,wFAAwF,EACxF,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAC/C,GACA,GACM,CACT,CAAA;AACF,CAAC,CACD,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAWrC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,IAAI,QAAQ,IAAI,OAAO,EAAE,CAAC;QACzB,OAAO,CACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,UAAU,OAAK,KAAK,GAAI,EACzB,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,YACzC,QAAQ,GACF,IACH,CACN,CAAA;IACF,CAAC;IAED,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
component: import("react").FC<import("./Toggle").ToggleProps>;
|
|
4
|
+
args: {
|
|
5
|
+
htmlFor: string;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const FirstStory: Story;
|
|
11
|
+
//# sourceMappingURL=Toggle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../src/toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,QAAA,MAAM,IAAI;;;;;CAKqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Toggle from './Toggle';
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Toggle,
|
|
5
|
+
args: {
|
|
6
|
+
htmlFor: '',
|
|
7
|
+
},
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const FirstStory = {
|
|
11
|
+
render: () => {
|
|
12
|
+
return _jsx(Toggle, { htmlFor: "tnc", children: "I accept the terms and conditions." });
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Toggle.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../src/toggle/Toggle.stories.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,IAAI,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE;QACL,OAAO,EAAE,EAAE;KACX;CAC6B,CAAA;AAE/B,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,KAAK,mDAA4C,CAAA;IACzE,CAAC;CACD,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@driveflux/beam",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.15",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./accordion": {
|
|
@@ -147,6 +147,10 @@
|
|
|
147
147
|
"types": "./dist/tooltip/Tooltip.d.ts",
|
|
148
148
|
"import": "./dist/tooltip/Tooltip.js"
|
|
149
149
|
},
|
|
150
|
+
"./toggle": {
|
|
151
|
+
"types": "./dist/toggle/Toggle.d.ts",
|
|
152
|
+
"import": "./dist/toggle/Toggle.js"
|
|
153
|
+
},
|
|
150
154
|
"./vstack": {
|
|
151
155
|
"types": "./dist/vstack/VStack.d.ts",
|
|
152
156
|
"import": "./dist/vstack/VStack.js"
|
|
@@ -210,6 +214,7 @@
|
|
|
210
214
|
"class-variance-authority": "^0.7.0",
|
|
211
215
|
"clsx": "^2.1.1",
|
|
212
216
|
"cmdk": "^1.0.0",
|
|
217
|
+
"date-fns": "^3.6.0",
|
|
213
218
|
"embla-carousel-react": "^8.3.0",
|
|
214
219
|
"embla-carousel-wheel-gestures": "^8.0.1",
|
|
215
220
|
"lucide-react": "^0.453.0",
|