@xjur-ui/react 1.0.6 → 2.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 (115) hide show
  1. package/.turbo/turbo-build.log +97 -45
  2. package/CHANGELOG.md +44 -0
  3. package/README.md +146 -0
  4. package/dist/chunk-CBFC4QME.js +2 -0
  5. package/dist/chunk-CBFC4QME.js.map +1 -0
  6. package/dist/chunk-EIG6CBTQ.js +2 -0
  7. package/dist/chunk-EIG6CBTQ.js.map +1 -0
  8. package/dist/chunk-FASEHVMD.js +2 -0
  9. package/dist/chunk-FASEHVMD.js.map +1 -0
  10. package/dist/chunk-KIFR5VIE.js +2 -0
  11. package/dist/chunk-KIFR5VIE.js.map +1 -0
  12. package/dist/chunk-KS6WGBHQ.js +2 -0
  13. package/dist/chunk-KS6WGBHQ.js.map +1 -0
  14. package/dist/chunk-NELCN6E2.js +2 -0
  15. package/dist/chunk-NELCN6E2.js.map +1 -0
  16. package/dist/chunk-NPTLORW5.js +2 -0
  17. package/dist/chunk-NPTLORW5.js.map +1 -0
  18. package/dist/chunk-RWMV7APX.js +2 -0
  19. package/dist/chunk-RWMV7APX.js.map +1 -0
  20. package/dist/chunk-SHHXKVVR.js +2 -0
  21. package/dist/chunk-SHHXKVVR.js.map +1 -0
  22. package/dist/chunk-TB6KI6CL.js +2 -0
  23. package/dist/chunk-TB6KI6CL.js.map +1 -0
  24. package/dist/components/avatar-group.js +2 -179
  25. package/dist/components/avatar-group.js.map +1 -0
  26. package/dist/components/avatar.js +2 -59
  27. package/dist/components/avatar.js.map +1 -0
  28. package/dist/components/badge.js +2 -111
  29. package/dist/components/badge.js.map +1 -0
  30. package/dist/components/button.js +2 -98
  31. package/dist/components/button.js.map +1 -0
  32. package/dist/components/calendar.js +2 -751
  33. package/dist/components/calendar.js.map +1 -0
  34. package/dist/components/checkbox.js +2 -153
  35. package/dist/components/checkbox.js.map +1 -0
  36. package/dist/components/chip.d.ts +3 -1
  37. package/dist/components/chip.js +2 -256
  38. package/dist/components/chip.js.map +1 -0
  39. package/dist/components/collapsible.js +2 -41
  40. package/dist/components/collapsible.js.map +1 -0
  41. package/dist/components/date-picker.d.ts +8 -3
  42. package/dist/components/date-picker.js +2 -232
  43. package/dist/components/date-picker.js.map +1 -0
  44. package/dist/components/divider.js +2 -29
  45. package/dist/components/divider.js.map +1 -0
  46. package/dist/components/dropdown-menu.js +2 -295
  47. package/dist/components/dropdown-menu.js.map +1 -0
  48. package/dist/components/icon.js +2 -177
  49. package/dist/components/icon.js.map +1 -0
  50. package/dist/components/input.d.ts +9 -4
  51. package/dist/components/input.js +2 -315
  52. package/dist/components/input.js.map +1 -0
  53. package/dist/components/list.js +2 -179
  54. package/dist/components/list.js.map +1 -0
  55. package/dist/components/logo.js +2 -324
  56. package/dist/components/logo.js.map +1 -0
  57. package/dist/components/otp-input.js +2 -47
  58. package/dist/components/otp-input.js.map +1 -0
  59. package/dist/components/radio.js +2 -156
  60. package/dist/components/radio.js.map +1 -0
  61. package/dist/components/rich-editor.d.ts +2 -1
  62. package/dist/components/rich-editor.js +2 -723
  63. package/dist/components/rich-editor.js.map +1 -0
  64. package/dist/components/search-input.js +2 -274
  65. package/dist/components/search-input.js.map +1 -0
  66. package/dist/components/select.d.ts +6 -3
  67. package/dist/components/select.js +2 -550
  68. package/dist/components/select.js.map +1 -0
  69. package/dist/components/sheet.js +2 -251
  70. package/dist/components/sheet.js.map +1 -0
  71. package/dist/components/skeleton.js +2 -16
  72. package/dist/components/skeleton.js.map +1 -0
  73. package/dist/components/status.js +2 -111
  74. package/dist/components/status.js.map +1 -0
  75. package/dist/components/switch.js +2 -36
  76. package/dist/components/switch.js.map +1 -0
  77. package/dist/components/table.js +2 -196
  78. package/dist/components/table.js.map +1 -0
  79. package/dist/components/tabs.d.ts +9 -6
  80. package/dist/components/tabs.js +2 -54
  81. package/dist/components/tabs.js.map +1 -0
  82. package/dist/components/tag.d.ts +3 -1
  83. package/dist/components/tag.js +2 -189
  84. package/dist/components/tag.js.map +1 -0
  85. package/dist/components/tooltip.js +2 -58
  86. package/dist/components/tooltip.js.map +1 -0
  87. package/dist/components/typography.js +2 -78
  88. package/dist/components/typography.js.map +1 -0
  89. package/dist/hooks/index.d.ts +7 -0
  90. package/dist/hooks/index.js +2 -0
  91. package/dist/hooks/index.js.map +1 -0
  92. package/dist/index.css +2 -2322
  93. package/dist/index.css.map +1 -0
  94. package/dist/logo-PQRZORCS.js +3 -0
  95. package/dist/logo-PQRZORCS.js.map +1 -0
  96. package/package.json +41 -8
  97. package/src/components/calendar.tsx +7 -6
  98. package/src/components/chip.tsx +11 -3
  99. package/src/components/date-picker.tsx +125 -22
  100. package/src/components/icon.tsx +1 -1
  101. package/src/components/input.tsx +124 -60
  102. package/src/components/logo.tsx +25 -20
  103. package/src/components/rich-editor.tsx +4 -3
  104. package/src/components/select.tsx +104 -26
  105. package/src/components/tabs.tsx +56 -37
  106. package/src/components/tag.tsx +11 -3
  107. package/src/index.css +2 -2
  108. package/src/resources/logo/index.tsx +33 -0
  109. package/tsup.config.ts +23 -5
  110. package/dist/components/test.d.ts +0 -5
  111. package/dist/components/test.js +0 -8
  112. package/dist/index.js +0 -0
  113. package/src/components/test.tsx +0 -3
  114. package/src/index.ts +0 -1
  115. package/src/resources/logo/index.ts +0 -3
