@pathscale/ui 1.1.39 → 1.1.42

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 (209) hide show
  1. package/dist/components/accordion/Accordion.js +29 -30
  2. package/dist/components/alert/Alert.classes.d.ts +16 -0
  3. package/dist/components/alert/Alert.classes.js +17 -0
  4. package/dist/components/alert/Alert.js +17 -27
  5. package/dist/components/avatar/Avatar.classes.d.ts +27 -0
  6. package/dist/components/avatar/Avatar.classes.js +28 -0
  7. package/dist/components/avatar/Avatar.js +11 -28
  8. package/dist/components/avatar/AvatarGroup.js +10 -10
  9. package/dist/components/badge/Badge.classes.d.ts +30 -0
  10. package/dist/components/badge/Badge.classes.js +31 -0
  11. package/dist/components/badge/Badge.js +14 -38
  12. package/dist/components/breadcrumbs/Breadcrumbs.js +34 -23
  13. package/dist/components/button/Button.js +24 -11
  14. package/dist/components/button-group/ButtonGroup.js +7 -8
  15. package/dist/components/calendar/Calendar.js +191 -103
  16. package/dist/components/card/Card.js +12 -16
  17. package/dist/components/chatbubble/ChatBubble.js +4 -4
  18. package/dist/components/chatbubble/ChatBubbleAvatar.js +6 -6
  19. package/dist/components/chatbubble/ChatBubbleFooter.js +3 -5
  20. package/dist/components/chatbubble/ChatBubbleHeader.js +3 -5
  21. package/dist/components/chatbubble/ChatBubbleTime.js +3 -5
  22. package/dist/components/checkbox/Checkbox.classes.d.ts +17 -0
  23. package/dist/components/checkbox/Checkbox.classes.js +18 -0
  24. package/dist/components/checkbox/Checkbox.js +56 -31
  25. package/dist/components/chip/Chip.classes.d.ts +29 -0
  26. package/dist/components/chip/Chip.classes.js +30 -0
  27. package/dist/components/chip/Chip.js +42 -46
  28. package/dist/components/close-button/CloseButton.js +16 -8
  29. package/dist/components/color-area/ColorArea.classes.d.ts +6 -0
  30. package/dist/components/color-area/ColorArea.classes.js +7 -0
  31. package/dist/components/color-area/ColorArea.js +23 -19
  32. package/dist/components/color-field/ColorField.classes.d.ts +13 -0
  33. package/dist/components/color-field/ColorField.classes.js +14 -0
  34. package/dist/components/color-field/ColorField.js +34 -24
  35. package/dist/components/color-picker/ColorPicker.classes.d.ts +8 -0
  36. package/dist/components/color-picker/ColorPicker.classes.js +9 -0
  37. package/dist/components/color-picker/ColorPicker.js +26 -28
  38. package/dist/components/color-slider/ColorSlider.classes.d.ts +11 -0
  39. package/dist/components/color-slider/ColorSlider.classes.js +12 -0
  40. package/dist/components/color-slider/ColorSlider.js +24 -15
  41. package/dist/components/color-swatch/ColorSwatch.classes.d.ts +14 -0
  42. package/dist/components/color-swatch/ColorSwatch.classes.js +15 -0
  43. package/dist/components/color-swatch/ColorSwatch.js +2 -12
  44. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.d.ts +3 -0
  45. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.js +4 -0
  46. package/dist/components/color-swatch-picker/ColorSwatchPicker.js +4 -4
  47. package/dist/components/color-wheel-flower/ColorWheelFlower.js +76 -67
  48. package/dist/components/combo-box/ComboBox.js +95 -79
  49. package/dist/components/date-field/DateField.js +22 -28
  50. package/dist/components/date-picker/DatePicker.js +65 -44
  51. package/dist/components/date-range-picker/DateRangePicker.js +76 -48
  52. package/dist/components/description/Description.js +3 -4
  53. package/dist/components/drawer/Drawer.classes.d.ts +28 -0
  54. package/dist/components/drawer/Drawer.classes.js +29 -0
  55. package/dist/components/drawer/Drawer.js +55 -50
  56. package/dist/components/dropdown/Dropdown.classes.d.ts +11 -0
  57. package/dist/components/dropdown/Dropdown.classes.js +12 -0
  58. package/dist/components/dropdown/Dropdown.js +40 -35
  59. package/dist/components/empty-state/EmptyState.classes.d.ts +9 -0
  60. package/dist/components/empty-state/EmptyState.classes.js +10 -0
  61. package/dist/components/empty-state/EmptyState.js +20 -23
  62. package/dist/components/error-message/ErrorMessage.js +3 -4
  63. package/dist/components/field-error/FieldError.js +3 -4
  64. package/dist/components/fieldset/Fieldset.js +12 -16
  65. package/dist/components/flex/Flex.js +3 -4
  66. package/dist/components/floating-dock/FloatingDock.js +152 -144
  67. package/dist/components/footer/Footer.js +3 -4
  68. package/dist/components/footer/FooterTitle.js +3 -4
  69. package/dist/components/form/Form.js +3 -4
  70. package/dist/components/glass-panel/GlassPanel.js +37 -36
  71. package/dist/components/grid/Grid.js +3 -4
  72. package/dist/components/header/Header.js +3 -4
  73. package/dist/components/icon/Icon.js +3 -4
  74. package/dist/components/immersive-landing/ImmersiveLanding.js +21 -24
  75. package/dist/components/immersive-landing/ImmersiveLandingArrows.js +25 -11
  76. package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +67 -41
  77. package/dist/components/immersive-landing/ImmersiveLandingPage.js +7 -5
  78. package/dist/components/immersive-landing/components/CookieConsent.js +110 -110
  79. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +61 -56
  80. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +66 -62
  81. package/dist/components/input/Input.classes.d.ts +24 -0
  82. package/dist/components/input/Input.classes.js +25 -0
  83. package/dist/components/input/Input.js +50 -42
  84. package/dist/components/input-group/InputGroup.js +15 -20
  85. package/dist/components/input-otp/InputOTP.js +63 -54
  86. package/dist/components/join/Join.classes.d.ts +8 -0
  87. package/dist/components/join/Join.classes.js +9 -0
  88. package/dist/components/join/Join.js +8 -8
  89. package/dist/components/kbd/Kbd.js +9 -12
  90. package/dist/components/language-switcher/LanguageSwitcher.js +29 -28
  91. package/dist/components/link/Link.js +17 -10
  92. package/dist/components/list-box/ListBoxItem.js +8 -8
  93. package/dist/components/list-box/ListBoxSection.js +10 -6
  94. package/dist/components/live-chat/LiveChatBubble.js +25 -9
  95. package/dist/components/live-chat/LiveChatPanel.js +78 -62
  96. package/dist/components/menu/Menu.js +4 -4
  97. package/dist/components/menu/MenuItem.js +12 -12
  98. package/dist/components/menu/MenuSection.js +10 -6
  99. package/dist/components/modal/Modal.js +62 -58
  100. package/dist/components/navbar/Navbar.js +4 -4
  101. package/dist/components/navbar/NavbarRow.js +3 -4
  102. package/dist/components/navbar/NavbarSection.js +4 -4
  103. package/dist/components/navbar/NavbarStack.js +3 -4
  104. package/dist/components/noise-background/NoiseBackground.js +39 -35
  105. package/dist/components/number-field/NumberField.js +18 -20
  106. package/dist/components/pagination/Pagination.classes.d.ts +11 -0
  107. package/dist/components/pagination/Pagination.classes.js +12 -0
  108. package/dist/components/pagination/Pagination.js +77 -33
  109. package/dist/components/progress-bar/ProgressBar.classes.d.ts +23 -0
  110. package/dist/components/progress-bar/ProgressBar.classes.js +24 -0
  111. package/dist/components/progress-bar/ProgressBar.css +104 -0
  112. package/dist/components/progress-bar/ProgressBar.d.ts +19 -0
  113. package/dist/components/progress-bar/ProgressBar.js +112 -0
  114. package/dist/components/progress-bar/index.d.ts +2 -0
  115. package/dist/components/progress-bar/index.js +3 -0
  116. package/dist/components/progress-circle/ProgressCircle.classes.d.ts +22 -0
  117. package/dist/components/progress-circle/ProgressCircle.classes.js +23 -0
  118. package/dist/components/progress-circle/ProgressCircle.css +82 -0
  119. package/dist/components/progress-circle/ProgressCircle.d.ts +18 -0
  120. package/dist/components/progress-circle/ProgressCircle.js +109 -0
  121. package/dist/components/progress-circle/index.d.ts +2 -0
  122. package/dist/components/progress-circle/index.js +3 -0
  123. package/dist/components/radio/Radio.classes.d.ts +13 -0
  124. package/dist/components/radio/Radio.classes.js +14 -0
  125. package/dist/components/radio/Radio.js +49 -22
  126. package/dist/components/radio-group/RadioGroup.classes.d.ts +21 -0
  127. package/dist/components/radio-group/RadioGroup.classes.js +22 -0
  128. package/dist/components/radio-group/RadioGroup.js +31 -19
  129. package/dist/components/search-field/SearchField.js +16 -20
  130. package/dist/components/select/Select.classes.d.ts +24 -0
  131. package/dist/components/select/Select.classes.js +25 -0
  132. package/dist/components/select/Select.js +110 -52
  133. package/dist/components/size-picker/SizePicker.classes.d.ts +3 -0
  134. package/dist/components/size-picker/SizePicker.classes.js +4 -0
  135. package/dist/components/size-picker/SizePicker.js +7 -6
  136. package/dist/components/skeleton/Skeleton.classes.d.ts +8 -0
  137. package/dist/components/skeleton/Skeleton.classes.js +9 -0
  138. package/dist/components/skeleton/Skeleton.js +4 -9
  139. package/dist/components/slider/Slider.js +90 -60
  140. package/dist/components/spinner/Spinner.classes.d.ts +25 -0
  141. package/dist/components/spinner/Spinner.classes.js +26 -0
  142. package/dist/components/{loading/Loading.d.ts → spinner/Spinner.d.ts} +4 -4
  143. package/dist/components/{loading/Loading.js → spinner/Spinner.js} +6 -27
  144. package/dist/components/spinner/index.d.ts +1 -0
  145. package/dist/components/spinner/index.js +5 -0
  146. package/dist/components/surface/Surface.js +3 -4
  147. package/dist/components/table/Table.classes.d.ts +26 -0
  148. package/dist/components/table/Table.classes.js +27 -0
  149. package/dist/components/table/Table.js +107 -111
  150. package/dist/components/tabs/Tabs.classes.d.ts +14 -0
  151. package/dist/components/tabs/Tabs.classes.js +15 -0
  152. package/dist/components/tabs/Tabs.js +43 -43
  153. package/dist/components/tag/Tag.js +19 -12
  154. package/dist/components/tag-group/TagGroup.js +8 -8
  155. package/dist/components/text/Text.js +3 -4
  156. package/dist/components/textarea/Textarea.classes.d.ts +3 -0
  157. package/dist/components/textarea/Textarea.classes.js +4 -0
  158. package/dist/components/textarea/Textarea.js +4 -5
  159. package/dist/components/theme-color-picker/ThemeColorPicker.classes.d.ts +10 -0
  160. package/dist/components/theme-color-picker/ThemeColorPicker.classes.js +11 -0
  161. package/dist/components/theme-color-picker/ThemeColorPicker.js +42 -33
  162. package/dist/components/time-field/TimeField.js +22 -28
  163. package/dist/components/toast/Toast.js +109 -56
  164. package/dist/components/toggle/Toggle.classes.d.ts +26 -0
  165. package/dist/components/toggle/Toggle.classes.js +27 -0
  166. package/dist/components/toggle/Toggle.js +55 -36
  167. package/dist/components/tooltip/Tooltip.classes.d.ts +8 -0
  168. package/dist/components/tooltip/Tooltip.classes.js +9 -0
  169. package/dist/components/tooltip/Tooltip.js +24 -25
  170. package/dist/components/utils.js +6 -4
  171. package/dist/components/video-preview/VideoPreview.classes.d.ts +3 -0
  172. package/dist/components/video-preview/VideoPreview.classes.js +4 -0
  173. package/dist/components/video-preview/VideoPreview.js +5 -4
  174. package/dist/index.css +0 -1
  175. package/dist/index.d.ts +7 -6
  176. package/dist/index.js +8 -20
  177. package/dist/purge-manifest.json +2469 -1433
  178. package/package.json +3 -3
  179. package/dist/components/artboard/Artboard.d.ts +0 -9
  180. package/dist/components/artboard/Artboard.js +0 -42
  181. package/dist/components/artboard/index.d.ts +0 -1
  182. package/dist/components/artboard/index.js +0 -3
  183. package/dist/components/loading/index.d.ts +0 -1
  184. package/dist/components/loading/index.js +0 -3
  185. package/dist/components/progress/Progress.css +0 -135
  186. package/dist/components/progress/Progress.d.ts +0 -36
  187. package/dist/components/progress/Progress.js +0 -197
  188. package/dist/components/progress/index.d.ts +0 -1
  189. package/dist/components/progress/index.js +0 -7
  190. package/dist/components/radialprogress/RadialProgress.d.ts +0 -10
  191. package/dist/components/radialprogress/RadialProgress.js +0 -47
  192. package/dist/components/radialprogress/index.d.ts +0 -1
  193. package/dist/components/radialprogress/index.js +0 -3
  194. package/dist/components/sidenav/Sidenav.css +0 -176
  195. package/dist/components/sidenav/Sidenav.d.ts +0 -14
  196. package/dist/components/sidenav/Sidenav.js +0 -66
  197. package/dist/components/sidenav/SidenavButton.d.ts +0 -9
  198. package/dist/components/sidenav/SidenavButton.js +0 -41
  199. package/dist/components/sidenav/SidenavGroup.d.ts +0 -10
  200. package/dist/components/sidenav/SidenavGroup.js +0 -45
  201. package/dist/components/sidenav/SidenavItem.d.ts +0 -8
  202. package/dist/components/sidenav/SidenavItem.js +0 -37
  203. package/dist/components/sidenav/SidenavLink.d.ts +0 -9
  204. package/dist/components/sidenav/SidenavLink.js +0 -36
  205. package/dist/components/sidenav/SidenavMenu.d.ts +0 -5
  206. package/dist/components/sidenav/SidenavMenu.js +0 -31
  207. package/dist/components/sidenav/index.d.ts +0 -12
  208. package/dist/components/sidenav/index.js +0 -13
  209. /package/dist/components/{loading/Loading.css → spinner/Spinner.css} +0 -0
