@xjur-ui/react 1.0.0 → 1.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 (115) hide show
  1. package/.turbo/turbo-build.log +61 -57
  2. package/CHANGELOG.md +11 -0
  3. package/dist/components/avatar.d.ts +11 -0
  4. package/dist/components/avatar.js +58 -0
  5. package/dist/components/{ui/button.d.ts → button.d.ts} +2 -2
  6. package/dist/components/{ui/button.js → button.js} +9 -6
  7. package/dist/components/calendar.d.ts +11 -0
  8. package/dist/components/calendar.js +751 -0
  9. package/dist/components/checkbox.d.ts +8 -0
  10. package/dist/components/{ui/input/root.js → checkbox.js} +69 -79
  11. package/dist/components/chip.d.ts +24 -0
  12. package/dist/components/chip.js +255 -0
  13. package/dist/components/collapsible.d.ts +8 -0
  14. package/dist/components/collapsible.js +41 -0
  15. package/dist/components/date-picker.d.ts +20 -0
  16. package/dist/components/date-picker.js +230 -0
  17. package/dist/components/divider.d.ts +7 -0
  18. package/dist/components/divider.js +28 -0
  19. package/dist/components/dropdown-menu.d.ts +22 -0
  20. package/dist/components/dropdown-menu.js +294 -0
  21. package/dist/components/{resources/icons.d.ts → icon.d.ts} +11 -2
  22. package/dist/components/{ui/icon.js → icon.js} +18 -5
  23. package/dist/components/input.d.ts +32 -0
  24. package/dist/components/input.js +299 -0
  25. package/dist/components/list.d.ts +25 -0
  26. package/dist/components/{ui/input/content.js → list.js} +83 -87
  27. package/dist/components/{ui/logo.d.ts → logo.d.ts} +2 -2
  28. package/dist/components/{ui/logo.js → logo.js} +5 -5
  29. package/dist/components/{ui/otp-input.js → otp-input.js} +1 -1
  30. package/dist/components/radio.d.ts +10 -0
  31. package/dist/components/{ui/input/label.js → radio.js} +68 -77
  32. package/dist/components/search-input.d.ts +17 -0
  33. package/dist/components/search-input.js +274 -0
  34. package/dist/components/select.d.ts +33 -0
  35. package/dist/components/select.js +548 -0
  36. package/dist/components/sheet.d.ts +19 -0
  37. package/dist/components/sheet.js +251 -0
  38. package/dist/components/switch.d.ts +7 -0
  39. package/dist/components/switch.js +36 -0
  40. package/dist/components/tabs.d.ts +11 -0
  41. package/dist/components/tabs.js +54 -0
  42. package/dist/components/tag.d.ts +18 -0
  43. package/dist/components/tag.js +189 -0
  44. package/dist/components/{ui/typography.d.ts → typography.d.ts} +3 -3
  45. package/dist/components/{ui/typography.js → typography.js} +1 -1
  46. package/dist/index.css +1156 -62
  47. package/dist/index.d.ts +2 -17
  48. package/dist/index.js +0 -788
  49. package/eslint.config.js +8 -1
  50. package/package.json +40 -10
  51. package/src/components/avatar.tsx +53 -0
  52. package/src/components/{ui/button.tsx → button.tsx} +7 -5
  53. package/src/components/calendar.tsx +123 -0
  54. package/src/components/checkbox.tsx +57 -0
  55. package/src/components/chip.tsx +109 -0
  56. package/src/components/collapsible.tsx +35 -0
  57. package/src/components/date-picker.tsx +154 -0
  58. package/src/components/divider.tsx +23 -0
  59. package/src/components/dropdown-menu.tsx +101 -0
  60. package/src/components/{ui/icon.tsx → icon.tsx} +1 -1
  61. package/src/components/input.tsx +241 -0
  62. package/src/components/list.tsx +111 -0
  63. package/src/components/radio.tsx +74 -0
  64. package/src/components/search-input.tsx +112 -0
  65. package/src/components/select.tsx +234 -0
  66. package/src/components/sheet.tsx +141 -0
  67. package/src/components/switch.tsx +31 -0
  68. package/src/components/tabs.tsx +53 -0
  69. package/src/components/tag.tsx +91 -0
  70. package/src/index.css +4 -1
  71. package/src/index.ts +0 -1
  72. package/src/{components/resources → resources}/icons.ts +14 -1
  73. package/src/resources/input-mask.ts +91 -0
  74. package/dist/components/resources/icons.js +0 -133
  75. package/dist/components/resources/logo/horizontal.d.ts +0 -12
  76. package/dist/components/resources/logo/horizontal.js +0 -107
  77. package/dist/components/resources/logo/icon.d.ts +0 -12
  78. package/dist/components/resources/logo/icon.js +0 -79
  79. package/dist/components/resources/logo/index.d.ts +0 -4
  80. package/dist/components/resources/logo/index.js +0 -291
  81. package/dist/components/resources/logo/vertical.d.ts +0 -12
  82. package/dist/components/resources/logo/vertical.js +0 -107
  83. package/dist/components/ui/accordion.d.ts +0 -5
  84. package/dist/components/ui/accordion.js +0 -8
  85. package/dist/components/ui/icon.d.ts +0 -12
  86. package/dist/components/ui/index.d.ts +0 -17
  87. package/dist/components/ui/index.js +0 -788
  88. package/dist/components/ui/input/content.d.ts +0 -9
  89. package/dist/components/ui/input/index.d.ts +0 -12
  90. package/dist/components/ui/input/index.js +0 -335
  91. package/dist/components/ui/input/label.d.ts +0 -12
  92. package/dist/components/ui/input/message.d.ts +0 -10
  93. package/dist/components/ui/input/message.js +0 -128
  94. package/dist/components/ui/input/root.d.ts +0 -18
  95. package/dist/components/ui/input/slot.d.ts +0 -10
  96. package/dist/components/ui/input/slot.js +0 -20
  97. package/dist/components/ui/input/text.d.ts +0 -10
  98. package/dist/components/ui/input/text.js +0 -195
  99. package/src/components/ui/accordion.tsx +0 -3
  100. package/src/components/ui/index.ts +0 -13
  101. package/src/components/ui/input/content.tsx +0 -59
  102. package/src/components/ui/input/index.ts +0 -6
  103. package/src/components/ui/input/label.tsx +0 -41
  104. package/src/components/ui/input/message.tsx +0 -37
  105. package/src/components/ui/input/root.tsx +0 -57
  106. package/src/components/ui/input/slot.tsx +0 -21
  107. package/src/components/ui/input/text.tsx +0 -69
  108. /package/dist/components/{ui/otp-input.d.ts → otp-input.d.ts} +0 -0
  109. /package/src/components/{ui/logo.tsx → logo.tsx} +0 -0
  110. /package/src/components/{ui/otp-input.tsx → otp-input.tsx} +0 -0
  111. /package/src/components/{ui/typography.tsx → typography.tsx} +0 -0
  112. /package/src/{components/resources → resources}/logo/horizontal.tsx +0 -0
  113. /package/src/{components/resources → resources}/logo/icon.tsx +0 -0
  114. /package/src/{components/resources → resources}/logo/index.ts +0 -0
  115. /package/src/{components/resources → resources}/logo/vertical.tsx +0 -0