@@ -1,179 +1,2 @@
1
- // src/components/list.tsx
2
- import { Slot as Slot2 } from "@radix-ui/react-slot";
3
- import { cx, cva as cva2 } from "@xjur-ui/util";
4
-
5
- // src/components/typography.tsx
6
- import { Slot } from "@radix-ui/react-slot";
7
- import { cva } from "@xjur-ui/util";
8
- import { memo } from "react";
9
- import { jsx } from "react/jsx-runtime";
10
- var typographyVariants = cva("", {
11
- variants: {
12
- variant: {
13
- body: "",
14
- label: "",
15
- title: "",
16
- headline: ""
17
- },
18
- size: {
19
- "sm-2x": "",
20
- "sm-1x": "",
21
- sm: "",
22
- md: "",
23
- lg: ""
24
- },
25
- weight: {
26
- thin: "font-thin",
27
- extraLight: "font-extralight",
28
- light: "font-light",
29
- normal: "font-normal",
30
- medium: "font-medium",
31
- semibold: "font-semibold",
32
- bold: "font-bold",
33
- extraBold: "font-extrabold",
34
- black: "font-black"
35
- }
36
- },
37
- compoundVariants: [
38
- { variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
39
- { variant: "body", size: "sm", class: "text-size-body-sm" },
40
- { variant: "body", size: "md", class: "text-size-body-md" },
41
- { variant: "body", size: "lg", class: "text-size-body-lg" },
42
- { variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
43
- { variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
44
- { variant: "label", size: "sm", class: "text-size-label-sm" },
45
- { variant: "label", size: "md", class: "text-size-label-md" },
46
- { variant: "label", size: "lg", class: "text-size-label-lg" },
47
- { variant: "title", size: "sm", class: "text-size-title-sm" },
48
- { variant: "title", size: "md", class: "text-size-title-md" },
49
- { variant: "title", size: "lg", class: "text-size-title-lg" },
50
- { variant: "headline", size: "sm", class: "text-size-headline-sm" },
51
- { variant: "headline", size: "md", class: "text-size-headline-md" },
52
- { variant: "headline", size: "lg", class: "text-size-headline-lg" }
53
- ],
54
- defaultVariants: {
55
- variant: "body",
56
- size: "md",
57
- weight: "normal"
58
- }
59
- });
60
- var Typography = memo(
61
- ({
62
- variant,
63
- size,
64
- weight,
65
- asChild,
66
- className,
67
- ...props
68
- }) => {
69
- const Component = asChild ? Slot : "span";
70
- return /* @__PURE__ */ jsx(
71
- Component,
72
- {
73
- className: typographyVariants({ variant, size, weight, className }),
74
- ...props
75
- }
76
- );
77
- }
78
- );
79
- Typography.displayName = "Typography";
80
-
81
- // src/components/list.tsx
82
- import { jsx as jsx2 } from "react/jsx-runtime";
83
- function ListRoot({
84
- className,
85
- asChild,
86
- ...props
87
- }) {
88
- const Comp = asChild ? Slot2 : "div";
89
- return /* @__PURE__ */ jsx2(
90
- Comp,
91
- {
92
- ...props,
93
- className: cx(
94
- className,
95
- "rounded-small scrollbar-hide bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-10 max-h-[400px] list-none overflow-y-auto border"
96
- )
97
- }
98
- );
99
- }
100
- function ListHeader({
101
- className,
102
- asChild,
103
- ...props
104
- }) {
105
- const Comp = asChild ? Slot2 : "div";
106
- return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(className, "px-small pt-small-1x") });
107
- }
108
- function ListHeaderTitle({
109
- variant = "label",
110
- size = "sm",
111
- weight = "medium",
112
- className,
113
- ...props
114
- }) {
115
- return /* @__PURE__ */ jsx2(
116
- Typography,
117
- {
118
- className: cx(className, "text-neutral-placeholder"),
119
- size,
120
- variant,
121
- weight,
122
- ...props
123
- }
124
- );
125
- }
126
- function ListContent({
127
- className,
128
- asChild,
129
- ...props
130
- }) {
131
- const Comp = asChild ? Slot2 : "ul";
132
- return /* @__PURE__ */ jsx2(
133
- Comp,
134
- {
135
- ...props,
136
- className: cx("gap-small-1x p-small flex flex-col", className)
137
- }
138
- );
139
- }
140
- var variants = cva2(
141
- [
142
- "py-medium px-small flex items-center gap-small rounded-small-1x",
143
- "bg-layer-2-idle text-neutral-dark",
144
- "hover:bg-layer-2-hover transition-colors duration-100 ease-out",
145
- "active:bg-layer-2-pressed"
146
- ],
147
- {
148
- variants: {
149
- size: {
150
- md: "h-large-4x",
151
- lg: "h-large-7x"
152
- },
153
- isActive: {
154
- true: "bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"
155
- }
156
- },
157
- defaultVariants: {
158
- size: "md",
159
- isActive: false
160
- }
161
- }
162
- );
163
- function ListItem({
164
- className,
165
- size,
166
- isActive,
167
- asChild,
168
- ...props
169
- }) {
170
- const Comp = asChild ? Slot2 : "li";
171
- return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(variants({ size, isActive }), className) });
172
- }
173
- export {
174
- ListContent,
175
- ListHeader,
176
- ListHeaderTitle,
177
- ListItem,
178
- ListRoot
179
- };
1
+ export{d as ListContent,b as ListHeader,c as ListHeaderTitle,e as ListItem,a as ListRoot}from'../chunk-KIFR5VIE.js';import'../chunk-EIG6CBTQ.js';//# sourceMappingURL=list.js.map
2
+ //# sourceMappingURL=list.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"list.js"}
@@ -1,324 +1,2 @@
1
- // src/components/logo.tsx
2
- import { memo } from "react";
3
-
4
- // src/resources/logo/horizontal.tsx
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- function LogoHorizontalSolid({ color }) {
7
- return /* @__PURE__ */ jsxs(
8
- "svg",
9
- {
10
- fill: "none",
11
- height: "26",
12
- viewBox: "0 0 95 26",
13
- width: "95",
14
- xmlns: "http://www.w3.org/2000/svg",
15
- children: [
16
- /* @__PURE__ */ jsx(
17
- "path",
18
- {
19
- d: "M89.14 14.625c4.756-1.796 4.739-9.325-.024-11.12-.943-.407-1.952-.497-2.966-.498-3.344.002-6.687-.02-10.03.006v19.822h4.902c0-2.47.002-4.937-.004-7.406 0-.174.05-.221.22-.22q1.266.013 2.53 0c.168-.002.252.06.33.2 1.38 2.426 2.764 4.849 4.142 7.275.068.118.139.167.278.167 1.841-.017 3.68.02 5.52-.017zm-2.579-3.982c-.225.048-.459.068-.689.07-1.555.006-3.11.002-4.666.006-.135 0-.188-.032-.187-.178q.009-1.413 0-2.824c-.001-.157.06-.187.199-.186.843.004 4.203.007 5.04.032.713.022 1.356.523 1.538 1.137.253.858-.3 1.74-1.235 1.943M31.777 3.004 37.552 3c.148 0 .234.045.316.17l3.522 5.338 3.517-5.33c.085-.13.173-.179.329-.178l5.773.004-6.624 9.203c-.103.143-.096.231.003.37l7.378 10.28-5.919-.001c-.126 0-.19-.05-.254-.148l-4.2-6.408-4.17 6.378c-.084.13-.172.179-.328.178l-5.857-.004 7.34-10.253c.12-.167.109-.268-.007-.429zM62.469 3.008c.097 0 .176.08.176.177l.002 10.278c.003 1.018.184 2.003.671 2.912.782 1.455 2.111 2.006 3.593 1.862 1.715-.167 2.672-1.224 3.179-2.785.223-.688.27-1.4.27-2.118V3.131a.13.13 0 0 1 .13-.13h4.663a.13.13 0 0 1 .13.13l-.008 10.222c-.001 1.362-.152 2.7-.658 3.977-1.235 3.11-3.488 4.956-6.804 5.42-2.05.287-4.02-.017-5.826-1.077-2.034-1.193-3.267-3-3.895-5.25a9.4 9.4 0 0 1-.355-2.487l-.03-10.759c0-.097.08-.177.176-.177z",
20
- fill: color
21
- }
22
- ),
23
- /* @__PURE__ */ jsx(
24
- "path",
25
- {
26
- d: "M49.388 17.806c.156.038.286.074.418.1 1.007.192 1.877-.428 2.01-1.451a9 9 0 0 0 .062-1.158l.003-12.146a.15.15 0 0 1 .151-.15l4.62.003c.074 0 .133.059.133.132l.001 12.168c-.003 1.002-.06 2.002-.387 2.963q-.946 2.777-3.602 4.006c-.102.047-.171.065-.253-.049z",
27
- fill: color
28
- }
29
- ),
30
- /* @__PURE__ */ jsx(
31
- "path",
32
- {
33
- d: "m17.777 14.363 1.2-1.202c1.55 1.507 3.065 3.055 4.602 4.575 1.843 1.641 2.048 4.679.097 6.314-5.965 4.847-8.34-7.021-12.57-4.062-.899.72-1.69 1.553-2.48 2.385-1.048 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.417.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.948 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",
34
- fill: color
35
- }
36
- ),
37
- /* @__PURE__ */ jsx(
38
- "path",
39
- {
40
- d: "m3.574 9.428 1.14-1.143c.033.03 4.257 4.125 6.292 6.16.727.726 2.33.753 3.076-.013a904 904 0 0 1 8.545-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-.939.187-.446-.21-.656-.841-.315-1.233 1.02-1.254 2.223-2.348 3.38-3.473 2.646-2.616 7.385-.512 7.067 3.199-.025 1.1-.461 2.04-1.235 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.7-6.66z",
41
- fill: color
42
- }
43
- ),
44
- /* @__PURE__ */ jsx(
45
- "path",
46
- {
47
- d: "m16.59 10.646-1.193 1.2C12.49 8.736 9.357 5.85 6.349 2.84c-.439-.434-.9-.835-1.504-1.019-2.141-.718-4.149 2.184-2.573 3.9A32 32 0 0 0 4.135 7.6L2.898 8.812c-.572-.53-1.108-1.146-1.677-1.686-3.32-3.144.723-9.057 5.037-6.503.39.226.764.51 1.085.83 3.11 3.03 6.105 6.21 9.247 9.192",
48
- fill: color
49
- }
50
- )
51
- ]
52
- }
53
- );
54
- }
55
- function LogoHorizontalColorful() {
56
- return /* @__PURE__ */ jsxs(
57
- "svg",
58
- {
59
- fill: "none",
60
- height: "26",
61
- viewBox: "0 0 95 26",
62
- width: "95",
63
- xmlns: "http://www.w3.org/2000/svg",
64
- children: [
65
- /* @__PURE__ */ jsx(
66
- "path",
67
- {
68
- d: "M89.14 14.625c4.756-1.796 4.739-9.325-.024-11.12-.943-.407-1.952-.497-2.966-.498-3.344.002-6.687-.02-10.03.006v19.822h4.902c0-2.47.002-4.937-.004-7.406 0-.174.05-.221.22-.22q1.266.013 2.53 0c.168-.002.252.06.33.2 1.38 2.426 2.764 4.849 4.142 7.275.068.118.139.167.278.167 1.841-.017 3.68.02 5.52-.017zm-2.579-3.982c-.225.048-.459.068-.689.07-1.555.006-3.11.002-4.666.006-.135 0-.188-.032-.187-.178q.009-1.413 0-2.824c-.001-.157.06-.187.199-.186.843.004 4.203.007 5.04.032.713.022 1.356.523 1.538 1.137.253.858-.3 1.74-1.235 1.943M31.777 3.004 37.552 3c.148 0 .234.045.316.17l3.522 5.338 3.517-5.33c.085-.13.173-.179.329-.178l5.773.004-6.624 9.203c-.103.143-.096.231.003.37l7.378 10.28-5.919-.001c-.126 0-.19-.05-.254-.148l-4.2-6.408-4.17 6.378c-.084.13-.172.179-.328.178l-5.857-.004 7.34-10.253c.12-.167.109-.268-.007-.429zM62.469 3.008c.097 0 .176.08.176.177l.002 10.278c.003 1.018.184 2.003.671 2.912.782 1.455 2.111 2.006 3.593 1.862 1.715-.167 2.672-1.224 3.179-2.785.223-.688.27-1.4.27-2.118V3.131a.13.13 0 0 1 .13-.13h4.663a.13.13 0 0 1 .13.13l-.008 10.222c-.001 1.362-.152 2.7-.658 3.977-1.235 3.11-3.488 4.956-6.804 5.42-2.05.287-4.02-.017-5.826-1.077-2.034-1.193-3.267-3-3.895-5.25a9.4 9.4 0 0 1-.355-2.487l-.03-10.759c0-.097.08-.177.176-.177z",
69
- fill: "#504E50"
70
- }
71
- ),
72
- /* @__PURE__ */ jsx(
73
- "path",
74
- {
75
- d: "M49.388 17.806c.156.038.286.074.418.1 1.007.192 1.877-.428 2.01-1.451a9 9 0 0 0 .062-1.158l.003-12.146a.15.15 0 0 1 .151-.15l4.62.003c.074 0 .133.059.133.132l.001 12.168c-.003 1.002-.06 2.002-.387 2.963q-.946 2.777-3.602 4.006c-.102.047-.171.065-.253-.049z",
76
- fill: "#504E50"
77
- }
78
- ),
79
- /* @__PURE__ */ jsx(
80
- "path",
81
- {
82
- d: "m17.777 14.363 1.2-1.202c1.55 1.507 3.065 3.055 4.602 4.575 1.843 1.641 2.048 4.679.097 6.314-5.965 4.847-8.34-7.021-12.57-4.062-.899.72-1.69 1.553-2.48 2.385-1.048 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.417.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.948 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",
83
- fill: "#D68600"
84
- }
85
- ),
86
- /* @__PURE__ */ jsx(
87
- "path",
88
- {
89
- d: "m3.574 9.428 1.14-1.143c.033.03 4.257 4.125 6.292 6.16.727.726 2.33.753 3.076-.013a904 904 0 0 1 8.545-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-.939.187-.446-.21-.656-.841-.315-1.233 1.02-1.254 2.223-2.348 3.38-3.473 2.646-2.616 7.385-.512 7.067 3.199-.025 1.1-.461 2.04-1.235 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.7-6.66z",
90
- fill: "#66127D"
91
- }
92
- ),
93
- /* @__PURE__ */ jsx(
94
- "path",
95
- {
96
- d: "m16.59 10.646-1.193 1.2C12.49 8.736 9.357 5.85 6.349 2.84c-.439-.434-.9-.835-1.504-1.019-2.141-.718-4.149 2.184-2.573 3.9A32 32 0 0 0 4.135 7.6L2.898 8.812c-.572-.53-1.108-1.146-1.677-1.686-3.32-3.144.723-9.057 5.037-6.503.39.226.764.51 1.085.83 3.11 3.03 6.105 6.21 9.247 9.192",
97
- fill: "#D68600"
98
- }
99
- )
100
- ]
101
- }
102
- );
103
- }
104
- var Horizontal = {
105
- Solid: LogoHorizontalSolid,
106
- Colorful: LogoHorizontalColorful
107
- };
108
-
109
- // src/resources/logo/vertical.tsx
110
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
111
- function LogoVerticalSolid({ color }) {
112
- return /* @__PURE__ */ jsxs2(
113
- "svg",
114
- {
115
- fill: "none",
116
- height: "50",
117
- viewBox: "0 0 63 50",
118
- width: "63",
119
- xmlns: "http://www.w3.org/2000/svg",
120
- children: [
121
- /* @__PURE__ */ jsx2(
122
- "path",
123
- {
124
- 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",
125
- fill: color
126
- }
127
- ),
128
- /* @__PURE__ */ jsx2(
129
- "path",
130
- {
131
- 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",
132
- fill: color
133
- }
134
- ),
135
- /* @__PURE__ */ jsx2(
136
- "path",
137
- {
138
- 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",
139
- fill: color
140
- }
141
- ),
142
- /* @__PURE__ */ jsx2(
143
- "path",
144
- {
145
- 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",
146
- fill: color
147
- }
148
- ),
149
- /* @__PURE__ */ jsx2(
150
- "path",
151
- {
152
- 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",
153
- fill: color
154
- }
155
- )
156
- ]
157
- }
158
- );
159
- }
160
- function LogoVerticalColorful() {
161
- return /* @__PURE__ */ jsxs2(
162
- "svg",
163
- {
164
- fill: "none",
165
- height: "50",
166
- viewBox: "0 0 63 50",
167
- width: "63",
168
- xmlns: "http://www.w3.org/2000/svg",
169
- children: [
170
- /* @__PURE__ */ jsx2(
171
- "path",
172
- {
173
- 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",
174
- fill: "#504E50"
175
- }
176
- ),
177
- /* @__PURE__ */ jsx2(
178
- "path",
179
- {
180
- 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",
181
- fill: "#504E50"
182
- }
183
- ),
184
- /* @__PURE__ */ jsx2(
185
- "path",
186
- {
187
- 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",
188
- fill: "#D68600"
189
- }
190
- ),
191
- /* @__PURE__ */ jsx2(
192
- "path",
193
- {
194
- 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",
195
- fill: "#66127D"
196
- }
197
- ),
198
- /* @__PURE__ */ jsx2(
199
- "path",
200
- {
201
- 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",
202
- fill: "#D68600"
203
- }
204
- )
205
- ]
206
- }
207
- );
208
- }
209
- var Vertical = {
210
- Solid: LogoVerticalSolid,
211
- Colorful: LogoVerticalColorful
212
- };
213
-
214
- // src/resources/logo/icon.tsx
215
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
216
- function LogoIconSolid({ color }) {
217
- return /* @__PURE__ */ jsxs3(
218
- "svg",
219
- {
220
- fill: "none",
221
- height: "26",
222
- viewBox: "0 0 26 26",
223
- width: "26",
224
- xmlns: "http://www.w3.org/2000/svg",
225
- children: [
226
- /* @__PURE__ */ jsx3(
227
- "path",
228
- {
229
- d: "M17.7771 14.3626C18.1813 13.9583 18.5751 13.5644 18.9779 13.1612C20.5269 14.6679 22.0424 16.2157 23.5793 17.7363C25.4224 19.377 25.6267 22.4146 23.6763 24.05C17.7108 28.8974 15.3367 17.0285 11.1052 19.9875C10.2073 20.7081 9.41678 21.5407 8.62623 22.3732C7.57834 23.4534 6.67195 24.8221 5.06874 25.0287C1.11705 26.0331 -1.6791 20.9798 1.16588 18.1112L4.57331 14.783C4.92332 14.5238 5.3824 14.4309 5.73811 14.7651C6.15548 15.1572 6.01505 15.6913 5.62227 16.0498L2.22482 19.5303C0.594533 21.5289 3.1191 24.3635 5.24981 23.0884C6.71294 22.3263 7.68491 20.9423 8.83937 19.8066C12.2197 15.9533 14.8099 18.0669 17.6149 21.1446C18.1057 21.629 18.5634 22.1473 19.0588 22.6262C21.5923 25.0802 24.9591 21.4749 22.483 19.0431C20.9304 17.4682 19.3333 15.934 17.7778 14.3623L17.7771 14.3626Z",
230
- fill: color
231
- }
232
- ),
233
- /* @__PURE__ */ jsx3(
234
- "path",
235
- {
236
- d: "M3.57427 9.4276C3.95493 9.0462 4.32775 8.6723 4.71412 8.28518C4.74727 8.31556 8.97055 12.4102 11.0061 14.4445C11.7332 15.1712 13.3361 15.1983 14.0824 14.4316C16.9146 11.5384 19.7567 8.64943 22.6266 5.79551C24.6903 3.76946 21.8667 0.560949 19.6148 2.13589C18.2244 3.15071 17.1277 4.52226 15.8856 5.70793C15.6072 5.98889 15.2689 6.05359 14.9464 5.89524C14.5001 5.68506 14.2898 5.05379 14.6306 4.66238C15.6517 3.40772 16.8543 2.31355 18.0116 1.18864C20.6567 -1.42721 25.3964 0.676765 25.0785 4.3875C25.0528 5.48881 24.6169 6.42749 23.8428 7.19137C20.9475 10.0478 18.0337 12.8856 15.1428 15.7463C14.5868 16.2964 13.9523 16.6185 13.1896 16.71C12.1474 16.8351 11.1644 16.6596 10.2729 16.0873C8.25735 14.4205 3.7147 9.46657 3.57391 9.4276H3.57427Z",
237
- fill: color
238
- }
239
- ),
240
- /* @__PURE__ */ jsx3(
241
- "path",
242
- {
243
- d: "M16.5895 10.6458C16.1661 11.0719 15.7865 11.454 15.3969 11.8461C12.4899 8.73665 9.35726 5.84949 6.34938 2.83865C5.91027 2.4047 5.44869 2.00399 4.84491 1.82026C2.70386 1.10178 0.696116 4.00359 2.27223 5.71973C2.86461 6.36815 3.49049 7.00228 4.13491 7.59923C3.71397 8.01244 3.31335 8.40564 2.89776 8.8135C2.32569 8.28304 1.78999 7.66679 1.22149 7.12667C-2.09897 3.98286 1.94361 -1.93015 6.25778 0.623506C6.64878 0.850132 7.0216 1.13431 7.3431 1.45316C10.4529 4.4833 13.4476 7.66321 16.5895 10.6458Z",
244
- fill: color
245
- }
246
- )
247
- ]
248
- }
249
- );
250
- }
251
- function LogoIconColorful() {
252
- return /* @__PURE__ */ jsxs3(
253
- "svg",
254
- {
255
- fill: "none",
256
- height: "26",
257
- viewBox: "0 0 26 26",
258
- width: "26",
259
- xmlns: "http://www.w3.org/2000/svg",
260
- children: [
261
- /* @__PURE__ */ jsx3(
262
- "path",
263
- {
264
- d: "M17.7771 14.3626C18.1813 13.9583 18.5751 13.5644 18.9779 13.1612C20.5269 14.6679 22.0424 16.2157 23.5793 17.7363C25.4224 19.377 25.6267 22.4146 23.6763 24.05C17.7108 28.8974 15.3367 17.0285 11.1052 19.9875C10.2073 20.7081 9.41678 21.5407 8.62623 22.3732C7.57834 23.4534 6.67195 24.8221 5.06874 25.0287C1.11705 26.0331 -1.6791 20.9798 1.16588 18.1112L4.57331 14.783C4.92332 14.5238 5.3824 14.4309 5.73811 14.7651C6.15548 15.1572 6.01505 15.6913 5.62227 16.0498L2.22482 19.5303C0.594533 21.5289 3.1191 24.3635 5.24981 23.0884C6.71294 22.3263 7.68491 20.9423 8.83937 19.8066C12.2197 15.9533 14.8099 18.0669 17.6149 21.1446C18.1057 21.629 18.5634 22.1473 19.0588 22.6262C21.5923 25.0802 24.9591 21.4749 22.483 19.0431C20.9304 17.4682 19.3333 15.934 17.7778 14.3623L17.7771 14.3626Z",
265
- fill: "#D68600"
266
- }
267
- ),
268
- /* @__PURE__ */ jsx3(
269
- "path",
270
- {
271
- d: "M3.57427 9.4276C3.95493 9.0462 4.32775 8.6723 4.71412 8.28518C4.74727 8.31556 8.97055 12.4102 11.0061 14.4445C11.7332 15.1712 13.3361 15.1983 14.0824 14.4316C16.9146 11.5384 19.7567 8.64943 22.6266 5.79551C24.6903 3.76946 21.8667 0.560949 19.6148 2.13589C18.2244 3.15071 17.1277 4.52226 15.8856 5.70793C15.6072 5.98889 15.2689 6.05359 14.9464 5.89524C14.5001 5.68506 14.2898 5.05379 14.6306 4.66238C15.6517 3.40772 16.8543 2.31355 18.0116 1.18864C20.6567 -1.42721 25.3964 0.676765 25.0785 4.3875C25.0528 5.48881 24.6169 6.42749 23.8428 7.19137C20.9475 10.0478 18.0337 12.8856 15.1428 15.7463C14.5868 16.2964 13.9523 16.6185 13.1896 16.71C12.1474 16.8351 11.1644 16.6596 10.2729 16.0873C8.25735 14.4205 3.7147 9.46657 3.57391 9.4276H3.57427Z",
272
- fill: "#66127D"
273
- }
274
- ),
275
- /* @__PURE__ */ jsx3(
276
- "path",
277
- {
278
- d: "M16.5895 10.6458C16.1661 11.0719 15.7865 11.454 15.3969 11.8461C12.4899 8.73665 9.35726 5.84949 6.34938 2.83865C5.91027 2.4047 5.44869 2.00399 4.84491 1.82026C2.70386 1.10178 0.696116 4.00359 2.27223 5.71973C2.86461 6.36815 3.49049 7.00228 4.13491 7.59923C3.71397 8.01244 3.31335 8.40564 2.89776 8.8135C2.32569 8.28304 1.78999 7.66679 1.22149 7.12667C-2.09897 3.98286 1.94361 -1.93015 6.25778 0.623506C6.64878 0.850132 7.0216 1.13431 7.3431 1.45316C10.4529 4.4833 13.4476 7.66321 16.5895 10.6458Z",
279
- fill: "#D68600"
280
- }
281
- )
282
- ]
283
- }
284
- );
285
- }
286
- var Icon = {
287
- Solid: LogoIconSolid,
288
- Colorful: LogoIconColorful
289
- };
290
-
291
- // src/components/logo.tsx
292
- import { jsx as jsx4 } from "react/jsx-runtime";
293
- var Logo = memo(
294
- ({ mode = "horizontal", variant = "colorful" }) => {
295
- const colorToHex = {
296
- orange: "#D68600",
297
- purple: "#66127D",
298
- white: "#FFFFFF",
299
- gray: "#6B7280"
300
- };
301
- switch (mode) {
302
- case "icon":
303
- if (variant === "colorful") {
304
- return /* @__PURE__ */ jsx4(Icon.Colorful, {});
305
- }
306
- return /* @__PURE__ */ jsx4(Icon.Solid, { color: colorToHex[variant] });
307
- case "vertical":
308
- if (variant === "colorful") {
309
- return /* @__PURE__ */ jsx4(Vertical.Colorful, {});
310
- }
311
- return /* @__PURE__ */ jsx4(Vertical.Solid, { color: colorToHex[variant] });
312
- case "horizontal":
313
- default:
314
- if (variant === "colorful") {
315
- return /* @__PURE__ */ jsx4(Horizontal.Colorful, {});
316
- }
317
- return /* @__PURE__ */ jsx4(Horizontal.Solid, { color: colorToHex[variant] });
318
- }
319
- }
320
- );
321
- Logo.displayName = "Logo";
322
- export {
323
- Logo
324
- };
1
+ import {lazy,memo,Suspense}from'react';import {jsx}from'react/jsx-runtime';var a=lazy(()=>import('../logo-PQRZORCS.js'));function t({mode:o}){return jsx("div",{"aria-label":"Loading logo",className:"animate-pulse rounded bg-gray-200",style:o==="icon"?{width:24,height:24}:{width:95,height:26}})}var s=memo(({mode:o="horizontal",variant:e="colorful"})=>jsx(Suspense,{fallback:jsx(t,{mode:o}),children:jsx(a,{color:e!=="colorful"?{orange:"#D68600",purple:"#66127D",white:"#FFFFFF",gray:"#6B7280"}[e]:void 0,mode:o,variant:e})}));s.displayName="Logo";export{s as Logo};//# sourceMappingURL=logo.js.map
2
+ //# sourceMappingURL=logo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/logo.tsx"],"names":["LazyLogos","lazy","LogoFallback","mode","jsx","Logo","memo","variant","Suspense"],"mappings":"2EAQA,IAAMA,CAAAA,CAAYC,IAAAA,CAAK,IAAM,OAAO,qBAAmB,CAAC,CAAA,CAExD,SAASC,CAAAA,CAAa,CAAE,IAAA,CAAAC,CAAK,EAAsB,CAGjD,OACEC,IAAC,KAAA,CAAA,CACC,YAAA,CAAW,eACX,SAAA,CAAU,mCAAA,CACV,KAAA,CALFD,CAAAA,GAAS,MAAA,CAAS,CAAE,MAAO,EAAA,CAAI,MAAA,CAAQ,EAAG,CAAA,CAAI,CAAE,MAAO,EAAA,CAAI,MAAA,CAAQ,EAAG,CAAA,CAMtE,CAEJ,KAEaE,CAAAA,CAAOC,IAAAA,CAClB,CAAC,CAAE,IAAA,CAAAH,EAAO,YAAA,CAAc,OAAA,CAAAI,CAAAA,CAAU,UAAW,CAAA,GASzCH,GAAAA,CAACI,SAAA,CAAS,QAAA,CAAUJ,IAACF,CAAAA,CAAA,CAAa,KAAMC,CAAAA,CAAM,CAAA,CAC5C,QAAA,CAAAC,GAAAA,CAACJ,CAAAA,CAAA,CACC,MAAOO,CAAAA,GAAY,UAAA,CAVN,CACjB,MAAA,CAAQ,SAAA,CACR,OAAQ,SAAA,CACR,KAAA,CAAO,SAAA,CACP,IAAA,CAAM,SACR,CAAA,CAKiDA,CAAO,CAAA,CAAI,MAAA,CACtD,KAAMJ,CAAAA,CACN,OAAA,CAASI,EACX,CAAA,CACF,CAGN,EAEAF,CAAAA,CAAK,WAAA,CAAc,MAAA","file":"logo.js","sourcesContent":["import { memo, lazy, Suspense } from 'react'\n\nexport interface LogoProps {\n mode?: 'horizontal' | 'vertical' | 'icon'\n variant?: 'colorful' | 'orange' | 'purple' | 'white' | 'gray'\n}\n\n// Lazy load logo components to reduce initial bundle size\nconst LazyLogos = lazy(() => import('../resources/logo'))\n\nfunction LogoFallback({ mode }: { mode?: string }) {\n const dimensions =\n mode === 'icon' ? { width: 24, height: 24 } : { width: 95, height: 26 }\n return (\n <div\n aria-label=\"Loading logo\"\n className=\"animate-pulse rounded bg-gray-200\"\n style={dimensions}\n />\n )\n}\n\nexport const Logo = memo(\n ({ mode = 'horizontal', variant = 'colorful' }: LogoProps) => {\n const colorToHex = {\n orange: '#D68600',\n purple: '#66127D',\n white: '#FFFFFF',\n gray: '#6B7280'\n }\n\n return (\n <Suspense fallback={<LogoFallback mode={mode} />}>\n <LazyLogos\n color={variant !== 'colorful' ? colorToHex[variant] : undefined}\n mode={mode}\n variant={variant}\n />\n </Suspense>\n )\n }\n)\n\nLogo.displayName = 'Logo'\n"]}
@@ -1,47 +1,2 @@
1
- // src/components/otp-input.tsx
2
- import * as OTPPasswordField from "@radix-ui/react-one-time-password-field";
3
- import { cx } from "@xjur-ui/util";
4
- import { jsx } from "react/jsx-runtime";
5
- function Root2({
6
- children,
7
- className,
8
- ...props
9
- }) {
10
- return /* @__PURE__ */ jsx(
11
- OTPPasswordField.Root,
12
- {
13
- className: cx(className, "group gap-small flex items-center"),
14
- ...props,
15
- children
16
- }
17
- );
18
- }
19
- function Input2({
20
- className,
21
- ...props
22
- }) {
23
- return /* @__PURE__ */ jsx(
24
- OTPPasswordField.Input,
25
- {
26
- className: cx(
27
- className,
28
- "text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0",
29
- "focus-within:border-primary-idle focus-within:border"
30
- ),
31
- ...props
32
- }
33
- );
34
- }
35
- function HiddenInput2({
36
- ...props
37
- }) {
38
- return /* @__PURE__ */ jsx(OTPPasswordField.HiddenInput, { ...props });
39
- }
40
- var OTPInput = {
41
- Root: Root2,
42
- Input: Input2,
43
- HiddenInput: HiddenInput2
44
- };
45
- export {
46
- OTPInput
47
- };
1
+ import*as e from'@radix-ui/react-one-time-password-field';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function n({children:r,className:o,...i}){return jsx(e.Root,{className:cx(o,"group gap-small flex items-center"),...i,children:r})}function t({className:r,...o}){return jsx(e.Input,{className:cx(r,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0","focus-within:border-primary-idle focus-within:border"),...o})}function l({...r}){return jsx(e.HiddenInput,{...r})}var P={Root:n,Input:t,HiddenInput:l};export{P as OTPInput};//# sourceMappingURL=otp-input.js.map
2
+ //# sourceMappingURL=otp-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/otp-input.tsx"],"names":["Root","children","className","props","jsx","cx","Input","HiddenInput","OTPInput"],"mappings":"6HAGA,SAASA,EAAK,CACZ,QAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+C,CAC7C,OACEC,IAAkB,CAAA,CAAA,IAAA,CAAjB,CACC,SAAA,CAAWC,EAAAA,CAAGH,EAAW,mCAAmC,CAAA,CAC3D,GAAGC,CAAAA,CAEH,SAAAF,CAAAA,CACH,CAEJ,CAEA,SAASK,CAAAA,CAAM,CACb,SAAA,CAAAJ,CAAAA,CACA,GAAGC,CACL,EAAoD,CAClD,OACEC,GAAAA,CAAkB,CAAA,CAAA,KAAA,CAAjB,CACC,SAAA,CAAWC,EAAAA,CACTH,CAAAA,CACA,6FAAA,CACA,sDACF,CAAA,CACC,GAAGC,EACN,CAEJ,CAEA,SAASI,CAAAA,CAAY,CACnB,GAAGJ,CACL,EAA0D,CACxD,OAAOC,IAAkB,CAAA,CAAA,WAAA,CAAjB,CAA8B,GAAGD,CAAAA,CAAO,CAClD,CAEO,IAAMK,EAAW,CACtB,IAAA,CAAAR,EACA,KAAA,CAAAM,CAAAA,CACA,YAAAC,CACF","file":"otp-input.js","sourcesContent":["import * as OTPPasswordField from '@radix-ui/react-one-time-password-field'\nimport { cx } from '@xjur-ui/util'\n\nfunction Root({\n children,\n className,\n ...props\n}: OTPPasswordField.OneTimePasswordFieldProps) {\n return (\n <OTPPasswordField.Root\n className={cx(className, 'group gap-small flex items-center')}\n {...props}\n >\n {children}\n </OTPPasswordField.Root>\n )\n}\n\nfunction Input({\n className,\n ...props\n}: OTPPasswordField.OneTimePasswordFieldInputProps) {\n return (\n <OTPPasswordField.Input\n className={cx(\n className,\n 'text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0',\n 'focus-within:border-primary-idle focus-within:border'\n )}\n {...props}\n />\n )\n}\n\nfunction HiddenInput({\n ...props\n}: OTPPasswordField.OneTimePasswordFieldHiddenInputProps) {\n return <OTPPasswordField.HiddenInput {...props} />\n}\n\nexport const OTPInput = {\n Root,\n Input,\n HiddenInput\n}\n"]}