@driveflux/beam 2.1.0 → 2.1.2-next.0

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 (59) hide show
  1. package/dist/accordion/Accordion.stories.js +1 -1
  2. package/dist/accordion/Accordion.stories.js.map +1 -1
  3. package/dist/alert/Alert.d.ts.map +1 -1
  4. package/dist/alert/Alert.js.map +1 -1
  5. package/dist/badge/Badge.d.ts.map +1 -1
  6. package/dist/badge/Badge.js +96 -7
  7. package/dist/badge/Badge.js.map +1 -1
  8. package/dist/base-styles.css +25 -24
  9. package/dist/button/Button.d.ts.map +1 -1
  10. package/dist/button/Button.js +124 -12
  11. package/dist/button/Button.js.map +1 -1
  12. package/dist/carousel/Carousel.d.ts.map +1 -1
  13. package/dist/carousel/Carousel.js.map +1 -1
  14. package/dist/carousel/CarouselButton.d.ts.map +1 -1
  15. package/dist/carousel/CarouselButton.js.map +1 -1
  16. package/dist/chip/Chip.js +104 -3
  17. package/dist/chip/Chip.stories.d.ts.map +1 -1
  18. package/dist/chip/Chip.stories.js.map +1 -1
  19. package/dist/command/command.js +170 -13
  20. package/dist/datepicker/DatePicker.d.ts +2 -3
  21. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  22. package/dist/datepicker/DatePicker.js +3 -3
  23. package/dist/datepicker/DatePicker.js.map +1 -1
  24. package/dist/datepicker/DatePicker.stories.js +1 -1
  25. package/dist/datepicker/DatePicker.stories.js.map +1 -1
  26. package/dist/datepicker/DatePickerDrawer.js +110 -14
  27. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
  28. package/dist/datepicker/DatePickerPopover.js +208 -36
  29. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  30. package/dist/datepicker/calendar.css +3 -3
  31. package/dist/datepicker/utils.d.ts +1 -1
  32. package/dist/datepicker/utils.d.ts.map +1 -1
  33. package/dist/datepicker/utils.js +1 -1
  34. package/dist/datepicker/utils.js.map +1 -1
  35. package/dist/dialog/index.js +180 -33
  36. package/dist/dialog/index.js.map +1 -1
  37. package/dist/drawer/index.js +157 -12
  38. package/dist/icons/IconHome.d.ts.map +1 -1
  39. package/dist/icons/IconHome.js.map +1 -1
  40. package/dist/input/Input.js +125 -11
  41. package/dist/input-select/InputSelect.js +357 -68
  42. package/dist/input-select/InputSelect.js.map +1 -1
  43. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  44. package/dist/search-input-select/SearchInputSelect.js +2 -2
  45. package/dist/search-input-select/SearchInputSelect.js.map +1 -1
  46. package/dist/select/Select.js +315 -29
  47. package/dist/select/Select.js.map +1 -1
  48. package/dist/select/Select.stories.d.ts.map +1 -1
  49. package/dist/slider/Slider.stories.d.ts.map +1 -1
  50. package/dist/slider/Slider.stories.js.map +1 -1
  51. package/dist/styles.css +34 -18
  52. package/dist/tabs/Tabs.d.ts +1 -1
  53. package/dist/tabs/Tabs.d.ts.map +1 -1
  54. package/dist/tabs/Tabs.js.map +1 -1
  55. package/dist/toast/Toast.stories.js.map +1 -1
  56. package/dist/toast/index.d.ts +1 -1
  57. package/dist/toast/index.d.ts.map +1 -1
  58. package/dist/toast/index.js.map +1 -1
  59. package/package.json +47 -51
@@ -1,25 +1,170 @@
1
1
  'use client';
