@konstructio/ui 0.0.9 → 0.0.11

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 (100) hide show
  1. package/dist/{Modal-Ca3bkvvt.js → Modal-L73dmnHv.js} +240 -235
  2. package/dist/components/AlertDialog/AlertDialog.js +37 -30
  3. package/dist/components/AlertDialog/AlertDialog.types.d.ts +7 -2
  4. package/dist/components/Autocomplete/Autocomplete.js +42 -37
  5. package/dist/components/Autocomplete/components/List/List.js +60 -0
  6. package/dist/components/Autocomplete/components/{List.types.d.ts → List/List.types.d.ts} +3 -3
  7. package/dist/components/Autocomplete/components/{List.variants.js → List/List.variants.js} +1 -1
  8. package/dist/components/Autocomplete/components/index.d.ts +1 -0
  9. package/dist/components/Autocomplete/components/index.js +4 -0
  10. package/dist/components/Breadcrumb/Breadcrumb.js +44 -39
  11. package/dist/components/Button/Button.variants.d.ts +2 -2
  12. package/dist/components/Button/Button.variants.js +142 -8
  13. package/dist/components/Card/Card.js +30 -25
  14. package/dist/components/Checkbox/Checkbox.js +56 -51
  15. package/dist/components/Dropdown/components/ListItem/ListItem.js +18 -17
  16. package/dist/components/Dropdown/components/Wrapper.js +15 -15
  17. package/dist/components/Input/Input.js +4 -4
  18. package/dist/components/Modal/Modal.js +1 -1
  19. package/dist/components/Modal/components/Footer/Footer.js +5 -4
  20. package/dist/components/Modal/components/Header/Header.js +4 -3
  21. package/dist/components/Modal/components/Wrapper/Wrapper.js +4 -3
  22. package/dist/components/Modal/components/index.js +1 -1
  23. package/dist/components/NumberInput/NumberInput.js +78 -69
  24. package/dist/components/ProgressBar/ProgressBar.js +6 -6
  25. package/dist/components/Radio/Radio.js +21 -18
  26. package/dist/components/RadioGroup/RadioGroup.js +26 -22
  27. package/dist/components/RadioGroup/RadioGroup.types.d.ts +4 -3
  28. package/dist/components/Range/Range.js +40 -40
  29. package/dist/components/Sidebar/Sidebar.d.ts +5 -0
  30. package/dist/components/Sidebar/Sidebar.js +27 -0
  31. package/dist/components/Sidebar/Sidebar.types.d.ts +17 -0
  32. package/dist/components/Sidebar/Sidebar.types.js +1 -0
  33. package/dist/components/Sidebar/Sidebar.variants.d.ts +6 -0
  34. package/dist/components/Sidebar/Sidebar.variants.js +56 -0
  35. package/dist/components/Sidebar/components/Footer/Footer.d.ts +3 -0
  36. package/dist/components/Sidebar/components/Footer/Footer.js +22 -0
  37. package/dist/components/Sidebar/components/Footer/Footer.types.d.ts +6 -0
  38. package/dist/components/Sidebar/components/Footer/Footer.types.js +1 -0
  39. package/dist/components/Sidebar/components/Footer/Footer.variants.d.ts +3 -0
  40. package/dist/components/Sidebar/components/Footer/Footer.variants.js +19 -0
  41. package/dist/components/Sidebar/components/Logo/Logo.d.ts +3 -0
  42. package/dist/components/Sidebar/components/Logo/Logo.js +20 -0
  43. package/dist/components/Sidebar/components/Logo/Logo.types.d.ts +6 -0
  44. package/dist/components/Sidebar/components/Logo/Logo.types.js +1 -0
  45. package/dist/components/Sidebar/components/Logo/Logo.variants.d.ts +3 -0
  46. package/dist/components/Sidebar/components/Logo/Logo.variants.js +45 -0
  47. package/dist/components/Sidebar/components/Navigation/Navigation.d.ts +4 -0
  48. package/dist/components/Sidebar/components/Navigation/Navigation.js +34 -0
  49. package/dist/components/Sidebar/components/Navigation/Navigation.types.d.ts +16 -0
  50. package/dist/components/Sidebar/components/Navigation/Navigation.types.js +1 -0
  51. package/dist/components/Sidebar/components/Navigation/Navigation.variants.d.ts +3 -0
  52. package/dist/components/Sidebar/components/Navigation/Navigation.variants.js +19 -0
  53. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts +3 -0
  54. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js +40 -0
  55. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts +7 -0
  56. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.js +1 -0
  57. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.d.ts +3 -0
  58. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.js +16 -0
  59. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.d.ts +3 -0
  60. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js +29 -0
  61. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts +15 -0
  62. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.js +1 -0
  63. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.d.ts +3 -0
  64. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js +39 -0
  65. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts +3 -0
  66. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js +24 -0
  67. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts +5 -0
  68. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.js +1 -0
  69. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.d.ts +3 -0
  70. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js +19 -0
  71. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts +3 -0
  72. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js +26 -0
  73. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts +7 -0
  74. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.js +1 -0
  75. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.d.ts +3 -0
  76. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js +23 -0
  77. package/dist/components/Sidebar/components/Wrapper/Wrapper.d.ts +3 -0
  78. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +84 -0
  79. package/dist/components/Sidebar/components/index.d.ts +15 -0
  80. package/dist/components/Sidebar/components/index.js +18 -0
  81. package/dist/components/Slider/Slider.js +25 -25
  82. package/dist/components/Switch/Switch.js +30 -30
  83. package/dist/components/Tag/Tag.js +5 -4
  84. package/dist/components/TagSelect/TagSelect.js +24 -24
  85. package/dist/components/TextArea/TextArea.js +17 -16
  86. package/dist/components/Toast/Toast.js +103 -97
  87. package/dist/components/Tooltip/Tooltip.js +12 -12
  88. package/dist/components/index.d.ts +1 -0
  89. package/dist/components/index.js +44 -30
  90. package/dist/index.js +47 -33
  91. package/dist/package.json +31 -16
  92. package/dist/plugins/utils/colors.d.ts +5 -0
  93. package/dist/plugins/utils/colors.js +6 -1
  94. package/dist/styles.css +1 -1
  95. package/dist/utils/index.js +747 -530
  96. package/package.json +31 -16
  97. package/dist/components/Autocomplete/components/List.js +0 -57
  98. /package/dist/components/Autocomplete/components/{List.d.ts → List/List.d.ts} +0 -0
  99. /package/dist/components/Autocomplete/components/{List.types.js → List/List.types.js} +0 -0
  100. /package/dist/components/Autocomplete/components/{List.variants.d.ts → List/List.variants.d.ts} +0 -0
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@konstructio/ui",
3
3
  "description": "A set of reusable and customizable React components built for konstruct.io",
