@brytdesigns/web-component-core 1.1.1 → 1.1.3

package/dist/esm/hooks/index.js

@@ -0,0 +1,106 @@
+import { createMemo } from 'solid-js';
+import { createContext, provide, consume } from 'component-register';
+import 'solid-js/web';
+
+// src/hooks/makePathContextHooks.ts
+
+// src/hooks/internal/getValueFromPath.ts
+function getValueFromPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc === null || acc === void 0) return void 0;
+    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
+    if (Array.isArray(acc) && isArrayIndex) {
+      return acc[Number(key)];
+    }
+    return acc[key];
+  }, obj);
+}
+
+// src/utils/formatValue.ts
+function formatValue(format, value) {
+  switch (format) {
+    case "currency":
+      if (typeof value === "number") return window.Shopify.formatMoney(value);
+      if (typeof value === "string")
+        return window.Shopify.formatMoney(parseFloat(value));
+      console.warn("formatValue: Unsupported value type for currency format.");
+      return window.Shopify.formatMoney(0);
+    case "number":
+      return Number(value);
+    case "boolean":
+      return Boolean(value);
+    case "invert_boolean":
+      return !Boolean(value);
+    default:
+      return value;
+  }
+}
+
+// src/hooks/makePathContextHooks.ts
+var makeFullPropertyPathContext = () => {
+  function createFullPathPropertyContext(options) {
+    return options.path;
+  }
+  const Context = createContext(createFullPathPropertyContext);
+  function provide$1({
+    element,
+    path
+  }) {
+    return provide(Context, { path }, element);
+  }
+  function useFullPropertyPathContext(context) {
+    return context;
+  }
+  function usePath(props) {
+    const context = consume(Context, props.element);
+    const basePath = useFullPropertyPathContext(context);
+    return createMemo(() => {
+      if (typeof basePath !== "function" && typeof props.path === "function") {
+        return props.path();
+      } else if (typeof basePath === "function" && typeof props.path !== "function") {
+        return basePath();
+      } else if (typeof basePath === "function" && typeof props.path === "function") {
+        return `${basePath()}.${props.path()}`;
+      }
+      return "";
+    });
+  }
+  function usePathValue(options) {
+    return createMemo(() => {
+      const data = options.data();
+      if (typeof options.path !== "function") return data;
+      const path = options.path();
+      if (!path) return data;
+      const v = getValueFromPath(data, path);
+      if (v === void 0 || v === null) return null;
+      return v;
+    });
+  }
+  function useFormattedValue(options) {
+    const value = usePathValue({ path: options.path, data: options.data });
+    const formattedValue = createMemo(() => {
+      const v = value();
+      if (v === null) return null;
+      if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+        return formatValue(options.format || "", v);
+      }
+      console.warn(
+        options.element,
+        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,
+        v
+      );
+      return null;
+    });
+    return formattedValue;
+  }
+  return {
+    provide: provide$1,
+    usePath,
+    usePathValue,
+    useFormattedValue
+  };
+};
+
+export { makeFullPropertyPathContext };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/internal/getValueFromPath.ts","../../../src/utils/formatValue.ts","../../../src/hooks/makePathContextHooks.ts"],"names":["provide","_provide","_consume"],"mappings":"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","file":"index.js","sourcesContent":["export type Path<T> = T extends readonly (infer U)[]\n  ? `${number}` | `${number}.${Path<U>}` // Allows indexing into readonly arrays\n  : T extends object\n    ? {\n        [K in keyof T & (string | number)]: T[K] extends object | any[]\n          ? `${K}` | `${K}.${Path<T[K]>}`\n          : `${K}`;\n      }[keyof T & (string | number)]\n    : never;\n\nexport type PathValue<\n  T,\n  P extends string,\n> = P extends `${infer Key}.${infer Rest}`\n  ? Key extends keyof T\n    ? PathValue<T[Key], Rest>\n    : Key extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? PathValue<U, Rest>\n        : undefined\n      : undefined\n  : P extends keyof T\n    ? T[P]\n    : P extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? U\n        : undefined\n      : undefined;\n\nexport function getValueFromPath<T, P extends Path<T>>(\n  obj: T,\n  path: P\n): PathValue<T, P> {\n  return path.split(\".\").reduce<any>((acc, key) => {\n    if (acc === null || acc === undefined) return undefined;\n\n    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== \"\";\n    if (Array.isArray(acc) && isArrayIndex) {\n      return acc[Number(key)];\n    }\n\n    return acc[key];\n  }, obj) as PathValue<T, P>;\n}\n","export type Format =\n  | \"currency\"\n  | \"number\"\n  | \"boolean\"\n  | \"invert_boolean\"\n  | string;\n\nexport function formatValue(format: Format, value: unknown) {\n  switch (format) {\n    case \"currency\":\n      if (typeof value === \"number\") return window.Shopify.formatMoney(value);\n      if (typeof value === \"string\")\n        return window.Shopify.formatMoney(parseFloat(value));\n      console.warn(\"formatValue: Unsupported value type for currency format.\");\n      return window.Shopify.formatMoney(0);\n    case \"number\":\n      return Number(value);\n    case \"boolean\":\n      return Boolean(value);\n    case \"invert_boolean\":\n      return !Boolean(value);\n    default:\n      return value as any;\n  }\n}\n\ndeclare global {\n  interface Window {\n    Shopify: {\n      formatMoney(value: number, currency?: string): string;\n    };\n  }\n}\n","import type { Path, PathValue } from \"./internal\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport {\n  createContext,\n  consume as _consume,\n  provide as _provide,\n  type ICustomElement,\n} from \"component-register\";\n\nimport { getValueFromPath } from \"./internal/index.js\";\nimport { formatValue, type Format } from \"../utils/index.js\";\n\ntype WalkableNode = Parameters<typeof _provide>[2];\n\nexport type { Path, PathValue };\n\nexport const makeFullPropertyPathContext = <RootData = any>() => {\n  type FullPropertyPathContextType = ReturnType<\n    typeof createFullPathPropertyContext\n  >;\n\n  type Options = {\n    path: Accessor<Path<RootData>>;\n    element: HTMLElement & ICustomElement;\n  };\n  function createFullPathPropertyContext(\n    options: Options\n  ): Accessor<Path<RootData>> {\n    return options.path;\n  }\n\n  const Context = createContext(createFullPathPropertyContext);\n\n  function provide({\n    element,\n    path,\n  }: {\n    element: WalkableNode;\n    path: Accessor<Path<RootData>>;\n  }): FullPropertyPathContextType {\n    return _provide(Context, { path }, element);\n  }\n\n  function useFullPropertyPathContext(context: FullPropertyPathContextType) {\n    return context;\n  }\n\n  function usePath(props: {\n    element: HTMLElement & ICustomElement;\n    path?: Accessor<Path<RootData>>;\n  }): Accessor<Path<RootData>> {\n    const context = _consume(Context, props.element);\n    const basePath = useFullPropertyPathContext(context);\n    return createMemo(() => {\n      if (typeof basePath !== \"function\" && typeof props.path === \"function\") {\n        return props.path();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path !== \"function\"\n      ) {\n        return basePath();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path === \"function\"\n      ) {\n        return `${basePath()}.${props.path()}`;\n      }\n      return \"\";\n    }) as Accessor<Path<RootData>>;\n  }\n\n  type PathValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function usePathValue<P extends Path<RootData>>(\n    options: PathValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    return createMemo(() => {\n      const data = options.data();\n      if (typeof options.path !== \"function\") return data;\n      const path = options.path();\n      if (!path) return data;\n      const v = getValueFromPath(data, path as any);\n      if (v === undefined || v === null) return null;\n      return v;\n    }) as Accessor<PathValue<RootData, P>>;\n  }\n\n  type FormmatedValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    format?: Format;\n    element: HTMLElement & ICustomElement;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function useFormattedValue<P extends Path<RootData>>(\n    options: FormmatedValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    const value = usePathValue({ path: options.path, data: options.data });\n\n    const formattedValue = createMemo(() => {\n      const v = value();\n      if (v === null) return null;\n      if (\n        typeof v === \"string\" ||\n        typeof v === \"number\" ||\n        typeof v === \"boolean\"\n      ) {\n        return formatValue(options.format || \"\", v);\n      }\n      console.warn(\n        options.element,\n        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,\n        v\n      );\n      return null;\n    });\n\n    return formattedValue as Accessor<PathValue<RootData, P>>;\n  }\n\n  return {\n    provide,\n    usePath,\n    usePathValue,\n    useFormattedValue,\n  };\n};\n"]}

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { createFocusTrap as createFocusTrap$1 } from 'focus-trap';
-import { createMemo, createEffect, on, createRoot, onCleanup, createSignal } from 'solid-js';
-import { compose, register, noShadowDOM } from 'component-register';
+import { createMemo, onCleanup, createEffect, on, createRoot, createSignal } from 'solid-js';
+import { compose, register, createContext, provide, consume, noShadowDOM } from 'component-register';
 import { insert } from 'solid-js/web';
 
 // src/focusTrap/index.ts
@@ -183,6 +183,15 @@ function customElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(register(tagName, props), withSolid, ...rest)(Component);
 }
