@lerianstudio/sindarian-ui 1.0.0-beta.2 → 1.0.0-beta.20

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 (158) hide show
  1. package/dist/components/breadcrumb/index.js +2 -2
  2. package/dist/components/card/account-card/index.d.ts +32 -0
  3. package/dist/components/card/account-card/index.d.ts.map +1 -0
  4. package/dist/components/card/account-card/index.js +69 -0
  5. package/dist/components/card/basic-card/index.d.ts +6 -0
  6. package/dist/components/card/basic-card/index.d.ts.map +1 -0
  7. package/dist/components/card/basic-card/index.js +20 -0
  8. package/dist/components/card/dashboard-card/index.d.ts +5 -0
  9. package/dist/components/card/dashboard-card/index.d.ts.map +1 -0
  10. package/dist/components/card/dashboard-card/index.js +20 -0
  11. package/dist/components/card/entity-card/index.d.ts +21 -0
  12. package/dist/components/card/entity-card/index.d.ts.map +1 -0
  13. package/dist/components/card/entity-card/index.js +60 -0
  14. package/dist/components/card/index.d.ts +5 -0
  15. package/dist/components/card/index.d.ts.map +1 -0
  16. package/dist/components/card/index.js +20 -0
  17. package/dist/components/dialog/confirmation-dialog/index.d.ts +15 -0
  18. package/dist/components/dialog/confirmation-dialog/index.d.ts.map +1 -0
  19. package/dist/components/dialog/confirmation-dialog/index.js +28 -0
  20. package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts +31 -0
  21. package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts.map +1 -0
  22. package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.js +55 -0
  23. package/dist/components/dialog/index.d.ts +4 -0
  24. package/dist/components/dialog/index.d.ts.map +1 -0
  25. package/dist/components/dialog/index.js +19 -0
  26. package/dist/components/dialog/large-dialog/index.d.ts +11 -0
  27. package/dist/components/dialog/large-dialog/index.d.ts.map +1 -0
  28. package/dist/components/dialog/large-dialog/index.js +21 -0
  29. package/dist/components/form/input-field/index.d.ts +4 -1
  30. package/dist/components/form/input-field/index.d.ts.map +1 -1
  31. package/dist/components/form/input-field/index.js +3 -3
  32. package/dist/components/form/pagination-limit-field/index.d.ts +2 -1
  33. package/dist/components/form/pagination-limit-field/index.d.ts.map +1 -1
  34. package/dist/components/form/pagination-limit-field/index.js +2 -2
  35. package/dist/components/form/password-field/index.d.ts +5 -4
  36. package/dist/components/form/password-field/index.d.ts.map +1 -1
  37. package/dist/components/form/password-field/index.js +8 -7
  38. package/dist/components/form/select-field/index.d.ts +1 -0
  39. package/dist/components/form/select-field/index.d.ts.map +1 -1
  40. package/dist/components/form/select-field/index.js +1 -1
  41. package/dist/components/form/switch-field/index.d.ts +2 -1
  42. package/dist/components/form/switch-field/index.d.ts.map +1 -1
  43. package/dist/components/form/switch-field/index.js +2 -2
  44. package/dist/components/page/index.d.ts.map +1 -1
  45. package/dist/components/page/index.js +3 -3
  46. package/dist/components/page-header/index.js +1 -1
  47. package/dist/components/pagination/index.js +1 -1
  48. package/dist/components/table/id-table-cell.d.ts +3 -2
  49. package/dist/components/table/id-table-cell.d.ts.map +1 -1
  50. package/dist/components/table/id-table-cell.js +2 -2
  51. package/dist/components/table/locked-table-actions.js +1 -1
  52. package/dist/components/ui/alert/index.d.ts +5 -1
  53. package/dist/components/ui/alert/index.d.ts.map +1 -1
  54. package/dist/components/ui/alert/index.js +22 -8
  55. package/dist/components/ui/alert/styles.css +68 -0
  56. package/dist/components/ui/badge/index.d.ts +1 -1
  57. package/dist/components/ui/breadcrumb/index.d.ts.map +1 -1
  58. package/dist/components/ui/breadcrumb/index.js +5 -5
  59. package/dist/components/ui/breadcrumb/styles.css +27 -0
  60. package/dist/components/ui/button/index.d.ts +8 -3
  61. package/dist/components/ui/button/index.d.ts.map +1 -1
  62. package/dist/components/ui/button/index.js +21 -29
  63. package/dist/components/ui/button/styles.css +64 -0
  64. package/dist/components/ui/card/index.js +1 -1
  65. package/dist/components/ui/dialog/index.d.ts.map +1 -1
  66. package/dist/components/ui/dialog/index.js +6 -6
  67. package/dist/components/ui/dialog/styles.css +34 -0
  68. package/dist/components/ui/form.d.ts.map +1 -1
  69. package/dist/components/ui/form.js +1 -0
  70. package/dist/components/ui/icon-button/index.d.ts +13 -0
  71. package/dist/components/ui/icon-button/index.d.ts.map +1 -0
  72. package/dist/components/ui/icon-button/index.js +35 -0
  73. package/dist/components/ui/icon-button/styles.css +33 -0
  74. package/dist/components/ui/input/adornment.d.ts +9 -0
  75. package/dist/components/ui/input/adornment.d.ts.map +1 -0
  76. package/dist/components/ui/input/adornment.js +21 -0
  77. package/dist/components/ui/input/index.d.ts +16 -2
  78. package/dist/components/ui/input/index.d.ts.map +1 -1
  79. package/dist/components/ui/input/index.js +90 -2
  80. package/dist/components/ui/input/styles.css +68 -0
  81. package/dist/components/ui/multiple-select/index.d.ts +6 -6
  82. package/dist/components/ui/paper-collapsible/index.d.ts +9 -0
  83. package/dist/components/ui/paper-collapsible/index.d.ts.map +1 -0
  84. package/dist/components/ui/paper-collapsible/index.js +24 -0
  85. package/dist/components/ui/progress/index.d.ts +1 -1
  86. package/dist/components/ui/progress/index.d.ts.map +1 -1
  87. package/dist/components/ui/select/index.d.ts +1 -2
  88. package/dist/components/ui/select/index.d.ts.map +1 -1
  89. package/dist/components/ui/select/index.js +9 -18
  90. package/dist/components/ui/select/styles.css +57 -0
  91. package/dist/components/ui/sidebar/index.d.ts +9 -0
  92. package/dist/components/ui/sidebar/index.d.ts.map +1 -0
  93. package/dist/components/ui/sidebar/index.js +24 -0
  94. package/dist/components/ui/sidebar/sidebar-back-button.d.ts +3 -0
  95. package/dist/components/ui/sidebar/sidebar-back-button.d.ts.map +1 -0
  96. package/dist/components/ui/sidebar/sidebar-back-button.js +11 -0
  97. package/dist/components/ui/sidebar/sidebar-components.d.ts +23 -0
  98. package/dist/components/ui/sidebar/sidebar-components.d.ts.map +1 -0
  99. package/dist/components/ui/sidebar/sidebar-components.js +23 -0
  100. package/dist/components/ui/sidebar/sidebar-expand-button.d.ts +6 -0
  101. package/dist/components/ui/sidebar/sidebar-expand-button.d.ts.map +1 -0
  102. package/dist/components/ui/sidebar/sidebar-expand-button.js +19 -0
  103. package/dist/components/ui/sidebar/sidebar-item-button.d.ts +11 -0
  104. package/dist/components/ui/sidebar/sidebar-item-button.d.ts.map +1 -0
  105. package/dist/components/ui/sidebar/sidebar-item-button.js +23 -0
  106. package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts +11 -0
  107. package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts.map +1 -0
  108. package/dist/components/ui/sidebar/sidebar-item-icon-button.js +20 -0
  109. package/dist/components/ui/sidebar/sidebar-item.d.ts +12 -0
  110. package/dist/components/ui/sidebar/sidebar-item.d.ts.map +1 -0
  111. package/dist/components/ui/sidebar/sidebar-item.js +19 -0
  112. package/dist/components/ui/sidebar/sidebar-provider.d.ts +8 -0
  113. package/dist/components/ui/sidebar/sidebar-provider.d.ts.map +1 -0
  114. package/dist/components/ui/sidebar/sidebar-provider.js +28 -0
  115. package/dist/components/ui/sidebar/sidebar-root.d.ts +3 -0
  116. package/dist/components/ui/sidebar/sidebar-root.d.ts.map +1 -0
  117. package/dist/components/ui/sidebar/sidebar-root.js +24 -0
  118. package/dist/components/ui/stepper/index.d.ts.map +1 -1
  119. package/dist/components/ui/stepper/index.js +4 -4
  120. package/dist/components/ui/stepper/styles.css +41 -0
  121. package/dist/components/ui/tabs/index.d.ts.map +1 -1
  122. package/dist/components/ui/tabs/index.js +4 -4
  123. package/dist/components/ui/tabs/styles.css +31 -0
  124. package/dist/components/ui/toast/toaster.js +1 -1
  125. package/dist/globals.css +218 -0
  126. package/dist/hooks/use-time.d.ts +6 -0
  127. package/dist/hooks/use-time.d.ts.map +1 -0
  128. package/dist/hooks/use-time.js +20 -0
  129. package/dist/index.d.ts +6 -1
  130. package/dist/index.d.ts.map +1 -1
  131. package/dist/index.js +7 -1
  132. package/dist/lib/storage/get-storage-object.d.ts +2 -0
  133. package/dist/lib/storage/get-storage-object.d.ts.map +1 -0
  134. package/dist/lib/storage/get-storage-object.js +19 -0
  135. package/dist/lib/storage/get-storage.d.ts +2 -0
  136. package/dist/lib/storage/get-storage.d.ts.map +1 -0
  137. package/dist/lib/storage/get-storage.js +17 -0
  138. package/dist/lib/storage/index.d.ts +3 -0
  139. package/dist/lib/storage/index.d.ts.map +1 -0
  140. package/dist/lib/storage/index.js +18 -0
  141. package/dist/public/arm.gif +0 -0
  142. package/dist/public/clap.gif +0 -0
  143. package/dist/public/confetti-ball.gif +0 -0
  144. package/dist/public/countries.json +21200 -21200
  145. package/dist/public/dizzy.gif +0 -0
  146. package/dist/public/electricity.gif +0 -0
  147. package/dist/public/gear.gif +0 -0
  148. package/dist/public/gem.gif +0 -0
  149. package/dist/public/pencil.gif +0 -0
  150. package/dist/public/robot.gif +0 -0
  151. package/dist/public/rocket.gif +0 -0
  152. package/dist/public/software.gif +0 -0
  153. package/dist/public/solar-system.gif +0 -0
  154. package/dist/public/unicorn.gif +0 -0
  155. package/package.json +22 -19
  156. package/dist/components/ui/input-with-icon/index.d.ts +0 -12
  157. package/dist/components/ui/input-with-icon/index.d.ts.map +0 -1
  158. package/dist/components/ui/input-with-icon/index.js +0 -57
