thread-ui 0.1.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/LICENSE +21 -0
- package/README.md +68 -0
- package/dist/components/button/button.d.ts +3 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/button.js +31 -0
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/button/button.types.d.ts +10 -0
- package/dist/components/button/button.types.d.ts.map +1 -0
- package/dist/components/button/button.types.js +2 -0
- package/dist/components/button/button.types.js.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/column-layout/column-layout.d.ts +3 -0
- package/dist/components/column-layout/column-layout.d.ts.map +1 -0
- package/dist/components/column-layout/column-layout.js +9 -0
- package/dist/components/column-layout/column-layout.js.map +1 -0
- package/dist/components/column-layout/column-layout.types.d.ts +17 -0
- package/dist/components/column-layout/column-layout.types.d.ts.map +1 -0
- package/dist/components/column-layout/column-layout.types.js +2 -0
- package/dist/components/column-layout/column-layout.types.js.map +1 -0
- package/dist/components/column-layout/index.d.ts +3 -0
- package/dist/components/column-layout/index.d.ts.map +1 -0
- package/dist/components/column-layout/index.js +2 -0
- package/dist/components/column-layout/index.js.map +1 -0
- package/dist/components/divider/divider.d.ts +3 -0
- package/dist/components/divider/divider.d.ts.map +1 -0
- package/dist/components/divider/divider.js +31 -0
- package/dist/components/divider/divider.js.map +1 -0
- package/dist/components/divider/divider.types.d.ts +6 -0
- package/dist/components/divider/divider.types.d.ts.map +1 -0
- package/dist/components/divider/divider.types.js +2 -0
- package/dist/components/divider/divider.types.js.map +1 -0
- package/dist/components/divider/index.d.ts +3 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/index.js +2 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/footer/footer.d.ts +3 -0
- package/dist/components/footer/footer.d.ts.map +1 -0
- package/dist/components/footer/footer.js +25 -0
- package/dist/components/footer/footer.js.map +1 -0
- package/dist/components/footer/footer.types.d.ts +14 -0
- package/dist/components/footer/footer.types.d.ts.map +1 -0
- package/dist/components/footer/footer.types.js +2 -0
- package/dist/components/footer/footer.types.js.map +1 -0
- package/dist/components/footer/index.d.ts +2 -0
- package/dist/components/footer/index.d.ts.map +1 -0
- package/dist/components/footer/index.js +2 -0
- package/dist/components/footer/index.js.map +1 -0
- package/dist/components/icon/icon.d.ts +4 -0
- package/dist/components/icon/icon.d.ts.map +1 -0
- package/dist/components/icon/icon.js +11 -0
- package/dist/components/icon/icon.js.map +1 -0
- package/dist/components/icon/icon.types.d.ts +13 -0
- package/dist/components/icon/icon.types.d.ts.map +1 -0
- package/dist/components/icon/icon.types.js +2 -0
- package/dist/components/icon/icon.types.js.map +1 -0
- package/dist/components/icon/index.d.ts +3 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/icon/index.js +2 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/info-card/index.d.ts +3 -0
- package/dist/components/info-card/index.d.ts.map +1 -0
- package/dist/components/info-card/index.js +2 -0
- package/dist/components/info-card/index.js.map +1 -0
- package/dist/components/info-card/info-card.d.ts +3 -0
- package/dist/components/info-card/info-card.d.ts.map +1 -0
- package/dist/components/info-card/info-card.js +5 -0
- package/dist/components/info-card/info-card.js.map +1 -0
- package/dist/components/info-card/info-card.types.d.ts +10 -0
- package/dist/components/info-card/info-card.types.d.ts.map +1 -0
- package/dist/components/info-card/info-card.types.js +2 -0
- package/dist/components/info-card/info-card.types.js.map +1 -0
- package/dist/components/masonry-layout/index.d.ts +3 -0
- package/dist/components/masonry-layout/index.d.ts.map +1 -0
- package/dist/components/masonry-layout/index.js +2 -0
- package/dist/components/masonry-layout/index.js.map +1 -0
- package/dist/components/masonry-layout/masonry-layout.d.ts +3 -0
- package/dist/components/masonry-layout/masonry-layout.d.ts.map +1 -0
- package/dist/components/masonry-layout/masonry-layout.js +5 -0
- package/dist/components/masonry-layout/masonry-layout.js.map +1 -0
- package/dist/components/masonry-layout/masonry-layout.types.d.ts +7 -0
- package/dist/components/masonry-layout/masonry-layout.types.d.ts.map +1 -0
- package/dist/components/masonry-layout/masonry-layout.types.js +2 -0
- package/dist/components/masonry-layout/masonry-layout.types.js.map +1 -0
- package/dist/components/nav-menu/index.d.ts +3 -0
- package/dist/components/nav-menu/index.d.ts.map +1 -0
- package/dist/components/nav-menu/index.js +2 -0
- package/dist/components/nav-menu/index.js.map +1 -0
- package/dist/components/nav-menu/items/base-item/base-item.d.ts +3 -0
- package/dist/components/nav-menu/items/base-item/base-item.d.ts.map +1 -0
- package/dist/components/nav-menu/items/base-item/base-item.js +47 -0
- package/dist/components/nav-menu/items/base-item/base-item.js.map +1 -0
- package/dist/components/nav-menu/items/base-item/base-item.types.d.ts +10 -0
- package/dist/components/nav-menu/items/base-item/base-item.types.d.ts.map +1 -0
- package/dist/components/nav-menu/items/base-item/base-item.types.js +2 -0
- package/dist/components/nav-menu/items/base-item/base-item.types.js.map +1 -0
- package/dist/components/nav-menu/items/base-item/index.d.ts +3 -0
- package/dist/components/nav-menu/items/base-item/index.d.ts.map +1 -0
- package/dist/components/nav-menu/items/base-item/index.js +2 -0
- package/dist/components/nav-menu/items/base-item/index.js.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/index.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/index.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/index.js +2 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/index.js.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +64 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.types.d.ts +6 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.types.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.types.js +2 -0
- package/dist/components/nav-menu/items/nav-drop-down-item/nav-drop-down-item.types.js.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/index.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-icon-item/index.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/index.js +2 -0
- package/dist/components/nav-menu/items/nav-icon-item/index.js.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.js +6 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.js.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.types.d.ts +8 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.types.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.types.js +2 -0
- package/dist/components/nav-menu/items/nav-icon-item/nav-icon-item.types.js.map +1 -0
- package/dist/components/nav-menu/items/nav-item/index.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-item/index.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-item/index.js +2 -0
- package/dist/components/nav-menu/items/nav-item/index.js.map +1 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.d.ts +3 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.js +14 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.js.map +1 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.types.d.ts +5 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.types.d.ts.map +1 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.types.js +2 -0
- package/dist/components/nav-menu/items/nav-item/nav-item.types.js.map +1 -0
- package/dist/components/nav-menu/nav-menu-styles.d.ts +5 -0
- package/dist/components/nav-menu/nav-menu-styles.d.ts.map +1 -0
- package/dist/components/nav-menu/nav-menu-styles.js +5 -0
- package/dist/components/nav-menu/nav-menu-styles.js.map +1 -0
- package/dist/components/nav-menu/nav-menu.d.ts +3 -0
- package/dist/components/nav-menu/nav-menu.d.ts.map +1 -0
- package/dist/components/nav-menu/nav-menu.js +181 -0
- package/dist/components/nav-menu/nav-menu.js.map +1 -0
- package/dist/components/nav-menu/nav-menu.types.d.ts +8 -0
- package/dist/components/nav-menu/nav-menu.types.d.ts.map +1 -0
- package/dist/components/nav-menu/nav-menu.types.js +2 -0
- package/dist/components/nav-menu/nav-menu.types.js.map +1 -0
- package/dist/defaults/index.d.ts +2 -0
- package/dist/defaults/index.d.ts.map +1 -0
- package/dist/defaults/index.js +3 -0
- package/dist/defaults/index.js.map +1 -0
- package/dist/defaults/theme/default-theme.d.ts +3 -0
- package/dist/defaults/theme/default-theme.d.ts.map +1 -0
- package/dist/defaults/theme/default-theme.js +92 -0
- package/dist/defaults/theme/default-theme.js.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +16 -0
- package/dist/index.js.map +1 -0
- package/dist/internal-components/column-skeleton/column-skeleton.d.ts +3 -0
- package/dist/internal-components/column-skeleton/column-skeleton.d.ts.map +1 -0
- package/dist/internal-components/column-skeleton/column-skeleton.js +27 -0
- package/dist/internal-components/column-skeleton/column-skeleton.js.map +1 -0
- package/dist/internal-components/column-skeleton/column-skeleton.types.d.ts +7 -0
- package/dist/internal-components/column-skeleton/column-skeleton.types.d.ts.map +1 -0
- package/dist/internal-components/column-skeleton/column-skeleton.types.js +2 -0
- package/dist/internal-components/column-skeleton/column-skeleton.types.js.map +1 -0
- package/dist/internal-components/column-skeleton/index.d.ts +3 -0
- package/dist/internal-components/column-skeleton/index.d.ts.map +1 -0
- package/dist/internal-components/column-skeleton/index.js +2 -0
- package/dist/internal-components/column-skeleton/index.js.map +1 -0
- package/dist/internal-components/index.d.ts +3 -0
- package/dist/internal-components/index.d.ts.map +1 -0
- package/dist/internal-components/index.js +4 -0
- package/dist/internal-components/index.js.map +1 -0
- package/dist/internal-components/link-wrapper/index.d.ts +3 -0
- package/dist/internal-components/link-wrapper/index.d.ts.map +1 -0
- package/dist/internal-components/link-wrapper/index.js +2 -0
- package/dist/internal-components/link-wrapper/index.js.map +1 -0
- package/dist/internal-components/link-wrapper/link-wrapper.d.ts +4 -0
- package/dist/internal-components/link-wrapper/link-wrapper.d.ts.map +1 -0
- package/dist/internal-components/link-wrapper/link-wrapper.js +9 -0
- package/dist/internal-components/link-wrapper/link-wrapper.js.map +1 -0
- package/dist/internal-components/link-wrapper/link-wrapper.types.d.ts +6 -0
- package/dist/internal-components/link-wrapper/link-wrapper.types.d.ts.map +1 -0
- package/dist/internal-components/link-wrapper/link-wrapper.types.js +2 -0
- package/dist/internal-components/link-wrapper/link-wrapper.types.js.map +1 -0
- package/dist/styles/thread.css +806 -0
- package/dist/thread-ui-1.0.0.tgz +0 -0
- package/dist/types/colors/utility-color-options.types.d.ts +2 -0
- package/dist/types/colors/utility-color-options.types.d.ts.map +1 -0
- package/dist/types/colors/utility-color-options.types.js +2 -0
- package/dist/types/colors/utility-color-options.types.js.map +1 -0
- package/dist/types/image/image.types.d.ts +8 -0
- package/dist/types/image/image.types.d.ts.map +1 -0
- package/dist/types/image/image.types.js +2 -0
- package/dist/types/image/image.types.js.map +1 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/theme/borders/borders.types.d.ts +11 -0
- package/dist/types/theme/borders/borders.types.d.ts.map +1 -0
- package/dist/types/theme/borders/borders.types.js +2 -0
- package/dist/types/theme/borders/borders.types.js.map +1 -0
- package/dist/types/theme/colors/colors.types.d.ts +37 -0
- package/dist/types/theme/colors/colors.types.d.ts.map +1 -0
- package/dist/types/theme/colors/colors.types.js +2 -0
- package/dist/types/theme/colors/colors.types.js.map +1 -0
- package/dist/types/theme/size/themeSizes.types.d.ts +8 -0
- package/dist/types/theme/size/themeSizes.types.d.ts.map +1 -0
- package/dist/types/theme/size/themeSizes.types.js +2 -0
- package/dist/types/theme/size/themeSizes.types.js.map +1 -0
- package/dist/types/theme/theme.types.d.ts +22 -0
- package/dist/types/theme/theme.types.d.ts.map +1 -0
- package/dist/types/theme/theme.types.js +2 -0
- package/dist/types/theme/theme.types.js.map +1 -0
- package/dist/utils/deep-merge/deep-merge.d.ts +5 -0
- package/dist/utils/deep-merge/deep-merge.d.ts.map +1 -0
- package/dist/utils/deep-merge/deep-merge.js +25 -0
- package/dist/utils/deep-merge/deep-merge.js.map +1 -0
- package/dist/utils/get-utility-color/get-utility-color-value.d.ts +3 -0
- package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map +1 -0
- package/dist/utils/get-utility-color/get-utility-color-value.js +26 -0
- package/dist/utils/get-utility-color/get-utility-color-value.js.map +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +7 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/is-next-env/index.d.ts +2 -0
- package/dist/utils/is-next-env/index.d.ts.map +1 -0
- package/dist/utils/is-next-env/index.js +2 -0
- package/dist/utils/is-next-env/index.js.map +1 -0
- package/dist/utils/is-next-env/is-next-env.d.ts +2 -0
- package/dist/utils/is-next-env/is-next-env.d.ts.map +1 -0
- package/dist/utils/is-next-env/is-next-env.js +18 -0
- package/dist/utils/is-next-env/is-next-env.js.map +1 -0
- package/dist/utils/responsive/responsive-styles.d.ts +4 -0
- package/dist/utils/responsive/responsive-styles.d.ts.map +1 -0
- package/dist/utils/responsive/responsive-styles.js +55 -0
- package/dist/utils/responsive/responsive-styles.js.map +1 -0
- package/dist/utils/responsive/responsive-styles.types.d.ts +8 -0
- package/dist/utils/responsive/responsive-styles.types.d.ts.map +1 -0
- package/dist/utils/responsive/responsive-styles.types.js +2 -0
- package/dist/utils/responsive/responsive-styles.types.js.map +1 -0
- package/dist/utils/theme/create-theme.d.ts +5 -0
- package/dist/utils/theme/create-theme.d.ts.map +1 -0
- package/dist/utils/theme/create-theme.js +21 -0
- package/dist/utils/theme/create-theme.js.map +1 -0
- package/dist/utils/theme/use-theme.d.ts +9 -0
- package/dist/utils/theme/use-theme.d.ts.map +1 -0
- package/dist/utils/theme/use-theme.js +32 -0
- package/dist/utils/theme/use-theme.js.map +1 -0
- package/package.json +105 -0
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utility-color-options.types.d.ts","sourceRoot":"","sources":["../../../src/types/colors/utility-color-options.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utility-color-options.types.js","sourceRoot":"","sources":["../../../src/types/colors/utility-color-options.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ImgHTMLAttributes } from 'react';
|
|
2
|
+
export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
layout?: 'fill' | 'fixed' | 'intrinsic' | 'responsive';
|
|
6
|
+
priority?: boolean;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=image.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.types.d.ts","sourceRoot":"","sources":["../../../src/types/image/image.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.types.js","sourceRoot":"","sources":["../../../src/types/image/image.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borders.types.d.ts","sourceRoot":"","sources":["../../../../src/types/theme/borders/borders.types.ts"],"names":[],"mappings":"AACA,KAAK,aAAa,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,aAAa,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borders.types.js","sourceRoot":"","sources":["../../../../src/types/theme/borders/borders.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
type ColorShades = {
|
|
2
|
+
light: string;
|
|
3
|
+
main: string;
|
|
4
|
+
dark: string;
|
|
5
|
+
};
|
|
6
|
+
type TextColors = {
|
|
7
|
+
primary: string;
|
|
8
|
+
secondary: string;
|
|
9
|
+
disabled: string;
|
|
10
|
+
};
|
|
11
|
+
type SurfaceColors = {
|
|
12
|
+
background: string;
|
|
13
|
+
structure: string;
|
|
14
|
+
surface: string;
|
|
15
|
+
elevated: string;
|
|
16
|
+
};
|
|
17
|
+
export type StructureColors = SurfaceColors & {
|
|
18
|
+
text: TextColors;
|
|
19
|
+
};
|
|
20
|
+
export type ModeStructureColors = {
|
|
21
|
+
light: StructureColors;
|
|
22
|
+
dark: StructureColors;
|
|
23
|
+
};
|
|
24
|
+
export type ThemeColors = {
|
|
25
|
+
primary: ColorShades;
|
|
26
|
+
secondary: ColorShades;
|
|
27
|
+
tertiary: ColorShades;
|
|
28
|
+
white: string;
|
|
29
|
+
black: string;
|
|
30
|
+
gray: ColorShades;
|
|
31
|
+
success: ColorShades;
|
|
32
|
+
warning: ColorShades;
|
|
33
|
+
error: ColorShades;
|
|
34
|
+
info: ColorShades;
|
|
35
|
+
};
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=colors.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.types.d.ts","sourceRoot":"","sources":["../../../../src/types/theme/colors/colors.types.ts"],"names":[],"mappings":"AACA,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAGF,KAAK,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC7C,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,eAAe,CAAC;CACtB,CAAC;AAGF,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,WAAW,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAGlB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.types.js","sourceRoot":"","sources":["../../../../src/types/theme/colors/colors.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeSizes.types.d.ts","sourceRoot":"","sources":["../../../../src/types/theme/size/themeSizes.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeSizes.types.js","sourceRoot":"","sources":["../../../../src/types/theme/size/themeSizes.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BorderStyles } from './borders/borders.types';
|
|
2
|
+
import { StructureColors, ModeStructureColors, ThemeColors } from './colors/colors.types';
|
|
3
|
+
type BaseTheme = {
|
|
4
|
+
border: BorderStyles;
|
|
5
|
+
space: number;
|
|
6
|
+
};
|
|
7
|
+
type BaseThemeColors = ThemeColors & ModeStructureColors;
|
|
8
|
+
type AppliedThemeColors = ThemeColors & StructureColors;
|
|
9
|
+
export type Theme = BaseTheme & {
|
|
10
|
+
colors: BaseThemeColors;
|
|
11
|
+
};
|
|
12
|
+
export type AppliedTheme = BaseTheme & {
|
|
13
|
+
colors: AppliedThemeColors;
|
|
14
|
+
};
|
|
15
|
+
export type ThemeMode = 'light' | 'dark';
|
|
16
|
+
export type ThemeContextType = {
|
|
17
|
+
theme: AppliedTheme;
|
|
18
|
+
mode: ThemeMode;
|
|
19
|
+
setMode: (mode: ThemeMode) => void;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=theme.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/types/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE1F,KAAK,SAAS,GAAG;IAEhB,MAAM,EAAE,YAAY,CAAC;IAGrB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG,WAAW,GAAG,mBAAmB,CAAC;AAEzD,KAAK,kBAAkB,GAAG,WAAW,GAAG,eAAe,CAAC;AAExD,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG;IAE/B,MAAM,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IAEtC,MAAM,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../../src/types/theme/theme.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deep-merge.d.ts","sourceRoot":"","sources":["../../../src/utils/deep-merge/deep-merge.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC/D,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,WAAW,CAAC,CAAC,CAAC,KAAG,CA2B5F,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Function with ability to merge two objects together
|
|
2
|
+
export const deepMerge = (target, source) => {
|
|
3
|
+
const result = { ...target };
|
|
4
|
+
for (const key in source) {
|
|
5
|
+
if (!(key in source))
|
|
6
|
+
continue;
|
|
7
|
+
const sourceValue = source[key];
|
|
8
|
+
const targetValue = target[key];
|
|
9
|
+
if (sourceValue === null || sourceValue === undefined) {
|
|
10
|
+
continue;
|
|
11
|
+
}
|
|
12
|
+
if (targetValue &&
|
|
13
|
+
typeof sourceValue === 'object' &&
|
|
14
|
+
typeof targetValue === 'object' &&
|
|
15
|
+
!Array.isArray(sourceValue) &&
|
|
16
|
+
!Array.isArray(targetValue)) {
|
|
17
|
+
result[key] = deepMerge(targetValue, sourceValue);
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
result[key] = sourceValue;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=deep-merge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deep-merge.js","sourceRoot":"","sources":["../../../src/utils/deep-merge/deep-merge.ts"],"names":[],"mappings":"AAKA,sDAAsD;AACtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAgC,MAAS,EAAE,MAAsB,EAAK,EAAE;IAChG,MAAM,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE7B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC;YAAE,SAAS;QAE/B,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YACvD,SAAS;QACV,CAAC;QAED,IACC,WAAW;YACX,OAAO,WAAW,KAAK,QAAQ;YAC/B,OAAO,WAAW,KAAK,QAAQ;YAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAC1B,CAAC;YACF,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,WAAW,CAAkB,CAAC;QACpE,CAAC;aAAM,CAAC;YACP,MAAM,CAAC,GAAG,CAAC,GAAG,WAA4B,CAAC;QAC5C,CAAC;IACF,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-utility-color-value.d.ts","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,oBAAoB,UAAW,mBAAmB,KAAG,MAsBjE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useTheme } from '../theme/use-theme';
|
|
3
|
+
export const getUtilityColorValue = (color) => {
|
|
4
|
+
const { theme } = useTheme();
|
|
5
|
+
switch (color) {
|
|
6
|
+
case 'primary':
|
|
7
|
+
return theme.colors.primary.main;
|
|
8
|
+
case 'secondary':
|
|
9
|
+
return theme.colors.secondary.main;
|
|
10
|
+
case 'tertiary':
|
|
11
|
+
return theme.colors.tertiary.main;
|
|
12
|
+
case 'black':
|
|
13
|
+
return theme.colors.black;
|
|
14
|
+
case 'grey':
|
|
15
|
+
return theme.colors.gray.main;
|
|
16
|
+
case 'success':
|
|
17
|
+
return theme.colors.success.main;
|
|
18
|
+
case 'error':
|
|
19
|
+
return theme.colors.error.main;
|
|
20
|
+
case 'info':
|
|
21
|
+
return theme.colors.info.main;
|
|
22
|
+
default:
|
|
23
|
+
return theme.colors.primary.main;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=get-utility-color-value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-utility-color-value.js","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAU,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,WAAW;YACf,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QACpC,KAAK,UAAU;YACd,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3B,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QAChC,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B;YACC,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useResponsiveStyles } from './responsive/responsive-styles';
|
|
2
|
+
export { getUtilityColorValue } from './get-utility-color/get-utility-color-value';
|
|
3
|
+
export { ThemeProvider, useTheme, useThemeMode } from './theme/use-theme';
|
|
4
|
+
export { createTheme, createAppliedTheme } from './theme/create-theme';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
console.log('utils/index loaded');
|
|
2
|
+
// export { useTheme } from './theme/use-theme';
|
|
3
|
+
export { useResponsiveStyles } from './responsive/responsive-styles';
|
|
4
|
+
export { getUtilityColorValue } from './get-utility-color/get-utility-color-value';
|
|
5
|
+
export { ThemeProvider, useTheme, useThemeMode } from './theme/use-theme';
|
|
6
|
+
export { createTheme, createAppliedTheme } from './theme/create-theme';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAElC,gDAAgD;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/is-next-env/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/is-next-env/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"is-next-env.d.ts","sourceRoot":"","sources":["../../../src/utils/is-next-env/is-next-env.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,eAe7B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
let isNextEnv;
|
|
2
|
+
export const isNextEnvironment = () => {
|
|
3
|
+
// If already checked, return cached result
|
|
4
|
+
if (typeof isNextEnv !== 'undefined') {
|
|
5
|
+
return isNextEnv;
|
|
6
|
+
}
|
|
7
|
+
try {
|
|
8
|
+
// Attempt to load Next.js-specific module
|
|
9
|
+
require('next/router');
|
|
10
|
+
isNextEnv = true;
|
|
11
|
+
}
|
|
12
|
+
catch (e) {
|
|
13
|
+
isNextEnv = false;
|
|
14
|
+
}
|
|
15
|
+
return isNextEnv;
|
|
16
|
+
};
|
|
17
|
+
// export default isNextEnvironment;
|
|
18
|
+
//# sourceMappingURL=is-next-env.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"is-next-env.js","sourceRoot":"","sources":["../../../src/utils/is-next-env/is-next-env.ts"],"names":[],"mappings":"AAAA,IAAI,SAAkB,CAAC;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,2CAA2C;IAC3C,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE,CAAC;QACtC,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,IAAI,CAAC;QACJ,0CAA0C;QAC1C,OAAO,CAAC,aAAa,CAAC,CAAC;QACvB,SAAS,GAAG,IAAI,CAAC;IAClB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACZ,SAAS,GAAG,KAAK,CAAC;IACnB,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,oCAAoC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ResponsiveStylesProps } from './responsive-styles.types';
|
|
2
|
+
export declare const useResponsiveStyles: (props: ResponsiveStylesProps) => any;
|
|
3
|
+
export declare const getResponsiveValue: (props: ResponsiveStylesProps) => any;
|
|
4
|
+
//# sourceMappingURL=responsive-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-styles.d.ts","sourceRoot":"","sources":["../../../src/utils/responsive/responsive-styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAUlE,eAAO,MAAM,mBAAmB,UAAW,qBAAqB,QA8B/D,CAAC;AAGF,eAAO,MAAM,kBAAkB,UAAW,qBAAqB,KAAG,GAUjE,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
const BREAKPOINTS = {
|
|
4
|
+
sm: 0,
|
|
5
|
+
md: 768,
|
|
6
|
+
lg: 1024,
|
|
7
|
+
xl: 1280,
|
|
8
|
+
xxl: 1536,
|
|
9
|
+
};
|
|
10
|
+
export const useResponsiveStyles = (props) => {
|
|
11
|
+
const [windowWidth, setWindowWidth] = useState(typeof window !== 'undefined' ? window.innerWidth : 0);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const handleResize = () => {
|
|
14
|
+
setWindowWidth(window.innerWidth);
|
|
15
|
+
};
|
|
16
|
+
if (typeof window !== 'undefined') {
|
|
17
|
+
window.addEventListener('resize', handleResize);
|
|
18
|
+
handleResize(); // Initial call
|
|
19
|
+
}
|
|
20
|
+
return () => {
|
|
21
|
+
if (typeof window !== 'undefined') {
|
|
22
|
+
window.removeEventListener('resize', handleResize);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}, []);
|
|
26
|
+
// Get appropriate value based on current window width
|
|
27
|
+
const getValue = () => {
|
|
28
|
+
if (windowWidth >= BREAKPOINTS.xxl && props.xxl)
|
|
29
|
+
return props.xxl;
|
|
30
|
+
if (windowWidth >= BREAKPOINTS.xl && props.xl)
|
|
31
|
+
return props.xl;
|
|
32
|
+
if (windowWidth >= BREAKPOINTS.lg && props.lg)
|
|
33
|
+
return props.lg;
|
|
34
|
+
if (windowWidth >= BREAKPOINTS.md && props.md)
|
|
35
|
+
return props.md;
|
|
36
|
+
return props.sm;
|
|
37
|
+
};
|
|
38
|
+
return getValue();
|
|
39
|
+
};
|
|
40
|
+
// Static version for non-reactive contexts
|
|
41
|
+
export const getResponsiveValue = (props) => {
|
|
42
|
+
if (typeof window === 'undefined')
|
|
43
|
+
return props.sm;
|
|
44
|
+
const width = window.innerWidth;
|
|
45
|
+
if (width >= BREAKPOINTS.xxl && props.xxl)
|
|
46
|
+
return props.xxl;
|
|
47
|
+
if (width >= BREAKPOINTS.xl && props.xl)
|
|
48
|
+
return props.xl;
|
|
49
|
+
if (width >= BREAKPOINTS.lg && props.lg)
|
|
50
|
+
return props.lg;
|
|
51
|
+
if (width >= BREAKPOINTS.md && props.md)
|
|
52
|
+
return props.md;
|
|
53
|
+
return props.sm;
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=responsive-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-styles.js","sourceRoot":"","sources":["../../../src/utils/responsive/responsive-styles.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,GAAG;IACnB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;CACA,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9G,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YACnC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,YAAY,EAAE,CAAC,CAAC,eAAe;QAChC,CAAC;QAED,OAAO,GAAG,EAAE;YACX,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBACnC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACpD,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,sDAAsD;IACtD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,WAAW,IAAI,WAAW,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;YAAE,OAAO,KAAK,CAAC,GAAG,CAAC;QAClE,IAAI,WAAW,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC,EAAE,CAAC;QAC/D,IAAI,WAAW,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC,EAAE,CAAC;QAC/D,IAAI,WAAW,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC,EAAE,CAAC;QAC/D,OAAO,KAAK,CAAC,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,QAAQ,EAAE,CAAC;AACnB,CAAC,CAAC;AAEF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA4B,EAAO,EAAE;IACvE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC,EAAE,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;IAEhC,IAAI,KAAK,IAAI,WAAW,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC;IAC5D,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC,EAAE,CAAC;IACzD,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC,EAAE,CAAC;IACzD,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC,EAAE,CAAC;IACzD,OAAO,KAAK,CAAC,EAAE,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-styles.types.d.ts","sourceRoot":"","sources":["../../../src/utils/responsive/responsive-styles.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IACnC,EAAE,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,GAAG,CAAC,EAAE,GAAG,CAAC;CACV,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-styles.types.js","sourceRoot":"","sources":["../../../src/utils/responsive/responsive-styles.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Theme, AppliedTheme } from '../../types';
|
|
2
|
+
import { DeepPartial } from '../deep-merge/deep-merge';
|
|
3
|
+
export declare function createTheme(userConfig: DeepPartial<Theme>): Theme;
|
|
4
|
+
export declare function createAppliedTheme(theme: Theme, mode: 'light' | 'dark'): AppliedTheme;
|
|
5
|
+
//# sourceMappingURL=create-theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAa,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGlE,wBAAgB,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAKjE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY,CAUrF"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { DEFAULT_THEME } from '../../defaults';
|
|
2
|
+
import { deepMerge } from '../deep-merge/deep-merge';
|
|
3
|
+
// Create Theme Functions for SSR
|
|
4
|
+
export function createTheme(userConfig) {
|
|
5
|
+
console.log('createTheme called with:', userConfig);
|
|
6
|
+
const newTheme = deepMerge(DEFAULT_THEME, userConfig);
|
|
7
|
+
console.log('Created theme:', newTheme);
|
|
8
|
+
return newTheme;
|
|
9
|
+
}
|
|
10
|
+
export function createAppliedTheme(theme, mode) {
|
|
11
|
+
console.log('createAppliedTheme called with theme:', theme, 'mode:', mode);
|
|
12
|
+
return {
|
|
13
|
+
border: theme.border,
|
|
14
|
+
space: theme.space,
|
|
15
|
+
colors: {
|
|
16
|
+
...theme.colors,
|
|
17
|
+
...theme.colors[mode],
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=create-theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-theme.js","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAe,MAAM,0BAA0B,CAAC;AAElE,iCAAiC;AACjC,MAAM,UAAU,WAAW,CAAC,UAA8B;IACzD,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IACtD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;IACxC,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAY,EAAE,IAAsB;IACtE,OAAO,CAAC,GAAG,CAAC,uCAAuC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3E,OAAO;QACN,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE;YACP,GAAG,KAAK,CAAC,MAAM;YACf,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;SACrB;KACD,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Theme, ThemeMode, ThemeContextType } from '../../types';
|
|
2
|
+
export declare function ThemeProvider({ children, initialTheme, initialMode, }: {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
initialTheme: Theme;
|
|
5
|
+
initialMode?: ThemeMode;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function useTheme(): ThemeContextType;
|
|
8
|
+
export declare function useThemeMode(): [ThemeMode, (mode: ThemeMode) => void];
|
|
9
|
+
//# sourceMappingURL=use-theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/use-theme.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAgB,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAcpF,wBAAgB,aAAa,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAqB,GACrB,EAAE;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;CACxB,2CAeA;AAGD,wBAAgB,QAAQ,IAAI,gBAAgB,CAE3C;AAED,wBAAgB,YAAY,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC,CAGrE"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// use-theme.ts
|
|
2
|
+
'use client';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { createContext, useContext, useState } from 'react';
|
|
5
|
+
import { createAppliedTheme } from './create-theme';
|
|
6
|
+
import { DEFAULT_THEME } from '../../defaults';
|
|
7
|
+
// Create default context value
|
|
8
|
+
const defaultContextValue = {
|
|
9
|
+
theme: createAppliedTheme(DEFAULT_THEME, 'light'),
|
|
10
|
+
mode: 'light',
|
|
11
|
+
setMode: () => console.warn('ThemeProvider not found, using default theme'),
|
|
12
|
+
};
|
|
13
|
+
const ThemeContext = createContext(defaultContextValue);
|
|
14
|
+
// Theme Provider to implement Custom Themes
|
|
15
|
+
export function ThemeProvider({ children, initialTheme, initialMode = 'light', }) {
|
|
16
|
+
const [mode, setMode] = useState(initialMode);
|
|
17
|
+
const theme = createAppliedTheme(initialTheme, mode);
|
|
18
|
+
return (_jsx(ThemeContext.Provider, { value: {
|
|
19
|
+
theme,
|
|
20
|
+
mode,
|
|
21
|
+
setMode,
|
|
22
|
+
}, children: children }));
|
|
23
|
+
}
|
|
24
|
+
// Access Theme Values
|
|
25
|
+
export function useTheme() {
|
|
26
|
+
return useContext(ThemeContext); // Will fall back to defaultContextValue
|
|
27
|
+
}
|
|
28
|
+
export function useThemeMode() {
|
|
29
|
+
const { mode, setMode } = useTheme();
|
|
30
|
+
return [mode, setMode];
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=use-theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../../src/utils/theme/use-theme.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,+BAA+B;AAC/B,MAAM,mBAAmB,GAAqB;IAC7C,KAAK,EAAE,kBAAkB,CAAC,aAAa,EAAE,OAAO,CAAC;IACjD,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,8CAA8C,CAAC;CAC3E,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAmB,mBAAmB,CAAC,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,UAAU,aAAa,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAW,GAAG,OAAO,GAKrB;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,WAAW,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,kBAAkB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO,CACN,KAAC,YAAY,CAAC,QAAQ,IACrB,KAAK,EAAE;YACN,KAAK;YACL,IAAI;YACJ,OAAO;SACP,YAEA,QAAQ,GACc,CACxB,CAAC;AACH,CAAC;AAED,sBAAsB;AACtB,MAAM,UAAU,QAAQ;IACvB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,wCAAwC;AAC1E,CAAC;AAED,MAAM,UAAU,YAAY;IAC3B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;IACrC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACxB,CAAC"}
|