@driveflux/beam 2.0.2 → 2.0.4
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/button/Button.js +124 -12
- package/dist/carousel/Carousel.js +281 -58
- package/dist/datepicker/DatePickerPopover.js +207 -35
- package/dist/divider/Divider.js +63 -3
- package/dist/dropdown/Dropdown.js +212 -26
- package/dist/scroll-area/scroll-area.js +113 -5
- package/dist/tabs/Tabs.js +128 -9
- package/package.json +8 -4
|
@@ -1,13 +1,121 @@
|
|
|
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 ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
4
83
|
import * as React from 'react';
|
|
5
84
|
import { cn } from '../utils';
|
|
6
|
-
|
|
85
|
+
var ScrollArea = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
86
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
87
|
+
"className",
|
|
88
|
+
"children"
|
|
89
|
+
]);
|
|
90
|
+
return /*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, _object_spread_props(_object_spread({
|
|
91
|
+
ref: ref,
|
|
92
|
+
className: cn('relative overflow-hidden', className)
|
|
93
|
+
}, props), {
|
|
94
|
+
children: [
|
|
95
|
+
/*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
|
|
96
|
+
className: "h-full w-full rounded-[inherit]",
|
|
97
|
+
children: children
|
|
98
|
+
}),
|
|
99
|
+
/*#__PURE__*/ _jsx(ScrollBar, {}),
|
|
100
|
+
/*#__PURE__*/ _jsx(ScrollAreaPrimitive.Corner, {})
|
|
101
|
+
]
|
|
102
|
+
}));
|
|
103
|
+
});
|
|
7
104
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
105
|
+
var ScrollBar = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
106
|
+
var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? 'vertical' : _param_orientation, props = _object_without_properties(_param, [
|
|
107
|
+
"className",
|
|
108
|
+
"orientation"
|
|
109
|
+
]);
|
|
110
|
+
return /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread_props(_object_spread({
|
|
111
|
+
ref: ref,
|
|
112
|
+
orientation: orientation,
|
|
113
|
+
className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-px', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-px', className)
|
|
114
|
+
}, props), {
|
|
115
|
+
children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
|
|
116
|
+
className: "relative flex-1 rounded-full bg-zinc-200 dark:bg-zinc-800"
|
|
117
|
+
})
|
|
118
|
+
}));
|
|
119
|
+
});
|
|
11
120
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
12
121
|
export { ScrollArea, ScrollBar };
|
|
13
|
-
//# sourceMappingURL=scroll-area.js.map
|
package/dist/tabs/Tabs.js
CHANGED
|
@@ -1,22 +1,141 @@
|
|
|
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 TabsPrimitive from '@radix-ui/react-tabs';
|
|
4
83
|
import * as React from 'react';
|
|
5
84
|
import HStack from '../hstack/HStack';
|
|
6
85
|
import { cn } from '../utils';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
86
|
+
var Tabs = function(_param) {
|
|
87
|
+
var defaultValue = _param.defaultValue, props = _object_without_properties(_param, [
|
|
88
|
+
"defaultValue"
|
|
89
|
+
]);
|
|
90
|
+
var _React_Children_toArray_find_props_children_, _React_Children_toArray_find_props_children, _React_Children_toArray_find_props, _React_Children_toArray_find;
|
|
91
|
+
var firstTabValue = (_React_Children_toArray_find = React.Children.toArray(props.children).find(function(child) {
|
|
92
|
+
var _child_type;
|
|
93
|
+
return(// @ts-expect-error
|
|
94
|
+
/*#__PURE__*/ React.isValidElement(child) && (child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === 'TabsList');
|
|
95
|
+
})) === null || _React_Children_toArray_find === void 0 ? void 0 : (_React_Children_toArray_find_props = _React_Children_toArray_find.props) === null || _React_Children_toArray_find_props === void 0 ? void 0 : (_React_Children_toArray_find_props_children = _React_Children_toArray_find_props.children) === null || _React_Children_toArray_find_props_children === void 0 ? void 0 : (_React_Children_toArray_find_props_children_ = _React_Children_toArray_find_props_children[0]) === null || _React_Children_toArray_find_props_children_ === void 0 ? void 0 : _React_Children_toArray_find_props_children_.props.value;
|
|
96
|
+
return /*#__PURE__*/ _jsx(TabsPrimitive.Root, _object_spread({
|
|
97
|
+
defaultValue: defaultValue || firstTabValue
|
|
98
|
+
}, props));
|
|
12
99
|
};
|
|
13
|
-
|
|
100
|
+
var TabsList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
101
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
102
|
+
"className"
|
|
103
|
+
]);
|
|
104
|
+
return /*#__PURE__*/ _jsx(TabsPrimitive.List, _object_spread({
|
|
105
|
+
ref: ref,
|
|
106
|
+
className: cn('inline-flex items-center w-full text-black text-[12px] border-b border-b-primary1', className)
|
|
107
|
+
}, props));
|
|
108
|
+
});
|
|
14
109
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
15
110
|
// name of tab list
|
|
16
|
-
|
|
111
|
+
var Tab = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
112
|
+
var className = _param.className, icon = _param.icon, props = _object_without_properties(_param, [
|
|
113
|
+
"className",
|
|
114
|
+
"icon"
|
|
115
|
+
]);
|
|
116
|
+
return /*#__PURE__*/ _jsx(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
117
|
+
ref: ref,
|
|
118
|
+
className: cn('inline-flex items-center uppercase tracking-wider h-[32px] px-[16px] font-normal whitespace-nowrap', 'border-b border-primary2 -mb-px', 'data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-b-[#50c8e8]', className)
|
|
119
|
+
}, props), {
|
|
120
|
+
children: /*#__PURE__*/ _jsxs(HStack, {
|
|
121
|
+
className: 'gap-2',
|
|
122
|
+
children: [
|
|
123
|
+
icon,
|
|
124
|
+
props.children
|
|
125
|
+
]
|
|
126
|
+
})
|
|
127
|
+
}));
|
|
128
|
+
});
|
|
17
129
|
Tab.displayName = TabsPrimitive.Trigger.displayName;
|
|
18
130
|
// the content for each tab
|
|
19
|
-
|
|
131
|
+
var TabsContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
132
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
133
|
+
"className"
|
|
134
|
+
]);
|
|
135
|
+
return /*#__PURE__*/ _jsx(TabsPrimitive.Content, _object_spread({
|
|
136
|
+
ref: ref,
|
|
137
|
+
className: cn('mt-2 ring-offset-white focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300', className)
|
|
138
|
+
}, props));
|
|
139
|
+
});
|
|
20
140
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
21
141
|
export { Tab, Tabs, TabsContent, TabsList };
|
|
22
|
-
//# sourceMappingURL=Tabs.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@driveflux/beam",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./accordion": {
|
|
@@ -187,6 +187,10 @@
|
|
|
187
187
|
"types": null,
|
|
188
188
|
"import": "./dist/styles.css"
|
|
189
189
|
},
|
|
190
|
+
"./base-styles.css": {
|
|
191
|
+
"types": null,
|
|
192
|
+
"import": "./dist/base-styles.css"
|
|
193
|
+
},
|
|
190
194
|
"./hooks/*": {
|
|
191
195
|
"types": "./dist/hooks/*.d.ts",
|
|
192
196
|
"import": "./dist/hooks/*.js"
|
|
@@ -265,14 +269,14 @@
|
|
|
265
269
|
"react-dom": "19.1.0"
|
|
266
270
|
},
|
|
267
271
|
"scripts": {
|
|
268
|
-
"build": "pnpm tailwind && fab
|
|
272
|
+
"build": "pnpm tailwind && fab",
|
|
269
273
|
"clean": "fab clean",
|
|
270
|
-
"tailwind": "pnpx @tailwindcss/cli -i ./src/
|
|
274
|
+
"tailwind": "pnpx @tailwindcss/cli -i ./src/build.css -o ./src/styles.css",
|
|
271
275
|
"tailwind:watch": "pnpm tailwind --watch",
|
|
272
276
|
"storybook": "tailwind && storybook dev -p 6006",
|
|
273
277
|
"build-storybook": "storybook build",
|
|
274
278
|
"down": "pnpx shadcn-ui@latest add",
|
|
275
|
-
"build:js": "pnpm tailwind && fab -t esm
|
|
279
|
+
"build:js": "pnpm tailwind && fab -t esm",
|
|
276
280
|
"build:types": "fab -t types",
|
|
277
281
|
"type-check": "tsc --noEmit",
|
|
278
282
|
"check": "biome check --write ./src",
|