2
+ function _define_property(obj, key, value) {
3
+ if (key in obj) {
4
+ Object.defineProperty(obj, key, {
5
+ value: value,
6
+ enumerable: true,
7
+ configurable: true,
8
+ writable: true
9
+ });
10
+ } else {
11
+ obj[key] = value;
12
+ }
13
+ return obj;
14
+ }
15
+ function _object_spread(target) {
16
+ for(var i = 1; i < arguments.length; i++){
17
+ var source = arguments[i] != null ? arguments[i] : {};
18
+ var ownKeys = Object.keys(source);
19
+ if (typeof Object.getOwnPropertySymbols === "function") {
20
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
+ }));
23
+ }
24
+ ownKeys.forEach(function(key) {
25
+ _define_property(target, key, source[key]);
26
+ });
27
+ }
28
+ return target;
29
+ }
30
+ function ownKeys(object, enumerableOnly) {
31
+ var keys = Object.keys(object);
32
+ if (Object.getOwnPropertySymbols) {
33
+ var symbols = Object.getOwnPropertySymbols(object);
34
+ if (enumerableOnly) {
35
+ symbols = symbols.filter(function(sym) {
36
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
+ });
38
+ }
39
+ keys.push.apply(keys, symbols);
40
+ }
41
+ return keys;
42
+ }
43
+ function _object_spread_props(target, source) {
44
+ source = source != null ? source : {};
45
+ if (Object.getOwnPropertyDescriptors) {
46
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
+ } else {
48
+ ownKeys(Object(source)).forEach(function(key) {
49
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
+ });
51
+ }
52
+ return target;
53
+ }
54
+ function _object_without_properties(source, excluded) {
55
+ if (source == null) return {};
56
+ var target = _object_without_properties_loose(source, excluded);
57
+ var key, i;
58
+ if (Object.getOwnPropertySymbols) {
59
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
60
+ for(i = 0; i < sourceSymbolKeys.length; i++){
61
+ key = sourceSymbolKeys[i];
62
+ if (excluded.indexOf(key) >= 0) continue;
63
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
64
+ target[key] = source[key];
65
+ }
66
+ }
67
+ return target;
68
+ }
69
+ function _object_without_properties_loose(source, excluded) {
70
+ if (source == null) return {};
71
+ var target = {};
72
+ var sourceKeys = Object.keys(source);
73
+ var key, i;
74
+ for(i = 0; i < sourceKeys.length; i++){
75
+ key = sourceKeys[i];
76
+ if (excluded.indexOf(key) >= 0) continue;
77
+ target[key] = source[key];
78
+ }
79
+ return target;
80
+ }
2
81
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
82
  import * as React from 'react';
4
83
  import { Drawer as DrawerPrimitive } from 'vaul';
5
84
  import Box from '../box/Box';
6
85
  import { cn } from '../utils';
7
- const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
86
+ var Drawer = function(_param) {
87
+ var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
88
+ "shouldScaleBackground"
89
+ ]);
90
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, _object_spread({
91
+ shouldScaleBackground: shouldScaleBackground
92
+ }, props));
93
+ };
8
94
  Drawer.displayName = 'Drawer';
9
- const DrawerTrigger = DrawerPrimitive.Trigger;
10
- const DrawerPortal = DrawerPrimitive.Portal;
11
- const DrawerClose = DrawerPrimitive.Close;
12
- const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/50', className), ...props })));
95
+ var DrawerTrigger = DrawerPrimitive.Trigger;
96
+ var DrawerPortal = DrawerPrimitive.Portal;
97
+ var DrawerClose = DrawerPrimitive.Close;
98
+ var DrawerOverlay = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
99
+ var className = _param.className, props = _object_without_properties(_param, [
100
+ "className"
101
+ ]);
102
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, _object_spread({
103
+ ref: ref,
104
+ className: cn('fixed inset-0 z-50 bg-black/50', className)
105
+ }, props));
106
+ });
13
107
  DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