@@ -3,7 +3,7 @@ import "./Slider.css";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
4
  import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
5
  import * as __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__ from "./Slider.classes.js";
6
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=slider-output aria-live=polite>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=slider><div data-slot=slider-track><div data-slot=slider-fill></div><div data-slot=slider-thumb role=slider>");
6
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div></div><div>");
7
7
  function clamp(val, min, max) {
8
8
  return Math.min(Math.max(val, min), max);
9
9
  }
@@ -108,7 +108,21 @@ const Slider = (props)=>{
108
108
  const handleFocus = ()=>setFocusVisible(true);
109
109
  const handleBlur = ()=>setFocusVisible(false);
110
110
  return (()=>{
111
- var _el$ = _tmpl$3(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
111
+ var _el$ = _tmpl$2(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
112
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
113
+ class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className)
114
+ }), {
115
+ get ["data-theme"] () {
116
+ return local.dataTheme;
117
+ },
118
+ "data-slot": "slider",
119
+ get ["data-disabled"] () {
120
+ return isDisabled() ? "true" : "false";
121
+ },
122
+ get style () {
123
+ return local.style;
124
+ }
125
+ }), false, true);
112
126
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
113
127
  get when () {
114
128
  return local.label;
@@ -118,78 +132,94 @@ const Slider = (props)=>{
118
132
  (()=>{
119
133
  var _el$2 = _tmpl$();
120
134
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
135
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
136
+ class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label
137
+ }), {
138
+ "data-slot": "label"
139
+ }), false, true);
121
140
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
122
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label));
123
141
  return _el$2;