+function isConstructable(fn) {
+  if (typeof fn !== "function") return false;
+  try {
+    Reflect.construct(String, [], fn);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function customShadowlessElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(
@@ -190,7 +199,16 @@ function customShadowlessElement(tagName, props, Component = () => {
     withNoShadowDOM,
     withSolid,
     ...rest
-  )(Component);
+  )((...args) => {
+    onCleanup(() => {
+      const [_, { element }] = args;
+      element.dispatchEvent(new CustomEvent("bryt-designs:element-destroyed"));
+    });
+    if (isConstructable(Component)) {
+      return new Component(...args);
+    }
+    return Component(...args);
+  });
 }
 var correctElementType = (component) => {
   return (props, options) => {
@@ -234,31 +252,42 @@ function invokeOnLoaded(fn, { signal }) {
   return;
 }
 function createWithElementContext(context) {
-  return function(selector, dependencies = () => null, cb) {
+  return function(target, dependencies = () => null, cb) {
     createEffect(
       on(
         () => {
-          const s = typeof selector === "string" ? selector : selector();
+          const t = typeof target === "string" ? target : target();
           return {
-            selector: s,
+            target: t,
             dependencies: dependencies()
           };
         },
-        ({ selector: selector2, dependencies: dependencies2 }) => {
+        ({ target: _target, dependencies: dependencies2 }) => {
           const controller = new AbortController();
           invokeOnLoaded(
             () => {
-              let target = null;
+              let target2 = _target instanceof Element ? _target : null;
               try {
-                target = document.querySelector(selector2);
+                if (typeof _target === "string")
+                  target2 = document.querySelector(_target);
+                else if (typeof _target === "function") target2 = _target();
               } catch (e) {
               }
-              if (!target)
+              if (!target2 && typeof _target === "string")
                 return console.warn(`Target element not found!`, {
-                  target: selector2
+                  target: _target
                 });
+              else if (!target2)
+                return console.warn(`Target element not found!`);
+              target2.addEventListener(
+                "bryt-designs:element-destroyed",
+                () => {
+                  controller.abort("Context element destroyed");
+                },
+                { once: true }
+              );
               createRoot((dispose) => {
-                const c = getContextFromProvider(context, target);
+                const c = getContextFromProvider(context, target2);
                 const unsub = cb(c, dependencies2);
                 onCleanup(() => {
                   if (typeof unsub === "function") unsub();
@@ -271,7 +300,7 @@ function createWithElementContext(context) {
             { signal: controller.signal }
           );
           onCleanup(() => {
-            controller.abort();
+            controller.abort("Dependencies changed!");
           });
         }
       )
@@ -279,6 +308,103 @@ function createWithElementContext(context) {
   };
 }
 
-export { abortablePromise, awaitAllAnimations, checkLoaded, controlsToPromise, correctElementType, createFocusTrap, createWithElementContext, customElement, customShadowlessElement, getContextFromProvider, getTransitionConfig, invokeOnLoaded, isCustomElement, toHyphenated };
+// src/utils/formatValue.ts
+function formatValue(format, value) {
+  switch (format) {
+    case "currency":
+      if (typeof value === "number") return window.Shopify.formatMoney(value);
+      if (typeof value === "string")
+        return window.Shopify.formatMoney(parseFloat(value));
+      console.warn("formatValue: Unsupported value type for currency format.");
+      return window.Shopify.formatMoney(0);
+    case "number":
+      return Number(value);
+    case "boolean":
+      return Boolean(value);
+    case "invert_boolean":
+      return !Boolean(value);
+    default:
+      return value;
+  }
+}
+
+// src/hooks/internal/getValueFromPath.ts
+function getValueFromPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc === null || acc === void 0) return void 0;
+    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
+    if (Array.isArray(acc) && isArrayIndex) {
+      return acc[Number(key)];
+    }
+    return acc[key];
+  }, obj);
+}
+
+// src/hooks/makePathContextHooks.ts
+var makeFullPropertyPathContext = () => {
+  function createFullPathPropertyContext(options) {
+    return options.path;
+  }
+  const Context = createContext(createFullPathPropertyContext);
+  function provide$1({
+    element,
+    path
+  }) {
+    return provide(Context, { path }, element);
+  }
+  function useFullPropertyPathContext(context) {
+    return context;
+  }
+  function usePath(props) {
+    const context = consume(Context, props.element);
+    const basePath = useFullPropertyPathContext(context);
+    return createMemo(() => {
+      if (typeof basePath !== "function" && typeof props.path === "function") {
+        return props.path();
+      } else if (typeof basePath === "function" && typeof props.path !== "function") {
+        return basePath();
+      } else if (typeof basePath === "function" && typeof props.path === "function") {
+        return `${basePath()}.${props.path()}`;
+      }
+      return "";
+    });
+  }
+  function usePathValue(options) {
+    return createMemo(() => {
+      const data = options.data();
+      if (typeof options.path !== "function") return data;
+      const path = options.path();
+      if (!path) return data;
+      const v = getValueFromPath(data, path);
+      if (v === void 0 || v === null) return null;
+      return v;
+    });
+  }
+  function useFormattedValue(options) {
+    const value = usePathValue({ path: options.path, data: options.data });
+    const formattedValue = createMemo(() => {
+      const v = value();
+      if (v === null) return null;
+      if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+        return formatValue(options.format || "", v);
+      }
+      console.warn(
+        options.element,
+        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,
+        v
+      );
+      return null;
+    });
+    return formattedValue;
+  }
+  return {
+    provide: provide$1,
+    usePath,
+    usePathValue,
+    useFormattedValue
+  };
+};
+
+export { abortablePromise, awaitAllAnimations, checkLoaded, controlsToPromise, correctElementType, createFocusTrap, createWithElementContext, customElement, customShadowlessElement, formatValue, getContextFromProvider, getTransitionConfig, invokeOnLoaded, isCustomElement, makeFullPropertyPathContext, toHyphenated };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/focusTrap/index.ts","../../src/promise/abortablePromise.ts","../../src/animation/controlsToPromise.ts","../../src/animation/awaitAllAnimations.ts","../../src/animation/getTransitionConfig.ts","../../src/utils/toHyphenated.ts","../../src/utils/solid-element.ts","../../src/utils/isCustomElement.ts","../../src/utils/getContextFromProvider.ts","../../src/utils/checkLoaded.ts","../../src/utils/invokeOnLoaded.ts","../../src/utils/createWithElementContext.ts"],"names":["_createFocusTrap","selector","dependencies","createRoot"],"mappings":";;;;;;AAOA,IAAM,YAA8B,EAAC;AAE9B,IAAM,eAAkB,GAAA,CAC7B,OACA,EAAA,OAAA,KAEA,WAAW,MAAM;AACf,EAAM,MAAA,CAAA,GAAI,WAAe,IAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAI,IAAA,CAAC,EAAE,SAAW,EAAA;AAChB,IAAA,CAAA,CAAE,SAAY,GAAA,SAAA;AAAA;AAEhB,EAAO,OAAAA,iBAAA,CAAiB,SAAS,CAAC,CAAA;AACpC,CAAC;;;ACrBI,SAAS,gBAAA,CAAiB,SAAuB,MAAqB,EAAA;AAC3E,EAAA,IAAI,OAAO,OAAS,EAAA;AAClB,IAAO,OAAA,IAAI,QAAQ,CAAC,CAAA,EAAG,QAAQ,GAAI,CAAA,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA;AAGnD,EAAA,OAAO,IAAI,OAAA,CAAQ,OAAO,GAAA,EAAK,GAAQ,KAAA;AACrC,IAAO,MAAA,CAAA,gBAAA;AAAA,MACL,OAAA;AAAA,MACA,MAAM;AACJ,QAAA,GAAA,CAAI,OAAO,MAAM,CAAA;AAAA,OACnB;AAAA,MACA,EAAE,MAAM,IAAK;AAAA,KACf;AACA,IAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,GACjB,CAAA;AACH;;;ACbA,eAAsB,kBACpB,QACA,EAAA;AACA,EAAO,OAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9B,IAAA,QAAA,CAAS,IAAK,CAAA,MAAM,OAAQ,CAAA,IAAI,CAAC,CAAA;AAAA,GAClC,CAAA;AACH;;;ACNO,SAAS,mBACd,QACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,CAAM,KAAA;AACjC,IAAA,MAAM,UAAiB,EAAC;AACxB,IAAA,IAAI,YAAY,QAAS,CAAA,MAAA;AACzB,IAAA,IAAI,cAAc,CAAG,EAAA;AACnB,MAAA,OAAA,CAAQ,EAAE,CAAA;AACV,MAAA;AAAA;AAGF,IAAS,SAAA,aAAA,CAAiB,OAAU,KAAe,EAAA;AACjD,MAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,KAAA;AACjB,MAAa,SAAA,IAAA,CAAA;AACb,MAAA,IAAI,cAAc,CAAG,EAAA;AACnB,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AACjB;AAGF,IAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAI,IAAA;AACF,QAAI,IAAA,CAAA,EAAG,UAAU,MAAQ,EAAA;AACvB,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,CAAA,CAAE,KAAK,MAAM;AACX,YAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,WACtB,CAAA;AAAA;AACH,eACO,CAAG,EAAA;AACV,QAAA,CAAA,CAAE,KAAK,MAAM;AACX,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SACtB,CAAA;AAAA;AACH,KACD,CAAA;AAAA,GACF,CAAA;AACH;;;AC9BO,SAAS,oBAAoB,KAA4B,EAAA;AAC9D,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,MAAA,EAAQ,KAAM,CAAA,gBAAA,CAAiB,kBAAkB,CAAA;AAAA,IACjD,aAAA,EAAe,KAAM,CAAA,gBAAA,CAAiB,0BAA0B,CAAA;AAAA,IAChE,eAAA,EAAiB,KAAM,CAAA,gBAAA,CAAiB,4BAA4B,CAAA;AAAA,IACpE,QAAA,EAAU,KAAM,CAAA,gBAAA,CAAiB,oBAAoB,CAAA;AAAA,IACrD,OAAA,EAAS,KAAM,CAAA,gBAAA,CAAiB,mBAAmB,CAAA;AAAA,IACnD,KAAA,EAAO,KAAM,CAAA,gBAAA,CAAiB,iBAAiB,CAAA;AAAA,IAC/C,IAAA,EAAM,KAAM,CAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IAC7C,OAAA,EAAS,KAAM,CAAA,gBAAA,CAAiB,mBAAmB,CAAA;AAAA,IACnD,IAAA,EAAM,KAAM,CAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IAC7C,GAAA,EAAK,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAC3C,GAAA,EAAK,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAC3C,KAAA,EAAO,KAAM,CAAA,gBAAA,CAAiB,iBAAiB,CAAA;AAAA,IAC/C,MAAA,EAAQ,KAAM,CAAA,gBAAA,CAAiB,kBAAkB,CAAA;AAAA,IACjD,WAAA,EAAa,KAAM,CAAA,gBAAA,CAAiB,wBAAwB,CAAA;AAAA,IAC5D,UAAA,EAAY,KAAM,CAAA,gBAAA,CAAiB,uBAAuB,CAAA;AAAA,IAC1D,SAAA,EAAW,KAAM,CAAA,gBAAA,CAAiB,sBAAsB,CAAA;AAAA,IACxD,SAAA,EAAW,KAAM,CAAA,gBAAA,CAAiB,sBAAsB,CAAA;AAAA,IACxD,SAAA,EAAW,KAAM,CAAA,gBAAA,CAAiB,sBAAsB,CAAA;AAAA,IACxD,YAAA,EAAc,KAAM,CAAA,gBAAA,CAAiB,yBAAyB,CAAA;AAAA,IAC9D,KAAA,EAAO,KAAM,CAAA,gBAAA,CAAiB,iBAAiB,CAAA;AAAA,IAC/C,IAAA,EAAM,KAAM,CAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IAC7C,QAAA,EAAU,KAAM,CAAA,gBAAA,CAAiB,oBAAoB,CAAA;AAAA,IACrD,cAAA,EAAgB,KAAM,CAAA,gBAAA,CAAiB,2BAA2B;AAAA,GACpE;AACA,EAAO,OAAA;AAAA,IACL,QAAQ,UAAW,CAAA,MAAA,GAAS,UAAW,CAAA,UAAA,CAAW,MAAM,CAAI,GAAA,MAAA;AAAA,IAC5D,eAAe,UAAW,CAAA,aAAA,GACtB,UAAW,CAAA,UAAA,CAAW,aAAa,CACnC,GAAA,MAAA;AAAA,IACJ,iBAAiB,UAAW,CAAA,eAAA,GACxB,UAAW,CAAA,UAAA,CAAW,eAAe,CACrC,GAAA,MAAA;AAAA,IACJ,UAAU,UAAW,CAAA,QAAA,GAAW,UAAW,CAAA,UAAA,CAAW,QAAQ,CAAI,GAAA,MAAA;AAAA,IAClE,SAAS,UAAW,CAAA,OAAA,GAAU,UAAW,CAAA,UAAA,CAAW,OAAO,CAAI,GAAA,MAAA;AAAA,IAC/D,OAAO,UAAW,CAAA,KAAA,GAAQ,UAAW,CAAA,UAAA,CAAW,KAAK,CAAI,GAAA,MAAA;AAAA,IACzD,IAAO,EAAA,UAAA,CAAW,IAAO,GAAA,UAAA,CAAW,IAAO,GAAA,MAAA;AAAA,IAC3C,SAAS,UAAW,CAAA,OAAA,GAAU,UAAW,CAAA,UAAA,CAAW,OAAO,CAAI,GAAA,MAAA;AAAA,IAC/D,MAAM,UAAW,CAAA,IAAA,GAAO,UAAW,CAAA,UAAA,CAAW,IAAI,CAAI,GAAA,MAAA;AAAA,IACtD,KAAK,UAAW,CAAA,GAAA,GAAM,UAAW,CAAA,UAAA,CAAW,GAAG,CAAI,GAAA,MAAA;AAAA,IACnD,KAAK,UAAW,CAAA,GAAA,GAAM,UAAW,CAAA,UAAA,CAAW,GAAG,CAAI,GAAA,MAAA;AAAA,IACnD,OAAO,UAAW,CAAA,KAAA,GAAQ,UAAW,CAAA,UAAA,CAAW,KAAK,CAAI,GAAA,MAAA;AAAA,IACzD,QAAQ,UAAW,CAAA,MAAA,GAAS,QAAS,CAAA,UAAA,CAAW,MAAM,CAAI,GAAA,MAAA;AAAA,IAC1D,aAAa,UAAW,CAAA,WAAA,GACpB,UAAW,CAAA,UAAA,CAAW,WAAW,CACjC,GAAA,MAAA;AAAA,IACJ,UAAa,EAAA,UAAA,CAAW,UACpB,GAAA,UAAA,CAAW,UACX,GAAA,MAAA;AAAA,IACJ,WAAW,UAAW,CAAA,SAAA,GAClB,UAAW,CAAA,UAAA,CAAW,SAAS,CAC/B,GAAA,MAAA;AAAA,IACJ,WAAW,UAAW,CAAA,SAAA,GAClB,UAAW,CAAA,UAAA,CAAW,SAAS,CAC/B,GAAA,MAAA;AAAA,IACJ,WAAW,UAAW,CAAA,SAAA,GAClB,UAAW,CAAA,UAAA,CAAW,SAAS,CAC/B,GAAA,MAAA;AAAA,IACJ,cAAc,UAAW,CAAA,YAAA,GACrB,UAAW,CAAA,UAAA,CAAW,YAAY,CAClC,GAAA,MAAA;AAAA,IACJ,IAAO,EAAA,UAAA,CAAW,IACd,GAAA,UAAA,CAAW,IACX,GAAA,MAAA;AAAA,IACJ,UAAU,UAAW,CAAA,QAAA,GAAW,UAAW,CAAA,UAAA,CAAW,QAAQ,CAAI,GAAA,MAAA;AAAA,IAClE,gBAAgB,UAAW,CAAA,cAAA,GACvB,UAAW,CAAA,UAAA,CAAW,cAAc,CACpC,GAAA;AAAA,GACN;AACF;;;AC7EO,SAAS,aAAa,GAAqB,EAAA;AAChD,EAAA,OAAO,GACJ,CAAA,OAAA,CAAQ,UAAY,EAAA,KAAK,EACzB,WAAY,EAAA;AACjB;ACiBA,SAAS,YAA8B,GAAQ,EAAA;AAC7C,EAAM,MAAA,IAAA,GAAO,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA;AAC5B,EAAA,MAAM,QAAQ,EAAC;AACf,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AACpC,IAAM,MAAA,GAAA,GAAM,KAAK,CAAC,CAAA;AAClB,IAAI,IAAA,OAAO,QAAQ,WAAa,EAAA;AAChC,IAAM,MAAA,CAAC,KAAK,GAAG,CAAA,GAAI,aAAa,OAAQ,CAAA,GAAA,CAAI,GAAK,EAAA,GAAG,CAAC,CAAA;AACrD,IAAO,MAAA,CAAA,cAAA,CAAe,OAAO,GAAK,EAAA;AAAA,MAChC,GAAA;AAAA,MACA,IAAI,CAAG,EAAA;AACL,QAAA,GAAA,CAAI,MAAM,CAAC,CAAA;AAAA;AACb,KACD,CAAA;AAAA;AAEH,EAAO,OAAA,KAAA;AACT;AAEA,SAAS,cAAc,EAAwC,EAAA;AAC7D,EAAI,IAAA,EAAA,CAAG,YAAgB,IAAA,EAAA,CAAG,YAAa,CAAA,OAAA;AACrC,IAAA,OAAO,GAAG,YAAa,CAAA,OAAA;AACzB,EAAA,IAAI,OAAoC,EAAG,CAAA,UAAA;AAC3C,EACE,OAAA,IAAA,IACA,CAAC,IAAK,CAAA,OAAA,IACN,EACE,IAAK,CAAA,YAAA,IACJ,KAAK,YAA6C,CAAA,OAAA,CAAA;AAGrD,IAAA,IAAA,GAAO,IAAK,CAAA,UAAA;AACd,EAAA,OAAO,QAAQ,IAAK,CAAA,YAAA,GACf,IAAK,CAAA,YAAA,CAA6C,UACnD,EAAG,CAAA,OAAA;AACT;AAEA,SAAS,UACP,aACkB,EAAA;AAClB,EAAO,OAAA,CAAC,UAAa,OAA8B,KAAA;AACjD,IAAM,MAAA,EAAE,SAAY,GAAA,OAAA;AAGpB,IAAO,OAAA,UAAA,CAAW,CAAC,OAAsB,KAAA;AACvC,MAAM,MAAA,KAAA,GAAQ,YAAe,QAAQ,CAAA;AAErC,MAAQ,OAAA,CAAA,0BAAA;AAAA,QACN,CAAC,GAAA,EAAa,GAAc,KAAA,KAAA,CAAM,GAAc,CAAI,GAAA;AAAA,OACtD;AACA,MAAA,OAAA,CAAQ,mBAAmB,MAAM;AAC/B,QAAA,OAAA,CAAQ,WAAW,WAAc,GAAA,EAAA;AACjC,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AAED,MAAM,MAAA,IAAA,GAAQ,aAAuC,CAAA,KAAA,EAAY,OAAO,CAAA;AACxE,MAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,UAAA,EAAY,IAAI,CAAA;AAAA,KACxC,EAAG,aAAc,CAAA,OAAO,CAAC,CAAA;AAAA,GAC3B;AACF;AAEA,SAAS,eAAA,CACP,YAA8B,MAAM;AAAC,CACrC,EAAA;AACA,EAAO,OAAA,CAAC,OAAU,OAA8B,KAAA;AAC9C,IAAY,WAAA,EAAA;AACZ,IAAM,MAAA,IAAA,GAAQ,SAAmC,CAAA,KAAA,EAAO,OAAO,CAAA;AAC/D,IAAO,OAAA,IAAA;AAAA,GACT;AACF;AAEO,SAAS,aACd,CAAA,OAAA,EACA,KACA,EAAA,SAAA,GAA8B,MAAM;AAAC,CAAA,EAAA,GAClC,IACH,EAAA;AACA,EAAO,OAAA,OAAA,CAAQ,SAAS,OAAS,EAAA,KAAK,GAAG,SAAW,EAAA,GAAG,IAAI,CAAA,CAAE,SAAS,CAAA;AACxE;AAEO,SAAS,uBACd,CAAA,OAAA,EACA,KACA,EAAA,SAAA,GAA8B,MAAM;AAAC,CAAA,EAAA,GAClC,IACH,EAAA;AACA,EAAO,OAAA,OAAA;AAAA,IACL,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,IACvB,eAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,IACH,SAAS,CAAA;AACb;AAEa,IAAA,kBAAA,GAAqB,CAChC,SACqB,KAAA;AACrB,EAAO,OAAA,CAAC,OAAU,OAAY,KAAA;AAC5B,IAAO,OAAA,SAAA,CAAU,OAAO,OAAkC,CAAA;AAAA,GAC5D;AACF;;;ACtHO,SAAS,gBACd,OACyC,EAAA;AACzC,EAAO,OAAA,OAAA,CAAQ,GAAI,CAAA,OAAA,EAAS,eAAe,CAAA;AAC7C;;;ACHO,SAAS,sBAAA,CACd,SACA,OACA,EAAA;AACA,EAAA,MAAM,SAAY,GAAA,MAAA,CAAO,qBAAsB,CAAA,OAAO,CAAE,CAAA,IAAA;AAAA,IACtD,CAAC,CAAM,KAAA,CAAA,CAAE,WAAgB,KAAA;AAAA,GAC3B;AACA,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAM,MAAA,IAAI,MAAM,oDAAoD,CAAA;AAAA;AAGtE,EAAM,MAAA,QAAA,GAAW,QAAQ,SAAS,CAAA;AAClC,EAAO,OAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AAC5B;;;ACfO,SAAS,WAAc,GAAA;AAC5B,EAAA,OACE,SAAS,UAAe,KAAA,UAAA;AAAA,EAExB,QAAS,CAAA,UAAA,KAAe,QACxB,IAAA,QAAA,CAAS,UAAe,KAAA,aAAA;AAE5B;;;ACLO,SAAS,cACd,CAAA,EAAA,EACA,EAAE,MAAA,EACF,EAAA;AACA,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,MAAM,EAAK,GAAA,UAAA,CAAW,MAAM,EAAA,EAAI,CAAA;AAChC,IAAA,MAAA,EAAQ,gBAAiB,CAAA,OAAA,EAAS,MAAM,YAAA,CAAa,EAAE,CAAG,EAAA;AAAA,MACxD,IAAM,EAAA;AAAA,KACP,CAAA;AACD,IAAA;AAAA;AAEF,EAAA,MAAA,CAAO,iBAAiB,kBAAoB,EAAA,EAAA,EAAI,EAAE,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AACtE,EAAA;AACF;ACAO,SAAS,yBAGd,OAAkB,EAAA;AAClB,EAAA,OAAO,SACL,QAAA,EACA,YAA4B,GAAA,MAAM,MAClC,EACA,EAAA;AACA,IAAA,YAAA;AAAA,MACE,EAAA;AAAA,QACE,MAAM;AACJ,UAAA,MAAM,CACJ,GAAA,OAAO,QAAa,KAAA,QAAA,GAAW,WAAW,QAAS,EAAA;AACrD,UAAO,OAAA;AAAA,YACL,QAAU,EAAA,CAAA;AAAA,YACV,cAAc,YAAa;AAAA,WAC7B;AAAA,SACF;AAAA,QACA,CAAC,EAAE,QAAA,EAAAC,SAAU,EAAA,YAAA,EAAAC,eAAmB,KAAA;AAC9B,UAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,UAAA,cAAA;AAAA,YACE,MAAM;AACJ,cAAA,IAAI,MAAyB,GAAA,IAAA;AAC7B,cAAI,IAAA;AACF,gBAAS,MAAA,GAAA,QAAA,CAAS,cAAcD,SAAQ,CAAA;AAAA,uBACjC,CAAG,EAAA;AACV;AAEF,cAAA,IAAI,CAAC,MAAA;AACH,gBAAO,OAAA,OAAA,CAAQ,KAAK,CAA6B,yBAAA,CAAA,EAAA;AAAA,kBAC/C,MAAQA,EAAAA;AAAA,iBACT,CAAA;AAEH,cAAAE,UAAAA,CAAW,CAAC,OAAY,KAAA;AACtB,gBAAM,MAAA,CAAA,GAAI,sBAAuB,CAAA,OAAA,EAAS,MAAM,CAAA;AAEhD,gBAAM,MAAA,KAAA,GAAQ,EAAG,CAAA,CAAA,EAAmBD,aAAY,CAAA;AAEhD,gBAAA,SAAA,CAAU,MAAM;AACd,kBAAI,IAAA,OAAO,KAAU,KAAA,UAAA,EAAkB,KAAA,EAAA;AAAA,iBACxC,CAAA;AAED,gBAAW,UAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,EAAS,OAAS,EAAA;AAAA,kBACnD,IAAM,EAAA;AAAA,iBACP,CAAA;AAAA,eACF,CAAA;AAAA,aACH;AAAA,YACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,WAC9B;AAGA,UAAA,SAAA,CAAU,MAAM;AACd,YAAA,UAAA,CAAW,KAAM,EAAA;AAAA,WAClB,CAAA;AAAA;AACH;AACF,KACF;AAAA,GACF;AACF","file":"index.js","sourcesContent":["import {\n  createFocusTrap as _createFocusTrap,\n  type Options,\n  type FocusTrap,\n} from \"focus-trap\";\nimport { createMemo, type Accessor } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n  element: HTMLElement,\n  options?: Accessor<Options>,\n) =>\n  createMemo(() => {\n    const o = options?.() || {\n      trapStack,\n    };\n    if (!o.trapStack) {\n      o.trapStack = trapStack;\n    }\n    return _createFocusTrap(element, o);\n  });\n","export function abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n","import type {\n  Easing,\n  Transition,\n  AnimationGeneratorType,\n  RepeatType,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n  const properties = {\n    bounce: style.getPropertyValue(\"--motion--bounce\"),\n    bounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n    bounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n    duration: style.getPropertyValue(\"--motion--duration\"),\n    damping: style.getPropertyValue(\"--motion--damping\"),\n    delay: style.getPropertyValue(\"--motion--delay\"),\n    ease: style.getPropertyValue(\"--motion--ease\"),\n    elapsed: style.getPropertyValue(\"--motion--elapsed\"),\n    mass: style.getPropertyValue(\"--motion--mass\"),\n    max: style.getPropertyValue(\"--motion--max\"),\n    min: style.getPropertyValue(\"--motion--min\"),\n    power: style.getPropertyValue(\"--motion--power\"),\n    repeat: style.getPropertyValue(\"--motion--repeat\"),\n    repeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n    repeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n    restDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n    restSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n    startTime: style.getPropertyValue(\"--motion--start-time\"),\n    timeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n    times: style.getPropertyValue(\"--motion--times\"),\n    type: style.getPropertyValue(\"--motion--type\"),\n    velocity: style.getPropertyValue(\"--motion--velocity\"),\n    visualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n  };\n  return {\n    bounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n    bounceDamping: properties.bounceDamping\n      ? parseFloat(properties.bounceDamping)\n      : undefined,\n    bounceStiffness: properties.bounceStiffness\n      ? parseFloat(properties.bounceStiffness)\n      : undefined,\n    duration: properties.duration ? parseFloat(properties.duration) : undefined,\n    damping: properties.damping ? parseFloat(properties.damping) : undefined,\n    delay: properties.delay ? parseFloat(properties.delay) : undefined,\n    ease: (properties.ease ? properties.ease : undefined) as Easing,\n    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n    mass: properties.mass ? parseFloat(properties.mass) : undefined,\n    max: properties.max ? parseFloat(properties.max) : undefined,\n    min: properties.min ? parseFloat(properties.min) : undefined,\n    power: properties.power ? parseFloat(properties.power) : undefined,\n    repeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n    repeatDelay: properties.repeatDelay\n      ? parseFloat(properties.repeatDelay)\n      : undefined,\n    repeatType: (properties.repeatType\n      ? properties.repeatType\n      : undefined) as RepeatType,\n    restDelta: properties.restDelta\n      ? parseFloat(properties.restDelta)\n      : undefined,\n    restSpeed: properties.restSpeed\n      ? parseFloat(properties.restSpeed)\n      : undefined,\n    startTime: properties.startTime\n      ? parseFloat(properties.startTime)\n      : undefined,\n    timeConstant: properties.timeConstant\n      ? parseFloat(properties.timeConstant)\n      : undefined,\n    type: (properties.type\n      ? properties.type\n      : undefined) as AnimationGeneratorType,\n    velocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n    visualDuration: properties.visualDuration\n      ? parseFloat(properties.visualDuration)\n      : undefined,\n  } satisfies Transition;\n}\n","export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}
+{"version":3,"sources":["../../src/focusTrap/index.ts","../../src/promise/abortablePromise.ts","../../src/animation/controlsToPromise.ts","../../src/animation/awaitAllAnimations.ts","../../src/animation/getTransitionConfig.ts","../../src/utils/toHyphenated.ts","../../src/utils/solid-element.ts","../../src/utils/isCustomElement.ts","../../src/utils/getContextFromProvider.ts","../../src/utils/checkLoaded.ts","../../src/utils/invokeOnLoaded.ts","../../src/utils/createWithElementContext.ts","../../src/utils/formatValue.ts","../../src/hooks/internal/getValueFromPath.ts","../../src/hooks/makePathContextHooks.ts"],"names":["_createFocusTrap","dependencies","target","createRoot","onCleanup","provide","_provide","_consume","createMemo"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  createFocusTrap as _createFocusTrap,\n  type Options,\n  type FocusTrap,\n} from \"focus-trap\";\nimport { createMemo, type Accessor } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n  element: HTMLElement,\n  options?: Accessor<Options>,\n) =>\n  createMemo(() => {\n    const o = options?.() || {\n      trapStack,\n    };\n    if (!o.trapStack) {\n      o.trapStack = trapStack;\n    }\n    return _createFocusTrap(element, o);\n  });\n","export function abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n","import type {\n  Easing,\n  Transition,\n  AnimationGeneratorType,\n  RepeatType,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n  const properties = {\n    bounce: style.getPropertyValue(\"--motion--bounce\"),\n    bounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n    bounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n    duration: style.getPropertyValue(\"--motion--duration\"),\n    damping: style.getPropertyValue(\"--motion--damping\"),\n    delay: style.getPropertyValue(\"--motion--delay\"),\n    ease: style.getPropertyValue(\"--motion--ease\"),\n    elapsed: style.getPropertyValue(\"--motion--elapsed\"),\n    mass: style.getPropertyValue(\"--motion--mass\"),\n    max: style.getPropertyValue(\"--motion--max\"),\n    min: style.getPropertyValue(\"--motion--min\"),\n    power: style.getPropertyValue(\"--motion--power\"),\n    repeat: style.getPropertyValue(\"--motion--repeat\"),\n    repeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n    repeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n    restDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n    restSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n    startTime: style.getPropertyValue(\"--motion--start-time\"),\n    timeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n    times: style.getPropertyValue(\"--motion--times\"),\n    type: style.getPropertyValue(\"--motion--type\"),\n    velocity: style.getPropertyValue(\"--motion--velocity\"),\n    visualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n  };\n  return {\n    bounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n    bounceDamping: properties.bounceDamping\n      ? parseFloat(properties.bounceDamping)\n      : undefined,\n    bounceStiffness: properties.bounceStiffness\n      ? parseFloat(properties.bounceStiffness)\n      : undefined,\n    duration: properties.duration ? parseFloat(properties.duration) : undefined,\n    damping: properties.damping ? parseFloat(properties.damping) : undefined,\n    delay: properties.delay ? parseFloat(properties.delay) : undefined,\n    ease: (properties.ease ? properties.ease : undefined) as Easing,\n    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n    mass: properties.mass ? parseFloat(properties.mass) : undefined,\n    max: properties.max ? parseFloat(properties.max) : undefined,\n    min: properties.min ? parseFloat(properties.min) : undefined,\n    power: properties.power ? parseFloat(properties.power) : undefined,\n    repeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n    repeatDelay: properties.repeatDelay\n      ? parseFloat(properties.repeatDelay)\n      : undefined,\n    repeatType: (properties.repeatType\n      ? properties.repeatType\n      : undefined) as RepeatType,\n    restDelta: properties.restDelta\n      ? parseFloat(properties.restDelta)\n      : undefined,\n    restSpeed: properties.restSpeed\n      ? parseFloat(properties.restSpeed)\n      : undefined,\n    startTime: properties.startTime\n      ? parseFloat(properties.startTime)\n      : undefined,\n    timeConstant: properties.timeConstant\n      ? parseFloat(properties.timeConstant)\n      : undefined,\n    type: (properties.type\n      ? properties.type\n      : undefined) as AnimationGeneratorType,\n    velocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n    visualDuration: properties.visualDuration\n      ? parseFloat(properties.visualDuration)\n      : undefined,\n  } satisfies Transition;\n}\n","export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal, onCleanup } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nfunction isConstructable(fn: unknown): fn is new (...args: any[]) => any {\n  if (typeof fn !== \"function\") return false;\n\n  try {\n    Reflect.construct(String, [], fn as Function);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )((...args) => {\n    onCleanup(() => {\n      const [_, { element }] = args;\n      element.dispatchEvent(new CustomEvent(\"bryt-designs:element-destroyed\"));\n    });\n    if (isConstructable(Component)) {\n      return new Component(...args);\n    }\n    return Component(...args);\n  });\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    target: string | Accessor<string> | Accessor<() => Element>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const t = typeof target === \"string\" ? target : target();\n          return {\n            target: t,\n            dependencies: dependencies(),\n          };\n        },\n        ({ target: _target, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null =\n                _target instanceof Element ? _target : null;\n              try {\n                if (typeof _target === \"string\")\n                  target = document.querySelector(_target);\n                else if (typeof _target === \"function\") target = _target();\n              } catch (e) {\n                e;\n              }\n              if (!target && typeof _target === \"string\")\n                return console.warn(`Target element not found!`, {\n                  target: _target,\n                });\n              else if (!target)\n                return console.warn(`Target element not found!`);\n\n              target.addEventListener(\n                \"bryt-designs:element-destroyed\",\n                () => {\n                  controller.abort(\"Context element destroyed\");\n                },\n                { once: true },\n              );\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort(\"Dependencies changed!\");\n          });\n        },\n      ),\n    );\n  };\n}\n","export type Format =\n  | \"currency\"\n  | \"number\"\n  | \"boolean\"\n  | \"invert_boolean\"\n  | string;\n\nexport function formatValue(format: Format, value: unknown) {\n  switch (format) {\n    case \"currency\":\n      if (typeof value === \"number\") return window.Shopify.formatMoney(value);\n      if (typeof value === \"string\")\n        return window.Shopify.formatMoney(parseFloat(value));\n      console.warn(\"formatValue: Unsupported value type for currency format.\");\n      return window.Shopify.formatMoney(0);\n    case \"number\":\n      return Number(value);\n    case \"boolean\":\n      return Boolean(value);\n    case \"invert_boolean\":\n      return !Boolean(value);\n    default:\n      return value as any;\n  }\n}\n\ndeclare global {\n  interface Window {\n    Shopify: {\n      formatMoney(value: number, currency?: string): string;\n    };\n  }\n}\n","export type Path<T> = T extends readonly (infer U)[]\n  ? `${number}` | `${number}.${Path<U>}` // Allows indexing into readonly arrays\n  : T extends object\n    ? {\n        [K in keyof T & (string | number)]: T[K] extends object | any[]\n          ? `${K}` | `${K}.${Path<T[K]>}`\n          : `${K}`;\n      }[keyof T & (string | number)]\n    : never;\n\nexport type PathValue<\n  T,\n  P extends string,\n> = P extends `${infer Key}.${infer Rest}`\n  ? Key extends keyof T\n    ? PathValue<T[Key], Rest>\n    : Key extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? PathValue<U, Rest>\n        : undefined\n      : undefined\n  : P extends keyof T\n    ? T[P]\n    : P extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? U\n        : undefined\n      : undefined;\n\nexport function getValueFromPath<T, P extends Path<T>>(\n  obj: T,\n  path: P\n): PathValue<T, P> {\n  return path.split(\".\").reduce<any>((acc, key) => {\n    if (acc === null || acc === undefined) return undefined;\n\n    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== \"\";\n    if (Array.isArray(acc) && isArrayIndex) {\n      return acc[Number(key)];\n    }\n\n    return acc[key];\n  }, obj) as PathValue<T, P>;\n}\n","import type { Path, PathValue } from \"./internal\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport {\n  createContext,\n  consume as _consume,\n  provide as _provide,\n  type ICustomElement,\n} from \"component-register\";\n\nimport { getValueFromPath } from \"./internal/index.js\";\nimport { formatValue, type Format } from \"../utils/index.js\";\n\ntype WalkableNode = Parameters<typeof _provide>[2];\n\nexport type { Path, PathValue };\n\nexport const makeFullPropertyPathContext = <RootData = any>() => {\n  type FullPropertyPathContextType = ReturnType<\n    typeof createFullPathPropertyContext\n  >;\n\n  type Options = {\n    path: Accessor<Path<RootData>>;\n    element: HTMLElement & ICustomElement;\n  };\n  function createFullPathPropertyContext(\n    options: Options\n  ): Accessor<Path<RootData>> {\n    return options.path;\n  }\n\n  const Context = createContext(createFullPathPropertyContext);\n\n  function provide({\n    element,\n    path,\n  }: {\n    element: WalkableNode;\n    path: Accessor<Path<RootData>>;\n  }): FullPropertyPathContextType {\n    return _provide(Context, { path }, element);\n  }\n\n  function useFullPropertyPathContext(context: FullPropertyPathContextType) {\n    return context;\n  }\n\n  function usePath(props: {\n    element: HTMLElement & ICustomElement;\n    path?: Accessor<Path<RootData>>;\n  }): Accessor<Path<RootData>> {\n    const context = _consume(Context, props.element);\n    const basePath = useFullPropertyPathContext(context);\n    return createMemo(() => {\n      if (typeof basePath !== \"function\" && typeof props.path === \"function\") {\n        return props.path();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path !== \"function\"\n      ) {\n        return basePath();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path === \"function\"\n      ) {\n        return `${basePath()}.${props.path()}`;\n      }\n      return \"\";\n    }) as Accessor<Path<RootData>>;\n  }\n\n  type PathValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function usePathValue<P extends Path<RootData>>(\n    options: PathValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    return createMemo(() => {\n      const data = options.data();\n      if (typeof options.path !== \"function\") return data;\n      const path = options.path();\n      if (!path) return data;\n      const v = getValueFromPath(data, path as any);\n      if (v === undefined || v === null) return null;\n      return v;\n    }) as Accessor<PathValue<RootData, P>>;\n  }\n\n  type FormmatedValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    format?: Format;\n    element: HTMLElement & ICustomElement;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function useFormattedValue<P extends Path<RootData>>(\n    options: FormmatedValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    const value = usePathValue({ path: options.path, data: options.data });\n\n    const formattedValue = createMemo(() => {\n      const v = value();\n      if (v === null) return null;\n      if (\n        typeof v === \"string\" ||\n        typeof v === \"number\" ||\n        typeof v === \"boolean\"\n      ) {\n        return formatValue(options.format || \"\", v);\n      }\n      console.warn(\n        options.element,\n        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,\n        v\n      );\n      return null;\n    });\n\n    return formattedValue as Accessor<PathValue<RootData, P>>;\n  }\n\n  return {\n    provide,\n    usePath,\n    usePathValue,\n    useFormattedValue,\n  };\n};\n"]}

package/dist/esm/utils/index.js

@@ -1,5 +1,5 @@
 import { compose, register, noShadowDOM } from 'component-register';
-import { createEffect, on, createRoot, onCleanup, createSignal } from 'solid-js';
+import { onCleanup, createEffect, on, createRoot, createSignal } from 'solid-js';
 import { insert } from 'solid-js/web';
 
 // src/utils/toHyphenated.ts
@@ -59,6 +59,15 @@ function customElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(register(tagName, props), withSolid, ...rest)(Component);
 }
+function isConstructable(fn) {
+  if (typeof fn !== "function") return false;
+  try {
+    Reflect.construct(String, [], fn);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function customShadowlessElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(
@@ -66,7 +75,16 @@ function customShadowlessElement(tagName, props, Component = () => {
     withNoShadowDOM,
     withSolid,
     ...rest
-  )(Component);
+  )((...args) => {
+    onCleanup(() => {
+      const [_, { element }] = args;
+      element.dispatchEvent(new CustomEvent("bryt-designs:element-destroyed"));
+    });
+    if (isConstructable(Component)) {
+      return new Component(...args);
+    }
+    return Component(...args);
+  });
 }
 var correctElementType = (component) => {
   return (props, options) => {
@@ -110,31 +128,42 @@ function invokeOnLoaded(fn, { signal }) {
   return;
 }
 function createWithElementContext(context) {
-  return function(selector, dependencies = () => null, cb) {
+  return function(target, dependencies = () => null, cb) {
     createEffect(
       on(
         () => {
-          const s = typeof selector === "string" ? selector : selector();
+          const t = typeof target === "string" ? target : target();
           return {
-            selector: s,
+            target: t,
             dependencies: dependencies()
           };
         },
-        ({ selector: selector2, dependencies: dependencies2 }) => {
+        ({ target: _target, dependencies: dependencies2 }) => {
           const controller = new AbortController();
           invokeOnLoaded(
             () => {
-              let target = null;
+              let target2 = _target instanceof Element ? _target : null;
               try {
-                target = document.querySelector(selector2);
+                if (typeof _target === "string")
+                  target2 = document.querySelector(_target);
+                else if (typeof _target === "function") target2 = _target();
               } catch (e) {
               }
-              if (!target)
+              if (!target2 && typeof _target === "string")
                 return console.warn(`Target element not found!`, {
-                  target: selector2
+                  target: _target
                 });
+              else if (!target2)
+                return console.warn(`Target element not found!`);
+              target2.addEventListener(
+                "bryt-designs:element-destroyed",
+                () => {
+                  controller.abort("Context element destroyed");
+                },
+                { once: true }
+              );
               createRoot((dispose) => {
-                const c = getContextFromProvider(context, target);
+                const c = getContextFromProvider(context, target2);
                 const unsub = cb(c, dependencies2);
                 onCleanup(() => {
                   if (typeof unsub === "function") unsub();
@@ -147,7 +176,7 @@ function createWithElementContext(context) {
             { signal: controller.signal }
           );
           onCleanup(() => {
-            controller.abort();
+            controller.abort("Dependencies changed!");
           });
         }
       )
@@ -155,6 +184,26 @@ function createWithElementContext(context) {
   };
 }
 
-export { checkLoaded, correctElementType, createWithElementContext, customElement, customShadowlessElement, getContextFromProvider, invokeOnLoaded, isCustomElement, toHyphenated };
+// src/utils/formatValue.ts
+function formatValue(format, value) {
+  switch (format) {
+    case "currency":
+      if (typeof value === "number") return window.Shopify.formatMoney(value);
+      if (typeof value === "string")
+        return window.Shopify.formatMoney(parseFloat(value));
+      console.warn("formatValue: Unsupported value type for currency format.");
+      return window.Shopify.formatMoney(0);
+    case "number":
+      return Number(value);
+    case "boolean":
+      return Boolean(value);
+    case "invert_boolean":
+      return !Boolean(value);
+    default:
+      return value;
+  }
+}
+
+export { checkLoaded, correctElementType, createWithElementContext, customElement, customShadowlessElement, formatValue, getContextFromProvider, invokeOnLoaded, isCustomElement, toHyphenated };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/toHyphenated.ts","../../../src/utils/solid-element.ts","../../../src/utils/isCustomElement.ts","../../../src/utils/getContextFromProvider.ts","../../../src/utils/checkLoaded.ts","../../../src/utils/invokeOnLoaded.ts","../../../src/utils/createWithElementContext.ts"],"names":["selector","dependencies","createRoot"],"mappings":"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","file":"index.js","sourcesContent":["export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}
+{"version":3,"sources":["../../../src/utils/toHyphenated.ts","../../../src/utils/solid-element.ts","../../../src/utils/isCustomElement.ts","../../../src/utils/getContextFromProvider.ts","../../../src/utils/checkLoaded.ts","../../../src/utils/invokeOnLoaded.ts","../../../src/utils/createWithElementContext.ts","../../../src/utils/formatValue.ts"],"names":["dependencies","target","createRoot","onCleanup"],"mappings":"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","file":"index.js","sourcesContent":["export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal, onCleanup } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nfunction isConstructable(fn: unknown): fn is new (...args: any[]) => any {\n  if (typeof fn !== \"function\") return false;\n\n  try {\n    Reflect.construct(String, [], fn as Function);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )((...args) => {\n    onCleanup(() => {\n      const [_, { element }] = args;\n      element.dispatchEvent(new CustomEvent(\"bryt-designs:element-destroyed\"));\n    });\n    if (isConstructable(Component)) {\n      return new Component(...args);\n    }\n    return Component(...args);\n  });\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    target: string | Accessor<string> | Accessor<() => Element>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const t = typeof target === \"string\" ? target : target();\n          return {\n            target: t,\n            dependencies: dependencies(),\n          };\n        },\n        ({ target: _target, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null =\n                _target instanceof Element ? _target : null;\n              try {\n                if (typeof _target === \"string\")\n                  target = document.querySelector(_target);\n                else if (typeof _target === \"function\") target = _target();\n              } catch (e) {\n                e;\n              }\n              if (!target && typeof _target === \"string\")\n                return console.warn(`Target element not found!`, {\n                  target: _target,\n                });\n              else if (!target)\n                return console.warn(`Target element not found!`);\n\n              target.addEventListener(\n                \"bryt-designs:element-destroyed\",\n                () => {\n                  controller.abort(\"Context element destroyed\");\n                },\n                { once: true },\n              );\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort(\"Dependencies changed!\");\n          });\n        },\n      ),\n    );\n  };\n}\n","export type Format =\n  | \"currency\"\n  | \"number\"\n  | \"boolean\"\n  | \"invert_boolean\"\n  | string;\n\nexport function formatValue(format: Format, value: unknown) {\n  switch (format) {\n    case \"currency\":\n      if (typeof value === \"number\") return window.Shopify.formatMoney(value);\n      if (typeof value === \"string\")\n        return window.Shopify.formatMoney(parseFloat(value));\n      console.warn(\"formatValue: Unsupported value type for currency format.\");\n      return window.Shopify.formatMoney(0);\n    case \"number\":\n      return Number(value);\n    case \"boolean\":\n      return Boolean(value);\n    case \"invert_boolean\":\n      return !Boolean(value);\n    default:\n      return value as any;\n  }\n}\n\ndeclare global {\n  interface Window {\n    Shopify: {\n      formatMoney(value: number, currency?: string): string;\n    };\n  }\n}\n"]}

package/dist/main/hooks/index.d.ts

@@ -0,0 +1,33 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { ICustomElement, provide as _provide } from 'component-register';
+import { Accessor } from 'solid-js';
+
+export type Path<T> = T extends readonly (infer U)[] ? `${number}` | `${number}.${Path<U>}` : T extends object ? {
+	[K in keyof T & (string | number)]: T[K] extends object | any[] ? `${K}` | `${K}.${Path<T[K]>}` : `${K}`;
+}[keyof T & (string | number)] : never;
+export type PathValue<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? PathValue<T[Key], Rest> : Key extends `${number}` ? T extends readonly (infer U)[] ? PathValue<U, Rest> : undefined : undefined : P extends keyof T ? T[P] : P extends `${number}` ? T extends readonly (infer U)[] ? U : undefined : undefined;
+export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
+export type WalkableNode = Parameters<typeof _provide>[2];
+export declare const makeFullPropertyPathContext: <RootData = any>() => {
+	provide: ({ element, path, }: {
+		element: WalkableNode;
+		path: Accessor<Path<RootData>>;
+	}) => Accessor<Path<RootData>>;
+	usePath: (props: {
+		element: HTMLElement & ICustomElement;
+		path?: Accessor<Path<RootData>>;
+	}) => Accessor<Path<RootData>>;
+	usePathValue: <P extends Path<RootData>>(options: {
+		path: Accessor<P>;
+		data: Accessor<PathValue<RootData, P>>;
+	}) => Accessor<PathValue<RootData, P>>;
+	useFormattedValue: <P extends Path<RootData>>(options: {
+		path: Accessor<P>;
+		format?: Format;
+		element: HTMLElement & ICustomElement;
+		data: Accessor<PathValue<RootData, P>>;
+	}) => Accessor<PathValue<RootData, P>>;
+};
+
+export {};

package/dist/main/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './makePathContextHooks.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/main/hooks/internal/getValueFromPath.js

@@ -0,0 +1,14 @@
+function getValueFromPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc === null || acc === void 0) return void 0;
+    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
+    if (Array.isArray(acc) && isArrayIndex) {
+      return acc[Number(key)];
+    }
+    return acc[key];
+  }, obj);
+}
+
+export { getValueFromPath };
+//# sourceMappingURL=getValueFromPath.js.map
+//# sourceMappingURL=getValueFromPath.js.map

package/dist/main/hooks/internal/getValueFromPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/getValueFromPath.ts"],"names":[],"mappings":"AA6BO,SAAS,gBAAA,CACd,KACA,IACiB,EAAA;AACjB,EAAA,OAAO,KAAK,KAAM,CAAA,GAAG,EAAE,MAAY,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC/C,IAAA,IAAI,GAAQ,KAAA,IAAA,IAAQ,GAAQ,KAAA,MAAA,EAAkB,OAAA,MAAA;AAE9C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAM,CAAA,MAAA,CAAO,GAAG,CAAC,CAAA,IAAK,GAAI,CAAA,IAAA,EAAW,KAAA,EAAA;AAC3D,IAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA,IAAK,YAAc,EAAA;AACtC,MAAO,OAAA,GAAA,CAAI,MAAO,CAAA,GAAG,CAAC,CAAA;AAAA;AAGxB,IAAA,OAAO,IAAI,GAAG,CAAA;AAAA,KACb,GAAG,CAAA;AACR","file":"getValueFromPath.js","sourcesContent":["export type Path<T> = T extends readonly (infer U)[]\n  ? `${number}` | `${number}.${Path<U>}` // Allows indexing into readonly arrays\n  : T extends object\n    ? {\n        [K in keyof T & (string | number)]: T[K] extends object | any[]\n          ? `${K}` | `${K}.${Path<T[K]>}`\n          : `${K}`;\n      }[keyof T & (string | number)]\n    : never;\n\nexport type PathValue<\n  T,\n  P extends string,\n> = P extends `${infer Key}.${infer Rest}`\n  ? Key extends keyof T\n    ? PathValue<T[Key], Rest>\n    : Key extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? PathValue<U, Rest>\n        : undefined\n      : undefined\n  : P extends keyof T\n    ? T[P]\n    : P extends `${number}`\n      ? T extends readonly (infer U)[]\n        ? U\n        : undefined\n      : undefined;\n\nexport function getValueFromPath<T, P extends Path<T>>(\n  obj: T,\n  path: P\n): PathValue<T, P> {\n  return path.split(\".\").reduce<any>((acc, key) => {\n    if (acc === null || acc === undefined) return undefined;\n\n    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== \"\";\n    if (Array.isArray(acc) && isArrayIndex) {\n      return acc[Number(key)];\n    }\n\n    return acc[key];\n  }, obj) as PathValue<T, P>;\n}\n"]}

package/dist/main/hooks/internal/index.js

@@ -0,0 +1,3 @@
+export * from './getValueFromPath.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/hooks/internal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/main/hooks/makePathContextHooks.js

@@ -0,0 +1,72 @@
+import { createMemo } from 'solid-js';
+import { createContext, provide, consume } from 'component-register';
+import { getValueFromPath } from './internal/index.js';
+import { formatValue } from '../utils/index.js';
+
+const makeFullPropertyPathContext = () => {
+  function createFullPathPropertyContext(options) {
+    return options.path;
+  }
+  const Context = createContext(createFullPathPropertyContext);
+  function provide$1({
+    element,
+    path
+  }) {
+    return provide(Context, { path }, element);
+  }
+  function useFullPropertyPathContext(context) {
+    return context;
+  }
+  function usePath(props) {
+    const context = consume(Context, props.element);
+    const basePath = useFullPropertyPathContext(context);
+    return createMemo(() => {
+      if (typeof basePath !== "function" && typeof props.path === "function") {
+        return props.path();
+      } else if (typeof basePath === "function" && typeof props.path !== "function") {
+        return basePath();
+      } else if (typeof basePath === "function" && typeof props.path === "function") {
+        return `${basePath()}.${props.path()}`;
+      }
+      return "";
+    });
+  }
+  function usePathValue(options) {
+    return createMemo(() => {
+      const data = options.data();
+      if (typeof options.path !== "function") return data;
+      const path = options.path();
+      if (!path) return data;
+      const v = getValueFromPath(data, path);
+      if (v === void 0 || v === null) return null;
+      return v;
+    });
+  }
+  function useFormattedValue(options) {
+    const value = usePathValue({ path: options.path, data: options.data });
+    const formattedValue = createMemo(() => {
+      const v = value();
+      if (v === null) return null;
+      if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+        return formatValue(options.format || "", v);
+      }
+      console.warn(
+        options.element,
+        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,
+        v
+      );
+      return null;
+    });
+    return formattedValue;
+  }
+  return {
+    provide: provide$1,
+    usePath,
+    usePathValue,
+    useFormattedValue
+  };
+};
+
+export { makeFullPropertyPathContext };
+//# sourceMappingURL=makePathContextHooks.js.map
+//# sourceMappingURL=makePathContextHooks.js.map

package/dist/main/hooks/makePathContextHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/makePathContextHooks.ts"],"names":["provide","_provide","_consume"],"mappings":";;;;;AAgBO,MAAM,8BAA8B,MAAsB;AAS/D,EAAA,SAAS,8BACP,OAC0B,EAAA;AAC1B,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA;AAGjB,EAAM,MAAA,OAAA,GAAU,cAAc,6BAA6B,CAAA;AAE3D,EAAA,SAASA,SAAQ,CAAA;AAAA,IACf,OAAA;AAAA,IACA;AAAA,GAI8B,EAAA;AAC9B,IAAA,OAAOC,OAAS,CAAA,OAAA,EAAS,EAAE,IAAA,IAAQ,OAAO,CAAA;AAAA;AAG5C,EAAA,SAAS,2BAA2B,OAAsC,EAAA;AACxE,IAAO,OAAA,OAAA;AAAA;AAGT,EAAA,SAAS,QAAQ,KAGY,EAAA;AAC3B,IAAA,MAAM,OAAU,GAAAC,OAAA,CAAS,OAAS,EAAA,KAAA,CAAM,OAAO,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,2BAA2B,OAAO,CAAA;AACnD,IAAA,OAAO,WAAW,MAAM;AACtB,MAAA,IAAI,OAAO,QAAa,KAAA,UAAA,IAAc,OAAO,KAAA,CAAM,SAAS,UAAY,EAAA;AACtE,QAAA,OAAO,MAAM,IAAK,EAAA;AAAA,iBAElB,OAAO,QAAA,KAAa,cACpB,OAAO,KAAA,CAAM,SAAS,UACtB,EAAA;AACA,QAAA,OAAO,QAAS,EAAA;AAAA,iBAEhB,OAAO,QAAA,KAAa,cACpB,OAAO,KAAA,CAAM,SAAS,UACtB,EAAA;AACA,QAAA,OAAO,GAAG,QAAS,EAAC,CAAI,CAAA,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAAA;AAEtC,MAAO,OAAA,EAAA;AAAA,KACR,CAAA;AAAA;AAQH,EAAA,SAAS,aACP,OACkC,EAAA;AAClC,IAAA,OAAO,WAAW,MAAM;AACtB,MAAM,MAAA,IAAA,GAAO,QAAQ,IAAK,EAAA;AAC1B,MAAA,IAAI,OAAO,OAAA,CAAQ,IAAS,KAAA,UAAA,EAAmB,OAAA,IAAA;AAC/C,MAAM,MAAA,IAAA,GAAO,QAAQ,IAAK,EAAA;AAC1B,MAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAClB,MAAM,MAAA,CAAA,GAAI,gBAAiB,CAAA,IAAA,EAAM,IAAW,CAAA;AAC5C,MAAA,IAAI,CAAM,KAAA,MAAA,IAAa,CAAM,KAAA,IAAA,EAAa,OAAA,IAAA;AAC1C,MAAO,OAAA,CAAA;AAAA,KACR,CAAA;AAAA;AAUH,EAAA,SAAS,kBACP,OACkC,EAAA;AAClC,IAAM,MAAA,KAAA,GAAQ,aAAa,EAAE,IAAA,EAAM,QAAQ,IAAM,EAAA,IAAA,EAAM,OAAQ,CAAA,IAAA,EAAM,CAAA;AAErE,IAAM,MAAA,cAAA,GAAiB,WAAW,MAAM;AACtC,MAAA,MAAM,IAAI,KAAM,EAAA;AAChB,MAAI,IAAA,CAAA,KAAM,MAAa,OAAA,IAAA;AACvB,MACE,IAAA,OAAO,MAAM,QACb,IAAA,OAAO,MAAM,QACb,IAAA,OAAO,MAAM,SACb,EAAA;AACA,QAAA,OAAO,WAAY,CAAA,OAAA,CAAQ,MAAU,IAAA,EAAA,EAAI,CAAC,CAAA;AAAA;AAE5C,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,OAAQ,CAAA,OAAA;AAAA,QACR,CAAA,0FAAA,EAA6F,OAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACrG;AAAA,OACF;AACA,MAAO,OAAA,IAAA;AAAA,KACR,CAAA;AAED,IAAO,OAAA,cAAA;AAAA;AAGT,EAAO,OAAA;AAAA,aACLF,SAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACF","file":"makePathContextHooks.js","sourcesContent":["import type { Path, PathValue } from \"./internal\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport {\n  createContext,\n  consume as _consume,\n  provide as _provide,\n  type ICustomElement,\n} from \"component-register\";\n\nimport { getValueFromPath } from \"./internal/index.js\";\nimport { formatValue, type Format } from \"../utils/index.js\";\n\ntype WalkableNode = Parameters<typeof _provide>[2];\n\nexport type { Path, PathValue };\n\nexport const makeFullPropertyPathContext = <RootData = any>() => {\n  type FullPropertyPathContextType = ReturnType<\n    typeof createFullPathPropertyContext\n  >;\n\n  type Options = {\n    path: Accessor<Path<RootData>>;\n    element: HTMLElement & ICustomElement;\n  };\n  function createFullPathPropertyContext(\n    options: Options\n  ): Accessor<Path<RootData>> {\n    return options.path;\n  }\n\n  const Context = createContext(createFullPathPropertyContext);\n\n  function provide({\n    element,\n    path,\n  }: {\n    element: WalkableNode;\n    path: Accessor<Path<RootData>>;\n  }): FullPropertyPathContextType {\n    return _provide(Context, { path }, element);\n  }\n\n  function useFullPropertyPathContext(context: FullPropertyPathContextType) {\n    return context;\n  }\n\n  function usePath(props: {\n    element: HTMLElement & ICustomElement;\n    path?: Accessor<Path<RootData>>;\n  }): Accessor<Path<RootData>> {\n    const context = _consume(Context, props.element);\n    const basePath = useFullPropertyPathContext(context);\n    return createMemo(() => {\n      if (typeof basePath !== \"function\" && typeof props.path === \"function\") {\n        return props.path();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path !== \"function\"\n      ) {\n        return basePath();\n      } else if (\n        typeof basePath === \"function\" &&\n        typeof props.path === \"function\"\n      ) {\n        return `${basePath()}.${props.path()}`;\n      }\n      return \"\";\n    }) as Accessor<Path<RootData>>;\n  }\n\n  type PathValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function usePathValue<P extends Path<RootData>>(\n    options: PathValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    return createMemo(() => {\n      const data = options.data();\n      if (typeof options.path !== \"function\") return data;\n      const path = options.path();\n      if (!path) return data;\n      const v = getValueFromPath(data, path as any);\n      if (v === undefined || v === null) return null;\n      return v;\n    }) as Accessor<PathValue<RootData, P>>;\n  }\n\n  type FormmatedValueOptions<P extends Path<RootData>> = {\n    path: Accessor<P>;\n    format?: Format;\n    element: HTMLElement & ICustomElement;\n    data: Accessor<PathValue<RootData, P>>;\n  };\n\n  function useFormattedValue<P extends Path<RootData>>(\n    options: FormmatedValueOptions<P>\n  ): Accessor<PathValue<RootData, P>> {\n    const value = usePathValue({ path: options.path, data: options.data });\n\n    const formattedValue = createMemo(() => {\n      const v = value();\n      if (v === null) return null;\n      if (\n        typeof v === \"string\" ||\n        typeof v === \"number\" ||\n        typeof v === \"boolean\"\n      ) {\n        return formatValue(options.format || \"\", v);\n      }\n      console.warn(\n        options.element,\n        `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,\n        v\n      );\n      return null;\n    });\n\n    return formattedValue as Accessor<PathValue<RootData, P>>;\n  }\n\n  return {\n    provide,\n    usePath,\n    usePathValue,\n    useFormattedValue,\n  };\n};\n"]}

package/dist/main/index.d.ts

@@ -1,6 +1,6 @@
 // Generated by dts-bundle-generator v9.5.1
 
-import { ComponentType as mComponentType, ICustomElement, createContext } from 'component-register';
+import { ComponentType as mComponentType, ICustomElement, createContext, provide as _provide } from 'component-register';
 import { FocusTrap, Options } from 'focus-trap';
 import { AnimationGeneratorType, AnimationPlaybackControlsWithThen, Easing, RepeatType } from 'motion';
 import { Accessor } from 'solid-js';
@@ -51,6 +51,33 @@ export declare function invokeOnLoaded(fn: () => void, { signal }: {
 /**
  * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.
  * */
-export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(selector: string | Accessor<string>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(target: string | Accessor<string> | Accessor<() => Element>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
+export declare function formatValue(format: Format, value: unknown): any;
+export type Path<T> = T extends readonly (infer U)[] ? `${number}` | `${number}.${Path<U>}` : T extends object ? {
+	[K in keyof T & (string | number)]: T[K] extends object | any[] ? `${K}` | `${K}.${Path<T[K]>}` : `${K}`;
+}[keyof T & (string | number)] : never;
+export type PathValue<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? PathValue<T[Key], Rest> : Key extends `${number}` ? T extends readonly (infer U)[] ? PathValue<U, Rest> : undefined : undefined : P extends keyof T ? T[P] : P extends `${number}` ? T extends readonly (infer U)[] ? U : undefined : undefined;
+export type WalkableNode = Parameters<typeof _provide>[2];
+export declare const makeFullPropertyPathContext: <RootData = any>() => {
+	provide: ({ element, path, }: {
+		element: WalkableNode;
+		path: Accessor<Path<RootData>>;
+	}) => Accessor<Path<RootData>>;
+	usePath: (props: {
+		element: HTMLElement & ICustomElement;
+		path?: Accessor<Path<RootData>>;
+	}) => Accessor<Path<RootData>>;
+	usePathValue: <P extends Path<RootData>>(options: {
+		path: Accessor<P>;
+		data: Accessor<PathValue<RootData, P>>;
+	}) => Accessor<PathValue<RootData, P>>;
+	useFormattedValue: <P extends Path<RootData>>(options: {
+		path: Accessor<P>;
+		format?: Format;
+		element: HTMLElement & ICustomElement;
+		data: Accessor<PathValue<RootData, P>>;
+	}) => Accessor<PathValue<RootData, P>>;
+};
 
 export {};

package/dist/main/index.js

@@ -2,5 +2,6 @@ export * from './focusTrap/index.js';
 export * from './promise/index.js';
 export * from './animation/index.js';
 export * from './utils/index.js';
+export * from './hooks/index.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/utils/createWithElementContext.js

@@ -3,31 +3,42 @@ import { invokeOnLoaded } from './invokeOnLoaded.js';
 import { createEffect, on, createRoot, onCleanup } from 'solid-js';
 
 function createWithElementContext(context) {
-  return function(selector, dependencies = () => null, cb) {
+  return function(target, dependencies = () => null, cb) {
     createEffect(
       on(
         () => {
-          const s = typeof selector === "string" ? selector : selector();
+          const t = typeof target === "string" ? target : target();
           return {
-            selector: s,
+            target: t,
             dependencies: dependencies()
           };
         },
-        ({ selector: selector2, dependencies: dependencies2 }) => {
+        ({ target: _target, dependencies: dependencies2 }) => {
           const controller = new AbortController();
           invokeOnLoaded(
             () => {
-              let target = null;
+              let target2 = _target instanceof Element ? _target : null;
               try {
-                target = document.querySelector(selector2);
+                if (typeof _target === "string")
+                  target2 = document.querySelector(_target);
+                else if (typeof _target === "function") target2 = _target();
               } catch (e) {
               }
-              if (!target)
+              if (!target2 && typeof _target === "string")
                 return console.warn(`Target element not found!`, {
-                  target: selector2
+                  target: _target
                 });
+              else if (!target2)
+                return console.warn(`Target element not found!`);
+              target2.addEventListener(
+                "bryt-designs:element-destroyed",
+                () => {
+                  controller.abort("Context element destroyed");
+                },
+                { once: true }
+              );
               createRoot((dispose) => {
-                const c = getContextFromProvider(context, target);
+                const c = getContextFromProvider(context, target2);
                 const unsub = cb(c, dependencies2);
                 onCleanup(() => {
                   if (typeof unsub === "function") unsub();
@@ -40,7 +51,7 @@ function createWithElementContext(context) {
             { signal: controller.signal }
           );
           onCleanup(() => {
-            controller.abort();
+            controller.abort("Dependencies changed!");
           });
         }
       )

package/dist/main/utils/createWithElementContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/createWithElementContext.ts"],"names":["selector","dependencies"],"mappings":";;;;AAeO,SAAS,yBAGd,OAAkB,EAAA;AAClB,EAAA,OAAO,SACL,QAAA,EACA,YAA4B,GAAA,MAAM,MAClC,EACA,EAAA;AACA,IAAA,YAAA;AAAA,MACE,EAAA;AAAA,QACE,MAAM;AACJ,UAAA,MAAM,CACJ,GAAA,OAAO,QAAa,KAAA,QAAA,GAAW,WAAW,QAAS,EAAA;AACrD,UAAO,OAAA;AAAA,YACL,QAAU,EAAA,CAAA;AAAA,YACV,cAAc,YAAa;AAAA,WAC7B;AAAA,SACF;AAAA,QACA,CAAC,EAAE,QAAA,EAAAA,SAAU,EAAA,YAAA,EAAAC,eAAmB,KAAA;AAC9B,UAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,UAAA,cAAA;AAAA,YACE,MAAM;AACJ,cAAA,IAAI,MAAyB,GAAA,IAAA;AAC7B,cAAI,IAAA;AACF,gBAAS,MAAA,GAAA,QAAA,CAAS,cAAcD,SAAQ,CAAA;AAAA,uBACjC,CAAG,EAAA;AACV;AAEF,cAAA,IAAI,CAAC,MAAA;AACH,gBAAO,OAAA,OAAA,CAAQ,KAAK,CAA6B,yBAAA,CAAA,EAAA;AAAA,kBAC/C,MAAQA,EAAAA;AAAA,iBACT,CAAA;AAEH,cAAA,UAAA,CAAW,CAAC,OAAY,KAAA;AACtB,gBAAM,MAAA,CAAA,GAAI,sBAAuB,CAAA,OAAA,EAAS,MAAM,CAAA;AAEhD,gBAAM,MAAA,KAAA,GAAQ,EAAG,CAAA,CAAA,EAAmBC,aAAY,CAAA;AAEhD,gBAAA,SAAA,CAAU,MAAM;AACd,kBAAI,IAAA,OAAO,KAAU,KAAA,UAAA,EAAkB,KAAA,EAAA;AAAA,iBACxC,CAAA;AAED,gBAAW,UAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,EAAS,OAAS,EAAA;AAAA,kBACnD,IAAM,EAAA;AAAA,iBACP,CAAA;AAAA,eACF,CAAA;AAAA,aACH;AAAA,YACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,WAC9B;AAGA,UAAA,SAAA,CAAU,MAAM;AACd,YAAA,UAAA,CAAW,KAAM,EAAA;AAAA,WAClB,CAAA;AAAA;AACH;AACF,KACF;AAAA,GACF;AACF","file":"createWithElementContext.js","sourcesContent":["import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}
+{"version":3,"sources":["../../../src/utils/createWithElementContext.ts"],"names":["dependencies","target"],"mappings":";;;;AAeO,SAAS,yBAGd,OAAkB,EAAA;AAClB,EAAA,OAAO,SACL,MAAA,EACA,YAA4B,GAAA,MAAM,MAClC,EACA,EAAA;AACA,IAAA,YAAA;AAAA,MACE,EAAA;AAAA,QACE,MAAM;AACJ,UAAA,MAAM,CAAI,GAAA,OAAO,MAAW,KAAA,QAAA,GAAW,SAAS,MAAO,EAAA;AACvD,UAAO,OAAA;AAAA,YACL,MAAQ,EAAA,CAAA;AAAA,YACR,cAAc,YAAa;AAAA,WAC7B;AAAA,SACF;AAAA,QACA,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,YAAA,EAAAA,eAAmB,KAAA;AACrC,UAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,UAAA,cAAA;AAAA,YACE,MAAM;AACJ,cAAIC,IAAAA,OAAAA,GACF,OAAmB,YAAA,OAAA,GAAU,OAAU,GAAA,IAAA;AACzC,cAAI,IAAA;AACF,gBAAA,IAAI,OAAO,OAAY,KAAA,QAAA;AACrB,kBAAAA,OAAAA,GAAS,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA;AAAA,qBAAA,IAChC,OAAO,OAAA,KAAY,UAAY,EAAAA,UAAS,OAAQ,EAAA;AAAA,uBAClD,CAAG,EAAA;AACV;AAEF,cAAI,IAAA,CAACA,OAAU,IAAA,OAAO,OAAY,KAAA,QAAA;AAChC,gBAAO,OAAA,OAAA,CAAQ,KAAK,CAA6B,yBAAA,CAAA,EAAA;AAAA,kBAC/C,MAAQ,EAAA;AAAA,iBACT,CAAA;AAAA,mBAAA,IACM,CAACA,OAAAA;AACR,gBAAO,OAAA,OAAA,CAAQ,KAAK,CAA2B,yBAAA,CAAA,CAAA;AAEjD,cAAAA,OAAO,CAAA,gBAAA;AAAA,gBACL,gCAAA;AAAA,gBACA,MAAM;AACJ,kBAAA,UAAA,CAAW,MAAM,2BAA2B,CAAA;AAAA,iBAC9C;AAAA,gBACA,EAAE,MAAM,IAAK;AAAA,eACf;AAEA,cAAA,UAAA,CAAW,CAAC,OAAY,KAAA;AACtB,gBAAM,MAAA,CAAA,GAAI,sBAAuB,CAAA,OAAA,EAASA,OAAM,CAAA;AAEhD,gBAAM,MAAA,KAAA,GAAQ,EAAG,CAAA,CAAA,EAAmBD,aAAY,CAAA;AAEhD,gBAAA,SAAA,CAAU,MAAM;AACd,kBAAI,IAAA,OAAO,KAAU,KAAA,UAAA,EAAkB,KAAA,EAAA;AAAA,iBACxC,CAAA;AAED,gBAAW,UAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,EAAS,OAAS,EAAA;AAAA,kBACnD,IAAM,EAAA;AAAA,iBACP,CAAA;AAAA,eACF,CAAA;AAAA,aACH;AAAA,YACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,WAC9B;AAGA,UAAA,SAAA,CAAU,MAAM;AACd,YAAA,UAAA,CAAW,MAAM,uBAAuB,CAAA;AAAA,WACzC,CAAA;AAAA;AACH;AACF,KACF;AAAA,GACF;AACF","file":"createWithElementContext.js","sourcesContent":["import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    target: string | Accessor<string> | Accessor<() => Element>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const t = typeof target === \"string\" ? target : target();\n          return {\n            target: t,\n            dependencies: dependencies(),\n          };\n        },\n        ({ target: _target, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null =\n                _target instanceof Element ? _target : null;\n              try {\n                if (typeof _target === \"string\")\n                  target = document.querySelector(_target);\n                else if (typeof _target === \"function\") target = _target();\n              } catch (e) {\n                e;\n              }\n              if (!target && typeof _target === \"string\")\n                return console.warn(`Target element not found!`, {\n                  target: _target,\n                });\n              else if (!target)\n                return console.warn(`Target element not found!`);\n\n              target.addEventListener(\n                \"bryt-designs:element-destroyed\",\n                () => {\n                  controller.abort(\"Context element destroyed\");\n                },\n                { once: true },\n              );\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort(\"Dependencies changed!\");\n          });\n        },\n      ),\n    );\n  };\n}\n"]}

package/dist/main/utils/formatValue.js

@@ -0,0 +1,22 @@
+function formatValue(format, value) {
+  switch (format) {
+    case "currency":
+      if (typeof value === "number") return window.Shopify.formatMoney(value);
+      if (typeof value === "string")
+        return window.Shopify.formatMoney(parseFloat(value));
+      console.warn("formatValue: Unsupported value type for currency format.");
+      return window.Shopify.formatMoney(0);
+    case "number":
+      return Number(value);
+    case "boolean":
+      return Boolean(value);
+    case "invert_boolean":
+      return !Boolean(value);
+    default:
+      return value;
+  }
+}
+
+export { formatValue };
+//# sourceMappingURL=formatValue.js.map
+//# sourceMappingURL=formatValue.js.map

package/dist/main/utils/formatValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/formatValue.ts"],"names":[],"mappings":"AAOO,SAAS,WAAA,CAAY,QAAgB,KAAgB,EAAA;AAC1D,EAAA,QAAQ,MAAQ;AAAA,IACd,KAAK,UAAA;AACH,MAAA,IAAI,OAAO,KAAU,KAAA,QAAA,SAAiB,MAAO,CAAA,OAAA,CAAQ,YAAY,KAAK,CAAA;AACtE,MAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AACnB,QAAA,OAAO,MAAO,CAAA,OAAA,CAAQ,WAAY,CAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AACrD,MAAA,OAAA,CAAQ,KAAK,0DAA0D,CAAA;AACvE,MAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,WAAA,CAAY,CAAC,CAAA;AAAA,IACrC,KAAK,QAAA;AACH,MAAA,OAAO,OAAO,KAAK,CAAA;AAAA,IACrB,KAAK,SAAA;AACH,MAAA,OAAO,QAAQ,KAAK,CAAA;AAAA,IACtB,KAAK,gBAAA;AACH,MAAO,OAAA,CAAC,QAAQ,KAAK,CAAA;AAAA,IACvB;AACE,MAAO,OAAA,KAAA;AAAA;AAEb","file":"formatValue.js","sourcesContent":["export type Format =\n  | \"currency\"\n  | \"number\"\n  | \"boolean\"\n  | \"invert_boolean\"\n  | string;\n\nexport function formatValue(format: Format, value: unknown) {\n  switch (format) {\n    case \"currency\":\n      if (typeof value === \"number\") return window.Shopify.formatMoney(value);\n      if (typeof value === \"string\")\n        return window.Shopify.formatMoney(parseFloat(value));\n      console.warn(\"formatValue: Unsupported value type for currency format.\");\n      return window.Shopify.formatMoney(0);\n    case \"number\":\n      return Number(value);\n    case \"boolean\":\n      return Boolean(value);\n    case \"invert_boolean\":\n      return !Boolean(value);\n    default:\n      return value as any;\n  }\n}\n\ndeclare global {\n  interface Window {\n    Shopify: {\n      formatMoney(value: number, currency?: string): string;\n    };\n  }\n}\n"]}

package/dist/main/utils/index.d.ts

@@ -21,6 +21,8 @@ export declare function invokeOnLoaded(fn: () => void, { signal }: {
 /**
  * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.
  * */
-export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(selector: string | Accessor<string>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(target: string | Accessor<string> | Accessor<() => Element>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
+export declare function formatValue(format: Format, value: unknown): any;
 
 export {};

package/dist/main/utils/index.js

@@ -5,5 +5,6 @@ export * from './getContextFromProvider.js';
 export * from './checkLoaded.js';
 export * from './invokeOnLoaded.js';
 export * from './createWithElementContext.js';
+export * from './formatValue.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/utils/solid-element.js

@@ -1,5 +1,5 @@
 import { compose, register, noShadowDOM } from 'component-register';
-import { createRoot, createSignal } from 'solid-js';
+import { onCleanup, createRoot, createSignal } from 'solid-js';
 import { insert } from 'solid-js/web';
 
 function createProps(raw) {
@@ -55,6 +55,15 @@ function customElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(register(tagName, props), withSolid, ...rest)(Component);
 }
+function isConstructable(fn) {
+  if (typeof fn !== "function") return false;
+  try {
+    Reflect.construct(String, [], fn);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function customShadowlessElement(tagName, props, Component = () => {
 }, ...rest) {
   return compose(
@@ -62,7 +71,16 @@ function customShadowlessElement(tagName, props, Component = () => {
     withNoShadowDOM,
     withSolid,
     ...rest
-  )(Component);
+  )((...args) => {
+    onCleanup(() => {
+      const [_, { element }] = args;
+      element.dispatchEvent(new CustomEvent("bryt-designs:element-destroyed"));
+    });
+    if (isConstructable(Component)) {
+      return new Component(...args);
+    }
+    return Component(...args);
+  });
 }
 const correctElementType = (component) => {
   return (props, options) => {

package/dist/main/utils/solid-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/solid-element.ts"],"names":[],"mappings":";;;;AAqBA,SAAS,YAA8B,GAAQ,EAAA;AAC7C,EAAM,MAAA,IAAA,GAAO,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA;AAC5B,EAAA,MAAM,QAAQ,EAAC;AACf,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AACpC,IAAM,MAAA,GAAA,GAAM,KAAK,CAAC,CAAA;AAClB,IAAI,IAAA,OAAO,QAAQ,WAAa,EAAA;AAChC,IAAM,MAAA,CAAC,KAAK,GAAG,CAAA,GAAI,aAAa,OAAQ,CAAA,GAAA,CAAI,GAAK,EAAA,GAAG,CAAC,CAAA;AACrD,IAAO,MAAA,CAAA,cAAA,CAAe,OAAO,GAAK,EAAA;AAAA,MAChC,GAAA;AAAA,MACA,IAAI,CAAG,EAAA;AACL,QAAA,GAAA,CAAI,MAAM,CAAC,CAAA;AAAA;AACb,KACD,CAAA;AAAA;AAEH,EAAO,OAAA,KAAA;AACT;AAEA,SAAS,cAAc,EAAwC,EAAA;AAC7D,EAAI,IAAA,EAAA,CAAG,YAAgB,IAAA,EAAA,CAAG,YAAa,CAAA,OAAA;AACrC,IAAA,OAAO,GAAG,YAAa,CAAA,OAAA;AACzB,EAAA,IAAI,OAAoC,EAAG,CAAA,UAAA;AAC3C,EACE,OAAA,IAAA,IACA,CAAC,IAAK,CAAA,OAAA,IACN,EACE,IAAK,CAAA,YAAA,IACJ,KAAK,YAA6C,CAAA,OAAA,CAAA;AAGrD,IAAA,IAAA,GAAO,IAAK,CAAA,UAAA;AACd,EAAA,OAAO,QAAQ,IAAK,CAAA,YAAA,GACf,IAAK,CAAA,YAAA,CAA6C,UACnD,EAAG,CAAA,OAAA;AACT;AAEA,SAAS,UACP,aACkB,EAAA;AAClB,EAAO,OAAA,CAAC,UAAa,OAA8B,KAAA;AACjD,IAAM,MAAA,EAAE,SAAY,GAAA,OAAA;AAGpB,IAAO,OAAA,UAAA,CAAW,CAAC,OAAsB,KAAA;AACvC,MAAM,MAAA,KAAA,GAAQ,YAAe,QAAQ,CAAA;AAErC,MAAQ,OAAA,CAAA,0BAAA;AAAA,QACN,CAAC,GAAA,EAAa,GAAc,KAAA,KAAA,CAAM,GAAc,CAAI,GAAA;AAAA,OACtD;AACA,MAAA,OAAA,CAAQ,mBAAmB,MAAM;AAC/B,QAAA,OAAA,CAAQ,WAAW,WAAc,GAAA,EAAA;AACjC,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AAED,MAAM,MAAA,IAAA,GAAQ,aAAuC,CAAA,KAAA,EAAY,OAAO,CAAA;AACxE,MAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,UAAA,EAAY,IAAI,CAAA;AAAA,KACxC,EAAG,aAAc,CAAA,OAAO,CAAC,CAAA;AAAA,GAC3B;AACF;AAEA,SAAS,eAAA,CACP,YAA8B,MAAM;AAAC,CACrC,EAAA;AACA,EAAO,OAAA,CAAC,OAAU,OAA8B,KAAA;AAC9C,IAAY,WAAA,EAAA;AACZ,IAAM,MAAA,IAAA,GAAQ,SAAmC,CAAA,KAAA,EAAO,OAAO,CAAA;AAC/D,IAAO,OAAA,IAAA;AAAA,GACT;AACF;AAEO,SAAS,aACd,CAAA,OAAA,EACA,KACA,EAAA,SAAA,GAA8B,MAAM;AAAC,CAAA,EAAA,GAClC,IACH,EAAA;AACA,EAAO,OAAA,OAAA,CAAQ,SAAS,OAAS,EAAA,KAAK,GAAG,SAAW,EAAA,GAAG,IAAI,CAAA,CAAE,SAAS,CAAA;AACxE;AAEO,SAAS,uBACd,CAAA,OAAA,EACA,KACA,EAAA,SAAA,GAA8B,MAAM;AAAC,CAAA,EAAA,GAClC,IACH,EAAA;AACA,EAAO,OAAA,OAAA;AAAA,IACL,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,IACvB,eAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,IACH,SAAS,CAAA;AACb;AAEa,MAAA,kBAAA,GAAqB,CAChC,SACqB,KAAA;AACrB,EAAO,OAAA,CAAC,OAAU,OAAY,KAAA;AAC5B,IAAO,OAAA,SAAA,CAAU,OAAO,OAAkC,CAAA;AAAA,GAC5D;AACF","file":"solid-element.js","sourcesContent":["import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n"]}
+{"version":3,"sources":["../../../src/utils/solid-element.ts"],"names":[],"mappings":"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","file":"solid-element.js","sourcesContent":["import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal, onCleanup } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nfunction isConstructable(fn: unknown): fn is new (...args: any[]) => any {\n  if (typeof fn !== \"function\") return false;\n\n  try {\n    Reflect.construct(String, [], fn as Function);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )((...args) => {\n    onCleanup(() => {\n      const [_, { element }] = args;\n      element.dispatchEvent(new CustomEvent(\"bryt-designs:element-destroyed\"));\n    });\n    if (isConstructable(Component)) {\n      return new Component(...args);\n    }\n    return Component(...args);\n  });\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-core",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Web component core utilities for building solid based web components",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -26,6 +26,10 @@
     "./utils": {
       "types": "./dist/main/utils/index.d.ts",
       "module": "./dist/main/utils/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/main/hooks/index.d.ts",
+      "module": "./dist/main/hooks/index.js"
     }
   },
   "files": [
@@ -38,7 +42,7 @@
     "component-register": "^0.8.7",
     "focus-trap": "^7.6.4",
     "motion": "^12.18.1",
-    "solid-js": "^1.9.7"
+    "solid-js": "^1.9.9"
   },
   "devDependencies": {
     "dts-bundle-generator": "^9.5.1",