14
- const DrawerContent = React.forwardRef(({ className, hideGrabber = true, children, ...props }, ref) => (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { ref: ref, className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col bg-white outline-hidden dark:border-zinc-800 dark:bg-zinc-950 rounded-t-2xl', className), ...props, children: [!hideGrabber && (_jsx(Box, { className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800" })), children] })] })));
108
+ var DrawerContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
109
+ var className = _param.className, _param_hideGrabber = _param.hideGrabber, hideGrabber = _param_hideGrabber === void 0 ? true : _param_hideGrabber, children = _param.children, props = _object_without_properties(_param, [
110
+ "className",
111
+ "hideGrabber",
112
+ "children"
113
+ ]);
114
+ return /*#__PURE__*/ _jsxs(DrawerPortal, {
115
+ children: [
116
+ /*#__PURE__*/ _jsx(DrawerOverlay, {}),
117
+ /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, _object_spread_props(_object_spread({
118
+ ref: ref,
119
+ className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col bg-white outline-hidden dark:border-zinc-800 dark:bg-zinc-950 rounded-t-2xl', className)
120
+ }, props), {
121
+ children: [
122
+ !hideGrabber && /*#__PURE__*/ _jsx(Box, {
123
+ className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800"
124
+ }),
125
+ children
126
+ ]
127
+ }))
128
+ ]
129
+ });
130
+ });
15
131
  DrawerContent.displayName = 'DrawerContent';
16
- const DrawerHeader = ({ className, ...props }) => (_jsx("div", { className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className), ...props }));
132
+ var DrawerHeader = function(_param) {
133
+ var className = _param.className, props = _object_without_properties(_param, [
134
+ "className"
135
+ ]);
136
+ return /*#__PURE__*/ _jsx("div", _object_spread({
137
+ className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className)
138
+ }, props));
139
+ };
17
140
  DrawerHeader.displayName = 'DrawerHeader';
18
- const DrawerFooter = ({ className, ...props }) => (_jsx("div", { className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
141
+ var DrawerFooter = function(_param) {
142
+ var className = _param.className, props = _object_without_properties(_param, [
143
+ "className"
144
+ ]);
145
+ return /*#__PURE__*/ _jsx("div", _object_spread({
146
+ className: cn('mt-auto flex flex-col gap-2 p-4', className)
147
+ }, props));
148
+ };
19
149
  DrawerFooter.displayName = 'DrawerFooter';
20
- const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn('text-sm font-semibold leading-none tracking-tight', className), ...props })));
150
+ var DrawerTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
151
+ var className = _param.className, props = _object_without_properties(_param, [
152
+ "className"
153
+ ]);
154
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Title, _object_spread({
155
+ ref: ref,
156
+ className: cn('text-sm font-semibold leading-none tracking-tight', className)
157
+ }, props));
158
+ });
21
159
  DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
22
- const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
160
+ var DrawerDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
161
+ var className = _param.className, props = _object_without_properties(_param, [
162
+ "className"
163
+ ]);
164
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Description, _object_spread({
165
+ ref: ref,
166
+ className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
167
+ }, props));
168
+ });
23
169
  DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
