@pathscale/ui 1.1.38 → 1.1.40

package/dist/components/chatbubble/ChatBubble.css

@@ -0,0 +1,164 @@
+@layer components {
+  .chatbubble {
+    display: grid;
+    grid-auto-rows: min-content;
+    column-gap: calc(0.25rem * 3);
+    padding-block: calc(0.25rem * 1);
+    --mask-chatbubble: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
+  }
+
+  .chatbubble__header {
+    grid-row-start: 1;
+    display: flex;
+    gap: calc(0.25rem * 1);
+    font-size: 0.6875rem;
+  }
+
+  .chatbubble__footer {
+    grid-row-start: 3;
+    display: flex;
+    gap: calc(0.25rem * 1);
+    font-size: 0.6875rem;
+    opacity: 0.5;
+  }
+
+  .chatbubble__avatar {
+    grid-row: span 2 / span 2;
+    align-self: flex-end;
+  }
+
+  .chatbubble__message {
+    position: relative;
+    display: block;
+    width: fit-content;
+    border-radius: var(--radius-field);
+    background-color: var(--color-base-300);
+    padding-inline: calc(0.25rem * 4);
+    padding-block: calc(0.25rem * 2);
+    color: var(--color-base-content);
+    grid-row-end: 3;
+    min-height: 2rem;
+    min-width: 2.5rem;
+    max-width: 90%;
+  }
+
+  .chatbubble__message:before {
+    position: absolute;
+    bottom: 0;
+    height: calc(0.25rem * 3);
+    width: calc(0.25rem * 3);
+    background-color: inherit;
+    content: "";
+    mask-repeat: no-repeat;
+    mask-image: var(--mask-chatbubble);
+    mask-position: 0 -1px;
+    mask-size: 0.8125rem;
+  }
+
+  .chatbubble__time {
+    font-size: 0.75rem;
+    opacity: 0.5;
+  }
+
+  .chatbubble--end {
+    place-items: end;
+    grid-template-columns: 1fr auto;
+  }
+
+  .chatbubble--end .chatbubble__header {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--end .chatbubble__footer {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--end .chatbubble__avatar {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--end .chatbubble__message {
+    grid-column-start: 1;
+    border-end-end-radius: 0;
+  }
+
+  .chatbubble--end .chatbubble__message:before {
+    transform: rotateY(180deg);
+    inset-inline-start: 100%;
+  }
+
+  [dir="rtl"] .chatbubble--end .chatbubble__message:before {
+    transform: rotateY(0deg);
+  }
+
+  .chatbubble--start {
+    place-items: start;
+    grid-template-columns: auto 1fr;
+  }
+
+  .chatbubble--start .chatbubble__header {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--start .chatbubble__footer {
+    grid-column-start: 2;
+  }
+
+  .chatbubble--start .chatbubble__avatar {
+    grid-column-start: 1;
+  }
+
+  .chatbubble--start .chatbubble__message {
+    grid-column-start: 2;
+    border-end-start-radius: 0;
+  }
+
+  .chatbubble--start .chatbubble__message:before {
+    transform: rotateY(0deg);
+    inset-inline-start: -0.75rem;
+  }
+
+  [dir="rtl"] .chatbubble--start .chatbubble__message:before {
+    transform: rotateY(180deg);
+  }
+
+  .chatbubble__message--neutral {
+    background-color: var(--color-base-300);
+    color: var(--color-base-content);
+  }
+
+  .chatbubble__message--primary {
+    background-color: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .chatbubble__message--secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-content);
+  }
+
+  .chatbubble__message--accent {
+    background-color: var(--color-accent);
+    color: var(--color-accent-content);
+  }
+
+  .chatbubble__message--info {
+    background-color: var(--color-info);
+    color: var(--color-info-content);
+  }
+
+  .chatbubble__message--success {
+    background-color: var(--color-success);
+    color: var(--color-success-content);
+  }
+
+  .chatbubble__message--warning {
+    background-color: var(--color-warning);
+    color: var(--color-warning-content);
+  }
+
+  .chatbubble__message--error {
+    background-color: var(--color-error);
+    color: var(--color-error-content);
+  }
+}

package/dist/components/chatbubble/ChatBubble.d.ts

@@ -1,4 +1,4 @@
-import "./chat.css";
+import "./ChatBubble.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {

package/dist/components/chatbubble/ChatBubble.js

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./chat.css";
+import "./ChatBubble.css";
 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__ChatBubbleHeader_js_27ae7dae__ from "./ChatBubbleHeader.js";
@@ -7,7 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__ChatBubbleTime_js_4a8b0bdd__ from "./Chat
 import * as __WEBPACK_EXTERNAL_MODULE__ChatBubbleAvatar_js_15308dcc__ from "./ChatBubbleAvatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ChatBubbleMessage_js_98a4ad66__ from "./ChatBubbleMessage.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ChatBubbleFooter_js_337289df__ from "./ChatBubbleFooter.js";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ChatBubble = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -17,10 +17,7 @@ const ChatBubble = (props)=>{
         "className",
         "style"
     ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chat", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-            "chat-end": local.end,
-            "chat-start": !local.end
-        }), local.class, local.className));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.base, local.end ? __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.align.end : __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.align.start, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {

package/dist/components/chatbubble/ChatBubbleAvatar.js

@@ -1,6 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__avatar_index_js_ad25bec4__ from "../avatar/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__avatar_index_js_ad25bec4__["default"], {
         get size () {
             return props.size ?? "sm";
@@ -12,7 +13,7 @@ const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d
             return props.variant;
         },
         get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chat-image", props.class);
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.avatar, props.class, props.className);
         },
         get dataTheme () {
             return props.dataTheme;

package/dist/components/chatbubble/ChatBubbleFooter.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleFooterProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 declare const ChatBubbleFooter: (props: ChatBubbleFooterProps) => JSX.Element;

package/dist/components/chatbubble/ChatBubbleFooter.js

@@ -1,14 +1,22 @@
 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__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const ChatBubbleFooter = (props)=>(()=>{
+const ChatBubbleFooter = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chat-footer opacity-50", props.class);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.footer, local.class, local.className);
             }
         }), false, false);
         return _el$;
     })();