@@ -0,0 +1,64 @@
1
+ @theme inline {
2
+ /* Button */
3
+ --text-button: var(--font-size-sm);
4
+ --spacing-button-px: calc(var(--spacing) * 4);
5
+ --spacing-button-py: calc(var(--spacing) * 3);
6
+ --spacing-button-px-small: calc(var(--spacing) * 3);
7
+ --spacing-button-py-small: calc(var(--spacing) * 2);
8
+ --spacing-button-h: calc(var(--spacing) * 10);
9
+ --spacing-button-h-small: calc(var(--spacing) * 8);
10
+
11
+ --color-button-primary: var(--color-shadcn-600);
12
+ --color-button-primary-foreground: var(--color-white);
13
+ --color-button-primary-disabled: var(--color-shadcn-200);
14
+ --color-button-primary-foreground-disabled: var(--color-shadcn-600);
15
+ --color-button-secondary: var(--color-white);
16
+ --color-button-secondary-hover: var(--color-shadcn-100);
17
+ --color-button-secondary-foreground: var(--color-zinc-600);
18
+ --color-button-border: var(--color-shadcn-300);
19
+ --color-button-tertiary: var(--color-accent);
20
+ --color-button-tertiary-foreground: var(--color-accent-foreground);
21
+ --color-button-outline-foreground: var(--color-zinc-600);
22
+ }
23
+
24
+ @layer components {
25
+ .button-base {
26
+ @apply relative inline-flex items-center justify-center rounded-lg shadow-sm text-sm font-medium transition-colors cursor-pointer whitespace-nowrap h-button-h px-button-px py-button-py;
27
+ }
28
+
29
+ .button-plain {
30
+ @apply bg-transparent text-inherit shadow-none hover:bg-black/5;
31
+ }
32
+
33
+ .button-primary {
34
+ @apply bg-button-primary text-button-primary-foreground hover:bg-button-primary/80 disabled:bg-button-primary-disabled disabled:text-button-primary-foreground-disabled;
35
+ }
36
+
37
+ .button-secondary {
38
+ @apply bg-button-secondary text-button-secondary-foreground border border-button-border hover:bg-button-secondary-hover disabled:bg-button-secondary-hover;
39
+ }
40
+
41
+ .button-tertiary {
42
+ @apply bg-button-tertiary text-button-tertiary-foreground hover:bg-button-tertiary/70;
43
+ }
44
+
45
+ .button-outline {
46
+ @apply text-button-outline-foreground shadow-none border border-transparent hover:border-button-border;
47
+ }
48
+
49
+ .button-link {
50
+ @apply !p-0 !px-0 !py-0 !h-4 !text-[13px] underline shadow-none;
51
+ }
52
+
53
+ .button-disabled {
54
+ @apply disabled:pointer-events-none disabled:opacity-50 disabled:border-transparent disabled:shadow-none;
55
+ }
56
+
57
+ .button-read-only {
58
+ @apply data-[read-only=true]:cursor-default data-[read-only=true]:opacity-50 data-[read-only=true]:focus:ring-0 data-[read-only=true]:focus:outline-hidden data-[read-only=true]:border-transparent data-[read-only=true]:shadow-none;
59
+ }
60
+
61
+ .button-small {
62
+ @apply h-button-h-small px-button-px-small py-button-py-small;
63
+ }
64
+ }
@@ -16,7 +16,7 @@ function CardHeader({ className, ...props }) {
16
16
  return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "card-header", className: (0, utils_1.cn)('flex flex-col space-y-1.5', className), ...props }));
