@team-frieeren/components 1.0.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.
Files changed (101) hide show
  1. package/dist/components/Accordian/Accordion.d.ts +6 -0
  2. package/dist/components/Accordian/Accordion.stories.d.ts +34 -0
  3. package/dist/components/Accordian/Accordion.type.d.ts +7 -0
  4. package/dist/components/BottomSheet/BottomSheet.d.ts +2 -0
  5. package/dist/components/BottomSheet/BottomSheet.stories.d.ts +10 -0
  6. package/dist/components/BottomSheet/BottomSheet.type.d.ts +26 -0
  7. package/dist/components/BottomSheet/index.d.ts +2 -0
  8. package/dist/components/Button/Button.d.ts +16 -0
  9. package/dist/components/Button/Button.stories.d.ts +44 -0
  10. package/dist/components/Button/Button.type.d.ts +17 -0
  11. package/dist/components/Button/index.d.ts +2 -0
  12. package/dist/components/Checkbox/Checkbox.d.ts +6 -0
  13. package/dist/components/Checkbox/Checkbox.stories.d.ts +15 -0
  14. package/dist/components/Checkbox/index.d.ts +2 -0
  15. package/dist/components/Dialog/Dialog.d.ts +2 -0
  16. package/dist/components/Dialog/Dialog.stories.d.ts +10 -0
  17. package/dist/components/Dialog/Dialog.type.d.ts +22 -0
  18. package/dist/components/Funnel/Funnel.d.ts +3 -0
  19. package/dist/components/Funnel/Funnel.stories.d.ts +31 -0
  20. package/dist/components/Funnel/Funnel.type.d.ts +13 -0
  21. package/dist/components/Funnel/index.d.ts +1 -0
  22. package/dist/components/Funnel/useFunnel.d.ts +9 -0
  23. package/dist/components/Funnel/useQueryParam.d.ts +6 -0
  24. package/dist/components/Input/Input.d.ts +3 -0
  25. package/dist/components/Input/Input.stories.d.ts +6 -0
  26. package/dist/components/Input/index.d.ts +2 -0
  27. package/dist/components/Input/input.type.d.ts +10 -0
  28. package/dist/components/Popover/Popover.d.ts +5 -0
  29. package/dist/components/Popover/Popover.stories.d.ts +36 -0
  30. package/dist/components/Popover/Popover.type.d.ts +7 -0
  31. package/dist/components/Popup/Popup.d.ts +4 -0
  32. package/dist/components/Popup/Popup.stories.d.ts +21 -0
  33. package/dist/components/Popup/Popup.type.d.ts +21 -0
  34. package/dist/components/Popup/index.d.ts +2 -0
  35. package/dist/components/RadioGroup/RadioGroup.d.ts +8 -0
  36. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +16 -0
  37. package/dist/components/RadioGroup/index.d.ts +2 -0
  38. package/dist/components/Select/Select.d.ts +15 -0
  39. package/dist/components/Select/Select.stories.d.ts +13 -0
  40. package/dist/components/Select/Select.type.d.ts +4 -0
  41. package/dist/components/Select/index.d.ts +2 -0
  42. package/dist/components/Tabs/Tabs.d.ts +3 -0
  43. package/dist/components/Tabs/Tabs.stories.d.ts +38 -0
  44. package/dist/components/Tabs/Tabs.type.d.ts +15 -0
  45. package/dist/components/Tabs/TabsBase.d.ts +7 -0
  46. package/dist/components/Tabs/index.d.ts +1 -0
  47. package/dist/components/Tabs/useTabsIndicator.d.ts +10 -0
  48. package/dist/components/Text/Text.d.ts +2 -0
  49. package/dist/components/Text/Text.stories.d.ts +41 -0
  50. package/dist/components/Text/Text.type.d.ts +22 -0
  51. package/dist/components/Text/index.d.ts +2 -0
  52. package/dist/components/Toast/Toast.d.ts +5 -0
  53. package/dist/components/Toast/Toast.stories.d.ts +6 -0
  54. package/dist/components/Toast/Toast.type.d.ts +31 -0
  55. package/dist/components/Toast/ToastProvider.d.ts +3 -0
  56. package/dist/components/Toast/index.d.ts +2 -0
  57. package/dist/components/Toast/useToast.d.ts +2 -0
  58. package/dist/components/Toast/useToastStack.d.ts +12 -0
  59. package/dist/components/Toggle/Toggle.d.ts +3 -0
  60. package/dist/components/Toggle/Toggle.stories.d.ts +22 -0
  61. package/dist/components/Toggle/Toggle.type.d.ts +6 -0
  62. package/dist/components/Toggle/index.d.ts +1 -0
  63. package/dist/components/layout/Box/Box.d.ts +2 -0
  64. package/dist/components/layout/Box/Box.stories.d.ts +13 -0
  65. package/dist/components/layout/Box/Box.type.d.ts +10 -0
  66. package/dist/components/layout/Box/index.d.ts +2 -0
  67. package/dist/components/layout/Container/Container.d.ts +2 -0
  68. package/dist/components/layout/Container/Container.stories.d.ts +13 -0
  69. package/dist/components/layout/Container/Container.type.d.ts +4 -0
  70. package/dist/components/layout/Container/index.d.ts +2 -0
  71. package/dist/components/layout/Flex/Flex.d.ts +2 -0
  72. package/dist/components/layout/Flex/Flex.stories.d.ts +13 -0
  73. package/dist/components/layout/Flex/Flex.type.d.ts +10 -0
  74. package/dist/components/layout/Flex/index.d.ts +2 -0
  75. package/dist/components/layout/Grid/Grid.d.ts +2 -0
  76. package/dist/components/layout/Grid/Grid.stories.d.ts +13 -0
  77. package/dist/components/layout/Grid/Grid.type.d.ts +10 -0
  78. package/dist/components/layout/Grid/index.d.ts +2 -0
  79. package/dist/hooks/useIsMounted.d.ts +1 -0
  80. package/dist/hooks/useOverlay/OverlayController.d.ts +10 -0
  81. package/dist/hooks/useOverlay/OverlayProvider.d.ts +6 -0
  82. package/dist/hooks/useOverlay/index.d.ts +2 -0
  83. package/dist/hooks/useOverlay/types.d.ts +5 -0
  84. package/dist/hooks/useOverlay/useOverlay.d.ts +10 -0
  85. package/dist/hooks/useRouter.d.ts +3 -0
  86. package/dist/index.css +1896 -0
  87. package/dist/index.d.ts +21 -0
  88. package/dist/index.js +1378 -0
  89. package/dist/router/router.type.d.ts +26 -0
  90. package/dist/router/windowRouter.d.ts +12 -0
  91. package/dist/shared/components/SwitchCase.d.ts +7 -0
  92. package/dist/shared/icon/index.d.ts +1 -0
  93. package/dist/shared/icon/isIcon.d.ts +3 -0
  94. package/dist/shared/storage/LocalStorage.d.ts +14 -0
  95. package/dist/shared/storage/MemoryStorage.d.ts +11 -0
  96. package/dist/shared/storage/SessionStorage.d.ts +14 -0
  97. package/dist/shared/storage/index.d.ts +2 -0
  98. package/dist/shared/storage/storage.type.d.ts +9 -0
  99. package/dist/utils/generateRandomKey.d.ts +1 -0
  100. package/dist/utils/getSpacingStyle.d.ts +6 -0
  101. package/package.json +91 -0
