@pathscale/ui 1.1.37 → 1.1.39

package/dist/components/{range-slider/RangeSlider.js → slider/Slider.js}

@@ -1,13 +1,9 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./range.css";
+import "./Slider.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-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 class=slider__output data-slot=slider-output aria-live=polite>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=slider><div class=slider__track data-slot=slider-track><div class=slider__fill data-slot=slider-fill></div><div class=slider__thumb data-slot=slider-thumb role=slider>");
-const SLIDER_SIZE_CLASS = {
-    sm: "slider--sm",
-    md: "slider--md",
-    lg: "slider--lg"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__ from "./Slider.classes.js";
+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>");
 function clamp(val, min, max) {
     return Math.min(Math.max(val, min), max);
 }
@@ -15,7 +11,7 @@ function snapToStep(val, min, max, step) {
     const snapped = Math.round((val - min) / step) * step + min;
     return clamp(snapped, min, max);
 }
-const SliderField = (props)=>{
+const Slider = (props)=>{
     let trackRef;
     const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "label",
@@ -123,11 +119,13 @@ const SliderField = (props)=>{
                         var _el$2 = _tmpl$();
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+                        (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));
                         return _el$2;
                     })(),
                     (()=>{
                         var _el$3 = _tmpl$2();
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, formattedValue);
+                        (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));
                         return _el$3;
                     })()
                 ];
@@ -142,23 +140,26 @@ const SliderField = (props)=>{
         _el$6.addEventListener("focus", handleFocus);
         _el$6.$$keydown = handleKeyDown;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("slider", SLIDER_SIZE_CLASS[size()], local.class, local.className), _v$2 = local.dataTheme, _v$3 = isDisabled() ? "true" : "false", _v$4 = local.style, _v$5 = fillWidth(), _v$6 = dragging() ? "true" : "false", _v$7 = isDisabled() ? "true" : "false", _v$8 = focusVisible() ? "true" : "false", _v$9 = thumbLeft(), _v$0 = isDisabled() ? -1 : 0, _v$1 = min(), _v$10 = max(), _v$11 = local.value, _v$12 = formattedValue(), _v$13 = local.label ? labelId : void 0, _v$14 = isDisabled() ? "true" : void 0;
+            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;
             _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
             _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
             _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.a = _v$3);
             _p$.o = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$4, _p$.o);
-            _v$5 !== _p$.i && (null != (_p$.i = _v$5) ? _el$5.style.setProperty("width", _v$5) : _el$5.style.removeProperty("width"));
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-dragging", _p$.n = _v$6);
-            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-disabled", _p$.s = _v$7);
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-focus-visible", _p$.h = _v$8);
-            _v$9 !== _p$.r && (null != (_p$.r = _v$9) ? _el$6.style.setProperty("left", _v$9) : _el$6.style.removeProperty("left"));
-            _v$0 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "tabindex", _p$.d = _v$0);
-            _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemin", _p$.l = _v$1);
-            _v$10 !== _p$.u && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemax", _p$.u = _v$10);
-            _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuenow", _p$.c = _v$11);
-            _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuetext", _p$.w = _v$12);
-            _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-labelledby", _p$.m = _v$13);
-            _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-disabled", _p$.f = _v$14);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.i = _v$5);
+            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.n = _v$6);
+            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$5.style.setProperty("width", _v$7) : _el$5.style.removeProperty("width"));
+            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.h = _v$8);
+            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-dragging", _p$.r = _v$9);
+            _v$0 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-disabled", _p$.d = _v$0);
+            _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-focus-visible", _p$.l = _v$1);
+            _v$10 !== _p$.u && (null != (_p$.u = _v$10) ? _el$6.style.setProperty("left", _v$10) : _el$6.style.removeProperty("left"));
+            _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "tabindex", _p$.c = _v$11);
+            _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemin", _p$.w = _v$12);
+            _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemax", _p$.m = _v$13);
+            _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuenow", _p$.f = _v$14);
+            _v$15 !== _p$.y && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuetext", _p$.y = _v$15);
+            _v$16 !== _p$.g && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-labelledby", _p$.g = _v$16);
+            _v$17 !== _p$.p && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-disabled", _p$.p = _v$17);
             return _p$;
         }, {
             e: void 0,
@@ -176,16 +177,19 @@ const SliderField = (props)=>{
             c: void 0,
             w: void 0,
             m: void 0,
-            f: void 0
+            f: void 0,
+            y: void 0,
+            g: void 0,
+            p: void 0
         });
         return _el$;
     })();
 };
-const RangeSlider = SliderField;
+const slider_Slider = Slider;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "pointerdown",
     "pointermove",
     "pointerup",
     "keydown"
 ]);