24
- export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
25
- //# sourceMappingURL=index.js.map
170
+ export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
@@ -1 +1 @@
1
- {"version":3,"file":"IconHome.d.ts","sourceRoot":"","sources":["../../src/icons/IconHome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,QAAA,MAAM,QAAQ;;;CAmBb,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAI0B,CAAA;AAEvE,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"IconHome.d.ts","sourceRoot":"","sources":["../../src/icons/IconHome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;;CAmBb,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAI0B,CAAA;AAEvE,eAAe,QAAQ,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconHome.js","sourceRoot":"","sources":["../../src/icons/IconHome.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,MAAM,QAAQ,GAAG;IAChB,MAAM,EAAE,CACP,4BACC,kBACC,IAAI,EAAE,cAAc,EACpB,MAAM,EAAC,2HACF,GACJ,GACA,CACH;IACD,OAAO,EAAE,CACR,4BACC,eACC,IAAI,EAAE,cAAc,EACpB,CAAC,EAAC,6IACc,GACf,GACA,CACH;CACD,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,EACjD,OAAO,GAAG,WAAW,EACrB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACR,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,CAAA;AAEvE,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"IconHome.js","sourceRoot":"","sources":["../../src/icons/IconHome.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,MAAM,QAAQ,GAAG;IAChB,MAAM,EAAE,CACP,4BACC,kBACC,IAAI,EAAE,cAAc,EACpB,MAAM,EAAC,2HACF,GACJ,GACA,CACH;IACD,OAAO,EAAE,CACR,4BACC,eACC,IAAI,EAAE,cAAc,EACpB,CAAC,EAAC,6IACc,GACf,GACA,CACH;CACD,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,EACjD,OAAO,GAAG,WAAW,EACrB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACR,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,CAAA;AAEvE,eAAe,QAAQ,CAAA"}
@@ -1,18 +1,132 @@
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
+ }
1
80
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
81
  import * as React from 'react';
3
82
  import FieldWrapper from '../field-wrapper/FieldWrapper.js';
4
83
  import { cn } from '../utils.js';
5
- const Input = React.forwardRef((props, ref) => {
6
- const {
7
- // for wrapper
8
- wrapperProps, htmlFor, label, helperText, showRequired, showOptional, outerPrefix, outerSuffix, error,
9
- // for input container
10
- className,
11
- // for input
12
- prefix, suffix, inputClassName, inputRef, isDisabled, ...inputProps } = props;
13
- return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, helperText: helperText, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsxs("div", { ref: ref, "aria-disabled": isDisabled, className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none rounded-lg', isDisabled && 'bg-primary1 cursor-not-allowed hover:border-black', !!error &&
14
- 'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx("input", { ref: inputRef, disabled: isDisabled, className: cn('border-none outline-none placeholder-primary2 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-not-allowed', inputClassName), ...inputProps }), suffix] }) }));
84
+ var Input = /*#__PURE__*/ React.forwardRef(function(props, ref) {
85
+ var // for wrapper
86
+ wrapperProps = props.wrapperProps, htmlFor = props.htmlFor, label = props.label, helperText = props.helperText, showRequired = props.showRequired, showOptional = props.showOptional, outerPrefix = props.outerPrefix, outerSuffix = props.outerSuffix, error = props.error, // for input container
87
+ className = props.className, // for input
88
+ prefix = props.prefix, suffix = props.suffix, inputClassName = props.inputClassName, inputRef = props.inputRef, isDisabled = props.isDisabled, inputProps = _object_without_properties(props, [
89
+ "wrapperProps",
90
+ "htmlFor",
91
+ "label",
92
+ "helperText",
93
+ "showRequired",
94
+ "showOptional",
95
+ "outerPrefix",
96
+ "outerSuffix",
97
+ "error",
98
+ "className",
99
+ "prefix",
100
+ "suffix",
101
+ "inputClassName",
102
+ "inputRef",
103
+ "isDisabled"
104
+ ]);
105
+ return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
106
+ htmlFor: htmlFor,
107
+ label: label,
108
+ helperText: helperText,
109
+ showOptional: showOptional,
110
+ showRequired: showRequired,
111
+ outerPrefix: outerPrefix,
112
+ outerSuffix: outerSuffix,
113
+ error: error
114
+ }, wrapperProps), {
115
+ children: /*#__PURE__*/ _jsxs("div", {
116
+ ref: ref,
117
+ "aria-disabled": isDisabled,
118
+ className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none rounded-lg', isDisabled && 'bg-primary1 cursor-not-allowed hover:border-black', !!error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
119
+ children: [
120
+ prefix,
121
+ /*#__PURE__*/ _jsx("input", _object_spread({
122
+ ref: inputRef,
123
+ disabled: isDisabled,
124
+ className: cn('border-none outline-none placeholder-primary2 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-not-allowed', inputClassName)
125
+ }, inputProps)),
126
+ suffix
127
+ ]
128
+ })
129
+ }));
15
130
  });
16
131
  Input.displayName = 'Input';
17
132
  export default Input;
18
- //# sourceMappingURL=Input.js.map