@driveflux/beam 1.9.18 → 1.9.20
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 +7 -133
- package/dist/accordion/Accordion.js.map +1 -1
- package/dist/accordion/Accordion.stories.js +11 -31
- package/dist/alert/Alert.js +14 -110
- package/dist/alert/Alert.stories.js +15 -50
- package/dist/animations/LoadingAnimation.js +21 -34
- package/dist/badge/Badge.js +7 -96
- package/dist/badge/Badge.stories.js +7 -28
- package/dist/box/Box.d.ts +1 -1
- package/dist/box/Box.d.ts.map +1 -1
- package/dist/box/Box.js +3 -87
- package/dist/box/Box.stories.js +7 -8
- package/dist/breadcrumbs/Breadcrumbs.js +28 -288
- package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/Button.js +12 -124
- package/dist/button/Button.stories.js +7 -35
- package/dist/card/Card.js +7 -109
- package/dist/card/Card.stories.js +7 -10
- package/dist/carousel/Carousel.js +58 -279
- package/dist/carousel/Carousel.stories.js +7 -39
- package/dist/carousel/CarouselButton.js +7 -68
- package/dist/center/Center.js +3 -63
- package/dist/center/Center.stories.js +7 -19
- package/dist/checkbox/Checkbox.js +4 -115
- package/dist/checkbox/Checkbox.stories.js +8 -10
- package/dist/chip/Chip.js +3 -104
- package/dist/chip/Chip.stories.js +7 -19
- package/dist/circular-progress/CircularProgress.js +11 -150
- package/dist/circular-progress/CircularProgress.stories.js +14 -54
- package/dist/command/command.js +13 -170
- package/dist/datepicker/DatePicker.d.ts +24 -2
- package/dist/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.js +24 -123
- package/dist/datepicker/DatePicker.js.map +1 -1
- package/dist/datepicker/DatePicker.stories.js +48 -144
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
- package/dist/datepicker/DatePickerDrawer.js +7 -94
- package/dist/datepicker/DatePickerDrawer.js.map +1 -1
- package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
- package/dist/datepicker/DatePickerPopover.js +28 -192
- package/dist/datepicker/DatePickerPopover.js.map +1 -1
- package/dist/datepicker/constants.js +4 -3
- package/dist/datepicker/utils.js +11 -4
- package/dist/dialog/index.js +12 -144
- package/dist/divider/Divider.js +3 -63
- package/dist/divider/Divider.stories.js +7 -13
- package/dist/drawer/index.d.ts +3 -1
- package/dist/drawer/index.d.ts.map +1 -1
- package/dist/drawer/index.js +12 -157
- package/dist/drawer/index.js.map +1 -1
- package/dist/dropdown/Dropdown.js +26 -212
- package/dist/dropdown/Dropdown.stories.js +22 -109
- package/dist/field-wrapper/FieldWrapper.js +3 -136
- package/dist/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
- package/dist/flex/Flex.js +3 -63
- package/dist/flex/Flex.stories.js +7 -19
- package/dist/grid/Grid.js +3 -63
- package/dist/grid/Grid.stories.js +7 -28
- package/dist/hooks/use-breakpoint-value.js +14 -77
- package/dist/hooks/use-breakpoint-value.js.map +1 -1
- package/dist/hooks/use-media-query.js +12 -61
- package/dist/hstack/HStack.js +3 -63
- package/dist/hstack/HStack.stories.js +7 -19
- package/dist/icons/FluxLogo.js +9 -213
- package/dist/icons/FluxLogoTable.js +5 -109
- package/dist/icons/Icon.js +7 -108
- package/dist/icons/Icon.stories.js +7 -12
- package/dist/icons/Icon24Hours.js +5 -83
- package/dist/icons/IconAccount.js +4 -72
- package/dist/icons/IconApplicant.js +5 -78
- package/dist/icons/IconArrow.js +6 -78
- package/dist/icons/IconArrowBack.js +4 -72
- package/dist/icons/IconArrowForward.js +4 -72
- package/dist/icons/IconArrowTopLeft.js +4 -70
- package/dist/icons/IconBluesharkProductGuide.js +5 -80
- package/dist/icons/IconBolt.js +4 -72
- package/dist/icons/IconBriefcase.js +4 -72
- package/dist/icons/IconBulb.js +4 -72
- package/dist/icons/IconCalendar.d.ts.map +1 -1
- package/dist/icons/IconCalendar.js +4 -72
- package/dist/icons/IconCalendar.js.map +1 -1
- package/dist/icons/IconCancelMark.js +4 -72
- package/dist/icons/IconCarSUV.js +4 -72
- package/dist/icons/IconCarSedan.js +7 -147
- package/dist/icons/IconChain.js +5 -79
- package/dist/icons/IconCheckmark.js +4 -72
- package/dist/icons/IconChevronRight.js +4 -72
- package/dist/icons/IconCircle.js +4 -72
- package/dist/icons/IconCircleCheckmark.d.ts +1 -0
- package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
- package/dist/icons/IconCircleCheckmark.js +5 -77
- package/dist/icons/IconCircleCheckmark.js.map +1 -1
- package/dist/icons/IconCircleError.js +4 -72
- package/dist/icons/IconCircleExclamation.js +6 -104
- package/dist/icons/IconCircleMark.js +5 -78
- package/dist/icons/IconCircleOutline.js +5 -140
- package/dist/icons/IconClock.js +5 -80
- package/dist/icons/IconClose.js +4 -72
- package/dist/icons/IconConcierge.js +5 -79
- package/dist/icons/IconConciergeService.js +5 -87
- package/dist/icons/IconCreditCard.js +5 -78
- package/dist/icons/IconDash.js +4 -72
- package/dist/icons/IconDelivery.js +5 -87
- package/dist/icons/IconDetails.js +4 -72
- package/dist/icons/IconDot.js +6 -87
- package/dist/icons/IconElectricCarFuel.js +5 -80
- package/dist/icons/IconEllipsis.js +5 -78
- package/dist/icons/IconEnvelope.js +4 -72
- package/dist/icons/IconEye.js +5 -79
- package/dist/icons/IconFacebook.js +6 -94
- package/dist/icons/IconFilter.js +5 -83
- package/dist/icons/IconFlagMalaysia.js +5 -141
- package/dist/icons/IconGiveKey.js +5 -79
- package/dist/icons/IconGlobe.js +4 -70
- package/dist/icons/IconGoogle.js +5 -87
- package/dist/icons/IconHome.js +5 -78
- package/dist/icons/IconHostAdvertise.js +4 -72
- package/dist/icons/IconHostCar.js +4 -75
- package/dist/icons/IconHostCash.js +5 -91
- package/dist/icons/IconHostHandle.js +4 -70
- package/dist/icons/IconHostLocation.js +4 -70
- package/dist/icons/IconHostPayment.js +5 -91
- package/dist/icons/IconHostService.js +5 -79
- package/dist/icons/IconHotDeals.js +4 -72
- package/dist/icons/IconInfo.js +5 -77
- package/dist/icons/IconInstagram.js +4 -72
- package/dist/icons/IconInsurance.js +5 -99
- package/dist/icons/IconInternet.js +4 -73
- package/dist/icons/IconInventory.js +5 -78
- package/dist/icons/IconLaurel.js +5 -101
- package/dist/icons/IconLinkedIn.js +4 -72
- package/dist/icons/IconLoading.js +4 -78
- package/dist/icons/IconLocation.js +5 -80
- package/dist/icons/IconLock.js +4 -73
- package/dist/icons/IconLogistics.js +4 -72
- package/dist/icons/IconMail.js +5 -94
- package/dist/icons/IconMember.js +5 -78
- package/dist/icons/IconMobilePen.js +5 -83
- package/dist/icons/IconMotorcycleMoped.js +5 -78
- package/dist/icons/IconNoCost.js +5 -92
- package/dist/icons/IconPDF.js +5 -80
- package/dist/icons/IconPencil.js +4 -70
- package/dist/icons/IconPhone.js +4 -70
- package/dist/icons/IconPlus.js +4 -72
- package/dist/icons/IconPricing.js +4 -72
- package/dist/icons/IconProtected.js +4 -71
- package/dist/icons/IconPsychology.js +4 -72
- package/dist/icons/IconQuestionTooltip.js +4 -73
- package/dist/icons/IconQuote.js +4 -72
- package/dist/icons/IconRate.js +4 -71
- package/dist/icons/IconRegister.js +5 -99
- package/dist/icons/IconReturn.js +4 -72
- package/dist/icons/IconSearch.js +4 -70
- package/dist/icons/IconSecure.js +4 -71
- package/dist/icons/IconSecurity.js +4 -73
- package/dist/icons/IconSedanOutline.js +5 -159
- package/dist/icons/IconSelectArrow.js +6 -78
- package/dist/icons/IconSort.js +5 -79
- package/dist/icons/IconSortListed.js +5 -95
- package/dist/icons/IconSortPriceAscending.js +5 -83
- package/dist/icons/IconSortPriceDescending.js +5 -83
- package/dist/icons/IconSortYear.js +5 -79
- package/dist/icons/IconSpan.js +4 -71
- package/dist/icons/IconSpeaker.js +4 -79
- package/dist/icons/IconSpecialCar.js +5 -95
- package/dist/icons/IconStar.js +7 -92
- package/dist/icons/IconStockPhoto.js +5 -95
- package/dist/icons/IconSubscription.js +6 -113
- package/dist/icons/IconSubscriptions.js +6 -113
- package/dist/icons/IconSwap.js +5 -79
- package/dist/icons/IconTax.js +4 -72
- package/dist/icons/IconThinArrow.js +6 -78
- package/dist/icons/IconThumbsdown.js +5 -78
- package/dist/icons/IconThumbsup.js +5 -78
- package/dist/icons/IconTool.js +4 -72
- package/dist/icons/IconTooltip.js +4 -73
- package/dist/icons/IconTrash.js +4 -72
- package/dist/icons/IconTriangleExclamation.js +4 -72
- package/dist/icons/IconTyersBrakes.js +5 -83
- package/dist/icons/IconTyre.js +5 -83
- package/dist/icons/IconVacancy.js +5 -78
- package/dist/icons/IconVolunteer.js +4 -72
- package/dist/icons/IconWhatsapp.js +4 -73
- package/dist/icons/IconXPlatform.js +4 -72
- package/dist/icons/IconZeroEffort.js +5 -77
- package/dist/icons/Logo.js +3 -99
- package/dist/input/Input.js +11 -125
- package/dist/input/Input.stories.js +18 -17
- package/dist/input-mask/InputMask.js +10 -96
- package/dist/input-mask/InputMask.stories.js +6 -5
- package/dist/input-mask/mask-trackers.js +5 -4
- package/dist/input-select/InputSelect.d.ts.map +1 -1
- package/dist/input-select/InputSelect.js +69 -357
- package/dist/input-select/InputSelect.js.map +1 -1
- package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
- package/dist/input-select/InputSelect.stories.js +18 -54
- package/dist/popover/popover.js +4 -72
- package/dist/progress/Progress.js +2 -96
- package/dist/progress/Progress.stories.js +14 -13
- package/dist/radio/Radio.js +4 -163
- package/dist/scroll-area/scroll-area.js +5 -113
- package/dist/search-input-select/SearchInputSelect.js +69 -346
- package/dist/select/Select.js +31 -300
- package/dist/select/Select.js.map +1 -1
- package/dist/select/Select.stories.d.ts.map +1 -1
- package/dist/select/Select.stories.js +19 -55
- package/dist/skeleton/Skeleton.js +3 -62
- package/dist/skeleton/Skeleton.stories.js +7 -8
- package/dist/slider/Slider.js +5 -106
- package/dist/slider/Slider.stories.js +11 -12
- package/dist/stack/Stack.js +3 -63
- package/dist/stack/Stack.stories.js +7 -19
- package/dist/styles.css +117 -2
- package/dist/table/Table.js +10 -131
- package/dist/table/Table.stories.js +8 -84
- package/dist/tabs/Tabs.js +9 -128
- package/dist/tabs/Tabs.stories.js +13 -46
- 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/text/Text.stories.js +7 -44
- package/dist/toast/Toast.stories.js +14 -66
- package/dist/toast/ToastBox.js +24 -71
- package/dist/toast/index.js +1 -0
- package/dist/toast/sonner.js +11 -70
- package/dist/toggle/Toggle.js +7 -116
- package/dist/toggle/Toggle.stories.js +8 -10
- package/dist/tooltip/Tooltip.js +12 -151
- package/dist/tooltip/Tooltip.stories.js +13 -71
- package/dist/utils.js +2 -4
- package/dist/vstack/VStack.js +3 -63
- package/dist/vstack/VStack.stories.js +7 -19
- package/package.json +1 -1
package/dist/slider/Slider.js
CHANGED
|
@@ -1,113 +1,12 @@
|
|
|
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
|
-
}
|
|
81
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
82
3
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
83
4
|
import * as React from 'react';
|
|
84
5
|
import { cn } from '../utils';
|
|
85
|
-
export
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
]);
|
|
90
|
-
var value = props.value || props.defaultValue || [
|
|
91
|
-
0
|
|
92
|
-
];
|
|
93
|
-
return /*#__PURE__*/ _jsxs(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
94
|
-
ref: ref,
|
|
95
|
-
id: id,
|
|
96
|
-
className: cn('relative flex w-full touch-none select-none items-center', className)
|
|
97
|
-
}, props), {
|
|
98
|
-
children: [
|
|
99
|
-
/*#__PURE__*/ _jsx(SliderPrimitive.Track, {
|
|
100
|
-
className: "relative h-1 w-full grow overflow-hidden rounded-full bg-primary2",
|
|
101
|
-
children: /*#__PURE__*/ _jsx(SliderPrimitive.Range, {
|
|
102
|
-
className: "absolute h-full bg-zinc-900 dark:bg-zinc-50"
|
|
103
|
-
})
|
|
104
|
-
}),
|
|
105
|
-
Array.isArray(value) && value.map(function(_, i) {
|
|
106
|
-
return /*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
|
|
107
|
-
className: "block h-3 w-3 rounded-full border-2 border-zinc-900 bg-black transition-colors cursor-pointer"
|
|
108
|
-
}, "slider-thumb-".concat(id, "-").concat(i.toString()));
|
|
109
|
-
})
|
|
110
|
-
]
|
|
111
|
-
}));
|
|
6
|
+
export const Slider = React.forwardRef(({ className, id, ...props }, ref) => {
|
|
7
|
+
const value = props.value || props.defaultValue || [0];
|
|
8
|
+
return (_jsxs(SliderPrimitive.Root, { ref: ref, id: id, className: cn('relative flex w-full touch-none select-none items-center', className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-primary2", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-zinc-900 dark:bg-zinc-50" }) }), Array.isArray(value) &&
|
|
9
|
+
value.map((_, i) => (_jsx(SliderPrimitive.Thumb, { className: "block h-3 w-3 rounded-full border-2 border-zinc-900 bg-black transition-colors cursor-pointer" }, `slider-thumb-${id}-${i.toString()}`)))] }));
|
|
112
10
|
});
|
|
113
11
|
Slider.displayName = SliderPrimitive.Root.displayName;
|
|
12
|
+
//# sourceMappingURL=Slider.js.map
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Slider } from './Slider';
|
|
3
|
-
|
|
3
|
+
const meta = {
|
|
4
4
|
component: Slider,
|
|
5
5
|
args: {
|
|
6
|
-
id: 'test'
|
|
7
|
-
}
|
|
6
|
+
id: 'test',
|
|
7
|
+
},
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
10
|
-
export
|
|
11
|
-
render:
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
export const FirstStory = {
|
|
11
|
+
render: ({ id }) => {
|
|
12
|
+
return (_jsx(Slider
|
|
13
|
+
// defaultValue={[40]}
|
|
14
|
+
, {
|
|
14
15
|
// defaultValue={[40]}
|
|
15
|
-
id: id,
|
|
16
|
-
|
|
17
|
-
step: 1
|
|
18
|
-
});
|
|
19
|
-
}
|
|
16
|
+
id: id, max: 100, step: 1 }));
|
|
17
|
+
},
|
|
20
18
|
};
|
|
19
|
+
//# sourceMappingURL=Slider.stories.js.map
|
package/dist/stack/Stack.js
CHANGED
|
@@ -1,70 +1,10 @@
|
|
|
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
|
-
}
|
|
56
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
57
2
|
import * as React from 'react';
|
|
58
3
|
import Box from '../box/Box';
|
|
59
4
|
import { cn } from '../utils';
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
"className"
|
|
63
|
-
]);
|
|
64
|
-
return /*#__PURE__*/ _jsx(Box, _object_spread({
|
|
65
|
-
className: cn('flex flex-col gap-4', className),
|
|
66
|
-
ref: ref
|
|
67
|
-
}, props));
|
|
5
|
+
const Stack = React.forwardRef(({ className, ...props }, ref) => {
|
|
6
|
+
return (_jsx(Box, { className: cn('flex flex-col gap-4', className), ref: ref, ...props }));
|
|
68
7
|
});
|
|
69
8
|
Stack.displayName = 'Stack';
|
|
70
9
|
export default Stack;
|
|
10
|
+
//# sourceMappingURL=Stack.js.map
|
|
@@ -1,25 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Box from '../box/Box.js';
|
|
3
3
|
import Stack from './Stack.js';
|
|
4
|
-
|
|
5
|
-
component: Stack
|
|
4
|
+
const meta = {
|
|
5
|
+
component: Stack,
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
|
-
export
|
|
9
|
-
render:
|
|
10
|
-
return
|
|
11
|
-
|
|
12
|
-
children: [
|
|
13
|
-
/*#__PURE__*/ _jsx(Box, {
|
|
14
|
-
className: "h-16 w-16 border border-primary2"
|
|
15
|
-
}),
|
|
16
|
-
/*#__PURE__*/ _jsx(Box, {
|
|
17
|
-
className: "h-16 w-16 border border-primary2"
|
|
18
|
-
}),
|
|
19
|
-
/*#__PURE__*/ _jsx(Box, {
|
|
20
|
-
className: "h-16 w-16 border border-primary2"
|
|
21
|
-
})
|
|
22
|
-
]
|
|
23
|
-
});
|
|
24
|
-
}
|
|
8
|
+
export const FirstStory = {
|
|
9
|
+
render: () => {
|
|
10
|
+
return (_jsxs(Stack, { className: "h-64 w-64 border border-black p-4", children: [_jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" })] }));
|
|
11
|
+
},
|
|
25
12
|
};
|
|
13
|
+
//# sourceMappingURL=Stack.stories.js.map
|
package/dist/styles.css
CHANGED
|
@@ -184,13 +184,16 @@
|
|
|
184
184
|
display: flex;
|
|
185
185
|
flex-direction: column;
|
|
186
186
|
row-gap: 8px;
|
|
187
|
+
width: 100%;
|
|
187
188
|
border: none;
|
|
188
189
|
}
|
|
189
190
|
|
|
190
191
|
/* ======================= top navigation start ======================= */
|
|
191
192
|
|
|
192
193
|
.react-calendar__navigation {
|
|
193
|
-
margin-bottom:
|
|
194
|
+
margin-bottom: 16px;
|
|
195
|
+
padding-bottom: 16px;
|
|
196
|
+
border-bottom: 1px solid var(--primary1) !important;
|
|
194
197
|
}
|
|
195
198
|
|
|
196
199
|
.react-calendar__navigation button {
|
|
@@ -204,8 +207,10 @@
|
|
|
204
207
|
}
|
|
205
208
|
|
|
206
209
|
.react-calendar__navigation__label {
|
|
207
|
-
font-family: "Gotham
|
|
210
|
+
font-family: "Gotham", sans-serif;
|
|
208
211
|
font-size: 14px;
|
|
212
|
+
font-weight: 700;
|
|
213
|
+
letter-spacing: 0.5px;
|
|
209
214
|
text-transform: uppercase;
|
|
210
215
|
}
|
|
211
216
|
|
|
@@ -213,9 +218,24 @@
|
|
|
213
218
|
|
|
214
219
|
/* ========================= calendar start ========================= */
|
|
215
220
|
|
|
221
|
+
.react-calendar__month-view__days,
|
|
222
|
+
.react-calendar__year-view__months,
|
|
223
|
+
.react-calendar__decade-view__years,
|
|
224
|
+
.react-calendar__century-view__decades {
|
|
225
|
+
border-top: 1px solid var(--primary1);
|
|
226
|
+
border-left: 1px solid var(--primary1);
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.react-calendar__month-view__weekdays {
|
|
230
|
+
margin-bottom: 4px;
|
|
231
|
+
}
|
|
232
|
+
|
|
216
233
|
.react-calendar__month-view__weekdays__weekday {
|
|
217
234
|
display: flex;
|
|
218
235
|
justify-content: center;
|
|
236
|
+
font-weight: 700;
|
|
237
|
+
font-family: "Gotham", sans-serif;
|
|
238
|
+
color: var(--primary3);
|
|
219
239
|
}
|
|
220
240
|
|
|
221
241
|
.react-calendar__month-view__weekdays__weekday abbr {
|
|
@@ -226,6 +246,8 @@
|
|
|
226
246
|
letter-spacing: 1px;
|
|
227
247
|
font-size: 12px;
|
|
228
248
|
text-transform: uppercase;
|
|
249
|
+
border-right: 1px solid var(--primary1) !important;
|
|
250
|
+
border-bottom: 1px solid var(--primary1) !important;
|
|
229
251
|
}
|
|
230
252
|
|
|
231
253
|
.react-calendar__tile:enabled:hover {
|
|
@@ -1039,6 +1061,10 @@ video {
|
|
|
1039
1061
|
display: block;
|
|
1040
1062
|
}
|
|
1041
1063
|
|
|
1064
|
+
.inline-block {
|
|
1065
|
+
display: inline-block;
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1042
1068
|
.flex {
|
|
1043
1069
|
display: flex;
|
|
1044
1070
|
}
|
|
@@ -1104,6 +1130,10 @@ video {
|
|
|
1104
1130
|
height: 1.25rem;
|
|
1105
1131
|
}
|
|
1106
1132
|
|
|
1133
|
+
.h-6 {
|
|
1134
|
+
height: 1.5rem;
|
|
1135
|
+
}
|
|
1136
|
+
|
|
1107
1137
|
.h-64 {
|
|
1108
1138
|
height: 16rem;
|
|
1109
1139
|
}
|
|
@@ -1176,6 +1206,10 @@ video {
|
|
|
1176
1206
|
width: 1rem;
|
|
1177
1207
|
}
|
|
1178
1208
|
|
|
1209
|
+
.w-5 {
|
|
1210
|
+
width: 1.25rem;
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1179
1213
|
.w-56 {
|
|
1180
1214
|
width: 14rem;
|
|
1181
1215
|
}
|
|
@@ -1204,10 +1238,19 @@ video {
|
|
|
1204
1238
|
width: 44px;
|
|
1205
1239
|
}
|
|
1206
1240
|
|
|
1241
|
+
.w-\[46px\] {
|
|
1242
|
+
width: 46px;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1207
1245
|
.w-full {
|
|
1208
1246
|
width: 100%;
|
|
1209
1247
|
}
|
|
1210
1248
|
|
|
1249
|
+
.w-max {
|
|
1250
|
+
width: -moz-max-content;
|
|
1251
|
+
width: max-content;
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1211
1254
|
.min-w-0 {
|
|
1212
1255
|
min-width: 0px;
|
|
1213
1256
|
}
|
|
@@ -1245,6 +1288,10 @@ video {
|
|
|
1245
1288
|
max-width: 628px;
|
|
1246
1289
|
}
|
|
1247
1290
|
|
|
1291
|
+
.max-w-sm {
|
|
1292
|
+
max-width: 24rem;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1248
1295
|
.flex-1 {
|
|
1249
1296
|
flex: 1 1 0%;
|
|
1250
1297
|
}
|
|
@@ -1270,11 +1317,21 @@ video {
|
|
|
1270
1317
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1271
1318
|
}
|
|
1272
1319
|
|
|
1320
|
+
.translate-x-6 {
|
|
1321
|
+
--tw-translate-x: 1.5rem;
|
|
1322
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1323
|
+
}
|
|
1324
|
+
|
|
1273
1325
|
.translate-x-\[-50\%\] {
|
|
1274
1326
|
--tw-translate-x: -50%;
|
|
1275
1327
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1276
1328
|
}
|
|
1277
1329
|
|
|
1330
|
+
.translate-x-\[2px\] {
|
|
1331
|
+
--tw-translate-x: 2px;
|
|
1332
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1333
|
+
}
|
|
1334
|
+
|
|
1278
1335
|
.translate-y-\[-50\%\] {
|
|
1279
1336
|
--tw-translate-y: -50%;
|
|
1280
1337
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1333,6 +1390,10 @@ video {
|
|
|
1333
1390
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
1334
1391
|
}
|
|
1335
1392
|
|
|
1393
|
+
.flex-row {
|
|
1394
|
+
flex-direction: row;
|
|
1395
|
+
}
|
|
1396
|
+
|
|
1336
1397
|
.flex-col {
|
|
1337
1398
|
flex-direction: column;
|
|
1338
1399
|
}
|
|
@@ -1349,6 +1410,14 @@ video {
|
|
|
1349
1410
|
align-items: center;
|
|
1350
1411
|
}
|
|
1351
1412
|
|
|
1413
|
+
.items-stretch {
|
|
1414
|
+
align-items: stretch;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
.justify-start {
|
|
1418
|
+
justify-content: flex-start;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1352
1421
|
.justify-center {
|
|
1353
1422
|
justify-content: center;
|
|
1354
1423
|
}
|
|
@@ -1385,6 +1454,11 @@ video {
|
|
|
1385
1454
|
gap: 2rem;
|
|
1386
1455
|
}
|
|
1387
1456
|
|
|
1457
|
+
.gap-x-0 {
|
|
1458
|
+
-moz-column-gap: 0px;
|
|
1459
|
+
column-gap: 0px;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1388
1462
|
.gap-x-2 {
|
|
1389
1463
|
-moz-column-gap: 0.5rem;
|
|
1390
1464
|
column-gap: 0.5rem;
|
|
@@ -1815,6 +1889,11 @@ video {
|
|
|
1815
1889
|
padding-right: 1rem;
|
|
1816
1890
|
}
|
|
1817
1891
|
|
|
1892
|
+
.px-6 {
|
|
1893
|
+
padding-left: 1.5rem;
|
|
1894
|
+
padding-right: 1.5rem;
|
|
1895
|
+
}
|
|
1896
|
+
|
|
1818
1897
|
.px-\[16px\] {
|
|
1819
1898
|
padding-left: 16px;
|
|
1820
1899
|
padding-right: 16px;
|
|
@@ -1860,6 +1939,10 @@ video {
|
|
|
1860
1939
|
padding-bottom: 13px;
|
|
1861
1940
|
}
|
|
1862
1941
|
|
|
1942
|
+
.pl-2 {
|
|
1943
|
+
padding-left: 0.5rem;
|
|
1944
|
+
}
|
|
1945
|
+
|
|
1863
1946
|
.pl-8 {
|
|
1864
1947
|
padding-left: 2rem;
|
|
1865
1948
|
}
|
|
@@ -1978,6 +2061,10 @@ video {
|
|
|
1978
2061
|
line-height: 1;
|
|
1979
2062
|
}
|
|
1980
2063
|
|
|
2064
|
+
.tracking-\[0\.5px\] {
|
|
2065
|
+
letter-spacing: 0.5px;
|
|
2066
|
+
}
|
|
2067
|
+
|
|
1981
2068
|
.tracking-\[2px\] {
|
|
1982
2069
|
letter-spacing: 2px;
|
|
1983
2070
|
}
|
|
@@ -2609,6 +2696,11 @@ li::marker {
|
|
|
2609
2696
|
border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
|
|
2610
2697
|
}
|
|
2611
2698
|
|
|
2699
|
+
.hover\:border-primary4:hover {
|
|
2700
|
+
--tw-border-opacity: 1;
|
|
2701
|
+
border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));
|
|
2702
|
+
}
|
|
2703
|
+
|
|
2612
2704
|
.hover\:bg-accent4:hover {
|
|
2613
2705
|
--tw-bg-opacity: 1;
|
|
2614
2706
|
background-color: rgb(229 88 103 / var(--tw-bg-opacity, 1));
|
|
@@ -2629,6 +2721,11 @@ li::marker {
|
|
|
2629
2721
|
background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
|
|
2630
2722
|
}
|
|
2631
2723
|
|
|
2724
|
+
.hover\:bg-primary2:hover {
|
|
2725
|
+
--tw-bg-opacity: 1;
|
|
2726
|
+
background-color: rgb(202 202 202 / var(--tw-bg-opacity, 1));
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2632
2729
|
.hover\:bg-primary4:hover {
|
|
2633
2730
|
--tw-bg-opacity: 1;
|
|
2634
2731
|
background-color: rgb(25 25 25 / var(--tw-bg-opacity, 1));
|
|
@@ -2737,6 +2834,16 @@ li::marker {
|
|
|
2737
2834
|
cursor: not-allowed;
|
|
2738
2835
|
}
|
|
2739
2836
|
|
|
2837
|
+
.disabled\:bg-primary1:disabled {
|
|
2838
|
+
--tw-bg-opacity: 1;
|
|
2839
|
+
background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
|
|
2840
|
+
}
|
|
2841
|
+
|
|
2842
|
+
.disabled\:text-primary3:disabled {
|
|
2843
|
+
--tw-text-opacity: 1;
|
|
2844
|
+
color: rgb(88 88 88 / var(--tw-text-opacity, 1));
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2740
2847
|
.disabled\:\!opacity-100:disabled {
|
|
2741
2848
|
opacity: 1 !important;
|
|
2742
2849
|
}
|
|
@@ -3132,6 +3239,14 @@ li::marker {
|
|
|
3132
3239
|
.lg\:h-11 {
|
|
3133
3240
|
height: 2.75rem;
|
|
3134
3241
|
}
|
|
3242
|
+
|
|
3243
|
+
.lg\:h-6 {
|
|
3244
|
+
height: 1.5rem;
|
|
3245
|
+
}
|
|
3246
|
+
|
|
3247
|
+
.lg\:w-6 {
|
|
3248
|
+
width: 1.5rem;
|
|
3249
|
+
}
|
|
3135
3250
|
}
|
|
3136
3251
|
|
|
3137
3252
|
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
package/dist/table/Table.js
CHANGED
|
@@ -1,142 +1,21 @@
|
|
|
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
|
-
}
|
|
56
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
57
2
|
import * as React from 'react';
|
|
58
3
|
import { cn } from '../utils';
|
|
59
|
-
|
|
60
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
61
|
-
"className"
|
|
62
|
-
]);
|
|
63
|
-
return /*#__PURE__*/ _jsx("div", {
|
|
64
|
-
className: "relative w-full overflow-auto",
|
|
65
|
-
children: /*#__PURE__*/ _jsx("table", _object_spread({
|
|
66
|
-
ref: ref,
|
|
67
|
-
className: cn('w-full caption-bottom text-sm', className)
|
|
68
|
-
}, props))
|
|
69
|
-
});
|
|
70
|
-
});
|
|
4
|
+
const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
|
|
71
5
|
Table.displayName = 'Table';
|
|
72
|
-
|
|
73
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
74
|
-
"className"
|
|
75
|
-
]);
|
|
76
|
-
return /*#__PURE__*/ _jsx("thead", _object_spread({
|
|
77
|
-
ref: ref,
|
|
78
|
-
className: cn('[&_tr]:border-b', className)
|
|
79
|
-
}, props));
|
|
80
|
-
});
|
|
6
|
+
const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('[&_tr]:border-b', className), ...props })));
|
|
81
7
|
TableHeader.displayName = 'TableHeader';
|
|
82
|
-
|
|
83
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
84
|
-
"className"
|
|
85
|
-
]);
|
|
86
|
-
return /*#__PURE__*/ _jsx("tbody", _object_spread({
|
|
87
|
-
ref: ref,
|
|
88
|
-
className: cn('[&_tr:last-child]:border-0', className)
|
|
89
|
-
}, props));
|
|
90
|
-
});
|
|
8
|
+
const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
|
|
91
9
|
TableBody.displayName = 'TableBody';
|
|
92
|
-
|
|
93
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
94
|
-
"className"
|
|
95
|
-
]);
|
|
96
|
-
return /*#__PURE__*/ _jsx("tfoot", _object_spread({
|
|
97
|
-
ref: ref,
|
|
98
|
-
className: cn('border-t bg-zinc-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-zinc-800/50', className)
|
|
99
|
-
}, props));
|
|
100
|
-
});
|
|
10
|
+
const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('border-t bg-zinc-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-zinc-800/50', className), ...props })));
|
|
101
11
|
TableFooter.displayName = 'TableFooter';
|
|
102
|
-
|
|
103
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
104
|
-
"className"
|
|
105
|
-
]);
|
|
106
|
-
return /*#__PURE__*/ _jsx("tr", _object_spread({
|
|
107
|
-
ref: ref,
|
|
108
|
-
className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className)
|
|
109
|
-
}, props));
|
|
110
|
-
});
|
|
12
|
+
const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className), ...props })));
|
|
111
13
|
TableRow.displayName = 'TableRow';
|
|
112
|
-
|
|
113
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
114
|
-
"className"
|
|
115
|
-
]);
|
|
116
|
-
return /*#__PURE__*/ _jsx("th", _object_spread({
|
|
117
|
-
ref: ref,
|
|
118
|
-
className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className)
|
|
119
|
-
}, props));
|
|
120
|
-
});
|
|
14
|
+
const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className), ...props })));
|
|
121
15
|
TableHead.displayName = 'TableHead';
|
|
122
|
-
|
|
123
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
124
|
-
"className"
|
|
125
|
-
]);
|
|
126
|
-
return /*#__PURE__*/ _jsx("td", _object_spread({
|
|
127
|
-
ref: ref,
|
|
128
|
-
className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className)
|
|
129
|
-
}, props));
|
|
130
|
-
});
|
|
16
|
+
const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
|
|
131
17
|
TableCell.displayName = 'TableCell';
|
|
132
|
-
|
|
133
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
134
|
-
"className"
|
|
135
|
-
]);
|
|
136
|
-
return /*#__PURE__*/ _jsx("caption", _object_spread({
|
|
137
|
-
ref: ref,
|
|
138
|
-
className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className)
|
|
139
|
-
}, props));
|
|
140
|
-
});
|
|
18
|
+
const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
|
|
141
19
|
TableCaption.displayName = 'TableCaption';
|
|
142
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption,
|
|
20
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
21
|
+
//# sourceMappingURL=Table.js.map
|