+};
 const chatbubble_ChatBubbleFooter = ChatBubbleFooter;
 export { chatbubble_ChatBubbleFooter as default };

package/dist/components/chatbubble/ChatBubbleHeader.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 declare const ChatBubbleHeader: (props: ChatBubbleHeaderProps) => JSX.Element;

package/dist/components/chatbubble/ChatBubbleHeader.js

@@ -1,14 +1,22 @@
 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__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
+const ChatBubbleHeader_ChatBubbleHeader = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chat-header", props.class);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.header, local.class, local.className);
             }
         }), false, false);
         return _el$;
     })();
+};
 const ChatBubbleHeader = ChatBubbleHeader_ChatBubbleHeader;
 export { ChatBubbleHeader as default };

package/dist/components/chatbubble/ChatBubbleMessage.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleMessageProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
     color?: "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";

package/dist/components/chatbubble/ChatBubbleMessage.js

@@ -1,24 +1,23 @@
 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__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ChatBubbleMessage_ChatBubbleMessage = (props)=>{
-    const bubbleClass = (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-        "chat-bubble": true,
-        "chat-bubble-neutral": "neutral" === props.color,
-        "chat-bubble-primary": "primary" === props.color,
-        "chat-bubble-secondary": "secondary" === props.color,
-        "chat-bubble-accent": "accent" === props.color,
-        "chat-bubble-info": "info" === props.color,
-        "chat-bubble-success": "success" === props.color,
-        "chat-bubble-warning": "warning" === props.color,
-        "chat-bubble-error": "error" === props.color
-    });
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "color",
+        "class",
+        "className"
+    ]);
+    const colorClass = ()=>{
+        if (!local.color) return;
+        return __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.color[local.color];
+    };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(bubbleClass, props.class);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.message, colorClass(), local.class, local.className);
             }
         }), false, false);
         return _el$;

package/dist/components/chatbubble/ChatBubbleTime.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleTimeProps = JSX.HTMLAttributes<HTMLTimeElement> & IComponentBaseProps;
 declare const ChatBubbleTime: (props: ChatBubbleTimeProps) => JSX.Element;

package/dist/components/chatbubble/ChatBubbleTime.js

@@ -1,14 +1,22 @@
 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__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<time>");
-const ChatBubbleTime = (props)=>(()=>{
+const ChatBubbleTime = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-xs opacity-50", props.class);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.time, local.class, local.className);
             }
         }), false, false);
         return _el$;
     })();
+};
 const chatbubble_ChatBubbleTime = ChatBubbleTime;
 export { chatbubble_ChatBubbleTime as default };

package/dist/components/color-field/ColorField.d.ts

@@ -1,6 +1,6 @@
 import "./ColorField.css";
 import { type Component, type JSX } from "solid-js";
-import { type ColorFormat } from "../colorpicker/ColorUtils";
+import { type ColorFormat } from "../color-wheel-flower/ColorUtils";
 import type { IComponentBaseProps } from "../types";
 export type ColorFieldFormat = ColorFormat;
 export type ColorFieldProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange"> & IComponentBaseProps & {