124
142
  })(),
125
143
  (()=>{
126
- var _el$3 = _tmpl$2();
144
+ var _el$3 = _tmpl$();
145
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
146
+ class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output
147
+ }), {
148
+ "data-slot": "slider-output",
149
+ "aria-live": "polite"
150
+ }), false, true);
127
151
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, formattedValue);
128
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output));
129
152
  return _el$3;
130
153
  })()
131
154
  ];
132
155
  }
133
156
  }), _el$4);
134
- _el$4.$$pointerup = handlePointerUp;
135
- _el$4.$$pointermove = handlePointerMove;
136
- _el$4.$$pointerdown = handlePointerDown;
137
157
  var _ref$ = trackRef;
138
158
  "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$4) : trackRef = _el$4;
139
- _el$6.addEventListener("blur", handleBlur);
140
- _el$6.addEventListener("focus", handleFocus);
141
- _el$6.$$keydown = handleKeyDown;
142
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
143
- var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className), _v$2 = local.dataTheme, _v$3 = isDisabled() ? "true" : "false", _v$4 = local.style, _v$5 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track, _v$6 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill, _v$7 = fillWidth(), _v$8 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb, _v$9 = dragging() ? "true" : "false", _v$0 = isDisabled() ? "true" : "false", _v$1 = focusVisible() ? "true" : "false", _v$10 = thumbLeft(), _v$11 = isDisabled() ? -1 : 0, _v$12 = min(), _v$13 = max(), _v$14 = local.value, _v$15 = formattedValue(), _v$16 = local.label ? labelId : void 0, _v$17 = isDisabled() ? "true" : void 0;
144
- _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
145
- _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
146
- _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.a = _v$3);
147
- _p$.o = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$4, _p$.o);
148
- _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.i = _v$5);
149
- _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.n = _v$6);
150
- _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$5.style.setProperty("width", _v$7) : _el$5.style.removeProperty("width"));
151
- _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.h = _v$8);
152
- _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-dragging", _p$.r = _v$9);
153
- _v$0 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-disabled", _p$.d = _v$0);
154
- _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-focus-visible", _p$.l = _v$1);
155
- _v$10 !== _p$.u && (null != (_p$.u = _v$10) ? _el$6.style.setProperty("left", _v$10) : _el$6.style.removeProperty("left"));
156
- _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "tabindex", _p$.c = _v$11);
157
- _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemin", _p$.w = _v$12);
158
- _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemax", _p$.m = _v$13);
159
- _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuenow", _p$.f = _v$14);
160
- _v$15 !== _p$.y && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuetext", _p$.y = _v$15);
161
- _v$16 !== _p$.g && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-labelledby", _p$.g = _v$16);
162
- _v$17 !== _p$.p && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-disabled", _p$.p = _v$17);
163
- return _p$;
164
- }, {
165
- e: void 0,
166
- t: void 0,
167
- a: void 0,
168
- o: void 0,
169
- i: void 0,
170
- n: void 0,
171
- s: void 0,
172
- h: void 0,
173
- r: void 0,
174
- d: void 0,
175
- l: void 0,
176
- u: void 0,
177
- c: void 0,
178
- w: void 0,
179
- m: void 0,
180
- f: void 0,
181
- y: void 0,
182
- g: void 0,
183
- p: void 0
184
- });
159
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
160
+ class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track
161
+ }), {
162
+ "data-slot": "slider-track",
163
+ onPointerDown: handlePointerDown,
164
+ onPointerMove: handlePointerMove,
165
+ onPointerUp: handlePointerUp
166
+ }), false, true);
167
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
168
+ class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill
169
+ }), {
170
+ "data-slot": "slider-fill",
171
+ get style () {
172
+ return {
173
+ width: fillWidth()
174
+ };
175
+ }
176
+ }), false, false);
177
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
178
+ class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb
179
+ }), {
180
+ "data-slot": "slider-thumb",
181
+ get ["data-dragging"] () {
182
+ return dragging() ? "true" : "false";
183
+ },
184
+ get ["data-disabled"] () {
185
+ return isDisabled() ? "true" : "false";
186
+ },
187
+ get ["data-focus-visible"] () {
188
+ return focusVisible() ? "true" : "false";
189
+ },
190
+ get style () {
191
+ return {
192
+ left: thumbLeft()
193
+ };
194
+ },
195
+ role: "slider",
196
+ get tabIndex () {
197
+ return isDisabled() ? -1 : 0;
198
+ },
199
+ get ["aria-valuemin"] () {
200
+ return min();
201
+ },
202
+ get ["aria-valuemax"] () {
203
+ return max();
204
+ },
205
+ get ["aria-valuenow"] () {
206
+ return local.value;
207
+ },
208
+ get ["aria-valuetext"] () {
209
+ return formattedValue();
210
+ },
211
+ get ["aria-labelledby"] () {
212
+ return local.label ? labelId : void 0;
213
+ },
214
+ get ["aria-disabled"] () {
215
+ return isDisabled() ? "true" : void 0;
216
+ },
217
+ onKeyDown: handleKeyDown,
218
+ onFocus: handleFocus,
219
+ onBlur: handleBlur
220
+ }), false, false);
185
221
  return _el$;