4
4
  "private": false,
5
- "version": "0.0.9",
5
+ "version": "0.0.11",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -69,16 +69,26 @@
69
69
  "react-feather": "^2.0.10",
70
70
  "react-focus-lock": "^2.13.5",
71
71
  "react-remove-scroll": "^2.6.3",
72
- "tailwind-merge": "^2.6.0"
72
+ "tailwind-merge": "^3.0.1"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "@types/react": "*",
76
76
  "@types/react-dom": "*",
77
77
  "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
78
78
  "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0",
79
- "react-router-dom": "^7"
79
+ "react-router-dom": "^7",
80
+ "tailwindcss": "^3"
80
81
  },
81
82
  "peerDependenciesMeta": {
83
+ "react": {
84
+ "optional": false
85
+ },
86
+ "react-dom": {
87
+ "optional": false
88
+ },
89
+ "tailwindcss": {
90
+ "optional": false
91
+ },
82
92
  "@types/react": {
83
93
  "optional": true
84
94
  },
@@ -90,26 +100,28 @@
90
100
  }
91
101
  },
92
102
  "devDependencies": {
93
- "@storybook/addon-docs": "^8.5.2",
94
- "@storybook/addon-essentials": "^8.5.2",
95
- "@storybook/addon-interactions": "^8.5.2",
96
- "@storybook/addon-links": "^8.5.2",
103
+ "@rollup/plugin-alias": "^5.1.1",
104
+ "@storybook/addon-docs": "^8.5.3",
105
+ "@storybook/addon-essentials": "^8.5.3",
106
+ "@storybook/addon-interactions": "^8.5.3",
107
+ "@storybook/addon-links": "^8.5.3",
97
108
  "@storybook/addon-styling-webpack": "^1.0.1",
98
- "@storybook/blocks": "^8.5.2",
99
- "@storybook/react": "^8.5.2",
100
- "@storybook/react-vite": "^8.5.2",
101
- "@storybook/test": "^8.5.2",
109
+ "@storybook/blocks": "^8.5.3",
110
+ "@storybook/react": "^8.5.3",
111
+ "@storybook/react-vite": "^8.5.3",
112
+ "@storybook/test": "^8.5.3",
102
113
  "@testing-library/jest-dom": "^6.6.3",
103
114
  "@testing-library/react": "^16.2.0",
104
115
  "@testing-library/user-event": "^14.6.1",
105
116
  "@types/jest-axe": "^3.5.9",
106
117
  "@types/js-cookie": "^3.0.6",
118
+ "@types/lodash": "^4.17.15",
107
119
  "@types/react": "^19.0.8",
108
120
  "@types/react-dom": "^19.0.3",
109
- "@typescript-eslint/eslint-plugin": "^8.21.0",
110
- "@typescript-eslint/parser": "^8.21.0",
121
+ "@typescript-eslint/eslint-plugin": "^8.23.0",
122
+ "@typescript-eslint/parser": "^8.23.0",
111
123
  "@vitejs/plugin-react": "^4.3.4",
112
- "@vitest/coverage-v8": "^3.0.4",
124
+ "@vitest/coverage-v8": "^3.0.5",
113
125
  "autoprefixer": "^10.4.20",
114
126
  "eslint": "^8.57.0",
115
127
  "eslint-plugin-react-hooks": "^4.6.2",
@@ -120,16 +132,19 @@
120
132
  "jest": "^29.7.0",
121
133
  "jest-axe": "^9.0.0",
122
134
  "jsdom": "^26.0.0",
135
+ "lodash": "^4.17.21",
123
136
  "postcss": "^8.5.1",
124
137
  "prettier": "^3.4.2",
125
138
  "rimraf": "^6.0.1",
126
- "storybook": "^8.5.2",
139
+ "storybook": "^8.5.3",
127
140
  "tailwindcss": "^3.4.17",
128
141
  "ts-node": "^10.9.2",
129
142
  "typescript": "^5.7.3",
130
143
  "vite": "^6.0.11",
131
144
  "vite-plugin-dts": "^4.5.0",
132
145
  "vite-plugin-lib-inject-css": "^2.2.1",
133
- "vitest": "^3.0.4"
146
+ "vite-plugin-svgr": "^4.3.0",
147
+ "vite-tsconfig-paths": "^5.1.4",
148
+ "vitest": "^3.0.5"
134
149
  }