-export { RangeSlider as default };
+export { slider_Slider as default };

package/dist/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+export type { SliderProps, SliderSize } from "./Slider";

package/dist/components/slider/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Slider_js_a9067410__ from "./Slider.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Slider_js_a9067410__["default"];
+export { __webpack_exports__default as default };

package/dist/components/table/index.d.ts

@@ -1,7 +1,5 @@
 export { default } from "./Table";
 export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, } from "./Table";
 export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableExpandedRowProps, TableFooterProps, TablePageSizeProps, TableResizableContainerProps, TableColumnResizerProps, TableLoadMoreProps, TableLoadMoreContentProps, TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./Table";
-export { default as EnhancedTable } from "./EnhancedTable";
-export type { EnhancedTableProps } from "./EnhancedTable";
 export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks";
 export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks";

package/dist/components/table/index.js

@@ -1,7 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
-import * as __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__ from "./EnhancedTable.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
-var __webpack_exports__EnhancedTable = __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__["default"];
 var __webpack_exports__TableBody = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableBody;
 var __webpack_exports__TableCell = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableCell;
 var __webpack_exports__TableColumn = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableColumn;
@@ -27,4 +25,4 @@ var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__hooks_index_js
 var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTablePagination;
 var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSelection;
 var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSorting;