186
222
  })();
187
223
  };
188
224
  const slider_Slider = Slider;
189
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
190
- "pointerdown",
191
- "pointermove",
192
- "pointerup",
193
- "keydown"
194
- ]);
195
225
  export { slider_Slider as default };
@@ -0,0 +1,25 @@
1
+ export declare const CLASSES: {
2
+ readonly base: "spinner";
3
+ readonly size: {
4
+ readonly xs: "spinner--xs";
5
+ readonly sm: "spinner--sm";
6
+ readonly md: "";
7
+ readonly lg: "spinner--lg";
8
+ readonly xl: "spinner--xl";
9
+ };
10
+ readonly color: {
11
+ readonly current: "spinner--current";
12
+ readonly accent: "spinner--accent";
13
+ readonly success: "spinner--success";
14
+ readonly warning: "spinner--warning";
15
+ readonly danger: "spinner--danger";
16
+ };
17
+ readonly variant: {
18
+ readonly spinner: "spinner--spinner";
19
+ readonly dots: "spinner--dots";
20
+ readonly ring: "spinner--ring";
21
+ readonly ball: "spinner--ball";
22
+ readonly bars: "spinner--bars";
23
+ readonly infinity: "spinner--infinity";
24
+ };
25
+ };
@@ -0,0 +1,26 @@
1
+ const CLASSES = {
2
+ base: "spinner",
3
+ size: {
4
+ xs: "spinner--xs",
5
+ sm: "spinner--sm",
6
+ md: "",
7
+ lg: "spinner--lg",
8
+ xl: "spinner--xl"
9
+ },
10
+ color: {
11
+ current: "spinner--current",
12
+ accent: "spinner--accent",
13
+ success: "spinner--success",
14
+ warning: "spinner--warning",
15
+ danger: "spinner--danger"
16
+ },
17
+ variant: {
18
+ spinner: "spinner--spinner",
19
+ dots: "spinner--dots",
20
+ ring: "spinner--ring",
21
+ ball: "spinner--ball",
22
+ bars: "spinner--bars",
23
+ infinity: "spinner--infinity"
24
+ }
25
+ };
26
+ export { CLASSES };
@@ -1,14 +1,14 @@
1
- import "./Loading.css";
1
+ import "./Spinner.css";
2
2
  import { type Component, type JSX } from "solid-js";