package/dist/components/color-field/ColorField.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./ColorField.css";
 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__colorpicker_ColorUtils_js_79ac07b0__ from "../colorpicker/ColorUtils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=color-field><div data-slot=color-field-group><input>");
 const FALLBACK_COLOR = "#FFFFFF";
 const invokeEventHandler = (handler, event)=>{
@@ -10,9 +10,9 @@ const invokeEventHandler = (handler, event)=>{
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
 const normalizeColor = (value, format)=>{
-    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.parseColor)(value);
+    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(value);
     if (!parsed) return null;
-    const formatted = (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.formatColor)(parsed, format);
+    const formatted = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.formatColor)(parsed, format);
     return "hex" === format ? formatted.toUpperCase() : formatted;
 };
 const ColorField = (props)=>{

package/dist/components/color-picker/ColorPicker.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE__color_area_index_js_f79642f5__ from "../color-area/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__color_field_index_js_d63b754b__ from "../color-field/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__color_slider_index_js_89667266__ from "../color-slider/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__ from "../colorpicker/ColorUtils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const DEFAULT_COLOR = "#3B82F6";
 const ColorPickerContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
@@ -84,9 +84,9 @@ const formatOutputColor = (value)=>{
 };
 const toColorState = (value)=>{
     if (!value) return null;
-    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.parseColor)(value);
+    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(value);
     if (!parsed) return null;
-    const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.formatColor)(parsed, "hex"));
+    const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.formatColor)(parsed, "hex"));
     const hsv = rgbToHsv(parsed.rgb.r, parsed.rgb.g, parsed.rgb.b);
     const alpha = normalizeAlpha(parsed.rgb.a ?? 1);
     return {
@@ -295,7 +295,7 @@ const ColorPickerRoot = (props)=>{
     const setFromArea = (nextValue)=>{
         const hsv = normalizeHsv(nextValue);
         const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
-        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.rgbToHex)(rgb.r, rgb.g, rgb.b));
+        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.rgbToHex)(rgb.r, rgb.g, rgb.b));
         emitChange({
             hex,
             hsv,
@@ -312,7 +312,7 @@ const ColorPickerRoot = (props)=>{
             h: value
         });
         const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
-        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__colorpicker_ColorUtils_js_79ac07b0__.rgbToHex)(rgb.r, rgb.g, rgb.b));
+        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.rgbToHex)(rgb.r, rgb.g, rgb.b));
         emitChange({
             hex,
             hsv,

package/dist/components/color-wheel-flower/ColorWheelFlower.classes.d.ts

@@ -0,0 +1,33 @@
+export declare const CLASSES: {
+    readonly base: "color-wheel-flower";
+    readonly flag: {
+        readonly disabled: "color-wheel-flower--disabled";
+    };
+    readonly rings: "color-wheel-flower__rings";
+    readonly ringShell: {
+        readonly base: "color-wheel-flower__ring-shell";
+        readonly outer: "color-wheel-flower__ring-shell--outer";
+        readonly inner: "color-wheel-flower__ring-shell--inner";
+    };
+    readonly ring: {
+        readonly base: "color-wheel-flower__ring";
+        readonly outer: "color-wheel-flower__ring--outer";
+        readonly inner: "color-wheel-flower__ring--inner";
+    };
+    readonly picker: "color-wheel-flower__picker";
+    readonly dot: {
+        readonly base: "color-wheel-flower__dot";
+        readonly frame: "color-wheel-flower__dot-frame";
+        readonly motion: "color-wheel-flower__dot-motion";
+    };
+    readonly halo: "color-wheel-flower__halo";
+    readonly swatch: {
+        readonly base: "color-wheel-flower__swatch";
+        readonly center: "color-wheel-flower__swatch--center";
+    };
+    readonly highlight: {
+        readonly base: "color-wheel-flower__highlight";
+        readonly hovered: "color-wheel-flower__highlight--hovered";
+        readonly pulsing: "color-wheel-flower__highlight--pulsing";
+    };
+};

package/dist/components/color-wheel-flower/ColorWheelFlower.classes.js

@@ -0,0 +1,34 @@
+const CLASSES = {
+    base: "color-wheel-flower",
+    flag: {
+        disabled: "color-wheel-flower--disabled"
+    },
+    rings: "color-wheel-flower__rings",
+    ringShell: {
+        base: "color-wheel-flower__ring-shell",
+        outer: "color-wheel-flower__ring-shell--outer",
+        inner: "color-wheel-flower__ring-shell--inner"
+    },
+    ring: {
+        base: "color-wheel-flower__ring",
+        outer: "color-wheel-flower__ring--outer",
+        inner: "color-wheel-flower__ring--inner"
+    },
+    picker: "color-wheel-flower__picker",
+    dot: {
+        base: "color-wheel-flower__dot",
+        frame: "color-wheel-flower__dot-frame",
+        motion: "color-wheel-flower__dot-motion"
+    },
+    halo: "color-wheel-flower__halo",
+    swatch: {
+        base: "color-wheel-flower__swatch",
+        center: "color-wheel-flower__swatch--center"
+    },
+    highlight: {
+        base: "color-wheel-flower__highlight",
+        hovered: "color-wheel-flower__highlight--hovered",
+        pulsing: "color-wheel-flower__highlight--pulsing"
+    }
+};
+export { CLASSES };