@kavagy/react 0.1.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 (112) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/THIRD_PARTY_NOTICES.md +30 -0
  3. package/dist/avatar/avatar.d.ts +189 -0
  4. package/dist/avatar/avatar.d.ts.map +1 -0
  5. package/dist/avatar/avatar.js +185 -0
  6. package/dist/avatar/avatar.js.map +1 -0
  7. package/dist/avatar/index.d.ts +2 -0
  8. package/dist/avatar/index.js +2 -0
  9. package/dist/badges/badges.d.ts +149 -0
  10. package/dist/badges/badges.d.ts.map +1 -0
  11. package/dist/badges/badges.js +269 -0
  12. package/dist/badges/badges.js.map +1 -0
  13. package/dist/badges/index.d.ts +2 -0
  14. package/dist/badges/index.js +2 -0
  15. package/dist/button/button.d.ts +208 -0
  16. package/dist/button/button.d.ts.map +1 -0
  17. package/dist/button/button.js +158 -0
  18. package/dist/button/button.js.map +1 -0
  19. package/dist/button/index.d.ts +2 -0
  20. package/dist/button/index.js +2 -0
  21. package/dist/button-utility/button-utility.d.ts +59 -0
  22. package/dist/button-utility/button-utility.d.ts.map +1 -0
  23. package/dist/button-utility/button-utility.js +78 -0
  24. package/dist/button-utility/button-utility.js.map +1 -0
  25. package/dist/button-utility/index.d.ts +2 -0
  26. package/dist/button-utility/index.js +2 -0
  27. package/dist/checkbox/checkbox.d.ts +23 -0
  28. package/dist/checkbox/checkbox.d.ts.map +1 -0
  29. package/dist/checkbox/checkbox.js +81 -0
  30. package/dist/checkbox/checkbox.js.map +1 -0
  31. package/dist/checkbox/index.d.ts +2 -0
  32. package/dist/checkbox/index.js +2 -0
  33. package/dist/dropdown/dropdown.d.ts +33 -0
  34. package/dist/dropdown/dropdown.d.ts.map +1 -0
  35. package/dist/dropdown/dropdown.js +128 -0
  36. package/dist/dropdown/dropdown.js.map +1 -0
  37. package/dist/dropdown/index.d.ts +2 -0
  38. package/dist/dropdown/index.js +2 -0
  39. package/dist/featured-icon/featured-icon.d.ts +141 -0
  40. package/dist/featured-icon/featured-icon.d.ts.map +1 -0
  41. package/dist/featured-icon/featured-icon.js +292 -0
  42. package/dist/featured-icon/featured-icon.js.map +1 -0
  43. package/dist/featured-icon/index.d.ts +2 -0
  44. package/dist/featured-icon/index.js +2 -0
  45. package/dist/input/index.d.ts +2 -0
  46. package/dist/input/index.js +2 -0
  47. package/dist/input/input.d.ts +42 -0
  48. package/dist/input/input.d.ts.map +1 -0
  49. package/dist/input/input.js +136 -0
  50. package/dist/input/input.js.map +1 -0
  51. package/dist/modal/index.d.ts +2 -0
  52. package/dist/modal/index.js +2 -0
  53. package/dist/modal/modal.d.ts +8 -0
  54. package/dist/modal/modal.d.ts.map +1 -0
  55. package/dist/modal/modal.js +35 -0
  56. package/dist/modal/modal.js.map +1 -0
  57. package/dist/radio-buttons/index.d.ts +2 -0
  58. package/dist/radio-buttons/index.js +2 -0
  59. package/dist/radio-buttons/radio-buttons.d.ts +30 -0
  60. package/dist/radio-buttons/radio-buttons.d.ts.map +1 -0
  61. package/dist/radio-buttons/radio-buttons.js +71 -0
  62. package/dist/radio-buttons/radio-buttons.js.map +1 -0
  63. package/dist/select/index.d.ts +2 -0
  64. package/dist/select/index.js +2 -0
  65. package/dist/select/select.d.ts +40 -0
  66. package/dist/select/select.d.ts.map +1 -0
  67. package/dist/select/select.js +198 -0
  68. package/dist/select/select.js.map +1 -0
  69. package/dist/styles.css +2843 -0
  70. package/dist/table/index.d.ts +2 -0
  71. package/dist/table/index.js +2 -0
  72. package/dist/table/table.d.ts +61 -0
  73. package/dist/table/table.d.ts.map +1 -0
  74. package/dist/table/table.js +208 -0
  75. package/dist/table/table.js.map +1 -0
  76. package/dist/tabs/index.d.ts +2 -0
  77. package/dist/tabs/index.js +2 -0
  78. package/dist/tabs/tabs.d.ts +62 -0
  79. package/dist/tabs/tabs.d.ts.map +1 -0
  80. package/dist/tabs/tabs.js +120 -0
  81. package/dist/tabs/tabs.js.map +1 -0
  82. package/dist/textarea/index.d.ts +2 -0
  83. package/dist/textarea/index.js +2 -0
  84. package/dist/textarea/textarea.d.ts +26 -0
  85. package/dist/textarea/textarea.d.ts.map +1 -0
  86. package/dist/textarea/textarea.js +74 -0
  87. package/dist/textarea/textarea.js.map +1 -0
  88. package/dist/toggle/index.d.ts +2 -0
  89. package/dist/toggle/index.js +2 -0
  90. package/dist/toggle/toggle.d.ts +151 -0
  91. package/dist/toggle/toggle.d.ts.map +1 -0
  92. package/dist/toggle/toggle.js +145 -0
  93. package/dist/toggle/toggle.js.map +1 -0
  94. package/dist/tooltip/index.d.ts +2 -0
  95. package/dist/tooltip/index.js +2 -0
  96. package/dist/tooltip/tooltip.d.ts +59 -0
  97. package/dist/tooltip/tooltip.d.ts.map +1 -0
  98. package/dist/tooltip/tooltip.js +86 -0
  99. package/dist/tooltip/tooltip.js.map +1 -0
  100. package/dist/utils/cx.d.ts +21 -0
  101. package/dist/utils/cx.d.ts.map +1 -0
  102. package/dist/utils/cx.js +75 -0
  103. package/dist/utils/cx.js.map +1 -0
  104. package/dist/utils/is-react-component.d.ts +9 -0
  105. package/dist/utils/is-react-component.d.ts.map +1 -0
  106. package/dist/utils/is-react-component.js +17 -0
  107. package/dist/utils/is-react-component.js.map +1 -0
  108. package/dist/utils/tv.d.ts +6 -0
  109. package/dist/utils/tv.d.ts.map +1 -0
  110. package/dist/utils/tv.js +11 -0
  111. package/dist/utils/tv.js.map +1 -0
  112. package/package.json +146 -0