@@ -1,107 +0,0 @@
1
- // src/components/resources/logo/vertical.tsx
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- function LogoVerticalSolid({ color }) {
4
- return /* @__PURE__ */ jsxs(
5
- "svg",
6
- {
7
- fill: "none",
8
- height: "50",
9
- viewBox: "0 0 63 50",
10
- width: "63",
11
- xmlns: "http://www.w3.org/2000/svg",
12
- children: [
13
- /* @__PURE__ */ jsx(
14
- "path",
15
- {
16
- d: "M58.102 41.769c4.755-1.796 4.738-9.325-.024-11.12-.943-.407-1.952-.497-2.966-.498-3.344.002-6.688-.02-10.03.006V49.98h4.901c0-2.47.002-4.937-.004-7.406 0-.174.051-.221.221-.22q1.265.014 2.53 0c.168-.002.251.06.33.2 1.379 2.426 2.763 4.85 4.142 7.275.067.118.138.167.277.167 1.842-.017 3.68.02 5.52-.017zm-2.58-3.982c-.224.048-.459.068-.688.07-1.556.006-3.111.002-4.667.006-.134 0-.188-.032-.187-.178q.01-1.412 0-2.824c0-.157.06-.187.2-.186.842.005 4.203.008 5.038.033.714.02 1.357.522 1.54 1.136.253.858-.301 1.74-1.235 1.943M.739 30.148l5.775-.003c.148 0 .234.044.315.169l3.523 5.338 3.516-5.33c.085-.13.173-.178.33-.178l5.772.004-6.623 9.204c-.103.142-.097.23.003.368L20.727 50H14.81c-.127 0-.19-.05-.255-.148l-4.199-6.408-4.17 6.378c-.084.13-.172.179-.329.178L0 49.996l7.34-10.253c.12-.167.108-.268-.008-.429zM31.43 30.153c.097 0 .176.079.176.176l.003 10.278c.002 1.018.183 2.004.67 2.912.782 1.455 2.111 2.006 3.593 1.862 1.715-.167 2.673-1.224 3.18-2.785.223-.688.27-1.4.27-2.118V30.275a.13.13 0 0 1 .13-.13h4.662a.13.13 0 0 1 .13.13l-.008 10.223c0 1.361-.151 2.7-.658 3.976-1.235 3.11-3.488 4.956-6.804 5.42-2.05.287-4.019-.017-5.826-1.077-2.034-1.193-3.267-3-3.894-5.25a9.4 9.4 0 0 1-.356-2.487l-.03-10.758c0-.098.08-.177.177-.177l4.586.007",
17
- fill: color
18
- }
19
- ),
20
- /* @__PURE__ */ jsx(
21
- "path",
22
- {
23
- d: "M18.35 44.95c.155.038.285.074.417.1 1.008.192 1.878-.428 2.01-1.451a9 9 0 0 0 .063-1.158l.003-12.146a.15.15 0 0 1 .15-.15l4.621.003c.073 0 .133.06.133.132v12.168c-.002 1.002-.06 2.003-.387 2.963-.631 1.85-1.83 3.188-3.602 4.006-.102.047-.17.066-.252-.049z",
24
- fill: color
25
- }
26
- ),
27
- /* @__PURE__ */ jsx(
28
- "path",
29
- {
30
- d: "m36.738 14.363 1.201-1.202c1.549 1.507 3.065 3.055 4.602 4.575 1.843 1.641 2.047 4.679.096 6.314-5.965 4.847-8.34-7.021-12.57-4.062-.898.72-1.69 1.553-2.48 2.385-1.047 1.08-1.954 2.45-3.557 2.656-3.952 1.004-6.748-4.05-3.903-6.918l3.407-3.328c.35-.26.81-.352 1.165-.018.418.392.277.926-.116 1.285l-3.397 3.48c-1.63 1.999.894 4.833 3.025 3.558 1.463-.762 2.435-2.146 3.59-3.281 3.38-3.854 5.97-1.74 8.775 1.338.49.484.949 1.002 1.444 1.481 2.533 2.454 5.9-1.151 3.424-3.583-1.553-1.575-3.15-3.109-4.705-4.68",
31
- fill: color
32
- }
33
- ),
34
- /* @__PURE__ */ jsx(
35
- "path",
36
- {
37
- d: "m22.535 9.428 1.14-1.143c.033.03 4.257 4.125 6.292 6.16.727.726 2.33.753 3.077-.013a904 904 0 0 1 8.544-8.636c2.063-2.027-.76-5.235-3.012-3.66-1.39 1.015-2.487 2.386-3.73 3.572-.278.28-.616.346-.938.187-.447-.21-.657-.841-.316-1.233 1.02-1.254 2.223-2.348 3.38-3.473 2.646-2.616 7.386-.512 7.068 3.199-.026 1.1-.462 2.04-1.236 2.803-2.895 2.857-5.81 5.695-8.7 8.555-.556.55-1.19.873-1.953.964-1.043.125-2.026-.05-2.917-.623-2.016-1.666-6.558-6.62-6.699-6.66",
38
- fill: color
39
- }
40
- ),
41
- /* @__PURE__ */ jsx(
42
- "path",
43
- {
44
- d: "m35.55 10.646-1.192 1.2c-2.907-3.11-6.04-5.997-9.047-9.007-.44-.434-.901-.835-1.505-1.019-2.141-.718-4.149 2.184-2.573 3.9a32 32 0 0 0 1.863 1.88l-1.237 1.213c-.572-.53-1.108-1.146-1.676-1.686-3.32-3.144.722-9.057 5.036-6.503.39.226.764.51 1.085.83 3.11 3.03 6.105 6.21 9.247 9.192",
45
- fill: color
46
- }
47
- )
48
- ]
49
- }
50
- );
51
- }
52
- function LogoVerticalColorful() {
53
- return /* @__PURE__ */ jsxs(
54
- "svg",
55
- {
56
- fill: "none",
57
- height: "50",
58
- viewBox: "0 0 63 50",
59
- width: "63",
60
- xmlns: "http://www.w3.org/2000/svg",
61
- children: [
62
- /* @__PURE__ */ jsx(
63
- "path",
64
- {
65
- d: "M58.102 41.769c4.755-1.796 4.738-9.325-.024-11.12-.943-.407-1.952-.497-2.966-.498-3.344.002-6.688-.02-10.03.006V49.98h4.901c0-2.47.002-4.937-.004-7.406 0-.174.051-.221.221-.22q1.265.014 2.53 0c.168-.002.251.06.33.2 1.379 2.426 2.763 4.85 4.142 7.275.067.118.138.167.277.167 1.842-.017 3.68.02 5.52-.017zm-2.58-3.982c-.224.048-.459.068-.688.07-1.556.006-3.111.002-4.667.006-.134 0-.188-.032-.187-.178q.01-1.412 0-2.824c0-.157.06-.187.2-.186.842.005 4.203.008 5.038.033.714.02 1.357.522 1.54 1.136.253.858-.301 1.74-1.235 1.943M.739 30.148l5.775-.003c.148 0 .234.044.315.169l3.523 5.338 3.516-5.33c.085-.13.173-.178.33-.178l5.772.004-6.623 9.204c-.103.142-.097.23.003.368L20.727 50H14.81c-.127 0-.19-.05-.255-.148l-4.199-6.408-4.17 6.378c-.084.13-.172.179-.329.178L0 49.996l7.34-10.253c.12-.167.108-.268-.008-.429zM31.43 30.153c.097 0 .176.079.176.176l.003 10.278c.002 1.018.183 2.004.67 2.912.782 1.455 2.111 2.006 3.593 1.862 1.715-.167 2.673-1.224 3.18-2.785.223-.688.27-1.4.27-2.118V30.275a.13.13 0 0 1 .13-.13h4.662a.13.13 0 0 1 .13.13l-.008 10.223c0 1.361-.151 2.7-.658 3.976-1.235 3.11-3.488 4.956-6.804 5.42-2.05.287-4.019-.017-5.826-1.077-2.034-1.193-3.267-3-3.894-5.25a9.4 9.4 0 0 1-.356-2.487l-.03-10.758c0-.098.08-.177.177-.177l4.586.007",
66
- fill: "#504E50"
67
- }
68
- ),
69
- /* @__PURE__ */ jsx(
70
- "path",
71
- {
72
- d: "M18.35 44.95c.155.038.285.074.417.1 1.008.192 1.878-.428 2.01-1.451a9 9 0 0 0 .063-1.158l.003-12.146a.15.15 0 0 1 .15-.15l4.621.003c.073 0 .133.06.133.132v12.168c-.002 1.002-.06 2.003-.387 2.963-.631 1.85-1.83 3.188-3.602 4.006-.102.047-.17.066-.252-.049z",
73
- fill: "#504E50"
74
- }
75
- ),
76
- /* @__PURE__ */ jsx(
77
- "path",
78
- {
79
- d: "m36.738 14.363 1.201-1.202c1.549 1.507 3.065 3.055 4.602 4.575 1.843 1.641 2.047 4.679.096 6.314-5.965 4.847-8.34-7.021-12.57-4.062-.898.72-1.69 1.553-2.48 2.385-1.047 1.08-1.954 2.45-3.557 2.656-3.952 1.004-6.748-4.05-3.903-6.918l3.407-3.328c.35-.26.81-.352 1.165-.018.418.392.277.926-.116 1.285l-3.397 3.48c-1.63 1.999.894 4.833 3.025 3.558 1.463-.762 2.435-2.146 3.59-3.281 3.38-3.854 5.97-1.74 8.775 1.338.49.484.949 1.002 1.444 1.481 2.533 2.454 5.9-1.151 3.424-3.583-1.553-1.575-3.15-3.109-4.705-4.68",
80
- fill: "#D68600"
81
- }
82
- ),
83
- /* @__PURE__ */ jsx(
84
- "path",
85
- {
86
- d: "m22.535 9.428 1.14-1.143c.033.03 4.257 4.125 6.292 6.16.727.726 2.33.753 3.077-.013a904 904 0 0 1 8.544-8.636c2.063-2.027-.76-5.235-3.012-3.66-1.39 1.015-2.487 2.386-3.73 3.572-.278.28-.616.346-.938.187-.447-.21-.657-.841-.316-1.233 1.02-1.254 2.223-2.348 3.38-3.473 2.646-2.616 7.386-.512 7.068 3.199-.026 1.1-.462 2.04-1.236 2.803-2.895 2.857-5.81 5.695-8.7 8.555-.556.55-1.19.873-1.953.964-1.043.125-2.026-.05-2.917-.623-2.016-1.666-6.558-6.62-6.699-6.66",
87
- fill: "#66127D"
88
- }
89
- ),
90
- /* @__PURE__ */ jsx(
91
- "path",
92
- {
93
- d: "m35.55 10.646-1.192 1.2c-2.907-3.11-6.04-5.997-9.047-9.007-.44-.434-.901-.835-1.505-1.019-2.141-.718-4.149 2.184-2.573 3.9a32 32 0 0 0 1.863 1.88l-1.237 1.213c-.572-.53-1.108-1.146-1.676-1.686-3.32-3.144.722-9.057 5.036-6.503.39.226.764.51 1.085.83 3.11 3.03 6.105 6.21 9.247 9.192",
94
- fill: "#D68600"
95
- }
96
- )
97
- ]
98
- }
99
- );
100
- }
101
- var Vertical = {
102
- Solid: LogoVerticalSolid,
103
- Colorful: LogoVerticalColorful
104
- };
105
- export {
106
- Vertical
107
- };
@@ -1,5 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare function Accordion(): react_jsx_runtime.JSX.Element;
4
-
5
- export { Accordion };
@@ -1,8 +0,0 @@
1
- // src/components/ui/accordion.tsx
2
- import { jsx } from "react/jsx-runtime";
3
- function Accordion() {
4
- return /* @__PURE__ */ jsx("div", { children: "Accordion Test" });
5
- }
6
- export {
7
- Accordion
8
- };
@@ -1,12 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ComponentProps } from 'react';
3
- import { IconType } from '../resources/icons.js';
4
- export { icons } from '../resources/icons.js';
5
-
6
- type IconProps = {
7
- name: IconType;
8
- filled?: boolean;
9
- } & ComponentProps<'span'>;
10
- declare function Icon({ className, filled, name, ...props }: IconProps): react_jsx_runtime.JSX.Element;
11
-
12
- export { Icon, type IconProps, IconType };
@@ -1,17 +0,0 @@
1
- export { Button, ButtonProps } from './button.js';
2
- export { Icon, IconProps } from './icon.js';
3
- export { Typography, TypographyProps } from './typography.js';
4
- export { Logo, LogoProps } from './logo.js';
5
- export { InputRoot, InputRootProps } from './input/root.js';
6
- export { InputText, InputTextProps } from './input/text.js';
7
- export { InputContent, InputContentProps } from './input/content.js';
8
- export { InputSlot, InputSlotProps } from './input/slot.js';
9
- export { OTPInput } from './otp-input.js';
10
- export { Accordion } from './accordion.js';
11
- import 'react/jsx-runtime';
12
- import 'class-variance-authority/types';
13
- import 'react';
14
- import '@xjur-ui/util';
15
- import '../resources/icons.js';
16
- import '@react-input/mask';
17
- import '@radix-ui/react-one-time-password-field';