17
17
  }
18
18
  function CardTitle({ className, ...props }) {
19
- return ((0, jsx_runtime_1.jsx)("h3", { "data-slot": "card-title", className: (0, utils_1.cn)('text-sm leading-none font-medium tracking-tight uppercase', className), ...props }));
19
+ return ((0, jsx_runtime_1.jsx)("h3", { "data-slot": "card-title", className: (0, utils_1.cn)('text-sm leading-none font-medium tracking-tight', className), ...props }));
20
20
  }
21
21
  function CardDescription({ className, ...props }) {
22
22
  return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "card-description", className: (0, utils_1.cn)('text-muted-foreground text-sm', className), ...props }));
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAwBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAWpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAwBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}
@@ -61,20 +61,20 @@ function DialogClose({ ...props }) {
61
61
  return (0, jsx_runtime_1.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
62
62
  }
63
63
  function DialogOverlay({ className, ...props }) {
64
- return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: (0, utils_1.cn)('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props }));
64
+ return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: (0, utils_1.cn)('dialog-overlay', className), ...props }));
65
65
  }
66
66
  function DialogContent({ className, children, showCloseButton = true, ...props }) {
67
- return ((0, jsx_runtime_1.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { "data-slot": "dialog-content", className: (0, utils_1.cn)('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg', !showCloseButton && '*:data-radix-dialog-close:hidden', className), ...props, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
67
+ return ((0, jsx_runtime_1.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { "data-slot": "dialog-content", className: (0, utils_1.cn)('dialog-content', !showCloseButton && '*:data-radix-dialog-close:hidden', className), ...props, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "dialog-close", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "size-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
68
68
  }
69
69
  function DialogHeader({ className, ...props }) {
70
- return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-header", className: (0, utils_1.cn)('flex flex-col gap-4 space-y-1.5 text-center sm:text-left', className), ...props }));
70
+ return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-header", className: (0, utils_1.cn)('dialog-header', className), ...props }));
71
71
  }
72
72
  function DialogFooter({ className, ...props }) {
73
- return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-footer", className: (0, utils_1.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
73
+ return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-footer", className: (0, utils_1.cn)('dialog-footer', className), ...props }));
74
74
  }
75
75
  function DialogTitle({ className, ...props }) {
76
- return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { "data-slot": "dialog-title", className: (0, utils_1.cn)('text-lg leading-none font-semibold tracking-tight', className), ...props }));
76
+ return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { "data-slot": "dialog-title", className: (0, utils_1.cn)('dialog-title', className), ...props }));
77
77
  }
78
78
  function DialogDescription({ className, ...props }) {
79
- return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { "data-slot": "dialog-description", className: (0, utils_1.cn)('text-muted-foreground text-xs font-medium', className), ...props }));
79
+ return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { "data-slot": "dialog-description", className: (0, utils_1.cn)('dialog-description', className), ...props }));
80
80
  }