@@ -0,0 +1,75 @@
1
+ import { extendTailwindMerge } from "tailwind-merge";
2
+ //#region src/utils/cx.ts
3
+ const twMergeConfig = { extend: {
4
+ theme: {
5
+ text: [
6
+ "xxs",
7
+ "xs",
8
+ "sm",
9
+ "md",
10
+ "lg",
11
+ "xl",
12
+ "display-xs",
13
+ "display-sm",
14
+ "display-md",
15
+ "display-lg",
16
+ "display-xl",
17
+ "display-2xl"
18
+ ],
19
+ radius: [
20
+ "none",
21
+ "xs",
22
+ "sm",
23
+ "md",
24
+ "lg",
25
+ "xl",
26
+ "2xl",
27
+ "3xl",
28
+ "full"
29
+ ],
30
+ shadow: [
31
+ "xs",
32
+ "sm",
33
+ "md",
34
+ "lg",
35
+ "xl",
36
+ "2xl",
37
+ "3xl",
38
+ "skeuomorphic",
39
+ "xs-skeuomorphic"
40
+ ]
41
+ },
42
+ classGroups: {
43
+ "ring-color": [{ ring: [
44
+ "primary",
45
+ "secondary",
46
+ "secondary_alt",
47
+ "tertiary",
48
+ "disabled",
49
+ "error",
50
+ "error_subtle",
51
+ "brand",
52
+ "brand_alt",
53
+ "brand-solid",
54
+ "brand-solid_hover"
55
+ ] }],
56
+ "outline-color": [{ outline: [
57
+ "primary",
58
+ "secondary",
59
+ "secondary_alt",
60
+ "tertiary",
61
+ "disabled",
62
+ "error",
63
+ "error_subtle",
64
+ "brand",
65
+ "brand_alt",
66
+ "brand-solid",
67
+ "brand-solid_hover"
68
+ ] }]
69
+ }
70
+ } };
71
+ const cx = extendTailwindMerge(twMergeConfig);
72
+ //#endregion
73
+ export { cx, twMergeConfig };
74
+
75
+ //# sourceMappingURL=cx.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cx.js","names":[],"sources":["../../src/utils/cx.ts"],"sourcesContent":["import { extendTailwindMerge } from 'tailwind-merge';\n\nexport const twMergeConfig = {\n extend: {\n theme: {\n text: [\n 'xxs',\n 'xs',\n 'sm',\n 'md',\n 'lg',\n 'xl',\n 'display-xs',\n 'display-sm',\n 'display-md',\n 'display-lg',\n 'display-xl',\n 'display-2xl',\n ],\n radius: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full'],\n shadow: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'skeuomorphic', 'xs-skeuomorphic'],\n },\n classGroups: {\n 'ring-color': [\n {\n ring: [\n 'primary',\n 'secondary',\n 'secondary_alt',\n 'tertiary',\n 'disabled',\n 'error',\n 'error_subtle',\n 'brand',\n 'brand_alt',\n 'brand-solid',\n 'brand-solid_hover',\n ],\n },\n ],\n 'outline-color': [\n {\n outline: [\n 'primary',\n 'secondary',\n 'secondary_alt',\n 'tertiary',\n 'disabled',\n 'error',\n 'error_subtle',\n 'brand',\n 'brand_alt',\n 'brand-solid',\n 'brand-solid_hover',\n ],\n },\n ],\n },\n },\n} as const;\n\nexport const cx = extendTailwindMerge(twMergeConfig);\n"],"mappings":";;AAEA,MAAa,gBAAgB,EAC3B,QAAQ;CACN,OAAO;EACL,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EACA,QAAQ;GAAC;GAAQ;GAAM;GAAM;GAAM;GAAM;GAAM;GAAO;GAAO;EAAM;EACnE,QAAQ;GAAC;GAAM;GAAM;GAAM;GAAM;GAAM;GAAO;GAAO;GAAgB;EAAiB;CACxF;CACA,aAAa;EACX,cAAc,CACZ,EACE,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EACF,CACF;EACA,iBAAiB,CACf,EACE,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EACF,CACF;CACF;AACF,EACF;AAEA,MAAa,KAAK,oBAAoB,aAAa"}
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ //#region src/utils/is-react-component.d.ts
3
+ type ReactComponent = React.FC<any> | React.ComponentClass<any, any>;
4
+ export declare const isFunctionComponent: (component: any) => component is React.FC<any>;
5
+ export declare const isClassComponent: (component: any) => component is React.ComponentClass<any, any>;
6
+ export declare const isForwardRefComponent: (component: any) => component is React.ForwardRefExoticComponent<any>;
7
+ export declare const isReactComponent: (component: any) => component is ReactComponent;
8
+ //#endregion
9
+ //# sourceMappingURL=is-react-component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"is-react-component.d.ts","names":[],"sources":["../../src/utils/is-react-component.ts"],"mappings":";;KAIK,iBAAiB,MAAM,UAAU,MAAM;qBAE/B,sBAAuB,mBAAiB,aAAa,MAAM;qBAI3D,mBAAoB,mBAAiB,aAAa,MAAM;qBAQxD,wBACX,mBACC,aAAa,MAAM;qBAQT,mBAAoB,mBAAiB,aAAa"}
@@ -0,0 +1,17 @@
1
+ //#region src/utils/is-react-component.ts
2
+ const isFunctionComponent = (component) => {
3
+ return typeof component === "function";
4
+ };
5
+ const isClassComponent = (component) => {
6
+ return typeof component === "function" && component.prototype && (!!component.prototype.isReactComponent || !!component.prototype.render);
7
+ };
8
+ const isForwardRefComponent = (component) => {
9
+ return typeof component === "object" && component !== null && component.$$typeof?.toString() === "Symbol(react.forward_ref)";
10
+ };
11
+ const isReactComponent = (component) => {
12
+ return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);
13
+ };
14
+ //#endregion
15
+ export { isClassComponent, isForwardRefComponent, isFunctionComponent, isReactComponent };
16
+
17
+ //# sourceMappingURL=is-react-component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"is-react-component.js","names":[],"sources":["../../src/utils/is-react-component.ts"],"sourcesContent":["/* @kavagy-source: untitledui/src/utils/is-react-component.ts */\n// `any` is load-bearing here: `unknown` would break every type-guard return below.\nimport type React from 'react';\n\ntype ReactComponent = React.FC<any> | React.ComponentClass<any, any>;\n\nexport const isFunctionComponent = (component: any): component is React.FC<any> => {\n return typeof component === 'function';\n};\n\nexport const isClassComponent = (component: any): component is React.ComponentClass<any, any> => {\n return (\n typeof component === 'function' &&\n component.prototype &&\n (!!component.prototype.isReactComponent || !!component.prototype.render)\n );\n};\n\nexport const isForwardRefComponent = (\n component: any,\n): component is React.ForwardRefExoticComponent<any> => {\n return (\n typeof component === 'object' &&\n component !== null &&\n component.$$typeof?.toString() === 'Symbol(react.forward_ref)'\n );\n};\n\nexport const isReactComponent = (component: any): component is ReactComponent => {\n return (\n isFunctionComponent(component) ||\n isForwardRefComponent(component) ||\n isClassComponent(component)\n );\n};\n"],"mappings":";AAMA,MAAa,uBAAuB,cAA+C;CACjF,OAAO,OAAO,cAAc;AAC9B;AAEA,MAAa,oBAAoB,cAAgE;CAC/F,OACE,OAAO,cAAc,cACrB,UAAU,cACT,CAAC,CAAC,UAAU,UAAU,oBAAoB,CAAC,CAAC,UAAU,UAAU;AAErE;AAEA,MAAa,yBACX,cACsD;CACtD,OACE,OAAO,cAAc,YACrB,cAAc,QACd,UAAU,UAAU,SAAS,MAAM;AAEvC;AAEA,MAAa,oBAAoB,cAAgD;CAC/E,OACE,oBAAoB,SAAS,KAC7B,sBAAsB,SAAS,KAC/B,iBAAiB,SAAS;AAE9B"}
@@ -0,0 +1,6 @@
1
+ import { VariantProps } from "tailwind-variants";
2
+ //#region src/utils/tv.d.ts
3
+ export declare const tv: import("tailwind-variants").CreateTV;
4
+ //#endregion
5
+ export type { VariantProps };
6
+ //# sourceMappingURL=tv.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tv.d.ts","names":[],"sources":["../../src/utils/tv.ts"],"mappings":";;qBAGa,gCAAE"}
@@ -0,0 +1,11 @@
1
+ import { twMergeConfig } from "./cx.js";
2
+ import { createTV } from "tailwind-variants";
3
+ //#region src/utils/tv.ts
4
+ const tv = createTV({
5
+ twMerge: true,
6
+ twMergeConfig
7
+ });
8
+ //#endregion
9
+ export { tv };
10
+
11
+ //# sourceMappingURL=tv.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tv.js","names":[],"sources":["../../src/utils/tv.ts"],"sourcesContent":["import { createTV } from 'tailwind-variants';\nimport { twMergeConfig } from './cx';\n\nexport const tv = createTV({ twMerge: true, twMergeConfig });\nexport type { VariantProps } from 'tailwind-variants';\n"],"mappings":";;;AAGA,MAAa,KAAK,SAAS;CAAE,SAAS;CAAM;AAAc,CAAC"}
package/package.json ADDED
@@ -0,0 +1,146 @@
1
+ {
2
+ "name": "@kavagy/react",
3
+ "version": "0.1.1",
4
+ "license": "UNLICENSED",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "git+https://github.com/VResearchLab/kavagy-ui-release.git",
8
+ "directory": "packages/react"
9
+ },
10
+ "private": false,
11
+ "type": "module",
12
+ "sideEffects": [
13
+ "**/*.css"
14
+ ],
15
+ "files": [
16
+ "dist",
17
+ "README.md",
18
+ "CHANGELOG.md",
19
+ "THIRD_PARTY_NOTICES.md"
20
+ ],
21
+ "publishConfig": {
22
+ "access": "public"
23
+ },
24
+ "exports": {
25
+ "./package.json": "./package.json",
26
+ "./styles.css": "./dist/styles.css",
27
+ "./avatar": {
28
+ "types": "./dist/avatar/index.d.ts",
29
+ "import": "./dist/avatar/index.js"
30
+ },
31
+ "./badges": {
32
+ "types": "./dist/badges/index.d.ts",
33
+ "import": "./dist/badges/index.js"
34
+ },
35
+ "./button": {
36
+ "types": "./dist/button/index.d.ts",
37
+ "import": "./dist/button/index.js"
38
+ },
39
+ "./button-utility": {
40
+ "types": "./dist/button-utility/index.d.ts",
41
+ "import": "./dist/button-utility/index.js"
42
+ },
43
+ "./checkbox": {
44
+ "types": "./dist/checkbox/index.d.ts",
45
+ "import": "./dist/checkbox/index.js"
46
+ },
47
+ "./dropdown": {
48
+ "types": "./dist/dropdown/index.d.ts",
49
+ "import": "./dist/dropdown/index.js"
50
+ },
51
+ "./featured-icon": {
52
+ "types": "./dist/featured-icon/index.d.ts",
53
+ "import": "./dist/featured-icon/index.js"
54
+ },
55
+ "./input": {
56
+ "types": "./dist/input/index.d.ts",
57
+ "import": "./dist/input/index.js"
58
+ },
59
+ "./modal": {
60
+ "types": "./dist/modal/index.d.ts",
61
+ "import": "./dist/modal/index.js"
62
+ },
63
+ "./radio-buttons": {
64
+ "types": "./dist/radio-buttons/index.d.ts",
65
+ "import": "./dist/radio-buttons/index.js"
66
+ },
67
+ "./select": {
68
+ "types": "./dist/select/index.d.ts",
69
+ "import": "./dist/select/index.js"
70
+ },
71
+ "./table": {
72
+ "types": "./dist/table/index.d.ts",
73
+ "import": "./dist/table/index.js"
74
+ },
75
+ "./tabs": {
76
+ "types": "./dist/tabs/index.d.ts",
77
+ "import": "./dist/tabs/index.js"
78
+ },
79
+ "./textarea": {
80
+ "types": "./dist/textarea/index.d.ts",
81
+ "import": "./dist/textarea/index.js"
82
+ },
83
+ "./toggle": {
84
+ "types": "./dist/toggle/index.d.ts",
85
+ "import": "./dist/toggle/index.js"
86
+ },
87
+ "./tooltip": {
88
+ "types": "./dist/tooltip/index.d.ts",
89
+ "import": "./dist/tooltip/index.js"
90
+ },
91
+ "./utils/cx": {
92
+ "types": "./dist/utils/cx.d.ts",
93
+ "import": "./dist/utils/cx.js"
94
+ },
95
+ "./utils/tv": {
96
+ "types": "./dist/utils/tv.d.ts",
97
+ "import": "./dist/utils/tv.js"
98
+ },
99
+ "./utils/is-react-component": {
100
+ "types": "./dist/utils/is-react-component.d.ts",
101
+ "import": "./dist/utils/is-react-component.js"
102
+ }
103
+ },
104
+ "peerDependencies": {
105
+ "react": "^18.3.1 || ^19.0.0",
106
+ "react-dom": "^18.3.1 || ^19.0.0"
107
+ },
108
+ "dependencies": {
109
+ "@kavagy/icons": "^0.1.0",
110
+ "@kavagy/tokens": "^0.1.1",
111
+ "react-aria": "^3.47.0",
112
+ "react-aria-components": "^1.21.1",
113
+ "tailwind-merge": "^3.7.0",
114
+ "tailwind-variants": "^2.1.0"
115
+ },
116
+ "devDependencies": {
117
+ "@kavagy/tsconfig": "0.0.0",
118
+ "@storybook/react": "^10.0.4",
119
+ "@tailwindcss/cli": "^4.2.2",
120
+ "@testing-library/jest-dom": "^6.9.1",
121
+ "@testing-library/react": "^16.3.0",
122
+ "@testing-library/user-event": "^14.6.1",
123
+ "@types/react": "^19.2.14",
124
+ "@types/react-dom": "^19.2.3",
125
+ "@vitejs/plugin-react": "^5.0.0",
126
+ "jsdom": "^26.1.0",
127
+ "react": "^19.2.4",
128
+ "react-dom": "^19.2.4",
129
+ "tailwindcss": "^4.2.2",
130
+ "tailwindcss-animate": "^1.0.7",
131
+ "tailwindcss-react-aria-components": "^2.0.1",
132
+ "tsdown": "^0.23.0",
133
+ "typescript": "5.9.3",
134
+ "vitest": "^3.2.3"
135
+ },
136
+ "scripts": {
137
+ "build": "tsdown && pnpm run build:css && node ../../scripts/check-use-client.mjs && node ../../scripts/smoke-exports.mjs && node ../../scripts/check-tailwind-utilities.mjs",
138
+ "build:css": "tailwindcss -i styles/styles.entry.css -o dist/styles.css",
139
+ "typecheck": "tsc -p tsconfig.json --noEmit",
140
+ "test": "vitest run",
141
+ "check:tokens": "node ../../scripts/check-no-primitive-tokens.mjs",
142
+ "check:license": "node ../../scripts/check-no-pro-components.mjs",
143
+ "check:exports": "node ../../scripts/smoke-exports.mjs",
144
+ "check:utilities": "node ../../scripts/check-tailwind-utilities.mjs"
145
+ }
146
+ }