xtreme-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +6 -0
  2. package/dist/components/base/Button/Button.d.ts +33 -0
  3. package/dist/components/base/Button/Button.d.ts.map +1 -0
  4. package/dist/components/base/Button/Button.stories.d.ts +57 -0
  5. package/dist/components/base/Button/Button.stories.d.ts.map +1 -0
  6. package/dist/components/base/Icon/Icon.d.ts +13 -0
  7. package/dist/components/base/Icon/Icon.d.ts.map +1 -0
  8. package/dist/components/base/Icon/Icon.stories.d.ts +38 -0
  9. package/dist/components/base/Icon/Icon.stories.d.ts.map +1 -0
  10. package/dist/components/base/ProgressBar/ProgressBar.d.ts +7 -0
  11. package/dist/components/base/ProgressBar/ProgressBar.d.ts.map +1 -0
  12. package/dist/components/base/ProgressBar/ProgressBar.stories.d.ts +33 -0
  13. package/dist/components/base/ProgressBar/ProgressBar.stories.d.ts.map +1 -0
  14. package/dist/components/base/Textfield/Textfield.d.ts +23 -0
  15. package/dist/components/base/Textfield/Textfield.d.ts.map +1 -0
  16. package/dist/components/base/Textfield/Textfield.stories.d.ts +37 -0
  17. package/dist/components/base/Textfield/Textfield.stories.d.ts.map +1 -0
  18. package/dist/components/base/Textfield/types.d.ts +47 -0
  19. package/dist/components/base/Textfield/types.d.ts.map +1 -0
  20. package/dist/components/index.d.ts +8 -0
  21. package/dist/components/index.d.ts.map +1 -0
  22. package/dist/components/layout/Navigation/Navigation.d.ts +8 -0
  23. package/dist/components/layout/Navigation/Navigation.d.ts.map +1 -0
  24. package/dist/components/layout/Navigation/Navigation.stories.d.ts +16 -0
  25. package/dist/components/layout/Navigation/Navigation.stories.d.ts.map +1 -0
  26. package/dist/components/layout/Navigation/Routes.d.ts +3 -0
  27. package/dist/components/layout/Navigation/Routes.d.ts.map +1 -0
  28. package/dist/components/layout/Navigation/types.d.ts +7 -0
  29. package/dist/components/layout/Navigation/types.d.ts.map +1 -0
  30. package/dist/components/layout/Sider/Sider.d.ts +19 -0
  31. package/dist/components/layout/Sider/Sider.d.ts.map +1 -0
  32. package/dist/components/layout/Sider/Sider.stories.d.ts +41 -0
  33. package/dist/components/layout/Sider/Sider.stories.d.ts.map +1 -0
  34. package/dist/index.d.ts +1 -0
  35. package/dist/index.es.js +1037 -0
  36. package/dist/index.umd.js +27 -0
  37. package/dist/manifest.json +11 -0
  38. package/dist/style.css +1 -0
  39. package/dist/utils/helper/domHelper.d.ts +17 -0
  40. package/dist/utils/helper/domHelper.d.ts.map +1 -0
  41. package/dist/utils/helper/fontHelper.d.ts +1 -0
  42. package/dist/utils/helper/fontHelper.d.ts.map +1 -0
  43. package/dist/utils/index.d.ts +2 -0
  44. package/dist/utils/index.d.ts.map +1 -0
  45. package/dist/vite.svg +1 -0
  46. package/package.json +97 -0
