@konstructio/ui 0.1.0-alpha.12 → 0.1.0-alpha.14
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/{chevron-down-UW8ts6wI.js → chevron-down-1hnuqhTt.js} +2 -2
- package/dist/components/Badge/Badge.js +2 -2
- package/dist/components/Datepicker/DatePicker.js +367 -361
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Filter/components/ResetButton/ResetButton.js +22 -16
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/Tabs/Tabs.js +13 -10
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/index.js +54 -46
- package/dist/{createLucideIcon-ByJ0JZvK.js → createLucideIcon-qZIN4i94.js} +4 -4
- package/dist/index.d.ts +34 -0
- package/dist/index.js +50 -42
- package/dist/package.json +21 -21
- package/dist/styles.css +1 -1
- package/dist/utils/index.js +1 -1
- package/package.json +21 -21
|
@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
|
|
|
5
5
|
import { cn as n } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
|
|
7
7
|
import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
|
|
8
|
-
import { C as O } from "../../../../chevron-down-
|
|
8
|
+
import { C as O } from "../../../../chevron-down-1hnuqhTt.js";
|
|
9
9
|
const $ = ({
|
|
10
10
|
options: i,
|
|
11
11
|
label: p,
|
|
@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
|
|
|
5
5
|
import { cn as o } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as x, filterButtonVariants as N } from "../../Filter.variants.js";
|
|
7
7
|
import { useDateFilterDropdown as b } from "./DateFilterDropdown.hook.js";
|
|
8
|
-
import { C as y } from "../../../../chevron-down-
|
|
8
|
+
import { C as y } from "../../../../chevron-down-1hnuqhTt.js";
|
|
9
9
|
const R = ({
|
|
10
10
|
label: p,
|
|
11
11
|
position: l = "left",
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
{
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback as a } from "react";
|
|
3
|
+
import { Button as m } from "../../../Button/Button.js";
|
|
4
|
+
import { resetEvent as n } from "../../events/index.js";
|
|
5
|
+
const f = ({ disabled: e, onClick: t }) => {
|
|
6
|
+
const r = a(() => {
|
|
7
|
+
n(), t == null || t();
|
|
8
|
+
}, [t]);
|
|
9
|
+
return /* @__PURE__ */ o(
|
|
10
|
+
m,
|
|
11
|
+
{
|
|
12
|
+
type: "button",
|
|
13
|
+
variant: "text",
|
|
14
|
+
appearance: "compact",
|
|
15
|
+
version: "alternate",
|
|
16
|
+
onClick: r,
|
|
17
|
+
disabled: e,
|
|
18
|
+
children: "Reset"
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
};
|
|
16
22
|
export {
|
|
17
|
-
|
|
23
|
+
f as ResetButton
|
|
18
24
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../utils/index.js";
|
|
3
3
|
import { loadingVariants as i } from "./Loading.variants.js";
|
|
4
|
-
import { c as t } from "../../createLucideIcon-
|
|
4
|
+
import { c as t } from "../../createLucideIcon-qZIN4i94.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.525.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { R as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { rootVariants as
|
|
5
|
-
import { List as
|
|
2
|
+
import { R as n } from "../../index-CvfCCTEO.js";
|
|
3
|
+
import { cn as s } from "../../utils/index.js";
|
|
4
|
+
import { rootVariants as p } from "./Tabs.variants.js";
|
|
5
|
+
import { List as f } from "./components/List.js";
|
|
6
6
|
import { Trigger as g } from "./components/Trigger.js";
|
|
7
7
|
import { Content as c } from "./components/Content.js";
|
|
8
|
-
const t = ({ children: o, theme:
|
|
9
|
-
|
|
8
|
+
const t = ({ children: o, theme: m, className: a, orientation: r, ...i }) => /* @__PURE__ */ e(
|
|
9
|
+
n,
|
|
10
10
|
{
|
|
11
11
|
...i,
|
|
12
|
-
"data-theme":
|
|
12
|
+
"data-theme": m,
|
|
13
13
|
"data-orientation": r,
|
|
14
14
|
"aria-orientation": r,
|
|
15
|
-
className:
|
|
15
|
+
className: s(p({ variant: r, className: a })),
|
|
16
16
|
children: o
|
|
17
17
|
}
|
|
18
18
|
);
|
|
19
|
-
t.List =
|
|
19
|
+
t.List = f;
|
|
20
20
|
t.Trigger = g;
|
|
21
21
|
t.Content = c;
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
c as Content,
|
|
24
|
+
f as List,
|
|
25
|
+
t as Tabs,
|
|
26
|
+
g as Trigger
|
|
24
27
|
};
|
|
@@ -3,7 +3,7 @@ import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as
|
|
|
3
3
|
import { cn as d } from "../../../../utils/index.js";
|
|
4
4
|
import { timePickerVariants as j } from "../../TimePicker.variants.js";
|
|
5
5
|
import { WrapperList as P } from "../WrapperList/WrapperList.js";
|
|
6
|
-
import { C as R } from "../../../../chevron-down-
|
|
6
|
+
import { C as R } from "../../../../chevron-down-1hnuqhTt.js";
|
|
7
7
|
import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
|
|
8
8
|
const $ = ({
|
|
9
9
|
name: p,
|
package/dist/components/index.js
CHANGED
|
@@ -3,19 +3,19 @@ import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
|
|
|
3
3
|
import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
|
|
4
4
|
import { Badge as a } from "./Badge/Badge.js";
|
|
5
5
|
import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
|
|
6
|
-
import { Button as
|
|
6
|
+
import { Button as n } from "./Button/Button.js";
|
|
7
7
|
import { Card as u } from "./Card/Card.js";
|
|
8
|
-
import { Checkbox as
|
|
9
|
-
import { DatePicker as
|
|
10
|
-
import { Divider as
|
|
11
|
-
import { Dropdown as
|
|
12
|
-
import { Filter as
|
|
13
|
-
import { Input as
|
|
8
|
+
import { Checkbox as c } from "./Checkbox/Checkbox.js";
|
|
9
|
+
import { DatePicker as s } from "./Datepicker/DatePicker.js";
|
|
10
|
+
import { Divider as S } from "./Divider/Divider.js";
|
|
11
|
+
import { Dropdown as B } from "./Dropdown/Dropdown.js";
|
|
12
|
+
import { Filter as N } from "./Filter/Filter.js";
|
|
13
|
+
import { Input as A } from "./Input/Input.js";
|
|
14
14
|
import { Loading as k } from "./Loading/Loading.js";
|
|
15
15
|
import { M as F } from "../Modal-CrG0m703.js";
|
|
16
|
-
import { NumberInput as
|
|
17
|
-
import { ProgressBar as
|
|
18
|
-
import { Radio as
|
|
16
|
+
import { NumberInput as L } from "./NumberInput/NumberInput.js";
|
|
17
|
+
import { ProgressBar as P } from "./ProgressBar/ProgressBar.js";
|
|
18
|
+
import { Radio as I } from "./Radio/Radio.js";
|
|
19
19
|
import { RadioCard as j } from "./RadioCard/RadioCard.js";
|
|
20
20
|
import { RadioCardGroup as z } from "./RadioCardGroup/RadioCardGroup.js";
|
|
21
21
|
import { RadioGroup as H } from "./RadioGroup/RadioGroup.js";
|
|
@@ -24,48 +24,54 @@ import { Sidebar as U } from "./Sidebar/Sidebar.js";
|
|
|
24
24
|
import { Slider as W } from "./Slider/Slider.js";
|
|
25
25
|
import { Switch as Y } from "./Switch/Switch.js";
|
|
26
26
|
import { Table as _ } from "./Table/Table.js";
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
27
|
+
import { Tabs as oo } from "./Tabs/Tabs.js";
|
|
28
|
+
import { Tag as eo } from "./Tag/Tag.js";
|
|
29
|
+
import { TagSelect as po } from "./TagSelect/TagSelect.js";
|
|
30
|
+
import { TextArea as xo } from "./TextArea/TextArea.js";
|
|
31
|
+
import { TimePicker as ao } from "./TimePicker/TimePicker.js";
|
|
32
|
+
import { Toast as go } from "./Toast/Toast.js";
|
|
33
|
+
import { Tooltip as lo } from "./Tooltip/Tooltip.js";
|
|
34
|
+
import { Typography as To } from "./Typography/Typography.js";
|
|
35
|
+
import { BadgeMultiSelect as bo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
35
36
|
import { DateFilterDropdown as Do } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
36
|
-
import { Footer as
|
|
37
|
-
import { Logo as
|
|
37
|
+
import { Footer as vo } from "./Sidebar/components/Footer/Footer.js";
|
|
38
|
+
import { Logo as Co } from "./Sidebar/components/Logo/Logo.js";
|
|
38
39
|
import { Navigation as Ro } from "./Sidebar/components/Navigation/Navigation.js";
|
|
39
|
-
import { NavigationGroup as
|
|
40
|
-
import { NavigationOption as
|
|
41
|
-
import { NavigationSeparator as
|
|
40
|
+
import { NavigationGroup as ho } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
41
|
+
import { NavigationOption as wo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
|
|
42
|
+
import { NavigationSeparator as Go } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
43
|
+
import { List as Mo } from "./Tabs/components/List.js";
|
|
44
|
+
import { Trigger as yo } from "./Tabs/components/Trigger.js";
|
|
45
|
+
import { Content as Oo } from "./Tabs/components/Content.js";
|
|
42
46
|
export {
|
|
43
47
|
e as Alert,
|
|
44
48
|
p as AlertDialog,
|
|
45
49
|
x as Autocomplete,
|
|
46
50
|
a as Badge,
|
|
47
|
-
|
|
51
|
+
bo as BadgeMultiSelect,
|
|
48
52
|
d as Breadcrumb,
|
|
49
|
-
|
|
53
|
+
n as Button,
|
|
50
54
|
u as Card,
|
|
51
|
-
|
|
55
|
+
c as Checkbox,
|
|
56
|
+
Oo as Content,
|
|
52
57
|
Do as DateFilterDropdown,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
58
|
+
s as DatePicker,
|
|
59
|
+
S as Divider,
|
|
60
|
+
B as Dropdown,
|
|
61
|
+
N as Filter,
|
|
62
|
+
vo as Footer,
|
|
63
|
+
A as Input,
|
|
64
|
+
Mo as List,
|
|
59
65
|
k as Loading,
|
|
60
|
-
|
|
66
|
+
Co as Logo,
|
|
61
67
|
F as Modal,
|
|
62
68
|
Ro as Navigation,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
+
ho as NavigationGroup,
|
|
70
|
+
wo as NavigationOption,
|
|
71
|
+
Go as NavigationSeparator,
|
|
72
|
+
L as NumberInput,
|
|
73
|
+
P as ProgressBar,
|
|
74
|
+
I as Radio,
|
|
69
75
|
j as RadioCard,
|
|
70
76
|
z as RadioCardGroup,
|
|
71
77
|
H as RadioGroup,
|
|
@@ -74,11 +80,13 @@ export {
|
|
|
74
80
|
W as Slider,
|
|
75
81
|
Y as Switch,
|
|
76
82
|
_ as Table,
|
|
77
|
-
oo as
|
|
78
|
-
eo as
|
|
79
|
-
po as
|
|
80
|
-
xo as
|
|
81
|
-
ao as
|
|
82
|
-
go as
|
|
83
|
-
|
|
83
|
+
oo as Tabs,
|
|
84
|
+
eo as Tag,
|
|
85
|
+
po as TagSelect,
|
|
86
|
+
xo as TextArea,
|
|
87
|
+
ao as TimePicker,
|
|
88
|
+
go as Toast,
|
|
89
|
+
lo as Tooltip,
|
|
90
|
+
yo as Trigger,
|
|
91
|
+
To as Typography
|
|
84
92
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef as l, createElement as n } from "react";
|
|
2
2
|
/**
|
|
3
|
-
* @license lucide-react v0.
|
|
3
|
+
* @license lucide-react v0.525.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
|
|
|
17
17
|
return !0;
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
|
-
* @license lucide-react v0.
|
|
20
|
+
* @license lucide-react v0.525.0 - ISC
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the ISC license.
|
|
23
23
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -34,7 +34,7 @@ var g = {
|
|
|
34
34
|
strokeLinejoin: "round"
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
|
-
* @license lucide-react v0.
|
|
37
|
+
* @license lucide-react v0.525.0 - ISC
|
|
38
38
|
*
|
|
39
39
|
* This source code is licensed under the ISC license.
|
|
40
40
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -69,7 +69,7 @@ const A = l(
|
|
|
69
69
|
)
|
|
70
70
|
);
|
|
71
71
|
/**
|
|
72
|
-
* @license lucide-react v0.
|
|
72
|
+
* @license lucide-react v0.525.0 - ISC
|
|
73
73
|
*
|
|
74
74
|
* This source code is licensed under the ISC license.
|
|
75
75
|
* See the LICENSE file in the root directory of this source tree.
|
package/dist/index.d.ts
CHANGED
|
@@ -6,12 +6,15 @@ import { Context } from 'react';
|
|
|
6
6
|
import { DayPickerProps } from 'react-day-picker';
|
|
7
7
|
import { FC } from 'react';
|
|
8
8
|
import { ForwardRefExoticComponent } from 'react';
|
|
9
|
+
import { FunctionComponent } from 'react';
|
|
9
10
|
import { getAllTimezones } from 'countries-and-timezones';
|
|
10
11
|
import { HTMLAttributes } from 'react';
|
|
11
12
|
import { HtmlHTMLAttributes } from 'react';
|
|
12
13
|
import { InputHTMLAttributes } from 'react';
|
|
14
|
+
import { JSX } from 'react/jsx-runtime';
|
|
13
15
|
import { PropsWithChildren } from 'react';
|
|
14
16
|
import { ReactNode } from 'react';
|
|
17
|
+
import * as ReactTabs from '@radix-ui/react-tabs';
|
|
15
18
|
import { RefAttributes } from 'react';
|
|
16
19
|
import { SliderProps } from '@radix-ui/react-slider';
|
|
17
20
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -167,6 +170,8 @@ declare const checkboxVariants: (props?: ({
|
|
|
167
170
|
checked?: boolean | null | undefined;
|
|
168
171
|
} & ClassProp) | undefined) => string;
|
|
169
172
|
|
|
173
|
+
export declare const Content: ({ children, className, ...rest }: ReactTabs.TabsContentProps) => JSX.Element;
|
|
174
|
+
|
|
170
175
|
export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
|
|
171
176
|
|
|
172
177
|
declare type DateFilterDropdownProps = {
|
|
@@ -259,6 +264,12 @@ declare const inputVariants: (props?: ({
|
|
|
259
264
|
variant?: "error" | "default" | null | undefined;
|
|
260
265
|
} & ClassProp) | undefined) => string;
|
|
261
266
|
|
|
267
|
+
export declare const List: FunctionComponent<ListProps>;
|
|
268
|
+
|
|
269
|
+
declare interface ListProps extends React.HTMLAttributes<HTMLDivElement>, PropsWithChildren {
|
|
270
|
+
orientation: 'horizontal' | 'vertical';
|
|
271
|
+
}
|
|
272
|
+
|
|
262
273
|
export declare const Loading: FC<LoadingProps>;
|
|
263
274
|
|
|
264
275
|
declare type LoadingProps = InputHTMLAttributes<SVGSVGElement> & VariantProps<typeof loadingVariants> & {
|
|
@@ -488,6 +499,7 @@ declare const rangeVariants: (props?: ClassProp | undefined) => string;
|
|
|
488
499
|
|
|
489
500
|
declare type ResetButtonProps = {
|
|
490
501
|
disabled?: boolean;
|
|
502
|
+
onClick?: VoidFunction;
|
|
491
503
|
};
|
|
492
504
|
|
|
493
505
|
declare interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, PropsWithChildren, VariantProps<typeof rowVariants> {
|
|
@@ -571,6 +583,16 @@ declare interface TableProps extends React.HTMLAttributes<HTMLTableElement>, Pro
|
|
|
571
583
|
|
|
572
584
|
declare const tableVariants: (props?: ClassProp | undefined) => string;
|
|
573
585
|
|
|
586
|
+
export declare const Tabs: FunctionComponent<TabsProps> & {
|
|
587
|
+
List: FunctionComponent<ListProps>;
|
|
588
|
+
Trigger: FunctionComponent<TriggerProps>;
|
|
589
|
+
Content: FunctionComponent<ReactTabs.TabsContentProps>;
|
|
590
|
+
};
|
|
591
|
+
|
|
592
|
+
declare interface TabsProps extends ReactTabs.TabsProps, PropsWithChildren {
|
|
593
|
+
theme?: Theme;
|
|
594
|
+
}
|
|
595
|
+
|
|
574
596
|
export declare const Tag: FC<TagProps>;
|
|
575
597
|
|
|
576
598
|
declare type TagProps = {
|
|
@@ -680,6 +702,18 @@ declare const tooltipVariants: (props?: ({
|
|
|
680
702
|
position?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
681
703
|
} & ClassProp) | undefined) => string;
|
|
682
704
|
|
|
705
|
+
export declare const Trigger: FunctionComponent<TriggerProps>;
|
|
706
|
+
|
|
707
|
+
declare interface TriggerProps extends VariantProps<typeof triggerVariants>, React.HTMLAttributes<HTMLDivElement> {
|
|
708
|
+
tab: string;
|
|
709
|
+
label: string;
|
|
710
|
+
isActive: boolean;
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
declare const triggerVariants: (props?: ({
|
|
714
|
+
variant?: "default" | "active" | "inactive" | null | undefined;
|
|
715
|
+
} & ClassProp) | undefined) => string;
|
|
716
|
+
|
|
683
717
|
export declare const Typography: FC<TypographyProps>;
|
|
684
718
|
|
|
685
719
|
declare interface TypographyProps extends InputHTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {
|
package/dist/index.js
CHANGED
|
@@ -3,19 +3,19 @@ import { AlertDialog as p } from "./components/AlertDialog/AlertDialog.js";
|
|
|
3
3
|
import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
|
|
4
4
|
import { Badge as a } from "./components/Badge/Badge.js";
|
|
5
5
|
import { Breadcrumb as d } from "./components/Breadcrumb/Breadcrumb.js";
|
|
6
|
-
import { Button as
|
|
7
|
-
import { Card as
|
|
6
|
+
import { Button as n } from "./components/Button/Button.js";
|
|
7
|
+
import { Card as T } from "./components/Card/Card.js";
|
|
8
8
|
import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
|
|
9
|
-
import { DatePicker as
|
|
10
|
-
import { Divider as
|
|
11
|
-
import { Dropdown as
|
|
12
|
-
import { Filter as
|
|
9
|
+
import { DatePicker as b } from "./components/Datepicker/DatePicker.js";
|
|
10
|
+
import { Divider as v } from "./components/Divider/Divider.js";
|
|
11
|
+
import { Dropdown as D } from "./components/Dropdown/Dropdown.js";
|
|
12
|
+
import { Filter as B } from "./components/Filter/Filter.js";
|
|
13
13
|
import { BadgeMultiSelect as R } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
14
14
|
import { DateFilterDropdown as P } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
15
15
|
import { Input as w } from "./components/Input/Input.js";
|
|
16
16
|
import { Loading as G } from "./components/Loading/Loading.js";
|
|
17
|
-
import { M
|
|
18
|
-
import { NumberInput as
|
|
17
|
+
import { M } from "./Modal-CrG0m703.js";
|
|
18
|
+
import { NumberInput as I } from "./components/NumberInput/NumberInput.js";
|
|
19
19
|
import { ProgressBar as j } from "./components/ProgressBar/ProgressBar.js";
|
|
20
20
|
import { Radio as z } from "./components/Radio/Radio.js";
|
|
21
21
|
import { RadioCard as H } from "./components/RadioCard/RadioCard.js";
|
|
@@ -30,19 +30,23 @@ import { NavigationOption as po } from "./components/Sidebar/components/Navigati
|
|
|
30
30
|
import { NavigationSeparator as xo } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
31
31
|
import { Sidebar as ao } from "./components/Sidebar/Sidebar.js";
|
|
32
32
|
import { Slider as go } from "./components/Slider/Slider.js";
|
|
33
|
-
import { Switch as
|
|
34
|
-
import { Table as
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
33
|
+
import { Switch as lo } from "./components/Switch/Switch.js";
|
|
34
|
+
import { Table as uo } from "./components/Table/Table.js";
|
|
35
|
+
import { Tabs as so } from "./components/Tabs/Tabs.js";
|
|
36
|
+
import { List as ho } from "./components/Tabs/components/List.js";
|
|
37
|
+
import { Trigger as Co } from "./components/Tabs/components/Trigger.js";
|
|
38
|
+
import { Content as So } from "./components/Tabs/components/Content.js";
|
|
39
|
+
import { Tag as No } from "./components/Tag/Tag.js";
|
|
40
|
+
import { TagSelect as Ao } from "./components/TagSelect/TagSelect.js";
|
|
41
|
+
import { TextArea as ko } from "./components/TextArea/TextArea.js";
|
|
42
|
+
import { TimePicker as Fo } from "./components/TimePicker/TimePicker.js";
|
|
43
|
+
import { Toast as Lo } from "./components/Toast/Toast.js";
|
|
44
|
+
import { Tooltip as yo } from "./components/Tooltip/Tooltip.js";
|
|
45
|
+
import { Typography as Oo } from "./components/Typography/Typography.js";
|
|
46
|
+
import { ThemeContext as qo } from "./contexts/theme.context.js";
|
|
47
|
+
import { useTheme as Eo } from "./contexts/theme.hook.js";
|
|
48
|
+
import { ThemeProvider as Jo } from "./contexts/theme.provider.js";
|
|
49
|
+
import { useToggle as Qo } from "./hooks/useToggle.js";
|
|
46
50
|
export {
|
|
47
51
|
e as Alert,
|
|
48
52
|
p as AlertDialog,
|
|
@@ -50,24 +54,26 @@ export {
|
|
|
50
54
|
a as Badge,
|
|
51
55
|
R as BadgeMultiSelect,
|
|
52
56
|
d as Breadcrumb,
|
|
53
|
-
|
|
54
|
-
|
|
57
|
+
n as Button,
|
|
58
|
+
T as Card,
|
|
55
59
|
c as Checkbox,
|
|
60
|
+
So as Content,
|
|
56
61
|
P as DateFilterDropdown,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
62
|
+
b as DatePicker,
|
|
63
|
+
v as Divider,
|
|
64
|
+
D as Dropdown,
|
|
65
|
+
B as Filter,
|
|
61
66
|
Y as Footer,
|
|
62
67
|
w as Input,
|
|
68
|
+
ho as List,
|
|
63
69
|
G as Loading,
|
|
64
70
|
_ as Logo,
|
|
65
|
-
|
|
71
|
+
M as Modal,
|
|
66
72
|
oo as Navigation,
|
|
67
73
|
eo as NavigationGroup,
|
|
68
74
|
po as NavigationOption,
|
|
69
75
|
xo as NavigationSeparator,
|
|
70
|
-
|
|
76
|
+
I as NumberInput,
|
|
71
77
|
j as ProgressBar,
|
|
72
78
|
z as Radio,
|
|
73
79
|
H as RadioCard,
|
|
@@ -76,17 +82,19 @@ export {
|
|
|
76
82
|
W as Range,
|
|
77
83
|
ao as Sidebar,
|
|
78
84
|
go as Slider,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
Oo as
|
|
85
|
+
lo as Switch,
|
|
86
|
+
uo as Table,
|
|
87
|
+
so as Tabs,
|
|
88
|
+
No as Tag,
|
|
89
|
+
Ao as TagSelect,
|
|
90
|
+
ko as TextArea,
|
|
91
|
+
qo as ThemeContext,
|
|
92
|
+
Jo as ThemeProvider,
|
|
93
|
+
Fo as TimePicker,
|
|
94
|
+
Lo as Toast,
|
|
95
|
+
yo as Tooltip,
|
|
96
|
+
Co as Trigger,
|
|
97
|
+
Oo as Typography,
|
|
98
|
+
Eo as useTheme,
|
|
99
|
+
Qo as useToggle
|
|
92
100
|
};
|
package/dist/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.0-alpha.
|
|
5
|
+
"version": "0.1.0-alpha.13",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -69,12 +69,12 @@
|
|
|
69
69
|
"cmdk": "^1.1.1",
|
|
70
70
|
"countries-and-timezones": "^3.8.0",
|
|
71
71
|
"js-cookie": "^3.0.5",
|
|
72
|
-
"lucide-react": "^0.
|
|
73
|
-
"react-day-picker": "^9.
|
|
72
|
+
"lucide-react": "^0.525.0",
|
|
73
|
+
"react-day-picker": "^9.8.0",
|
|
74
74
|
"react-feather": "^2.0.10",
|
|
75
75
|
"react-focus-lock": "^2.13.6",
|
|
76
76
|
"react-remove-scroll": "^2.7.1",
|
|
77
|
-
"tailwind-merge": "^3.3.
|
|
77
|
+
"tailwind-merge": "^3.3.1"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
80
|
"@types/react": "*",
|
|
@@ -106,37 +106,37 @@
|
|
|
106
106
|
},
|
|
107
107
|
"devDependencies": {
|
|
108
108
|
"@rollup/plugin-alias": "^5.1.1",
|
|
109
|
-
"@storybook/addon-docs": "^9.1.0-alpha.
|
|
110
|
-
"@storybook/addon-links": "^9.1.0-alpha.
|
|
111
|
-
"@storybook/react-vite": "^9.1.0-alpha.
|
|
112
|
-
"@tailwindcss/vite": "^4.1.
|
|
109
|
+
"@storybook/addon-docs": "^9.1.0-alpha.6",
|
|
110
|
+
"@storybook/addon-links": "^9.1.0-alpha.6",
|
|
111
|
+
"@storybook/react-vite": "^9.1.0-alpha.6",
|
|
112
|
+
"@tailwindcss/vite": "^4.1.11",
|
|
113
113
|
"@testing-library/jest-dom": "^6.6.3",
|
|
114
114
|
"@testing-library/react": "^16.3.0",
|
|
115
115
|
"@testing-library/user-event": "^14.6.1",
|
|
116
116
|
"@types/jest-axe": "^3.5.9",
|
|
117
117
|
"@types/js-cookie": "^3.0.6",
|
|
118
|
-
"@types/lodash": "^4.17.
|
|
119
|
-
"@types/react": "^19.1.
|
|
118
|
+
"@types/lodash": "^4.17.20",
|
|
119
|
+
"@types/react": "^19.1.8",
|
|
120
120
|
"@types/react-dom": "^19.1.6",
|
|
121
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
122
|
-
"@typescript-eslint/parser": "^8.
|
|
123
|
-
"@vitejs/plugin-react": "^4.
|
|
124
|
-
"@vitest/coverage-v8": "^3.2.
|
|
121
|
+
"@typescript-eslint/eslint-plugin": "^8.35.1",
|
|
122
|
+
"@typescript-eslint/parser": "^8.35.1",
|
|
123
|
+
"@vitejs/plugin-react": "^4.6.0",
|
|
124
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
125
125
|
"autoprefixer": "^10.4.21",
|
|
126
126
|
"eslint": "^8.57.0",
|
|
127
127
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
128
128
|
"eslint-plugin-react-refresh": "^0.4.7",
|
|
129
|
-
"eslint-plugin-storybook": "^9.1.0-alpha.
|
|
130
|
-
"glob": "^11.0.
|
|
129
|
+
"eslint-plugin-storybook": "^9.1.0-alpha.6",
|
|
130
|
+
"glob": "^11.0.3",
|
|
131
131
|
"husky": "^9.1.7",
|
|
132
132
|
"jest-axe": "^10.0.0",
|
|
133
133
|
"jsdom": "^26.1.0",
|
|
134
134
|
"lodash": "^4.17.21",
|
|
135
|
-
"postcss": "^8.5.
|
|
136
|
-
"prettier": "^3.
|
|
135
|
+
"postcss": "^8.5.6",
|
|
136
|
+
"prettier": "^3.6.2",
|
|
137
137
|
"rimraf": "^6.0.1",
|
|
138
|
-
"storybook": "^9.1.0-alpha.
|
|
139
|
-
"tailwindcss": "^4.1.
|
|
138
|
+
"storybook": "^9.1.0-alpha.6",
|
|
139
|
+
"tailwindcss": "^4.1.11",
|
|
140
140
|
"ts-node": "^10.9.2",
|
|
141
141
|
"typescript": "^5.8.3",
|
|
142
142
|
"vite": "^6.3.5",
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
145
145
|
"vite-plugin-svgr": "^4.3.0",
|
|
146
146
|
"vite-tsconfig-paths": "^5.1.4",
|
|
147
|
-
"vitest": "^3.2.
|
|
147
|
+
"vitest": "^3.2.4"
|
|
148
148
|
},
|
|
149
149
|
"overrides": {
|
|
150
150
|
"storybook": "$storybook"
|