@driveflux/beam 1.10.0 → 1.11.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.
- package/dist/base-styles.css +96 -260
- package/dist/box/Box.d.ts +1 -1
- package/dist/box/Box.d.ts.map +1 -1
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/Button.js +2 -2
- package/dist/button/Button.js.map +1 -1
- package/dist/command/command.d.ts +3 -3
- package/dist/command/command.js +2 -2
- package/dist/command/command.js.map +1 -1
- package/dist/datepicker/DatePicker.d.ts +24 -2
- package/dist/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.js +78 -136
- package/dist/datepicker/DatePicker.js.map +1 -1
- package/dist/datepicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.stories.js +21 -0
- package/dist/datepicker/DatePickerDrawer.d.ts +6 -0
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -0
- package/dist/datepicker/DatePickerDrawer.js +133 -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 +246 -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 +3 -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 +8 -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 +4 -3
- package/dist/drawer/index.js.map +1 -1
- package/dist/dropdown/Dropdown.js +4 -4
- package/dist/dropdown/Dropdown.js.map +1 -1
- package/dist/field-wrapper/FieldWrapper.js +3 -3
- package/dist/field-wrapper/FieldWrapper.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 +86 -0
- package/dist/icons/IconArrow.js.map +1 -0
- package/dist/icons/IconCalendar.d.ts.map +1 -1
- package/dist/icons/IconCalendar.js +7 -41
- package/dist/icons/IconCalendar.js.map +1 -1
- package/dist/icons/IconCalendarArrowBack.d.ts +8 -0
- package/dist/icons/IconCalendarArrowBack.d.ts.map +1 -0
- package/dist/icons/IconCalendarArrowBack.js +76 -0
- package/dist/icons/IconCalendarArrowBack.js.map +1 -0
- package/dist/icons/IconCalendarArrowForward.d.ts +8 -0
- package/dist/icons/IconCalendarArrowForward.d.ts.map +1 -0
- package/dist/icons/IconCalendarArrowForward.js +76 -0
- package/dist/icons/IconCalendarArrowForward.js.map +1 -0
- package/dist/icons/IconCalendarDoubleArrowBack.d.ts +8 -0
- package/dist/icons/IconCalendarDoubleArrowBack.d.ts.map +1 -0
- package/dist/icons/IconCalendarDoubleArrowBack.js +76 -0
- package/dist/icons/IconCalendarDoubleArrowBack.js.map +1 -0
- package/dist/icons/IconCalendarDoubleArrowForward.d.ts +8 -0
- package/dist/icons/IconCalendarDoubleArrowForward.d.ts.map +1 -0
- package/dist/icons/IconCalendarDoubleArrowForward.js +76 -0
- package/dist/icons/IconCalendarDoubleArrowForward.js.map +1 -0
- package/dist/icons/IconCircleCheckmark.d.ts +1 -0
- package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
- package/dist/icons/IconCircleCheckmark.js +8 -3
- 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/Input.js +1 -1
- package/dist/input-mask/InputMask.d.ts.map +1 -1
- package/dist/input-mask/InputMask.js +54 -1
- package/dist/input-select/InputSelect.d.ts.map +1 -1
- package/dist/input-select/InputSelect.js +30 -31
- package/dist/input-select/InputSelect.js.map +1 -1
- package/dist/input-select/InputSelect.stories.d.ts +1 -0
- package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
- package/dist/input-select/InputSelect.stories.js +46 -0
- package/dist/input-select/InputSelect.stories.js.map +1 -1
- package/dist/popover/popover.js +1 -1
- package/dist/popover/popover.js.map +1 -1
- package/dist/search-input-select/SearchInputSelect.js +3 -3
- package/dist/search-input-select/SearchInputSelect.js.map +1 -1
- package/dist/select/Select.js +8 -4
- package/dist/select/Select.js.map +1 -1
- package/dist/select/Select.stories.d.ts.map +1 -1
- package/dist/styles.css +3169 -2565
- package/dist/table/Table.js +1 -1
- package/dist/tabs/Tabs.js +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.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 +131 -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 +17 -0
- package/dist/toggle/Toggle.stories.js.map +1 -0
- package/package.json +57 -56
package/dist/table/Table.js
CHANGED
|
@@ -95,7 +95,7 @@ var TableFooter = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
95
95
|
]);
|
|
96
96
|
return /*#__PURE__*/ _jsx("tfoot", _object_spread({
|
|
97
97
|
ref: ref,
|
|
98
|
-
className: cn('border-t bg-zinc-100/50 font-medium
|
|
98
|
+
className: cn('border-t bg-zinc-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-zinc-800/50', className)
|
|
99
99
|
}, props));
|
|
100
100
|
});
|
|
101
101
|
TableFooter.displayName = 'TableFooter';
|
package/dist/tabs/Tabs.js
CHANGED
|
@@ -134,7 +134,7 @@ var TabsContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
134
134
|
]);
|
|
135
135
|
return /*#__PURE__*/ _jsx(TabsPrimitive.Content, _object_spread({
|
|
136
136
|
ref: ref,
|
|
137
|
-
className: cn('mt-2 ring-offset-white focus-visible:outline-
|
|
137
|
+
className: cn('mt-2 ring-offset-white focus-visible:outline-none 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
138
|
}, props));
|
|
139
139
|
});
|
|
140
140
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
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.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,131 @@
|
|
|
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
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
82
|
+
import Button from '@driveflux/beam/button';
|
|
83
|
+
import { cn } from '@driveflux/beam/utils';
|
|
84
|
+
import * as React from 'react';
|
|
85
|
+
var ToggleRoot = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
86
|
+
var className = _param.className, _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, onCheckedChange = _param.onCheckedChange, disabled = _param.disabled, props = _object_without_properties(_param, [
|
|
87
|
+
"className",
|
|
88
|
+
"checked",
|
|
89
|
+
"onCheckedChange",
|
|
90
|
+
"disabled"
|
|
91
|
+
]);
|
|
92
|
+
var handleClick = function() {
|
|
93
|
+
if (!disabled && onCheckedChange) {
|
|
94
|
+
onCheckedChange(!checked);
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
return /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
|
|
98
|
+
ref: ref,
|
|
99
|
+
onClick: handleClick,
|
|
100
|
+
isDisabled: disabled,
|
|
101
|
+
role: "switch",
|
|
102
|
+
"aria-checked": checked,
|
|
103
|
+
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)
|
|
104
|
+
}, props), {
|
|
105
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
106
|
+
className: cn('inline-block h-5 w-5 transform rounded-full bg-white transition-transform duration-300', checked ? 'translate-x-6' : 'translate-x-[2px]')
|
|
107
|
+
})
|
|
108
|
+
}));
|
|
109
|
+
});
|
|
110
|
+
ToggleRoot.displayName = 'ToggleRoot';
|
|
111
|
+
var Toggle = function(_param) {
|
|
112
|
+
var children = _param.children, htmlFor = _param.htmlFor, props = _object_without_properties(_param, [
|
|
113
|
+
"children",
|
|
114
|
+
"htmlFor"
|
|
115
|
+
]);
|
|
116
|
+
if (children && htmlFor) {
|
|
117
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
118
|
+
className: "flex items-center gap-2",
|
|
119
|
+
children: [
|
|
120
|
+
/*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props)),
|
|
121
|
+
/*#__PURE__*/ _jsx("label", {
|
|
122
|
+
htmlFor: htmlFor,
|
|
123
|
+
className: "flex-1",
|
|
124
|
+
children: children
|
|
125
|
+
})
|
|
126
|
+
]
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
return /*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props));
|
|
130
|
+
};
|
|
131
|
+
export default Toggle;
|
|
@@ -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,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Toggle from './Toggle';
|
|
3
|
+
var meta = {
|
|
4
|
+
component: Toggle,
|
|
5
|
+
args: {
|
|
6
|
+
htmlFor: ''
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export var FirstStory = {
|
|
11
|
+
render: function() {
|
|
12
|
+
return /*#__PURE__*/ _jsx(Toggle, {
|
|
13
|
+
htmlFor: "tnc",
|
|
14
|
+
children: "I accept the terms and conditions."
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
};
|
|
@@ -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.
|
|
3
|
+
"version": "1.11.0",
|
|
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"
|
|
@@ -192,81 +196,78 @@
|
|
|
192
196
|
"dist"
|
|
193
197
|
],
|
|
194
198
|
"dependencies": {
|
|
195
|
-
"@radix-ui/react-accordion": "^1.2.
|
|
196
|
-
"@radix-ui/react-checkbox": "^1.
|
|
197
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
198
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
199
|
-
"@radix-ui/react-popover": "^1.1.
|
|
200
|
-
"@radix-ui/react-progress": "^1.1.
|
|
201
|
-
"@radix-ui/react-scroll-area": "^1.2.
|
|
202
|
-
"@radix-ui/react-select": "^2.2
|
|
203
|
-
"@radix-ui/react-slider": "^1.
|
|
204
|
-
"@radix-ui/react-slot": "^1.
|
|
205
|
-
"@radix-ui/react-tabs": "^1.1.
|
|
206
|
-
"@radix-ui/react-toast": "^1.2.
|
|
207
|
-
"@radix-ui/react-tooltip": "^1.
|
|
199
|
+
"@radix-ui/react-accordion": "^1.2.1",
|
|
200
|
+
"@radix-ui/react-checkbox": "^1.1.2",
|
|
201
|
+
"@radix-ui/react-dialog": "^1.1.2",
|
|
202
|
+
"@radix-ui/react-dropdown-menu": "^2.1.2",
|
|
203
|
+
"@radix-ui/react-popover": "^1.1.2",
|
|
204
|
+
"@radix-ui/react-progress": "^1.1.2",
|
|
205
|
+
"@radix-ui/react-scroll-area": "^1.2.0",
|
|
206
|
+
"@radix-ui/react-select": "^2.1.2",
|
|
207
|
+
"@radix-ui/react-slider": "^1.2.1",
|
|
208
|
+
"@radix-ui/react-slot": "^1.1.0",
|
|
209
|
+
"@radix-ui/react-tabs": "^1.1.1",
|
|
210
|
+
"@radix-ui/react-toast": "^1.2.2",
|
|
211
|
+
"@radix-ui/react-tooltip": "^1.1.3",
|
|
208
212
|
"@react-input/mask": "^2.0.4",
|
|
209
|
-
"
|
|
213
|
+
"autoprefixer": "^10.4.20",
|
|
214
|
+
"class-variance-authority": "^0.7.0",
|
|
210
215
|
"clsx": "^2.1.1",
|
|
211
|
-
"cmdk": "^1.
|
|
212
|
-
"
|
|
213
|
-
"embla-carousel-
|
|
214
|
-
"
|
|
215
|
-
"
|
|
216
|
+
"cmdk": "^1.0.0",
|
|
217
|
+
"date-fns": "^3.6.0",
|
|
218
|
+
"embla-carousel-react": "^8.3.0",
|
|
219
|
+
"embla-carousel-wheel-gestures": "^8.0.1",
|
|
220
|
+
"lucide-react": "^0.453.0",
|
|
221
|
+
"next-themes": "^0.3.0",
|
|
216
222
|
"react-calendar": "^5.1.0",
|
|
217
|
-
"sonner": "^
|
|
218
|
-
"tailwind-merge": "^
|
|
223
|
+
"sonner": "^1.5.0",
|
|
224
|
+
"tailwind-merge": "^2.5.4",
|
|
219
225
|
"tailwindcss-animate": "^1.0.7",
|
|
220
|
-
"vaul": "^1.1.
|
|
221
|
-
"vite": "^
|
|
226
|
+
"vaul": "^1.1.0",
|
|
227
|
+
"vite": "^5.4.9"
|
|
222
228
|
},
|
|
223
229
|
"devDependencies": {
|
|
224
|
-
"@chromatic-com/storybook": "^3.2.
|
|
225
|
-
"@driveflux/fab": "2.
|
|
226
|
-
"@driveflux/time": "4.
|
|
227
|
-
"@driveflux/tsconfig": "1.
|
|
228
|
-
"@storybook/addon-essentials": "^8.
|
|
229
|
-
"@storybook/addon-interactions": "^8.
|
|
230
|
-
"@storybook/addon-links": "^8.
|
|
231
|
-
"@storybook/addon-onboarding": "^8.
|
|
232
|
-
"@storybook/addon-webpack5-compiler-swc": "^
|
|
233
|
-
"@storybook/blocks": "^8.
|
|
234
|
-
"@storybook/experimental-nextjs-vite": "^8.
|
|
235
|
-
"@storybook/react": "^8.
|
|
236
|
-
"@storybook/react-vite": "^8.
|
|
237
|
-
"@storybook/test": "^8.
|
|
238
|
-
"@swc/cli": "0.
|
|
239
|
-
"@swc/core": "1.
|
|
240
|
-
"@
|
|
241
|
-
"@
|
|
242
|
-
"@types/
|
|
243
|
-
"@types/node": "^22.15.16",
|
|
244
|
-
"@types/react": "^19.1.3",
|
|
230
|
+
"@chromatic-com/storybook": "^3.2.3",
|
|
231
|
+
"@driveflux/fab": "2.4.0",
|
|
232
|
+
"@driveflux/time": "4.4.1",
|
|
233
|
+
"@driveflux/tsconfig": "1.3.0",
|
|
234
|
+
"@storybook/addon-essentials": "^8.5.3",
|
|
235
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
236
|
+
"@storybook/addon-links": "^8.4.7",
|
|
237
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
|
238
|
+
"@storybook/addon-webpack5-compiler-swc": "^2.0.0",
|
|
239
|
+
"@storybook/blocks": "^8.4.7",
|
|
240
|
+
"@storybook/experimental-nextjs-vite": "^8.5.3",
|
|
241
|
+
"@storybook/react": "^8.4.7",
|
|
242
|
+
"@storybook/react-vite": "^8.4.7",
|
|
243
|
+
"@storybook/test": "^8.4.7",
|
|
244
|
+
"@swc/cli": "0.4.1-nightly.20240914",
|
|
245
|
+
"@swc/core": "1.7.39",
|
|
246
|
+
"@types/lodash": "^4.17.12",
|
|
247
|
+
"@types/node": "^22.7.8",
|
|
248
|
+
"@types/react": "^18.3.11",
|
|
245
249
|
"del-cli": "^6.0.0",
|
|
246
|
-
"react": "
|
|
247
|
-
"react
|
|
248
|
-
"
|
|
249
|
-
"
|
|
250
|
-
"
|
|
250
|
+
"lucide-react": "^0.453.0",
|
|
251
|
+
"react": "^19.0.0",
|
|
252
|
+
"react-dom": "^19.0.0",
|
|
253
|
+
"storybook": "^8.4.7",
|
|
254
|
+
"tailwindcss": "^3.4.14",
|
|
255
|
+
"typescript": "^5.6.3"
|
|
251
256
|
},
|
|
252
257
|
"eslintConfig": {
|
|
253
258
|
"extends": [
|
|
254
259
|
"plugin:storybook/recommended"
|
|
255
260
|
]
|
|
256
261
|
},
|
|
257
|
-
"peerDependencies": {
|
|
258
|
-
"react": "19.1.0",
|
|
259
|
-
"react-dom": "19.1.0"
|
|
260
|
-
},
|
|
261
262
|
"scripts": {
|
|
262
263
|
"build": "pnpm tailwind && fab && pnpm format",
|
|
263
264
|
"clean": "fab clean",
|
|
264
|
-
"tailwind": "
|
|
265
|
+
"tailwind": "tailwindcss -i ./src/base-styles.css -o ./src/styles.css",
|
|
265
266
|
"tailwind:watch": "pnpm tailwind --watch",
|
|
266
267
|
"storybook": "tailwind && storybook dev -p 6006",
|
|
267
268
|
"build-storybook": "storybook build",
|
|
268
269
|
"down": "pnpx shadcn-ui@latest add",
|
|
269
|
-
"build:js": "pnpm tailwind && fab -t esm
|
|
270
|
+
"build:js": "pnpm tailwind && fab -t esm pnpm format",
|
|
270
271
|
"build:types": "fab -t types",
|
|
271
272
|
"type-check": "tsc --noEmit",
|
|
272
273
|
"check": "biome check --write ./src",
|