3
3
  import type { IComponentBaseProps } from "../types";
4
4
  export type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
5
5
  export type SpinnerColor = "current" | "accent" | "success" | "warning" | "danger";
6
6
  export type SpinnerVariant = "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
7
- export type LoadingProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
7
+ export type SpinnerProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
8
8
  size?: SpinnerSize;
9
9
  color?: SpinnerColor;
10
10
  variant?: SpinnerVariant;
11
11
  label?: string;
12
12
  };
13
- declare const Loading: Component<LoadingProps>;
14
- export default Loading;
13
+ declare const Spinner: Component<SpinnerProps>;
14
+ export default Spinner;
@@ -1,30 +1,9 @@
1
1
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import "./Loading.css";
2
+ import "./Spinner.css";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
4
  import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__ from "./Spinner.classes.js";
5
6
  var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
6
- const SIZE_CLASS_MAP = {
7
- xs: "spinner--xs",
8
- sm: "spinner--sm",
9
- md: "",
10
- lg: "spinner--lg",
11
- xl: "spinner--xl"
12
- };
13
- const COLOR_CLASS_MAP = {
14
- current: "spinner--current",
15
- accent: "spinner--accent",
16
- success: "spinner--success",
17
- warning: "spinner--warning",
18
- danger: "spinner--danger"
19
- };
20
- const VARIANT_CLASS_MAP = {
21
- spinner: "spinner--spinner",
22
- dots: "spinner--dots",
23
- ring: "spinner--ring",
24
- ball: "spinner--ball",
25
- bars: "spinner--bars",
26
- infinity: "spinner--infinity"
27
- };
28
7
  const SpinnerSVG = ()=>{
29
8
  const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
30
9
  return (()=>{
@@ -36,7 +15,7 @@ const SpinnerSVG = ()=>{
36
15
  return _el$;
37
16
  })();
38
17
  };
39
- const Loading_Loading = (props)=>{
18
+ const Spinner = (props)=>{
40
19
  const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
41
20
  "size",
42
21
  "color",
@@ -60,7 +39,7 @@ const Loading_Loading = (props)=>{
60
39
  "aria-busy": "true",
61
40
  "aria-live": "polite",
62
41
  get ["class"] () {
63
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("spinner", SIZE_CLASS_MAP[size()], COLOR_CLASS_MAP[color()], VARIANT_CLASS_MAP[variant()], local.class, local.className);
42
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.color[color()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.variant[variant()], local.class, local.className);
64
43
  },
65
44
  "data-slot": "spinner",
66
45
  get ["data-theme"] () {
@@ -77,5 +56,5 @@ const Loading_Loading = (props)=>{
77
56
  return _el$8;
78
57
  })();
79
58
  };
80
- const Loading = Loading_Loading;
81
- export { Loading as default };
59
+ const spinner_Spinner = Spinner;
60
+ export { spinner_Spinner as default };
@@ -0,0 +1 @@
1
+ export { default, default as Spinner, default as Loading, type SpinnerProps, type SpinnerSize, type SpinnerColor, type SpinnerVariant, } from "./Spinner";
@@ -0,0 +1,5 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__ from "./Spinner.js";
2
+ var __webpack_exports__Loading = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
3
+ var __webpack_exports__Spinner = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
4
+ var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
5
+ export { __webpack_exports__Loading as Loading, __webpack_exports__Spinner as Spinner, __webpack_exports__default as default };
@@ -16,10 +16,9 @@ function Surface(props) {
16
16
  const variant = ()=>local.variant ?? "default";
17
17
  return (()=>{
18
18
  var _el$ = _tmpl$();
19
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
20
- get ["class"] () {
21
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className);
22
- },
19
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
20
+ class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className)
21
+ }), {
23
22
  "data-slot": "surface",
24
23
  get ["data-theme"] () {
25
24
  return local.dataTheme;
@@ -0,0 +1,26 @@
1
+ export declare const CLASSES: {
2
+ readonly root: {
3
+ readonly base: "table-root";
4
+ readonly variant: {
5
+ readonly primary: "table-root--primary";
6
+ readonly secondary: "table-root--secondary";
7
+ };
8
+ };
9
+ readonly scroll: "table__scroll-container";
10
+ readonly content: "table__content";
11
+ readonly header: "table__header";
12
+ readonly column: "table__column";
13
+ readonly body: "table__body";
14
+ readonly row: "table__row";
15
+ readonly cell: "table__cell";
16
+ readonly expandedRow: "table__expanded-row";
17
+ readonly expandedCell: "table__expanded-cell";
18
+ readonly footer: "table__footer";
19
+ readonly pageSize: "table__page-size";
20
+ readonly pageSizeLabel: "table__page-size-label";
21
+ readonly pageSizeSelect: "table__page-size-select";
22
+ readonly resizableContainer: "table__resizable-container";
23
+ readonly columnResizer: "table__column-resizer";
24
+ readonly loadMore: "table__load-more";
25
+ readonly loadMoreContent: "table__load-more-content";
26
+ };
@@ -0,0 +1,27 @@
1
+ const CLASSES = {
2
+ root: {
3
+ base: "table-root",
4
+ variant: {
5
+ primary: "table-root--primary",
6
+ secondary: "table-root--secondary"
7
+ }
8
+ },
9
+ scroll: "table__scroll-container",
10
+ content: "table__content",
11
+ header: "table__header",
12
+ column: "table__column",
13
+ body: "table__body",
14
+ row: "table__row",
15
+ cell: "table__cell",
16
+ expandedRow: "table__expanded-row",
17
+ expandedCell: "table__expanded-cell",
18
+ footer: "table__footer",
19
+ pageSize: "table__page-size",
20
+ pageSizeLabel: "table__page-size-label",
21
+ pageSizeSelect: "table__page-size-select",
22
+ resizableContainer: "table__resizable-container",
23
+ columnResizer: "table__column-resizer",
24
+ loadMore: "table__load-more",
25
+ loadMoreContent: "table__load-more-content"
26
+ };
27
+ export { CLASSES };