@@ -0,0 +1,26 @@
1
+ export interface RouterQuery {
2
+ [key: string]: string | string[] | undefined;
3
+ }
4
+ export interface RouterState {
5
+ [key: string]: unknown;
6
+ }
7
+ export interface RouterLocation {
8
+ pathname: string;
9
+ search: string;
10
+ hash: string;
11
+ state?: RouterState;
12
+ }
13
+ export interface NavigateOptions {
14
+ replace?: boolean;
15
+ state?: RouterState;
16
+ }
17
+ export interface SafeRouter {
18
+ readonly location: RouterLocation;
19
+ push(path: string, options?: NavigateOptions): void;
20
+ replace(path: string, options?: NavigateOptions): void;
21
+ back(): void;
22
+ forward(): void;
23
+ setQuery(query: RouterQuery): void;
24
+ getQuery<T = string>(key: string): T | undefined;
25
+ getAllQueries(): RouterQuery;
26
+ }
@@ -0,0 +1,12 @@
1
+ import { NavigateOptions, RouterLocation, RouterQuery, SafeRouter } from "./router.type";
2
+ export declare class WindowRouter implements SafeRouter {
3
+ get location(): RouterLocation;
4
+ push(path: string, options?: NavigateOptions): void;
5
+ replace(path: string, options?: NavigateOptions): void;
6
+ back(): void;
7
+ forward(): void;
8
+ setQuery(query: RouterQuery): void;
9
+ getQuery<T = string>(key: string): T | undefined;
10
+ getAllQueries(): RouterQuery;
11
+ private normalizePath;
12
+ }
@@ -0,0 +1,7 @@
1
+ interface Props<Case extends string | number> {
2
+ caseBy: Partial<Record<Case, JSX.Element | null>>;
3
+ value: Case;
4
+ defaultComponent?: JSX.Element | null;
5
+ }
6
+ export declare function SwitchCase<Case extends string | number>({ value, caseBy, defaultComponent: defaultComponent }: Props<Case>): JSX.Element | null;
7
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./isIcon";
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ /** To-Do move to Icon Package */
3
+ export declare function isIcon(children: React.ReactNode): boolean;
@@ -0,0 +1,14 @@
1
+ import { MemoryStorage } from "./MemoryStorage";
2
+ import { SafeStorage } from "./storage.type";
3
+ declare class LocalStorage implements SafeStorage {
4
+ static isEnabled(): boolean;
5
+ has(key: string): boolean;
6
+ get(key: string): string | null;
7
+ set(key: string, value: string): void;
8
+ remove(key: string): void;
9
+ clear(): void;
10
+ setObject<T>(key: string, value: T): void;
11
+ getObject<T>(key: string): T | null;
12
+ }
13
+ export declare const safeLocalStorage: MemoryStorage | LocalStorage;
14
+ export {};
@@ -0,0 +1,11 @@
1
+ import { SafeStorage } from "./storage.type";
2
+ export declare class MemoryStorage implements SafeStorage {
3
+ private map;
4
+ has(key: string): boolean;
5
+ get(key: string): string | null;
6
+ set(key: string, value: string): void;
7
+ remove(key: string): void;
8
+ clear(): void;
9
+ setObject<T>(key: string, value: T): void;
10
+ getObject<T>(key: string): T | null;
11
+ }
@@ -0,0 +1,14 @@
1
+ import { MemoryStorage } from "./MemoryStorage";
2
+ import { SafeStorage } from "./storage.type";
3
+ declare class SessionStorage implements SafeStorage {
4
+ static isEnabled(): boolean;
5
+ has(key: string): boolean;
6
+ get(key: string): string | null;
7
+ set(key: string, value: string): void;
8
+ remove(key: string): void;
9
+ clear(): void;
10
+ setObject<T>(key: string, value: T): void;
11
+ getObject<T>(key: string): T | null;
12
+ }
13
+ export declare const safeSessionStorage: MemoryStorage | SessionStorage;
14
+ export {};
@@ -0,0 +1,2 @@
1
+ export { safeLocalStorage } from "./LocalStorage";
2
+ export { safeSessionStorage } from "./SessionStorage";
@@ -0,0 +1,9 @@
1
+ export interface SafeStorage {
2
+ get(key: string): string | null;
3
+ set(key: string, value: string): void;
4
+ remove(key: string): void;
5
+ clear(): void;
6
+ has(key: string): boolean;
7
+ getObject<T>(key: string): T | null;
8
+ setObject<T>(key: string, value: T): void;
9
+ }
@@ -0,0 +1 @@
1
+ export declare const generateRandomKey: () => string;
@@ -0,0 +1,6 @@
1
+ import { CSSProperties } from "react";
2
+ type SpacingKey = "m" | "mx" | "my" | "mt" | "mb" | "ml" | "mr" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr";
3
+ type CSSSpacingProperty = "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight";
4
+ export type SpacingProps = Partial<Record<SpacingKey, CSSProperties[CSSSpacingProperty]>>;
5
+ export declare const getSpacingStyle: (props: SpacingProps) => CSSProperties;
6
+ export {};
package/package.json ADDED
@@ -0,0 +1,91 @@
1
+ {
2
+ "name": "@team-frieeren/components",
3
+ "version": "1.0.0",
4
+ "description": "",
5
+ "main": "dist/index.js",
6
+ "types": "dist/index.d.ts",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "type": "module",
11
+ "keywords": [],
12
+ "author": "",
13
+ "license": "ISC",
14
+ "devDependencies": {
15
+ "@babel/core": "^7.25.7",
16
+ "@babel/preset-env": "^7.25.7",
17
+ "@babel/preset-react": "^7.25.7",
18
+ "@babel/preset-typescript": "^7.25.7",
19
+ "@chromatic-com/storybook": "^1.9.0",
20
+ "@rollup/plugin-babel": "^6.0.4",
21
+ "@rollup/plugin-terser": "^0.4.4",
22
+ "@rollup/plugin-typescript": "^12.1.0",
23
+ "@storybook/addon-a11y": "^8.3.6",
24
+ "@storybook/addon-essentials": "^8.3.6",
25
+ "@storybook/addon-interactions": "^8.3.6",
26
+ "@storybook/addon-links": "^8.3.6",
27
+ "@storybook/addon-onboarding": "^8.3.6",
28
+ "@storybook/blocks": "^8.3.6",
29
+ "@storybook/react": "^8.3.6",
30
+ "@storybook/react-vite": "^8.3.6",
31
+ "@storybook/test": "^8.3.6",
32
+ "@svgr/rollup": "^8.1.0",
33
+ "@types/react": "^18.3.11",
34
+ "@types/react-dom": "^18.3.1",
35
+ "@typescript-eslint/eslint-plugin": "^8.0.1",
36
+ "@typescript-eslint/parser": "^8.0.1",
37
+ "chromatic": "^11.18.0",
38
+ "eslint": "^8",
39
+ "eslint-config-prettier": "^9.1.0",
40
+ "eslint-plugin-jsx-a11y": "^6.8.0",
41
+ "eslint-plugin-prettier": "^5.2.1",
42
+ "eslint-plugin-react": "^7.33.2",
43
+ "eslint-plugin-react-hooks": "^4.6.0",
44
+ "eslint-plugin-storybook": "^0.8.0",
45
+ "prettier": "^3.3.3",
46
+ "rollup": "^4.24.0",
47
+ "rollup-plugin-peer-deps-external": "^2.2.4",
48
+ "rollup-plugin-postcss": "^4.0.2",
49
+ "rollup-plugin-typescript-paths": "^1.5.0",
50
+ "storybook": "^8.3.6",
51
+ "tslib": "^2.7.0",
52
+ "typescript": "^5.6.3",
53
+ "vite-plugin-svgr": "^4.3.0"
54
+ },
55
+ "peerDependencies": {
56
+ "react": "^18.0.0",
57
+ "react-dom": "^18.0.0"
58
+ },
59
+ "dependencies": {
60
+ "@radix-ui/react-accordion": "^1.2.1",
61
+ "@radix-ui/react-checkbox": "^1.1.2",
62
+ "@radix-ui/react-dialog": "^1.1.2",
63
+ "@radix-ui/react-popover": "1.1.2",
64
+ "@radix-ui/react-radio-group": "^1.2.1",
65
+ "@radix-ui/react-select": "^2.1.2",
66
+ "@radix-ui/react-tabs": "^1.1.1",
67
+ "@radix-ui/react-toggle": "^1.1.0",
68
+ "classnames": "^2.5.1",
69
+ "radix-ui": "^1.1.3",
70
+ "sass": "^1.80.4",
71
+ "vaul": "^1.1.1"
72
+ },
73
+ "exports": {
74
+ ".": {
75
+ "import": "./dist/index.js",
76
+ "types": "./dist/index.d.ts"
77
+ },
78
+ "./styles": "./dist/index.css"
79
+ },
80
+ "scripts": {
81
+ "test": "echo \"Error: no test specified\" && exit 1",
82
+ "dev-build": "rollup -c -w",
83
+ "build": "rollup -c",
84
+ "storybook": "storybook dev -p 6006",
85
+ "build-storybook": "storybook build",
86
+ "format": "prettier --write --cache .",
87
+ "lint": "eslint --cache .",
88
+ "deploy": "pnpm publish --access public --no-git-checks",
89
+ "deploy:version": "pnpm version patch"
90
+ }
91
+ }