package/README.md ADDED
@@ -0,0 +1,6 @@
1
+ # XtremeUI
2
+
3
+ XtremeUI is a UI Library built using Vite + React + Scss.
4
+ It is a collection of reusable components that can be used in web projects.
5
+
6
+
@@ -0,0 +1,33 @@
1
+ import { MouseEvent } from 'react';
2
+ export declare const Button: (props: TButtonProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ export type TButtonProps = ({
4
+ label: string;
5
+ iconName?: string;
6
+ } | {
7
+ label?: string;
8
+ iconName: string;
9
+ }) & {
10
+ className?: string;
11
+ type?: keyof typeof EButtonTypes;
12
+ size?: keyof typeof EButtonSize;
13
+ loading?: boolean;
14
+ disabled?: boolean;
15
+ iconFilled?: boolean;
16
+ iconPosition?: 'left' | 'right';
17
+ onClick: (event: MouseEvent<HTMLButtonElement>) => void;
18
+ };
19
+ declare enum EButtonTypes {
20
+ primary = "primary",
21
+ primaryDanger = "primaryDanger",
22
+ secondary = "secondary",
23
+ secondaryDanger = "secondaryDanger",
24
+ link = "link",
25
+ linkDanger = "linkDanger"
26
+ }
27
+ declare enum EButtonSize {
28
+ mini = "mini",
29
+ default = "default",
30
+ large = "large"
31
+ }
32
+ export {};
33
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAU,MAAM,OAAO,CAAC;AAa3C,eAAO,MAAM,MAAM,UAAW,YAAY,mDAsDzC,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC,GAAG;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACxD,CAAA;AAED,aAAK,YAAY;IAChB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB;AACD,aAAK,WAAW;IACf,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf"}
@@ -0,0 +1,57 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./Button").TButtonProps) => import("react/jsx-runtime").JSX.Element | null;
5
+ tags: string[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ onClick: {
11
+ control: boolean;
12
+ };
13
+ size: {
14
+ defaultValue: {
15
+ summary: string;
16
+ };
17
+ };
18
+ iconPosition: {
19
+ defaultValue: {
20
+ summary: string;
21
+ };
22
+ };
23
+ iconFilled: {
24
+ defaultValue: {
25
+ summary: boolean;
26
+ };
27
+ };
28
+ };
29
+ args: {
30
+ disabled: false;
31
+ loading: false;
32
+ iconPosition: "left";
33
+ iconFilled: false;
34
+ };
35
+ };
36
+ export default meta;
37
+ type Story = StoryObj<typeof meta>;
38
+ export declare const Primary: Story;
39
+ export declare const PrimaryWithIcon: Story;
40
+ export declare const PrimaryDisabled: Story;
41
+ export declare const PrimaryLoading: Story;
42
+ export declare const PrimaryIconButton: Story;
43
+ export declare const PrimaryIconButtonDisabled: Story;
44
+ export declare const PrimaryIconButtonLoading: Story;
45
+ export declare const PrimaryDanger: Story;
46
+ export declare const Secondary: Story;
47
+ export declare const SecondaryWithIcon: Story;
48
+ export declare const SecondaryDisabled: Story;
49
+ export declare const SecondaryLoading: Story;
50
+ export declare const SecondaryIconButton: Story;
51
+ export declare const SecondaryIconButtonDisabled: Story;
52
+ export declare const SecondaryIconButtonLoading: Story;
53
+ export declare const SecondaryDanger: Story;
54
+ export declare const Link: Story;
55
+ export declare const LinkWithIcon: Story;
56
+ export declare const LinkDanger: Story;
57
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,KAOvC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AACF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AACF,eAAO,MAAM,2BAA2B,EAAE,KAOzC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AACF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}
@@ -0,0 +1,13 @@
1
+ export declare const Icon: (props: IIconProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const IconSize: {
3
+ mini: number;
4
+ default: number;
5
+ large: number;
6
+ };
7
+ export interface IIconProps {
8
+ className?: string;
9
+ name: string;
10
+ size?: number;
11
+ filled?: boolean;
12
+ }
13
+ //# sourceMappingURL=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/base/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,UAAW,UAAU,4CAgBrC,CAAC;AACF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AACF,MAAM,WAAW,UAAU;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}
@@ -0,0 +1,38 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./Icon").IIconProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ filled: {
11
+ defaultValue: {
12
+ summary: boolean;
13
+ };
14
+ };
15
+ size: {
16
+ control: {
17
+ type: string;
18
+ min: number;
19
+ max: number;
20
+ step: number;
21
+ };
22
+ defaultValue: {
23
+ summary: number;
24
+ };
25
+ };
26
+ };
27
+ args: {
28
+ name: string;
29
+ size: number;
30
+ filled: false;
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof meta>;
35
+ export declare const Default: Story;
36
+ export declare const Filled: Story;
37
+ export declare const Large: Story;
38
+ //# sourceMappingURL=Icon.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Icon/Icon.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
2
+ export interface IProgressBarProps {
3
+ className?: string;
4
+ progress?: number;
5
+ intermediate?: boolean;
6
+ }
7
+ //# sourceMappingURL=ProgressBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/base/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,UAAW,iBAAiB,4CAgBnD,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB"}
@@ -0,0 +1,33 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./ProgressBar").IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ progress: {
11
+ control: {
12
+ type: string;
13
+ min: number;
14
+ max: number;
15
+ step: number;
16
+ };
17
+ };
18
+ intermediate: {
19
+ defaultValue: {
20
+ summary: boolean;
21
+ };
22
+ };
23
+ };
24
+ args: {
25
+ progress: number;
26
+ intermediate: false;
27
+ };
28
+ };
29
+ export default meta;
30
+ type Story = StoryObj<typeof meta>;
31
+ export declare const Default: Story;
32
+ export declare const Intermediate: Story;
33
+ //# sourceMappingURL=ProgressBar.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/ProgressBar/ProgressBar.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAe0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { ChangeEvent } from 'react';
2
+ import { ETextfieldAutoComplete } from './types';
3
+ export declare const Textfield: (props: TTextfieldProps) => import("react/jsx-runtime").JSX.Element;
4
+ export type TTextfieldProps = {
5
+ className?: string;
6
+ type?: keyof typeof ETextfieldType;
7
+ textarea?: boolean;
8
+ placeholder: string;
9
+ autoFocus?: boolean;
10
+ autoComplete?: keyof typeof ETextfieldAutoComplete;
11
+ iconName?: string;
12
+ iconFilled?: boolean;
13
+ value?: string;
14
+ onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
15
+ };
16
+ declare enum ETextfieldType {
17
+ text = "text",
18
+ number = "number",
19
+ password = "password",
20
+ search = "search"
21
+ }
22
+ export {};
23
+ //# sourceMappingURL=Textfield.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAO7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,SAAS,UAAW,eAAe,4CA6D/C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChF,CAAA;AAED,aAAK,cAAc;IAClB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB"}
@@ -0,0 +1,37 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./Textfield").TTextfieldProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ type: {
11
+ defaultValue: {
12
+ summary: string;
13
+ };
14
+ };
15
+ autoComplete: {
16
+ defaultValue: {
17
+ summary: string;
18
+ };
19
+ };
20
+ textarea: {
21
+ defaultValue: {
22
+ summary: boolean;
23
+ };
24
+ };
25
+ };
26
+ args: {
27
+ type: "text";
28
+ placeholder: string;
29
+ textarea: false;
30
+ autoComplete: "off";
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof meta>;
35
+ export declare const Default: Story;
36
+ export declare const Textarea: Story;
37
+ //# sourceMappingURL=Textfield.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textfield.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Textfield/Textfield.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
@@ -0,0 +1,47 @@
1
+ export declare enum ETextfieldAutoComplete {
2
+ 'off' = "off",
3
+ 'on' = "on",
4
+ 'name' = "name",
5
+ 'honorific-prefix' = "honorific-prefix",
6
+ 'given-name' = "given-name",
7
+ 'additional-name' = "additional-name",
8
+ 'family-name' = "family-name",
9
+ 'honorific-suffix' = "honorific-suffix",
10
+ 'nickname' = "nickname",
11
+ 'email' = "email",
12
+ 'username' = "username",
13
+ 'new-password' = "new-password",
14
+ 'current-password' = "current-password",
15
+ 'one-time-code' = "one-time-code",
16
+ 'organization-title' = "organization-title",
17
+ 'organization' = "organization",
18
+ 'street-address' = "street-address",
19
+ 'address-line1' = "address-line1",
20
+ 'address-line2' = "address-line2",
21
+ 'address-line3' = "address-line3",
22
+ 'address-level4' = "address-level4",
23
+ 'address-level3' = "address-level3",
24
+ 'address-level2' = "address-level2",
25
+ 'address-level1' = "address-level1",
26
+ 'country' = "country",
27
+ 'country-name' = "country-name",
28
+ 'postal-code' = "postal-code",
29
+ 'cc-name' = "cc-name",
30
+ 'cc-given-name' = "cc-given-name",
31
+ 'cc-additional-name' = "cc-additional-name",
32
+ 'cc-family-name' = "cc-family-name",
33
+ 'cc-number' = "cc-number",
34
+ 'cc-exp' = "cc-exp",
35
+ 'cc-exp-month' = "cc-exp-month",
36
+ 'cc-exp-year' = "cc-exp-year",
37
+ 'cc-csc' = "cc-csc",
38
+ 'cc-type' = "cc-type",
39
+ 'transaction-currency' = "transaction-currency",
40
+ 'transaction-amount' = "transaction-amount",
41
+ 'language' = "language",
42
+ 'bday' = "bday",
43
+ 'bday-day' = "bday-day",
44
+ 'bday-month' = "bday-month",
45
+ 'bday-year' = "bday-year"
46
+ }
47
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IACjC,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,MAAM,SAAS;IACf,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,UAAU,aAAa;IACvB,OAAO,UAAU;IACjB,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,SAAS,YAAY;IACrB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,UAAU,aAAa;IACvB,MAAM,SAAS;IACf,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;CACzB"}
@@ -0,0 +1,8 @@
1
+ export * from '../utils/index';
2
+ export { Button } from './base/Button/Button';
3
+ export { ProgressBar } from './base/ProgressBar/ProgressBar';
4
+ export { Icon } from './base/Icon/Icon';
5
+ export { Textfield } from './base/Textfield/Textfield';
6
+ export { Sider } from './layout/Sider/Sider';
7
+ export { Navigation } from './layout/Navigation/Navigation';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,kBAAkB,CAAC;AAE1B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { TNavigationRoute } from './types';
3
+ export declare const Navigation: (props: TNavigationProps) => import("react/jsx-runtime").JSX.Element;
4
+ export type TNavigationProps = {
5
+ className?: string;
6
+ Routes?: FC<TNavigationRoute>;
7
+ };
8
+ //# sourceMappingURL=Navigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,UAAW,gBAAgB,4CAwBjD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC9B,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./Navigation").TNavigationProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: never[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ };
11
+ args: {};
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
16
+ //# sourceMappingURL=Navigation.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Navigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/Navigation.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;CAUyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { TNavigationRoute } from './types';
2
+ export declare const Routes: (props: TNavigationRoute) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Routes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/Routes.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAU3C,eAAO,MAAM,MAAM,UAAW,gBAAgB,4CAqB7C,CAAC"}
@@ -0,0 +1,7 @@
1
+ export type TNavigationRoute = {
2
+ className: string;
3
+ activeClassName: string;
4
+ iconClassName: string;
5
+ labelClassName: string;
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACvB,CAAA"}
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const Sider: (props: TSiderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export type TSiderProps = {
4
+ className?: string;
5
+ children?: ReactNode;
6
+ leftSider?: ReactNode;
7
+ showMiniLeftSider?: boolean;
8
+ rightSider?: ReactNode;
9
+ showMiniRightSider?: boolean;
10
+ open?: keyof typeof EOpenModes;
11
+ setOpen?: (open: boolean) => void;
12
+ };
13
+ declare enum EOpenModes {
14
+ left = "left",
15
+ right = "right",
16
+ closed = "closed"
17
+ }
18
+ export {};
19
+ //# sourceMappingURL=Sider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,eAAO,MAAM,KAAK,UAAW,WAAW,4CAkCvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAA;AACD,aAAK,UAAU;IACd,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}
@@ -0,0 +1,41 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import("./Sider").TSiderProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: never[];
6
+ argTypes: {
7
+ className: {
8
+ control: boolean;
9
+ };
10
+ leftSider: {
11
+ control: boolean;
12
+ };
13
+ rightSider: {
14
+ control: boolean;
15
+ };
16
+ open: {
17
+ defaultValue: {
18
+ summary: string;
19
+ };
20
+ };
21
+ showMiniLeftSider: {
22
+ defaultValue: {
23
+ summary: boolean;
24
+ };
25
+ };
26
+ showMiniRightSider: {
27
+ defaultValue: {
28
+ summary: boolean;
29
+ };
30
+ };
31
+ };
32
+ args: {
33
+ leftSider: import("react/jsx-runtime").JSX.Element;
34
+ open: "closed";
35
+ showMiniLeftSider: true;
36
+ };
37
+ };
38
+ export default meta;
39
+ type Story = StoryObj<typeof meta>;
40
+ export declare const Default: Story;
41
+ //# sourceMappingURL=Sider.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Sider/Sider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './components/index'