135
150
  }
@@ -1,57 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { useRef as f } from "react";
3
- import { useNavigationUlList as p } from "../hooks/useNavigationList.js";
4
- import { emptyListVariants as b, listVariants as N, listItemVariants as d, buttonVariants as x } from "./List.variants.js";
5
- const y = ({
6
- className: n,
7
- inputRef: e,
8
- options: l,
9
- placeholder: a,
10
- placeholderClassName: m,
11
- variant: t,
12
- theme: s,
13
- wrapperRef: c,
14
- onClick: u
15
- }) => {
16
- const o = f(null);
17
- return p({ ulRef: o, inputRef: e, wrapperRef: c, options: l }), l.length === 0 ? /* @__PURE__ */ r(
18
- "span",
19
- {
20
- className: b({
21
- theme: s,
22
- variant: t,
23
- className: m
24
- }),
25
- children: a
26
- }
27
- ) : /* @__PURE__ */ r(
28
- "ul",
29
- {
30
- ref: o,
31
- role: "listbox",
32
- className: N({ variant: t, theme: s, className: n }),
33
- children: l.map(({ value: i }) => /* @__PURE__ */ r(
34
- "li",
35
- {
36
- role: "option",
37
- tabIndex: 0,
38
- className: d({ theme: s, variant: t }),
39
- children: /* @__PURE__ */ r(
40
- "button",
41
- {
42
- type: "button",
43
- role: "button",
44
- className: x({ theme: s, variant: t }),
45
- onClick: () => u(i),
46
- children: i
47
- }
48
- )
49
- },
50
- i
51
- ))
52
- }
53
- );
54
- };
55
- export {
56
- y as List
57
- };