@inkandswitch/patchwork-pkg-base 0.0.128 → 0.0.130

package/module-settings-url

@@ -1 +1 @@
-automerge:2b6GXvTnguT46VPCyTbwQe2y1J5N
+automerge:J6CANwphTqDXiMtqmCb9ThXErcK

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.128",
+  "version": "0.0.130",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {

package/packages/account/dist/{AccountPicker-TCOUU4YK.js → AccountPicker-SBCGXHRS.js}

@@ -1,3 +1,10 @@
+import {
+  USER_COLOR_PALETTE,
+  generateColorFromString,
+  getRandomUserColor,
+  parseHslColor,
+  themedColor
+} from "./chunk-L6JWPAD3.js";
 import {
   __commonJS,
   __toESM
@@ -469,7 +476,7 @@ var require_browser = __commonJS({
 // src/picker/AccountPicker.tsx
 import { template as _$template7 } from "solid-js/web";
 import { delegateEvents as _$delegateEvents3 } from "solid-js/web";
-import { setAttribute as _$setAttribute4 } from "solid-js/web";
+import { setAttribute as _$setAttribute3 } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty3 } from "solid-js/web";
 import { effect as _$effect4 } from "solid-js/web";
 import { getOwner as _$getOwner } from "solid-js/web";
@@ -1080,43 +1087,6 @@ import { effect as _$effect2 } from "solid-js/web";
 import { createComponent as _$createComponent2 } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
 import { For, Show as Show2 } from "solid-js";
-
-// src/user-colors.ts
-var USER_COLOR_PALETTE = [
-  { name: "Sky Blue", value: "hsl(200, 70%, 50%)" },
-  { name: "Coral", value: "hsl(10, 75%, 58%)" },
-  { name: "Emerald", value: "hsl(145, 70%, 45%)" },
-  { name: "Violet", value: "hsl(270, 70%, 55%)" },
-  { name: "Amber", value: "hsl(38, 85%, 50%)" },
-  { name: "Rose", value: "hsl(350, 70%, 55%)" },
-  { name: "Teal", value: "hsl(178, 70%, 45%)" },
-  { name: "Indigo", value: "hsl(235, 70%, 58%)" },
-  { name: "Lime", value: "hsl(85, 70%, 45%)" },
-  { name: "Fuchsia", value: "hsl(310, 70%, 55%)" },
-  { name: "Orange", value: "hsl(25, 80%, 52%)" },
-  { name: "Cyan", value: "hsl(188, 75%, 48%)" }
-];
-function generateColorFromString(str) {
-  const hash = Math.abs(
-    str.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0)
-  );
-  const colorIndex = hash % USER_COLOR_PALETTE.length;
-  return USER_COLOR_PALETTE[colorIndex].value;
-}
-function getRandomUserColor() {
-  return USER_COLOR_PALETTE[Math.floor(Math.random() * USER_COLOR_PALETTE.length)].value;
-}
-function parseHslColor(color) {
-  const match = color.match(/^hsl\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*\)$/);
-  if (!match) return null;
-  return {
-    h: parseInt(match[1], 10),
-    s: parseInt(match[2], 10),
-    l: parseInt(match[3], 10)
-  };
-}
-
-// src/picker/ui/color-picker.tsx
 var _tmpl$4 = /* @__PURE__ */ _$template3(`<div class=color-popup><div class=color-grid><label class="color-swatch color-swatch-custom"title="Custom color"><input type=color>`);
 var _tmpl$23 = /* @__PURE__ */ _$template3(`<svg class=icon-check viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">`);
 var _tmpl$32 = /* @__PURE__ */ _$template3(`<button type=button>`);
@@ -1181,7 +1151,7 @@ function ColorPopup(props) {
           }
         }));
         _$effect2((_p$) => {
-          var _v$ = `color-swatch${props.value === color.value ? " selected" : ""}`, _v$2 = color.value, _v$3 = color.name;
+          var _v$ = `color-swatch${props.value === color.value ? " selected" : ""}`, _v$2 = themedColor(color.value), _v$3 = color.name;
           _v$ !== _p$.e && _$className(_el$5, _p$.e = _v$);
           _v$2 !== _p$.t && _$setStyleProperty(_el$5, "background-color", _p$.t = _v$2);
           _v$3 !== _p$.a && _$setAttribute2(_el$5, "title", _p$.a = _v$3);
@@ -1204,7 +1174,6 @@ _$delegateEvents2(["input", "click"]);
 // src/picker/ui/presence-cursor.tsx
 import { template as _$template4 } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty2 } from "solid-js/web";
-import { setAttribute as _$setAttribute3 } from "solid-js/web";
 import { effect as _$effect3 } from "solid-js/web";
 import { insert as _$insert4 } from "solid-js/web";
 import { spread as _$spread2 } from "solid-js/web";
@@ -1217,8 +1186,8 @@ function PresenceCursor(props) {
     _$spread2(_el$, rest, false, true);
     _$insert4(_el$5, () => local.name);
     _$effect3((_p$) => {
-      var _v$ = local.color, _v$2 = local.color;
-      _v$ !== _p$.e && _$setAttribute3(_el$4, "fill", _p$.e = _v$);
+      var _v$ = themedColor(local.color), _v$2 = themedColor(local.color);
+      _v$ !== _p$.e && _$setStyleProperty2(_el$4, "fill", _p$.e = _v$);
       _v$2 !== _p$.t && _$setStyleProperty2(_el$5, "background-color", _p$.t = _v$2);
       return _p$;
     }, {
@@ -7013,7 +6982,7 @@ function EyeOffIcon() {
 function CopyIcon(props) {
   return (() => {
     var _el$25 = _tmpl$14();
-    _$effect4(() => _$setAttribute4(_el$25, "class", props.class ?? "icon"));
+    _$effect4(() => _$setAttribute3(_el$25, "class", props.class ?? "icon"));
     return _el$25;
   })();
 }
@@ -7036,4 +7005,4 @@ export {
   AccountPicker,
   AccountPickerTool
 };
-//# sourceMappingURL=AccountPicker-TCOUU4YK.js.map
+//# sourceMappingURL=AccountPicker-SBCGXHRS.js.map