@gluhar/theme 2.0.2 → 3.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 (194) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +2 -47
  3. package/dist/module.d.mts +0 -4
  4. package/dist/module.d.ts +0 -4
  5. package/dist/module.json +1 -1
  6. package/dist/module.mjs +1 -9
  7. package/dist/runtime/tailwind/gluharTheme.js +3 -27
  8. package/dist/runtime/tailwind/handleTailwind.js +1 -5
  9. package/package.json +3 -6
  10. package/dist/runtime/presets/lara/accordion/index.d.ts +0 -49
  11. package/dist/runtime/presets/lara/accordion/index.js +0 -78
  12. package/dist/runtime/presets/lara/autocomplete/index.d.ts +0 -200
  13. package/dist/runtime/presets/lara/autocomplete/index.js +0 -259
  14. package/dist/runtime/presets/lara/avatar/index.d.ts +0 -83
  15. package/dist/runtime/presets/lara/avatar/index.js +0 -43
  16. package/dist/runtime/presets/lara/avatargroup/index.d.ts +0 -7
  17. package/dist/runtime/presets/lara/avatargroup/index.js +0 -5
  18. package/dist/runtime/presets/lara/badge/index.d.ts +0 -72
  19. package/dist/runtime/presets/lara/badge/index.js +0 -43
  20. package/dist/runtime/presets/lara/badgedirective/index.d.ts +0 -50
  21. package/dist/runtime/presets/lara/badgedirective/index.js +0 -43
  22. package/dist/runtime/presets/lara/blockui/index.d.ts +0 -11
  23. package/dist/runtime/presets/lara/blockui/index.js +0 -8
  24. package/dist/runtime/presets/lara/breadcrumb/index.d.ts +0 -23
  25. package/dist/runtime/presets/lara/breadcrumb/index.js +0 -64
  26. package/dist/runtime/presets/lara/button/index.d.ts +0 -3790
  27. package/dist/runtime/presets/lara/button/index.js +0 -220
  28. package/dist/runtime/presets/lara/calendar/index.d.ts +0 -334
  29. package/dist/runtime/presets/lara/calendar/index.js +0 -643
  30. package/dist/runtime/presets/lara/card/index.d.ts +0 -27
  31. package/dist/runtime/presets/lara/card/index.js +0 -37
  32. package/dist/runtime/presets/lara/carousel/index.d.ts +0 -71
  33. package/dist/runtime/presets/lara/carousel/index.js +0 -149
  34. package/dist/runtime/presets/lara/cascadeselect/index.d.ts +0 -112
  35. package/dist/runtime/presets/lara/cascadeselect/index.js +0 -209
  36. package/dist/runtime/presets/lara/checkbox/index.d.ts +0 -45
  37. package/dist/runtime/presets/lara/checkbox/index.js +0 -101
  38. package/dist/runtime/presets/lara/chip/index.d.ts +0 -23
  39. package/dist/runtime/presets/lara/chip/index.js +0 -45
  40. package/dist/runtime/presets/lara/chips/index.d.ts +0 -56
  41. package/dist/runtime/presets/lara/chips/index.js +0 -114
  42. package/dist/runtime/presets/lara/colorpicker/index.d.ts +0 -51
  43. package/dist/runtime/presets/lara/colorpicker/index.js +0 -123
  44. package/dist/runtime/presets/lara/confirmpopup/index.d.ts +0 -39
  45. package/dist/runtime/presets/lara/confirmpopup/index.js +0 -106
  46. package/dist/runtime/presets/lara/contextmenu/index.d.ts +0 -72
  47. package/dist/runtime/presets/lara/contextmenu/index.js +0 -125
  48. package/dist/runtime/presets/lara/datatable/index.d.ts +0 -695
  49. package/dist/runtime/presets/lara/datatable/index.js +0 -1170
  50. package/dist/runtime/presets/lara/dataview/index.d.ts +0 -15
  51. package/dist/runtime/presets/lara/dataview/index.js +0 -40
  52. package/dist/runtime/presets/lara/dataviewlayoutoptions/index.d.ts +0 -13
  53. package/dist/runtime/presets/lara/dataviewlayoutoptions/index.js +0 -62
  54. package/dist/runtime/presets/lara/deferred/index.d.ts +0 -4
  55. package/dist/runtime/presets/lara/deferred/index.js +0 -3
  56. package/dist/runtime/presets/lara/dialog/index.d.ts +0 -79
  57. package/dist/runtime/presets/lara/dialog/index.js +0 -235
  58. package/dist/runtime/presets/lara/divider/index.d.ts +0 -192
  59. package/dist/runtime/presets/lara/divider/index.js +0 -67
  60. package/dist/runtime/presets/lara/dock/index.d.ts +0 -51
  61. package/dist/runtime/presets/lara/dock/index.js +0 -93
  62. package/dist/runtime/presets/lara/dropdown/index.d.ts +0 -207
  63. package/dist/runtime/presets/lara/dropdown/index.js +0 -265
  64. package/dist/runtime/presets/lara/fieldset/index.d.ts +0 -87
  65. package/dist/runtime/presets/lara/fieldset/index.js +0 -84
  66. package/dist/runtime/presets/lara/fileupload/index.d.ts +0 -70
  67. package/dist/runtime/presets/lara/fileupload/index.js +0 -173
  68. package/dist/runtime/presets/lara/floatlabel/index.d.ts +0 -7
  69. package/dist/runtime/presets/lara/floatlabel/index.js +0 -26
  70. package/dist/runtime/presets/lara/galleria/index.d.ts +0 -194
  71. package/dist/runtime/presets/lara/galleria/index.js +0 -306
  72. package/dist/runtime/presets/lara/global.d.ts +0 -4
  73. package/dist/runtime/presets/lara/global.js +0 -90
  74. package/dist/runtime/presets/lara/iconfield/index.d.ts +0 -18
  75. package/dist/runtime/presets/lara/iconfield/index.js +0 -22
  76. package/dist/runtime/presets/lara/image/index.d.ts +0 -65
  77. package/dist/runtime/presets/lara/image/index.js +0 -206
  78. package/dist/runtime/presets/lara/index.d.ts +0 -187
  79. package/dist/runtime/presets/lara/index.js +0 -207
  80. package/dist/runtime/presets/lara/inlinemessage/index.d.ts +0 -55
  81. package/dist/runtime/presets/lara/inlinemessage/index.js +0 -36
  82. package/dist/runtime/presets/lara/inplace/index.d.ts +0 -7
  83. package/dist/runtime/presets/lara/inplace/index.js +0 -27
  84. package/dist/runtime/presets/lara/inputgroup/index.d.ts +0 -7
  85. package/dist/runtime/presets/lara/inputgroup/index.js +0 -5
  86. package/dist/runtime/presets/lara/inputgroupaddon/index.d.ts +0 -7
  87. package/dist/runtime/presets/lara/inputgroupaddon/index.js +0 -28
  88. package/dist/runtime/presets/lara/inputmask/index.d.ts +0 -27
  89. package/dist/runtime/presets/lara/inputmask/index.js +0 -34
  90. package/dist/runtime/presets/lara/inputnumber/index.d.ts +0 -390
  91. package/dist/runtime/presets/lara/inputnumber/index.js +0 -164
  92. package/dist/runtime/presets/lara/inputotp/index.d.ts +0 -147
  93. package/dist/runtime/presets/lara/inputotp/index.js +0 -60
  94. package/dist/runtime/presets/lara/inputswitch/index.d.ts +0 -67
  95. package/dist/runtime/presets/lara/inputswitch/index.js +0 -80
  96. package/dist/runtime/presets/lara/inputtext/index.d.ts +0 -160
  97. package/dist/runtime/presets/lara/inputtext/index.js +0 -49
  98. package/dist/runtime/presets/lara/knob/index.d.ts +0 -22
  99. package/dist/runtime/presets/lara/knob/index.js +0 -44
  100. package/dist/runtime/presets/lara/listbox/index.d.ts +0 -93
  101. package/dist/runtime/presets/lara/listbox/index.js +0 -152
  102. package/dist/runtime/presets/lara/megamenu/index.d.ts +0 -105
  103. package/dist/runtime/presets/lara/megamenu/index.js +0 -199
  104. package/dist/runtime/presets/lara/menu/index.d.ts +0 -40
  105. package/dist/runtime/presets/lara/menu/index.js +0 -96
  106. package/dist/runtime/presets/lara/menubar/index.d.ts +0 -85
  107. package/dist/runtime/presets/lara/menubar/index.js +0 -176
  108. package/dist/runtime/presets/lara/message/index.d.ts +0 -70
  109. package/dist/runtime/presets/lara/message/index.js +0 -87
  110. package/dist/runtime/presets/lara/metergroup/index.d.ts +0 -92
  111. package/dist/runtime/presets/lara/metergroup/index.js +0 -97
  112. package/dist/runtime/presets/lara/multiselect/index.d.ts +0 -260
  113. package/dist/runtime/presets/lara/multiselect/index.js +0 -546
  114. package/dist/runtime/presets/lara/orderlist/index.d.ts +0 -99
  115. package/dist/runtime/presets/lara/orderlist/index.js +0 -257
  116. package/dist/runtime/presets/lara/organizationchart/index.d.ts +0 -81
  117. package/dist/runtime/presets/lara/organizationchart/index.js +0 -138
  118. package/dist/runtime/presets/lara/overlaypanel/index.d.ts +0 -17
  119. package/dist/runtime/presets/lara/overlaypanel/index.js +0 -40
  120. package/dist/runtime/presets/lara/paginator/index.d.ts +0 -280
  121. package/dist/runtime/presets/lara/paginator/index.js +0 -533
  122. package/dist/runtime/presets/lara/panel/index.d.ts +0 -39
  123. package/dist/runtime/presets/lara/panel/index.js +0 -91
  124. package/dist/runtime/presets/lara/panelmenu/index.d.ts +0 -76
  125. package/dist/runtime/presets/lara/panelmenu/index.js +0 -127
  126. package/dist/runtime/presets/lara/password/index.d.ts +0 -181
  127. package/dist/runtime/presets/lara/password/index.js +0 -118
  128. package/dist/runtime/presets/lara/picklist/index.d.ts +0 -245
  129. package/dist/runtime/presets/lara/picklist/index.js +0 -650
  130. package/dist/runtime/presets/lara/progressbar/index.d.ts +0 -44
  131. package/dist/runtime/presets/lara/progressbar/index.js +0 -55
  132. package/dist/runtime/presets/lara/progressspinner/index.d.ts +0 -15
  133. package/dist/runtime/presets/lara/progressspinner/index.js +0 -51
  134. package/dist/runtime/presets/lara/radiobutton/index.d.ts +0 -57
  135. package/dist/runtime/presets/lara/radiobutton/index.js +0 -104
  136. package/dist/runtime/presets/lara/rating/index.d.ts +0 -49
  137. package/dist/runtime/presets/lara/rating/index.js +0 -92
  138. package/dist/runtime/presets/lara/ripple/index.d.ts +0 -8
  139. package/dist/runtime/presets/lara/ripple/index.js +0 -6
  140. package/dist/runtime/presets/lara/scrollpanel/index.d.ts +0 -19
  141. package/dist/runtime/presets/lara/scrollpanel/index.js +0 -77
  142. package/dist/runtime/presets/lara/scrolltop/index.d.ts +0 -50
  143. package/dist/runtime/presets/lara/scrolltop/index.js +0 -41
  144. package/dist/runtime/presets/lara/selectbutton/index.d.ts +0 -56
  145. package/dist/runtime/presets/lara/selectbutton/index.js +0 -49
  146. package/dist/runtime/presets/lara/sidebar/index.d.ts +0 -66
  147. package/dist/runtime/presets/lara/sidebar/index.js +0 -149
  148. package/dist/runtime/presets/lara/skeleton/index.d.ts +0 -16
  149. package/dist/runtime/presets/lara/skeleton/index.js +0 -16
  150. package/dist/runtime/presets/lara/slider/index.d.ts +0 -55
  151. package/dist/runtime/presets/lara/slider/index.js +0 -137
  152. package/dist/runtime/presets/lara/speeddial/index.d.ts +0 -3091
  153. package/dist/runtime/presets/lara/speeddial/index.js +0 -283
  154. package/dist/runtime/presets/lara/splitbutton/index.d.ts +0 -6749
  155. package/dist/runtime/presets/lara/splitbutton/index.js +0 -502
  156. package/dist/runtime/presets/lara/splitter/index.d.ts +0 -30
  157. package/dist/runtime/presets/lara/splitter/index.js +0 -61
  158. package/dist/runtime/presets/lara/splitterpanel/index.d.ts +0 -10
  159. package/dist/runtime/presets/lara/splitterpanel/index.js +0 -5
  160. package/dist/runtime/presets/lara/stepper/index.d.ts +0 -66
  161. package/dist/runtime/presets/lara/stepper/index.js +0 -161
  162. package/dist/runtime/presets/lara/steps/index.d.ts +0 -57
  163. package/dist/runtime/presets/lara/steps/index.js +0 -111
  164. package/dist/runtime/presets/lara/tabmenu/index.d.ts +0 -43
  165. package/dist/runtime/presets/lara/tabmenu/index.js +0 -73
  166. package/dist/runtime/presets/lara/tabview/index.d.ts +0 -67
  167. package/dist/runtime/presets/lara/tabview/index.js +0 -156
  168. package/dist/runtime/presets/lara/tag/index.d.ts +0 -32
  169. package/dist/runtime/presets/lara/tag/index.js +0 -36
  170. package/dist/runtime/presets/lara/terminal/index.d.ts +0 -27
  171. package/dist/runtime/presets/lara/terminal/index.js +0 -60
  172. package/dist/runtime/presets/lara/textarea/index.d.ts +0 -27
  173. package/dist/runtime/presets/lara/textarea/index.js +0 -36
  174. package/dist/runtime/presets/lara/tieredmenu/index.d.ts +0 -56
  175. package/dist/runtime/presets/lara/tieredmenu/index.js +0 -120
  176. package/dist/runtime/presets/lara/timeline/index.d.ts +0 -84
  177. package/dist/runtime/presets/lara/timeline/index.js +0 -81
  178. package/dist/runtime/presets/lara/toast/index.d.ts +0 -92
  179. package/dist/runtime/presets/lara/toast/index.js +0 -102
  180. package/dist/runtime/presets/lara/togglebutton/index.d.ts +0 -72
  181. package/dist/runtime/presets/lara/togglebutton/index.js +0 -91
  182. package/dist/runtime/presets/lara/toolbar/index.d.ts +0 -19
  183. package/dist/runtime/presets/lara/toolbar/index.js +0 -28
  184. package/dist/runtime/presets/lara/tooltip/index.d.ts +0 -38
  185. package/dist/runtime/presets/lara/tooltip/index.js +0 -46
  186. package/dist/runtime/presets/lara/tree/index.d.ts +0 -105
  187. package/dist/runtime/presets/lara/tree/index.js +0 -258
  188. package/dist/runtime/presets/lara/treeselect/index.d.ts +0 -181
  189. package/dist/runtime/presets/lara/treeselect/index.js +0 -352
  190. package/dist/runtime/presets/lara/treetable/index.d.ts +0 -316
  191. package/dist/runtime/presets/lara/treetable/index.js +0 -434
  192. package/dist/runtime/presets/lara/tristatecheckbox/index.d.ts +0 -49
  193. package/dist/runtime/presets/lara/tristatecheckbox/index.js +0 -104
  194. package/dist/runtime/styles/core.css +0 -27