@@ -0,0 +1,34 @@
1
+ @theme inline {
2
+ --color-dialog-title-text: var(--color-zinc-600);
3
+ --color-dialog-description-text: var(--color-shadcn-400);
4
+ }
5
+
6
+ @layer components {
7
+ .dialog-overlay {
8
+ @apply data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50;
9
+ }
10
+
11
+ .dialog-content {
12
+ @apply bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-8 border p-6 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg;
13
+ }
14
+
15
+ .dialog-close {
16
+ @apply data-[state=open]:bg-accent absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:text-gray-400;
17
+ }
18
+
19
+ .dialog-header {
20
+ @apply flex flex-col gap-4 space-y-1.5 text-center sm:text-left;
21
+ }
22
+
23
+ .dialog-footer {
24
+ @apply flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2;
25
+ }
26
+
27
+ .dialog-title {
28
+ @apply text-lg leading-none font-bold tracking-tight text-dialog-title-text;
29
+ }
30
+
31
+ .dialog-description {
32
+ @apply text-dialog-description-text text-sm font-medium;
33
+ }
34
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAA;AAKxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAS9D,QAAA,MAAM,IAAI,4MAAe,CAAA;AAazB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;CAsBjB,CAAA;AAWD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,QAAQ;eAHD,OAAO;wCAanB,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,cAAc,CAAC,IAAI,CAC3B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,SAAS;YAHL,KAAK,CAAC,SAAS;0CA2BvB,CAAA;AAGF,eAAO,MAAM,WAAW,GAAI,yBAAyB,oBAAoB,4CASxE,CAAA;AAED,QAAA,MAAM,WAAW,8JAmBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,EACV,CAAA"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAA;AAKxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAS9D,QAAA,MAAM,IAAI,4MAAe,CAAA;AAazB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;CAsBjB,CAAA;AAWD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,QAAQ;eAHD,OAAO;wCAanB,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,cAAc,CAAC,IAAI,CAC3B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,SAAS;YAHL,KAAK,CAAC,SAAS;0CA2BvB,CAAA;AAGF,eAAO,MAAM,WAAW,GAAI,yBAAyB,oBAAoB,4CASxE,CAAA;AAED,QAAA,MAAM,WAAW,8JAmBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,EACV,CAAA"}
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  "use strict";
2
3
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
4
  if (k2 === undefined) k2 = k;