-export { __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
+export { __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };

package/dist/components/theme-color-picker/ThemeColorPicker.js

@@ -2,15 +2,15 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpicker_index_js_cf395329__ from "../colorpicker/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__ from "../colorpicker/ColorUtils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__ from "../color-wheel-flower/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__ from "./hueShift.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-3"><div class="flex justify-center"></div><div class="flex flex-col gap-1.5">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute right-0 z-50 mt-2 rounded-lg bg-base-200/80 p-4 shadow-xl backdrop-blur-sm">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="h-6 w-6 rounded-full border border-white/20 transition-transform hover:scale-110">');
 function hexToColorValue(hex) {
-    if (null === hex) return (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.createColorFromHsl)(0, 0, 100, 1);
-    return (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.parseColor)(hex) ?? (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.createColorFromHsl)(0, 0, 100, 1);
+    if (null === hex) return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
+    return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(hex) ?? (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
 }
 const ThemeColorPicker_ThemeColorPicker = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -151,13 +151,13 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                 },
                 get children () {
                     var _el$2 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__colorpicker_index_js_cf395329__.ColorPickerContext.Provider, {
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorPickerContext.Provider, {
                         get value () {
                             return contextValue();
                         },
                         get children () {
                             var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__colorpicker_index_js_cf395329__.ColorWheelFlower, {
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorWheelFlower, {
                                 class: "color-wheel-custom"
                             }));
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {

package/dist/components/toast/Toast.classes.d.ts

@@ -0,0 +1,67 @@
+export declare const CLASSES: {
+    readonly Provider: {
+        readonly base: "toast-region";
+        readonly stack: "toast-region__stack";
+        readonly item: {
+            readonly base: "toast-region__item";
+            readonly placement: {
+                readonly bottom: "toast-region__item--bottom";
+                readonly bottomStart: "toast-region__item--bottom-start";
+                readonly bottomEnd: "toast-region__item--bottom-end";
+                readonly top: "toast-region__item--top";
+                readonly topStart: "toast-region__item--top-start";
+                readonly topEnd: "toast-region__item--top-end";
+            };
+            readonly state: {
+                readonly hidden: "toast-region__item--hidden";
+            };
+        };
+        readonly placement: {
+            readonly bottom: "toast-region--bottom";
+            readonly bottomStart: "toast-region--bottom-start";
+            readonly bottomEnd: "toast-region--bottom-end";
+            readonly top: "toast-region--top";
+            readonly topStart: "toast-region--top-start";
+            readonly topEnd: "toast-region--top-end";
+        };
+    };
+    readonly Item: {
+        readonly base: "toast";
+        readonly variant: {
+            readonly default: "toast--default";
+            readonly accent: "toast--accent";
+            readonly success: "toast--success";
+            readonly warning: "toast--warning";
+            readonly danger: "toast--danger";
+        };
+        readonly state: {
+            readonly frontmost: "toast--frontmost";
+            readonly hidden: "toast--hidden";
+            readonly entering: "toast--entering";
+            readonly exiting: "toast--exiting";
+        };
+    };
+    readonly Content: {
+        readonly base: "toast__content";
+    };
+    readonly Indicator: {
+        readonly base: "toast__indicator";
+        readonly icon: "toast__icon";
+    };
+    readonly Spinner: {
+        readonly base: "toast__spinner";
+    };
+    readonly Title: {
+        readonly base: "toast__title";
+    };
+    readonly Description: {
+        readonly base: "toast__description";
+    };
+    readonly Action: {
+        readonly base: "toast__action";
+    };
+    readonly Close: {
+        readonly base: "toast__close";
+        readonly icon: "toast__close-icon";
+    };
+};

package/dist/components/toast/Toast.classes.js

@@ -0,0 +1,68 @@
+const CLASSES = {
+    Provider: {
+        base: "toast-region",
+        stack: "toast-region__stack",
+        item: {
+            base: "toast-region__item",
+            placement: {
+                bottom: "toast-region__item--bottom",
+                bottomStart: "toast-region__item--bottom-start",
+                bottomEnd: "toast-region__item--bottom-end",
+                top: "toast-region__item--top",
+                topStart: "toast-region__item--top-start",
+                topEnd: "toast-region__item--top-end"
+            },
+            state: {
+                hidden: "toast-region__item--hidden"
+            }
+        },
+        placement: {
+            bottom: "toast-region--bottom",
+            bottomStart: "toast-region--bottom-start",
+            bottomEnd: "toast-region--bottom-end",
+            top: "toast-region--top",
+            topStart: "toast-region--top-start",
+            topEnd: "toast-region--top-end"
+        }
+    },
+    Item: {
+        base: "toast",
+        variant: {
+            default: "toast--default",
+            accent: "toast--accent",
+            success: "toast--success",
+            warning: "toast--warning",
+            danger: "toast--danger"
+        },
+        state: {
+            frontmost: "toast--frontmost",
+            hidden: "toast--hidden",
+            entering: "toast--entering",
+            exiting: "toast--exiting"
+        }
+    },
+    Content: {
+        base: "toast__content"
+    },
+    Indicator: {
+        base: "toast__indicator",
+        icon: "toast__icon"
+    },
+    Spinner: {
+        base: "toast__spinner"
+    },
+    Title: {
+        base: "toast__title"
+    },
+    Description: {
+        base: "toast__description"
+    },
+    Action: {
+        base: "toast__action"
+    },
+    Close: {
+        base: "toast__close",
+        icon: "toast__close-icon"
+    }
+};
+export { CLASSES };

package/dist/components/toast/Toast.css

@@ -0,0 +1,344 @@
+@layer components {
+  .toast-region {
+    position: fixed;
+    z-index: var(--z-overlay, 70);
+    width: min(calc(100vw - 2rem), var(--toast-width, 28.75rem));
+    pointer-events: none;
+    outline: none;
+  }
+
+  .toast-region--bottom {
+    bottom: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .toast-region--bottom-start {
+    left: 1rem;
+    bottom: 1rem;
+  }
+
+  .toast-region--bottom-end {
+    right: 1rem;
+    bottom: 1rem;
+  }
+
+  .toast-region--top {
+    top: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .toast-region--top-start {
+    top: 1rem;
+    left: 1rem;
+  }
+
+  .toast-region--top-end {
+    top: 1rem;
+    right: 1rem;
+  }
+
+  .toast-region:focus-visible,
+  .toast-region[data-focus-visible="true"] {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+  }
+
+  .toast-region__stack {
+    position: relative;
+    width: 100%;
+    min-height: 0.125rem;
+  }
+
+  .toast-region__item {
+    position: absolute;
+    left: 0;
+    right: 0;
+    transition:
+      transform 200ms var(--ease-out, ease),
+      opacity 200ms var(--ease-out, ease);
+    will-change: transform, opacity;
+  }
+
+  .toast-region__item--bottom,
+  .toast-region__item--bottom-start,
+  .toast-region__item--bottom-end {
+    bottom: 0;
+  }
+
+  .toast-region__item--top,
+  .toast-region__item--top-start,
+  .toast-region__item--top-end {
+    top: 0;
+  }
+
+  .toast-region__item--hidden {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .toast {
+    pointer-events: auto;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    gap: 0.5rem;
+    width: 100%;
+    border-radius: 1.5rem;
+    padding: 0.75rem 1rem;
+    background-color: var(--color-overlay, var(--color-base-100));
+    color: var(--color-overlay-foreground, var(--color-base-content));
+    box-shadow: var(
+      --shadow-overlay,
+      0 24px 48px color-mix(in oklab, black 24%, transparent)
+    );
+  }
+
+  .toast--hidden {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .toast:not(.toast--frontmost) {
+    pointer-events: none;
+    height: var(--toast-front-height, auto);
+    overflow: hidden;
+  }
+
+  .toast:not(.toast--frontmost) .toast__close {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .toast--entering {
+    animation-duration: 220ms;
+    animation-timing-function: var(--ease-out, ease);
+    animation-fill-mode: both;
+  }
+
+  .toast-region__item--bottom .toast--entering,
+  .toast-region__item--bottom-start .toast--entering,
+  .toast-region__item--bottom-end .toast--entering {
+    animation-name: toast-slide-bottom-in;
+  }
+
+  .toast-region__item--top .toast--entering,
+  .toast-region__item--top-start .toast--entering,
+  .toast-region__item--top-end .toast--entering {
+    animation-name: toast-slide-top-in;
+  }
+
+  .toast--exiting {
+    pointer-events: none;
+    animation-duration: 220ms;
+    animation-timing-function: var(--ease-out, ease);
+    animation-fill-mode: both;
+  }
+
+  .toast-region__item--bottom .toast--exiting,
+  .toast-region__item--bottom-start .toast--exiting,
+  .toast-region__item--bottom-end .toast--exiting {
+    animation-name: toast-slide-bottom-out;
+  }
+
+  .toast-region__item--top .toast--exiting,
+  .toast-region__item--top-start .toast--exiting,
+  .toast-region__item--top-end .toast--exiting {
+    animation-name: toast-slide-top-out;
+  }
+
+  .toast__content {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    flex-direction: column;
+    gap: 0.125rem;
+    align-items: flex-start;
+  }
+
+  .toast__indicator {
+    display: inline-flex;
+    width: 1.5rem;
+    height: 1.5rem;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    color: inherit;
+    user-select: none;
+    margin-top: 0.125rem;
+  }
+
+  .toast__icon {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    pointer-events: none;
+  }
+
+  .toast__spinner {
+    width: 1rem;
+    height: 1rem;
+    border-radius: 9999px;
+    border: 2px solid currentColor;
+    border-top-color: transparent;
+    animation: toast-spinner 600ms linear infinite;
+  }
+
+  .toast__title {
+    margin: 0;
+    font-size: 0.875rem;
+    font-weight: 600;
+    line-height: 1.25rem;
+    color: inherit;
+  }
+
+  .toast__description {
+    margin: 0;
+    font-size: 0.8125rem;
+    line-height: 1.2rem;
+    color: color-mix(in oklab, currentColor 74%, transparent);
+  }
+
+  .toast__action {
+    margin-top: 0.5rem;
+  }
+
+  .toast__close {
+    margin-top: 0.125rem;
+    opacity: 0;
+    background-color: transparent;
+    transition: opacity 150ms var(--ease-out, ease);
+  }
+
+  .toast__close-icon {
+    width: 0.875rem;
+    height: 0.875rem;
+    flex-shrink: 0;
+    pointer-events: none;
+  }
+
+  .toast--frontmost:hover .toast__close,
+  .toast--frontmost .toast__close:focus-visible,
+  .toast--frontmost .toast__close[data-focus-visible="true"] {
+    opacity: 1;
+  }
+
+  .toast--accent {
+    color: var(--color-accent);
+  }
+
+  .toast--success {
+    color: var(--color-success);
+  }
+
+  .toast--warning {
+    color: var(--color-warning);
+  }
+
+  .toast--danger {
+    color: var(--color-error);
+  }
+
+  .toast--default .toast__title,
+  .toast--default .toast__description {
+    color: var(--color-overlay-foreground, var(--color-base-content));
+  }
+
+  .toast--default .toast__indicator {
+    color: var(--color-overlay-foreground, var(--color-base-content));
+  }
+
+  .toast--default .toast__description {
+    color: color-mix(
+      in oklab,
+      var(--color-overlay-foreground, var(--color-base-content)) 72%,
+      transparent
+    );
+  }
+
+  @media (hover: hover) {
+    .toast--frontmost:hover .toast__close {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .toast-region {
+      width: calc(100vw - 2rem);
+    }
+
+    .toast__close {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .toast-region__item,
+    .toast__close {
+      transition: none;
+    }
+
+    .toast--entering,
+    .toast--exiting,
+    .toast__spinner {
+      animation: none;
+    }
+  }
+
+  @keyframes toast-slide-bottom-in {
+    from {
+      transform: translate3d(0, 0.75rem, 0);
+      opacity: 0;
+    }
+
+    to {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes toast-slide-bottom-out {
+    from {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+
+    to {
+      transform: translate3d(0, 0.75rem, 0);
+      opacity: 0;
+    }
+  }
+
+  @keyframes toast-slide-top-in {
+    from {
+      transform: translate3d(0, -0.75rem, 0);
+      opacity: 0;
+    }
+
+    to {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes toast-slide-top-out {
+    from {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+
+    to {
+      transform: translate3d(0, -0.75rem, 0);
+      opacity: 0;
+    }
+  }
+
+  @keyframes toast-spinner {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}