@@ -1,67 +0,0 @@
1
- export default {
2
- root: ({ props }) => ({
3
- class: [
4
- // Flex and Position
5
- 'flex relative',
6
- { 'justify-center': props.layout == 'vertical' },
7
- { 'items-center': props.layout == 'vertical' },
8
- {
9
- 'justify-start': props?.align == 'left' && props.layout == 'horizontal',
10
- 'justify-center': props?.align == 'center' && props.layout == 'horizontal',
11
- 'justify-end': props?.align == 'right' && props.layout == 'horizontal',
12
- 'items-center': props?.align == 'top' && props.layout == 'vertical',
13
- 'items-start': props?.align == 'center' && props.layout == 'vertical',
14
- 'items-end': props?.align == 'bottom' && props.layout == 'vertical'
15
- },
16
-
17
- // Spacing
18
- {
19
- 'my-5 mx-0 py-0 px-5': props.layout == 'horizontal',
20
- 'mx-4 md:mx-5 py-5': props.layout == 'vertical'
21
- },
22
-
23
- // Size
24
- {
25
- 'w-full': props.layout == 'horizontal',
26
- 'min-h-full': props.layout == 'vertical'
27
- },
28
-
29
- // Before: Line
30
- 'before:block',
31
-
32
- // Position
33
- {
34
- 'before:absolute before:left-0 before:top-1/2': props.layout == 'horizontal',
35
- 'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2': props.layout == 'vertical'
36
- },
37
-
38
- // Size
39
- {
40
- 'before:w-full': props.layout == 'horizontal',
41
- 'before:min-h-full': props.layout == 'vertical'
42
- },
43
-
44
- // Shape
45
- {
46
- 'before:border-solid': props.type == 'solid',
47
- 'before:border-dotted': props.type == 'dotted',
48
- 'before:border-dashed': props.type == 'dashed'
49
- },
50
-
51
- // Color
52
- {
53
- 'before:border-t before:border-surface-200 before:dark:border-surface-600': props.layout == 'horizontal',
54
- 'before:border-l before:border-surface-200 before:dark:border-surface-600': props.layout == 'vertical'
55
- }
56
- ]
57
- }),
58
- content: {
59
- class: [
60
- // Space and Position
61
- 'px-1 z-10',
62
-
63
- // Color
64
- 'bg-surface-0 dark:bg-surface-800'
65
- ]
66
- }
67
- };
@@ -1,51 +0,0 @@
1
- declare namespace _default {
2
- function root({ props }: {
3
- props: any;
4
- }): {
5
- class: (string | {
6
- 'left-0 bottom-0 w-full': boolean;
7
- 'left-0 top-0 w-full': boolean;
8
- 'left-0 top-0 h-full': boolean;
9
- 'right-0 top-0 h-full': boolean;
10
- })[];
11
- };
12
- namespace container {
13
- let _class: string[];
14
- export { _class as class };
15
- }
16
- function menu({ props }: {
17
- props: any;
18
- }): {
19
- class: (string | {
20
- 'flex-col': boolean;
21
- })[];
22
- };
23
- function menuitem({ props, context, instance }: {
24
- props: any;
25
- context: any;
26
- instance: any;
27
- }): {
28
- class: (string | {
29
- 'hover:scale-150': boolean;
30
- 'scale-125': boolean;
31
- 'scale-110': boolean;
32
- 'origin-bottom hover:mx-6'?: undefined;
33
- 'origin-top hover:mx-6'?: undefined;
34
- 'origin-left hover:my-6'?: undefined;
35
- 'origin-right hover:my-6'?: undefined;
36
- } | {
37
- 'origin-bottom hover:mx-6': boolean;
38
- 'origin-top hover:mx-6': boolean;
39
- 'origin-left hover:my-6': boolean;
40
- 'origin-right hover:my-6': boolean;
41
- 'hover:scale-150'?: undefined;
42
- 'scale-125'?: undefined;
43
- 'scale-110'?: undefined;
44
- })[];
45
- };
46
- namespace action {
47
- let _class_1: string[];
48
- export { _class_1 as class };
49
- }
50
- }
51
- export default _default;
@@ -1,93 +0,0 @@
1
- export default {
2
- root: ({ props }) => ({
3
- class: [
4
- // Positioning
5
- 'absolute z-1',
6
- {
7
- 'left-0 bottom-0 w-full': props.position == 'bottom',
8
- 'left-0 top-0 w-full': props.position == 'top',
9
- 'left-0 top-0 h-full': props.position == 'left',
10
- 'right-0 top-0 h-full': props.position == 'right'
11
- },
12
-
13
- // Flexbox & Alignment
14
- 'flex justify-center items-center',
15
-
16
- // Interactivity
17
- 'pointer-events-none'
18
- ]
19
- }),
20
- container: {
21
- class: [
22
- // Flexbox
23
- 'flex',
24
-
25
- // Shape & Border
26
- 'rounded-md',
27
-
28
- // Color
29
- 'bg-surface-0/10 dark:bg-surface-900/20 border border-surface-0/20',
30
- 'backdrop-blur-sm',
31
-
32
- // Spacing
33
- 'p-2',
34
-
35
- // Misc
36
- 'pointer-events-auto'
37
- ]
38
- },
39
- menu: ({ props }) => ({
40
- class: [
41
- // Flexbox & Alignment
42
- 'flex items-center justify-center',
43
- {
44
- 'flex-col': props.position == 'left' || props.position == 'right'
45
- },
46
-
47
- // List Style
48
- 'm-0 p-0 list-none',
49
-
50
- // Shape
51
- 'outline-none'
52
- ]
53
- }),
54
- menuitem: ({ props, context, instance }) => ({
55
- class: [
56
- // Spacing & Shape
57
- 'p-2 rounded-md',
58
-
59
- // Conditional Scaling
60
- {
61
- 'hover:scale-150': instance.currentIndex === context.index,
62
- 'scale-125': instance.currentIndex - 1 === context.index || instance.currentIndex + 1 === context.index,
63
- 'scale-110': instance.currentIndex - 2 === context.index || instance.currentIndex + 2 === context.index
64
- },
65
-
66
- // Positioning & Hover States
67
- {
68
- 'origin-bottom hover:mx-6': props.position == 'bottom',
69
- 'origin-top hover:mx-6': props.position == 'top',
70
- 'origin-left hover:my-6': props.position == 'left',
71
- 'origin-right hover:my-6': props.position == 'right'
72
- },
73
-
74
- // Transitions & Transform
75
- 'transition-all duration-200 ease-cubic-bezier-will-change-transform transform'
76
- ]
77
- }),
78
- action: {
79
- class: [
80
- // Flexbox & Alignment
81
- 'flex flex-col items-center justify-center',
82
-
83
- // Position
84
- 'relative',
85
-
86
- // Size
87
- 'w-16 h-16',
88
-
89
- // Misc
90
- 'cursor-default overflow-hidden'
91
- ]
92
- }
93
- };
@@ -1,207 +0,0 @@
1
- declare namespace _default {
2
- function root({ props, state }: {
3
- props: any;
4
- state: any;
5
- }): {
6
- class: (string | {
7
- 'border-surface-300 dark:border-surface-600': boolean;
8
- 'border-red-500 dark:border-red-400'?: undefined;
9
- 'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
10
- 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
11
- 'opacity-60'?: undefined;
12
- 'pointer-events-none'?: undefined;
13
- 'cursor-default'?: undefined;
14
- } | {
15
- 'border-red-500 dark:border-red-400': any;
16
- 'border-surface-300 dark:border-surface-600'?: undefined;
17
- 'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
18
- 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
19
- 'opacity-60'?: undefined;
20
- 'pointer-events-none'?: undefined;
21
- 'cursor-default'?: undefined;
22
- } | {
23
- 'hover:border-primary-500 dark:hover:border-primary-300': boolean;
24
- 'border-surface-300 dark:border-surface-600'?: undefined;
25
- 'border-red-500 dark:border-red-400'?: undefined;
26
- 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
27
- 'opacity-60'?: undefined;
28
- 'pointer-events-none'?: undefined;
29
- 'cursor-default'?: undefined;
30
- } | {
31
- 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50': any;
32
- 'border-surface-300 dark:border-surface-600'?: undefined;
33
- 'border-red-500 dark:border-red-400'?: undefined;
34
- 'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
35
- 'opacity-60'?: undefined;
36
- 'pointer-events-none'?: undefined;
37
- 'cursor-default'?: undefined;
38
- } | {
39
- 'opacity-60': any;
40
- 'pointer-events-none': any;
41
- 'cursor-default': any;
42
- 'border-surface-300 dark:border-surface-600'?: undefined;
43
- 'border-red-500 dark:border-red-400'?: undefined;
44
- 'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
45
- 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
46
- })[];
47
- };
48
- function input({ props }: {
49
- props: any;
50
- }): {
51
- class: (string | {
52
- 'text-surface-800 dark:text-white/80': boolean;
53
- 'text-surface-400 dark:text-surface-500': boolean;
54
- 'pr-7'?: undefined;
55
- } | {
56
- 'pr-7': any;
57
- 'text-surface-800 dark:text-white/80'?: undefined;
58
- 'text-surface-400 dark:text-surface-500'?: undefined;
59
- })[];
60
- };
61
- namespace trigger {
62
- let _class: string[];
63
- export { _class as class };
64
- }
65
- namespace panel {
66
- let _class_1: string[];
67
- export { _class_1 as class };
68
- }
69
- namespace wrapper {
70
- let _class_2: string[];
71
- export { _class_2 as class };
72
- }
73
- namespace list {
74
- let _class_3: string;
75
- export { _class_3 as class };
76
- }
77
- function item({ context }: {
78
- context: any;
79
- }): {
80
- class: (string | {
81
- 'text-surface-700 dark:text-white/80': boolean;
82
- 'text-surface-600 dark:text-white/70'?: undefined;
83
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
84
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
85
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
86
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
87
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
88
- 'pointer-events-none cursor-default'?: undefined;
89
- 'cursor-pointer'?: undefined;
90
- } | {
91
- 'text-surface-600 dark:text-white/70': any;
92
- 'text-surface-700 dark:text-white/80'?: undefined;
93
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
94
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
95
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
96
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
97
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
98
- 'pointer-events-none cursor-default'?: undefined;
99
- 'cursor-pointer'?: undefined;
100
- } | {
101
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': any;
102
- 'text-surface-700 dark:text-white/80'?: undefined;
103
- 'text-surface-600 dark:text-white/70'?: undefined;
104
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
105
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
106
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
107
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
108
- 'pointer-events-none cursor-default'?: undefined;
109
- 'cursor-pointer'?: undefined;
110
- } | {
111
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
112
- 'text-surface-700 dark:text-white/80'?: undefined;
113
- 'text-surface-600 dark:text-white/70'?: undefined;
114
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
115
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
116
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
117
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
118
- 'pointer-events-none cursor-default'?: undefined;
119
- 'cursor-pointer'?: undefined;
120
- } | {
121
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
122
- 'text-surface-700 dark:text-white/80'?: undefined;
123
- 'text-surface-600 dark:text-white/70'?: undefined;
124
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
125
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
126
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
127
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
128
- 'pointer-events-none cursor-default'?: undefined;
129
- 'cursor-pointer'?: undefined;
130
- } | {
131
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
132
- 'text-surface-700 dark:text-white/80'?: undefined;
133
- 'text-surface-600 dark:text-white/70'?: undefined;
134
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
135
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
136
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
137
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
138
- 'pointer-events-none cursor-default'?: undefined;
139
- 'cursor-pointer'?: undefined;
140
- } | {
141
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': any;
142
- 'text-surface-700 dark:text-white/80'?: undefined;
143
- 'text-surface-600 dark:text-white/70'?: undefined;
144
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
145
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
146
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
147
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
148
- 'pointer-events-none cursor-default'?: undefined;
149
- 'cursor-pointer'?: undefined;
150
- } | {
151
- 'pointer-events-none cursor-default': any;
152
- 'text-surface-700 dark:text-white/80'?: undefined;
153
- 'text-surface-600 dark:text-white/70'?: undefined;
154
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
155
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
156
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
157
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
158
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
159
- 'cursor-pointer'?: undefined;
160
- } | {
161
- 'cursor-pointer': boolean;
162
- 'text-surface-700 dark:text-white/80'?: undefined;
163
- 'text-surface-600 dark:text-white/70'?: undefined;
164
- 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
165
- 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
166
- 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
167
- 'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
168
- 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
169
- 'pointer-events-none cursor-default'?: undefined;
170
- })[];
171
- };
172
- namespace itemgroup {
173
- let _class_4: string[];
174
- export { _class_4 as class };
175
- }
176
- namespace emptymessage {
177
- let _class_5: string[];
178
- export { _class_5 as class };
179
- }
180
- namespace header {
181
- let _class_6: string[];
182
- export { _class_6 as class };
183
- }
184
- namespace filtercontainer {
185
- let _class_7: string;
186
- export { _class_7 as class };
187
- }
188
- namespace filterinput {
189
- let _class_8: string[];
190
- export { _class_8 as class };
191
- }
192
- namespace filtericon {
193
- let _class_9: string[];
194
- export { _class_9 as class };
195
- }
196
- namespace clearicon {
197
- let _class_10: string[];
198
- export { _class_10 as class };
199
- }
200
- namespace transition {
201
- let enterFromClass: string;
202
- let enterActiveClass: string;
203
- let leaveActiveClass: string;
204
- let leaveToClass: string;
205
- }
206
- }
207
- export default _default;
@@ -1,265 +0,0 @@
1
- export default {
2
- root: ({ props, state }) => ({
3
- class: [
4
- // Display and Position
5
- 'inline-flex',
6
- 'relative',
7
-
8
- // Shape
9
- 'rounded-md',
10
-
11
- // Color and Background
12
- 'bg-surface-0 dark:bg-surface-900',
13
- 'border',
14
- { 'border-surface-300 dark:border-surface-600': !props.invalid },
15
-
16
- // Invalid State
17
- { 'border-red-500 dark:border-red-400': props.invalid },
18
-
19
- // Transitions
20
- 'transition-all',
21
- 'duration-200',
22
-
23
- // States
24
- { 'hover:border-primary-500 dark:hover:border-primary-300': !props.invalid },
25
- { 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50': state.focused },
26
-
27
- // Misc
28
- 'cursor-pointer',
29
- 'select-none',
30
- { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled, 'cursor-default': props.disabled }
31
- ]
32
- }),
33
- input: ({ props }) => ({
34
- class: [
35
- //Font
36
- 'font-sans',
37
- 'leading-none',
38
-
39
- // Display
40
- 'block',
41
- 'flex-auto',
42
-
43
- // Color and Background
44
- 'bg-transparent',
45
- 'border-0',
46
- { 'text-surface-800 dark:text-white/80': props.modelValue != undefined, 'text-surface-400 dark:text-surface-500': props.modelValue == undefined },
47
- 'placeholder:text-surface-400 dark:placeholder:text-surface-500',
48
-
49
- // Sizing and Spacing
50
- 'w-[1%]',
51
- 'p-3',
52
- { 'pr-7': props.showClear },
53
-
54
- //Shape
55
- 'rounded-none',
56
-
57
- // Transitions
58
- 'transition',
59
- 'duration-200',
60
-
61
- // States
62
- 'focus:outline-none focus:shadow-none',
63
-
64
- // Misc
65
- 'relative',
66
- 'cursor-pointer',
67
- 'overflow-hidden overflow-ellipsis',
68
- 'whitespace-nowrap',
69
- 'appearance-none'
70
- ]
71
- }),
72
- trigger: {
73
- class: [
74
- // Flexbox
75
- 'flex items-center justify-center',
76
- 'shrink-0',
77
-
78
- // Color and Background
79
- 'bg-transparent',
80
- 'text-surface-500',
81
-
82
- // Size
83
- 'w-12',
84
-
85
- // Shape
86
- 'rounded-tr-md',
87
- 'rounded-br-md'
88
- ]
89
- },
90
- panel: {
91
- class: [
92
- // Position
93
- 'absolute top-0 left-0',
94
-
95
- // Shape
96
- 'border-0 dark:border',
97
- 'rounded-md',
98
- 'shadow-md',
99
-
100
- // Color
101
- 'bg-surface-0 dark:bg-surface-800',
102
- 'text-surface-800 dark:text-white/80',
103
- 'dark:border-surface-700'
104
- ]
105
- },
106
- wrapper: {
107
- class: [
108
- // Sizing
109
- 'max-h-[200px]',
110
-
111
- // Misc
112
- 'overflow-auto'
113
- ]
114
- },
115
- list: {
116
- class: 'py-3 list-none m-0'
117
- },
118
- item: ({ context }) => ({
119
- class: [
120
- // Font
121
- 'font-normal',
122
- 'leading-none',
123
-
124
- // Position
125
- 'relative',
126
-
127
- // Shape
128
- 'border-0',
129
- 'rounded-none',
130
-
131
- // Spacing
132
- 'm-0',
133
- 'py-3 px-5',
134
-
135
- // Color
136
- { 'text-surface-700 dark:text-white/80': !context.focused && !context.selected && !context.disabled },
137
- { 'text-surface-600 dark:text-white/70': !context.focused && !context.selected && context.disabled },
138
- { 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': context.focused && !context.selected },
139
- { 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': context.focused && context.selected },
140
- { 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': !context.focused && context.selected },
141
-
142
- //States
143
- { 'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.focused && !context.selected },
144
- { 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': context.focused && !context.selected },
145
- 'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50',
146
-
147
- // Transitions
148
- 'transition-shadow',
149
- 'duration-200',
150
-
151
- // Misc
152
- { 'pointer-events-none cursor-default': context.disabled },
153
- { 'cursor-pointer': !context.disabled },
154
- 'overflow-hidden',
155
- 'whitespace-nowrap'
156
- ]
157
- }),
158
- itemgroup: {
159
- class: [
160
- //Font
161
- 'font-bold',
162
-
163
- // Spacing
164
- 'm-0',
165
- 'py-3 px-5',
166
-
167
- // Color
168
- 'text-surface-800 dark:text-white/80',
169
- 'bg-surface-0 dark:bg-surface-600/80',
170
-
171
- // Misc
172
- 'cursor-auto'
173
- ]
174
- },
175
- emptymessage: {
176
- class: [
177
- // Font
178
- 'leading-none',
179
-
180
- // Spacing
181
- 'py-3 px-5',
182
-
183
- // Color
184
- 'text-surface-800 dark:text-white/80',
185
- 'bg-transparent'
186
- ]
187
- },
188
- header: {
189
- class: [
190
- // Spacing
191
- 'py-3 px-5',
192
- 'm-0',
193
-
194
- //Shape
195
- 'border-b',
196
- 'rounded-tl-md',
197
- 'rounded-tr-md',
198
-
199
- // Color
200
- 'text-surface-700 dark:text-white/80',
201
- 'bg-surface-100 dark:bg-surface-800',
202
- 'border-surface-300 dark:border-surface-700'
203
- ]
204
- },
205
- filtercontainer: {
206
- class: 'relative'
207
- },
208
- filterinput: {
209
- class: [
210
- // Font
211
- 'font-sans',
212
- 'leading-none',
213
-
214
- // Sizing
215
- 'pr-7 py-3 px-3',
216
- '-mr-7',
217
- 'w-full',
218
-
219
- //Color
220
- 'text-surface-700 dark:text-white/80',
221
- 'bg-surface-0 dark:bg-surface-900',
222
- 'border-surface-200 dark:border-surface-700',
223
-
224
- // Shape
225
- 'border',
226
- 'rounded-lg',
227
- 'appearance-none',
228
-
229
- // Transitions
230
- 'transition',
231
- 'duration-200',
232
-
233
- // States
234
- 'hover:border-primary-500 dark:hover:border-primary-300',
235
- 'focus:ring focus:outline-none focus:outline-offset-0',
236
- 'focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
237
-
238
- // Misc
239
- 'appearance-none'
240
- ]
241
- },
242
- filtericon: {
243
- class: ['absolute', 'top-1/2 right-3', '-mt-2']
244
- },
245
- clearicon: {
246
- class: [
247
- // Color
248
- 'text-surface-500',
249
-
250
- // Position
251
- 'absolute',
252
- 'top-1/2',
253
- 'right-12',
254
-
255
- // Spacing
256
- '-mt-2'
257
- ]
258
- },
259
- transition: {
260
- enterFromClass: 'opacity-0 scale-y-[0.8]',
261
- enterActiveClass: 'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
262
- leaveActiveClass: 'transition-opacity duration-100 ease-linear',
263
- leaveToClass: 'opacity-0'
264
- }
265
- };