@@ -0,0 +1,13 @@
1
+ import { type VariantProps } from 'class-variance-authority';
2
+ import { buttonVariants } from '../button';
3
+ export declare const iconButtonVariants: (props?: ({
4
+ rounded?: boolean | null | undefined;
5
+ size?: "default" | "small" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ export type IconButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
8
+ rounded?: boolean;
9
+ asChild?: boolean;
10
+ readOnly?: boolean;
11
+ };
12
+ export declare function IconButton({ className, variant, rounded, size, asChild, readOnly, onClick, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/icon-button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,eAAO,MAAM,kBAAkB;;;8EAiB9B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC1D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CAwBjB"}
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.iconButtonVariants = void 0;
4
+ exports.IconButton = IconButton;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_slot_1 = require("@radix-ui/react-slot");
7
+ const class_variance_authority_1 = require("class-variance-authority");
8
+ const button_1 = require("../button");
9
+ const utils_1 = require("../../../lib/utils");
10
+ exports.iconButtonVariants = (0, class_variance_authority_1.cva)('icon-button-base icon-button-read-only icon-button-disabled', {
11
+ variants: {
12
+ rounded: {
13
+ true: 'icon-button-rounded',
14
+ false: ''
15
+ },
16
+ size: {
17
+ default: '',
18
+ small: 'icon-button-small'
19
+ }
20
+ },
21
+ defaultVariants: {
22
+ size: 'default'
23
+ }
24
+ });
25
+ function IconButton({ className, variant, rounded, size, asChild, readOnly, onClick, ...props }) {
26
+ const Comp = asChild ? react_slot_1.Slot : 'button';
27
+ const handleClick = (e) => {
28
+ if (readOnly) {
29
+ e.preventDefault();
30
+ return;
31
+ }
32
+ onClick?.(e);
33
+ };
34
+ return ((0, jsx_runtime_1.jsx)(Comp, { className: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant, size }), (0, exports.iconButtonVariants)({ rounded, size }), className), "data-read-only": readOnly, "data-slot": "button", ...props, onClick: handleClick }));
35
+ }
@@ -0,0 +1,33 @@
1
+ @theme inline {
2
+ --spacing-icon-button-p: calc(var(--spacing) * 2)
3
+ }
4
+
5
+ @layer components {
6
+ .icon-button-base {
7
+ @apply p-icon-button-p rounded-md size-10 [&>*]:size-6;
8
+ }
9
+
10
+ .icon-button-read-only {
11
+ @apply data-[read-only=true]:border data-[read-only=true]:border-button-border;
12
+ }
13
+
14
+ .icon-button-disabled {
15
+ @apply disabled:border disabled:border-button-border;
16
+ }
17
+
18
+ .icon-button-small {
19
+ @apply size-8 [&>*]:size-4;
20
+ }
21
+
22
+ .icon-button-rounded {
23
+ @apply rounded-full;
24
+ }
25
+
26
+ /* Overwrite for outline style */
27
+ .button-outline.icon-button-disabled {
28
+ @apply disabled:border-transparent
29
+ }
30
+ .button-outline.icon-button-read-only {
31
+ @apply data-[read-only=true]:border-transparent
32
+ }
33
+ }
@@ -0,0 +1,9 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ export declare const inputAdornmentVariants: (props?: ({
3
+ position?: "start" | "end" | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
+ export type InputAdornmentProps = React.ComponentProps<'span'> & VariantProps<typeof inputAdornmentVariants> & {
6
+ position?: 'start' | 'end';
7
+ };
8
+ export declare function InputAdornment({ className, position, ...props }: InputAdornmentProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=adornment.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"adornment.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/adornment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,eAAO,MAAM,sBAAsB;;8EAUjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC3B,CAAA;AAEH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAQrB"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.inputAdornmentVariants = void 0;
4
+ exports.InputAdornment = InputAdornment;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const utils_1 = require("../../../lib/utils");
7
+ const class_variance_authority_1 = require("class-variance-authority");
8
+ exports.inputAdornmentVariants = (0, class_variance_authority_1.cva)('input-adornment', {
9
+ variants: {
10
+ position: {
11
+ start: 'input-adornment-start',
12
+ end: 'input-adornment-end'
13
+ }
14
+ },
15
+ defaultVariants: {
16
+ position: 'start'
17
+ }
18
+ });
19
+ function InputAdornment({ className, position = 'start', ...props }) {
20
+ return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "input-adornment", className: (0, utils_1.cn)((0, exports.inputAdornmentVariants)({ position }), className), ...props }));
21
+ }
@@ -1,4 +1,18 @@
1
1
  import * as React from 'react';
2
- declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
3
- export { Input };
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const inputVariants: (props?: ({
4
+ startAdornment?: boolean | null | undefined;
5
+ endAdornment?: boolean | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ export type InputRef = {
8
+ focus: () => void;
9
+ blur: () => void;
10
+ };
11
+ export type InputProps = Omit<VariantProps<typeof inputVariants>, 'startAdornment' | 'endAdornment'> & React.ComponentProps<'input'> & {
12
+ startAdornment?: React.ReactNode;
13
+ endAdornment?: React.ReactNode;
14
+ ref?: React.Ref<InputRef>;
15
+ };
16
+ export declare function Input({ className, startAdornment, endAdornment, onFocus, onBlur, onClick, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
17
+ export * from './adornment';
4
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAgB1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,QAAA,MAAM,aAAa;;;8EAejB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,YAAY,CAAC,OAAO,aAAa,CAAC,EAClC,gBAAgB,GAAG,cAAc,CAClC,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,OAAO,EACP,MAAM,EACN,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,2CAuEZ;AAED,cAAc,aAAa,CAAA"}
@@ -1,10 +1,98 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
36
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
37
+ };
2
38
  Object.defineProperty(exports, "__esModule", { value: true });
3
39
  exports.Input = Input;
4
40
  const jsx_runtime_1 = require("react/jsx-runtime");
41
+ const React = __importStar(require("react"));
5
42
  const utils_1 = require("../../../lib/utils");
6
43
  const form_1 = require("../../../components/ui/form");
7
- function Input({ className, type, ...props }) {
44
+ const class_variance_authority_1 = require("class-variance-authority");
45
+ const inputVariants = (0, class_variance_authority_1.cva)('input-base input-disabled input-read-only', {
46
+ variants: {
47
+ startAdornment: {
48
+ false: '',
49
+ true: 'input-start'
50
+ },
51
+ endAdornment: {
52
+ false: '',
53
+ true: 'input-end'
54
+ }
55
+ },
56
+ defaultVariants: {
57
+ startAdornment: false,
58
+ endAdornment: false
59
+ }
60
+ });
61
+ function Input({ className, startAdornment, endAdornment, onFocus, onBlur, onClick, ref, ...props }) {
8
62
  const { formItemId } = (0, form_1.useFormField)();
9
- return ((0, jsx_runtime_1.jsx)("input", { id: formItemId, type: type, "data-slot": "input", className: (0, utils_1.cn)('bg-background placeholder:text-shadcn-400 focus-visible:ring-ring flex h-9 w-full rounded-md border border-[#C7C7C7] px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden', 'read-only:cursor-default read-only:bg-zinc-100 read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden', 'disabled:cursor-not-allowed disabled:bg-zinc-100 disabled:opacity-50', className), ...props }));
63
+ const [focus, setFocus] = React.useState(false);
64
+ const inputRef = React.useRef(null);
65
+ React.useImperativeHandle(ref, () => ({
66
+ ...inputRef.current,
67
+ focus: () => () => {
68
+ inputRef.current?.focus();
69
+ setFocus(true);
70
+ },
71
+ blur: () => () => {
72
+ inputRef.current?.blur();
73
+ setFocus(false);
74
+ }
75
+ }), [inputRef]);
76
+ const handleWrapperClick = (event) => {
77
+ // Don't focus input if clicking on interactive elements or input adornments
78
+ const target = event.target;
79
+ const isAdornment = target.closest('[data-slot="input-adornment"]');
80
+ if (!isAdornment) {
81
+ inputRef.current?.focus();
82
+ }
83
+ onClick?.(event);
84
+ };
85
+ const handleFocus = (e) => {
86
+ setFocus(true);
87
+ onFocus?.(e);
88
+ };
89
+ const handleBlur = (e) => {
90
+ setFocus(false);
91
+ onBlur?.(e);
92
+ };
93
+ return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "input-wrapper", className: (0, utils_1.cn)('input-wrapper input-wrapper-focus'), "data-focus": focus, onClick: handleWrapperClick, children: [startAdornment, (0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: formItemId, "data-slot": "input", className: (0, utils_1.cn)(inputVariants({
94
+ startAdornment: !!startAdornment,
95
+ endAdornment: !!endAdornment
96
+ }), className), onFocus: handleFocus, onBlur: handleBlur, ...props }), endAdornment] }));
10
97
  }
98
+ __exportStar(require("./adornment"), exports);
@@ -0,0 +1,68 @@
1
+ @theme inline {
2
+ --spacing-input-wrapper-h: calc(var(--spacing) * 10);
3
+ --spacing-input-wrapper-p: calc(var(--spacing) * 2);
4
+ --spacing-input-px: calc(var(--spacing) * 4);
5
+ --color-input-foreground: var(--color-zinc-700);
6
+ --color-input-placeholder: var(--color-shadcn-400);
7
+ --color-input-border: var(--color-shadcn-300);
8
+
9
+ --color-input-adornment: var(--color-shadcn-400);
10
+ --spacing-input-adornment-size: calc(var(--spacing) * 10);
11
+ --spacing-input-adornment-icon-size: calc(var(--spacing) * 5);
12
+ }
13
+
14
+ @layer components {
15
+ .input-wrapper {
16
+ @apply relative flex items-center h-input-wrapper-h w-full border border-input-border rounded-md p-input-wrapper-p cursor-text transition-[color,box-shadow];
17
+ }
18
+
19
+ .input-wrapper-focus {
20
+ @apply data-[focus=true]:ring-ring data-[focus=true]:ring-2 data-[focus=true]:ring-offset-0;
21
+ }
22
+
23
+ .input-wrapper:focus-within {
24
+ @apply border-ring;
25
+ }
26
+
27
+ .input-base {
28
+ @apply bg-transparent min-h-0 h-full flex-1 px-input-px text-input-foreground border-none outline-none placeholder:text-input-placeholder placeholder:font-medium placeholder:text-sm focus:ring-0 focus:ring-offset-0;
29
+ }
30
+
31
+ .input-disabled {
32
+ @apply disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50;
33
+ }
34
+
35
+ .input-read-only {
36
+ @apply read-only:cursor-default read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden;
37
+ }
38
+
39
+ .input-start {
40
+ @apply ml-6;
41
+ }
42
+
43
+ .input-end {
44
+ @apply mr-6;
45
+ }
46
+
47
+ .input-adornment {
48
+ @apply absolute -top-[0.5px] flex items-center justify-center text-input-adornment size-input-adornment-size select-none;
49
+ }
50
+
51
+ .input-adornment > * {
52
+ height: calc(var(--spacing-input-adornment-size) - 4px);
53
+ width: calc(var(--spacing-input-adornment-size) - 4px);
54
+ @apply text-input-adornment;
55
+ }
56
+
57
+ .input-adornment > svg {
58
+ @apply text-input-adornment size-input-adornment-icon-size;
59
+ }
60
+
61
+ .input-adornment-start {
62
+ @apply -left-0;
63
+ }
64
+
65
+ .input-adornment-end {
66
+ @apply -right-0;
67
+ }
68
+ }
@@ -9,7 +9,7 @@ export declare const MultipleSelectValue: React.ForwardRefExoticComponent<Omit<O
9
9
  ref?: React.Ref<HTMLInputElement>;
10
10
  } & {
11
11
  asChild?: boolean;
12
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
12
+ }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
13
13
  value?: string;
14
14
  onValueChange?: (search: string) => void;
15
15
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -19,7 +19,7 @@ export declare const MultipleSelectEmpty: React.ForwardRefExoticComponent<Omit<{
19
19
  ref?: React.Ref<HTMLDivElement>;
20
20
  } & {
21
21
  asChild?: boolean;
22
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
23
  export type MultipleSelectContentProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
24
24
  position?: 'popper' | 'static';
25
25
  };
@@ -29,7 +29,7 @@ export declare const MultipleSelectContent: React.ForwardRefExoticComponent<Omit
29
29
  ref?: React.Ref<HTMLDivElement>;
30
30
  } & {
31
31
  asChild?: boolean;
32
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
32
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
33
33
  label?: string;
34
34
  } & React.RefAttributes<HTMLDivElement>, "ref"> & {
35
35
  position?: "popper" | "static";
@@ -40,7 +40,7 @@ export declare const MultipleSelectGroup: React.ForwardRefExoticComponent<Omit<{
40
40
  ref?: React.Ref<HTMLDivElement>;
41
41
  } & {
42
42
  asChild?: boolean;
43
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
43
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
44
44
  heading?: React.ReactNode;
45
45
  value?: string;
46
46
  forceMount?: boolean;
@@ -51,7 +51,7 @@ export declare const MultipleSelectItem: React.ForwardRefExoticComponent<Omit<{
51
51
  ref?: React.Ref<HTMLDivElement>;
52
52
  } & {
53
53
  asChild?: boolean;
54
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
54
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
55
55
  disabled?: boolean;
56
56
  onSelect?: (value: string) => void;
57
57
  value?: string;
@@ -71,7 +71,7 @@ export declare const MultipleSelect: React.ForwardRefExoticComponent<Omit<{
71
71
  ref?: React.Ref<HTMLDivElement>;
72
72
  } & {
73
73
  asChild?: boolean;
74
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
74
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
75
75
  label?: string;
76
76
  shouldFilter?: boolean;
77
77
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import { CollapsibleProps, CollapsibleTriggerProps } from '@radix-ui/react-collapsible';
3
+ export type PaperCollapsibleProps = CollapsibleProps;
4
+ declare function PaperCollapsible({ className, children, ...props }: PaperCollapsibleProps): import("react/jsx-runtime").JSX.Element;
5
+ declare function PaperCollapsibleBanner({ className, children, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
6
+ declare function PaperCollapsibleTrigger({ className, children: _children, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
7
+ declare function PaperCollapsibleContent({ className, children, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
+ export { PaperCollapsible, PaperCollapsibleBanner, PaperCollapsibleTrigger, PaperCollapsibleContent };
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/paper-collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6BAA6B,CAAA;AAUpC,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAEpD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAWvB;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAazB;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAc7B;AAED,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACxB,CAAA"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PaperCollapsible = PaperCollapsible;
4
+ exports.PaperCollapsibleBanner = PaperCollapsibleBanner;
5
+ exports.PaperCollapsibleTrigger = PaperCollapsibleTrigger;
6
+ exports.PaperCollapsibleContent = PaperCollapsibleContent;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const utils_1 = require("../../../lib/utils");
9
+ const collapsible_1 = require("../../../components/ui/collapsible");
10
+ const paper_1 = require("../../../components/ui/paper");
11
+ const lucide_react_1 = require("lucide-react");
12
+ const separator_1 = require("../separator");
13
+ function PaperCollapsible({ className, children, ...props }) {
14
+ return ((0, jsx_runtime_1.jsx)(collapsible_1.Collapsible, { className: "group/paper-collapsible", ...props, children: (0, jsx_runtime_1.jsx)(paper_1.Paper, { "data-slot": "paper-collapsible", className: (0, utils_1.cn)('flex flex-col', className), children: children }) }));
15
+ }
16
+ function PaperCollapsibleBanner({ className, children, ...props }) {
17
+ return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "paper-collapsible-banner", className: (0, utils_1.cn)('flex flex-row p-6', className), ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-col", children: children }), (0, jsx_runtime_1.jsx)(PaperCollapsibleTrigger, {})] }));
18
+ }
19
+ function PaperCollapsibleTrigger({ className, children: _children, ...props }) {
20
+ return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { "data-slot": "paper-collapsible-trigger", className: (0, utils_1.cn)('transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "size-6 shrink-0 cursor-pointer text-zinc-700 transition-transform duration-200" }) }));
21
+ }
22
+ function PaperCollapsibleContent({ className, children, ...props }) {
23
+ return ((0, jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent, { "data-slot": "paper-collapsible-content", className: (0, utils_1.cn)('data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', className), ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, {}), children] }));
24
+ }
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import * as ProgressPrimitive from '@radix-ui/react-progress';
3
3
  type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root> & {
4
- indicatorColor: string;
4
+ indicatorColor?: string;
5
5
  };
6
6
  declare function Progress({ className, value, indicatorColor, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
7
7
  export { Progress };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACzE,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,2CAiBf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACzE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,2CAiBf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -4,10 +4,9 @@ declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitiv
4
4
  declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
6
6
  type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {
7
- size?: 'sm' | 'default';
8
7
  readOnly?: boolean;
9
8
  };
10
- declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
9
+ declare function SelectTrigger({ className, readOnly, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
11
10
  declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
12
11
  declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
13
12
  declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAC5C,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA8BpB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AACD,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA2CtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAWvC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAmBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACvB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAC5C,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqBpB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAU7D;AACD,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAU/D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA0CtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAQvC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAgBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACvB,CAAA"}