@brytdesigns/web-component-accordion 1.0.9 → 1.1.0

package/dist/esm/index.js

@@ -1,10 +1,22 @@
-import { customShadowlessElement, correctElementType, toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-utils';
+import { createWithElementContext, customShadowlessElement, correctElementType, toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-core/utils';
 import { animate } from 'motion';
-import { splitProps, createEffect, on, batch, untrack, mergeProps, onCleanup, createSelector } from 'solid-js';
+import { splitProps, createEffect, on, batch, untrack, mergeProps, createSelector, onCleanup } from 'solid-js';
+import { controlsToPromise } from '@brytdesigns/web-component-core/animation';
 import { createContext, consume, provide } from 'component-register';
 import { createStore } from 'solid-js/store';
 
-// src/index.ts
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/components/accordion-content.ts
+var accordion_content_exports = {};
+__export(accordion_content_exports, {
+  Component: () => Component,
+  Name: () => Name
+});
 function initializeAccordionContext(props) {
   const [element, stateProps] = splitProps(props, ["root"]);
   const [store, setStore] = createStore({ animationQueue: [] });
@@ -73,6 +85,7 @@ var useAccordion = (element) => {
   }
   return useAccordionContext(context);
 };
+var withAccordionElementContext = createWithElementContext(AccordionContextState);
 var getAccordionContext = (element) => {
   const context = getContextFromProvider(
     AccordionContextState,
@@ -81,7 +94,7 @@ var getAccordionContext = (element) => {
   return useAccordionContext(context);
 };
 function initializeAccordionItemContext(props) {
-  const [element, privateProps, stateProps] = splitProps(
+  const [element, _, stateProps] = splitProps(
     props,
     ["root"],
     ["ariaExpanded"]
@@ -170,6 +183,7 @@ var useAccordionItem = (element) => {
   }
   return useAccordionItemContext(context);
 };
+var withAccordionItemElementContext = createWithElementContext(AccordionItemContextState);
 var getAccordionItemContext = (element) => {
   const context = getContextFromProvider(
     AccordionItemContextState,
@@ -179,11 +193,6 @@ var getAccordionItemContext = (element) => {
 };
 
 // src/components/accordion-content.ts
-async function controlPromise(controls) {
-  return new Promise((resolve) => {
-    controls.then(() => resolve(null));
-  });
-}
 var hideElement = (element) => {
   element.style.cssText = `
       display: none;
@@ -214,7 +223,8 @@ var getPaddingBottom = (element) => {
   const paddingY = parseInt(getComputedStyle(element).paddingBottom);
   return paddingY;
 };
-var AccordionContent = (props, { element }) => {
+var Name = `accordion-content`;
+var Component = (props, { element }) => {
   const [state] = useAccordionItem(element);
   const [_, accordionMethods] = useAccordion(element);
   let isFirstRender = true;
@@ -274,7 +284,7 @@ var AccordionContent = (props, { element }) => {
       (isExpanded) => {
         if (!isExpanded) {
           const animation2 = collapse(element);
-          accordionMethods.updateAnimationQueue(controlPromise(animation2));
+          accordionMethods.updateAnimationQueue(controlsToPromise(animation2));
           return onCleanup(() => animation2.complete());
         }
         if (isFirstRender) {
@@ -282,21 +292,37 @@ var AccordionContent = (props, { element }) => {
           showElement(element);
         }
         const animation = expand(element);
-        accordionMethods.updateAnimationQueue(controlPromise(animation));
+        accordionMethods.updateAnimationQueue(controlsToPromise(animation));
         return onCleanup(() => animation.complete());
       }
     )
   );
 };
-var AccordionItem = (props, { element }) => {
+
+// src/components/accordion-item.ts
+var accordion_item_exports = {};
+__export(accordion_item_exports, {
+  Component: () => Component2,
+  Name: () => Name2
+});
+var Name2 = `accordion-item`;
+var Component2 = (props, { element }) => {
   if (element.parentElement?.tagName !== "ACCORDION-CONTEXT")
     return console.warn(
-      "accordion-item must be an immediate child of accordion-context",
+      `${Name2}: must be an immediate child of accordion-context`,
       element
     );
   provideAccordionItemContext(props, element);
 };
-var AccordionTrigger = (props, { element }) => {
+
+// src/components/accordion-trigger.ts
+var accordion_trigger_exports = {};
+__export(accordion_trigger_exports, {
+  Component: () => Component3,
+  Name: () => Name3
+});
+var Name3 = `accordion-trigger`;
+var Component3 = (props, { element }) => {
   const [state, methods] = useAccordionItem(element);
   createEffect(() => {
     const isAnimating = state.isAnimating;
@@ -315,7 +341,15 @@ var AccordionTrigger = (props, { element }) => {
     });
   });
 };
-var AccordionContext = (props, { element }) => {
+
+// src/components/accordion-context.ts
+var accordion_context_exports = {};
+__export(accordion_context_exports, {
+  Component: () => Component4,
+  Name: () => Name4
+});
+var Name4 = `accordion-context`;
+var Component4 = (props, { element }) => {
   const context = provideAccordionContext(props, element);
   const [_, methods] = useAccordionContext(context);
   const children = Array.from(element.children);
@@ -332,26 +366,26 @@ var AccordionContext = (props, { element }) => {
 
 // src/index.ts
 customShadowlessElement(
-  "accordion-context",
+  accordion_context_exports.Name,
   { activeIndex: -1, isAnimating: false },
-  correctElementType(AccordionContext)
+  correctElementType(accordion_context_exports.Component)
 );
 customShadowlessElement(
-  "accordion-item",
+  accordion_item_exports.Name,
   { index: 0, isExpanded: false, ariaExpanded: false },
-  correctElementType(AccordionItem)
+  correctElementType(accordion_item_exports.Component)
 );
 customShadowlessElement(
-  "accordion-trigger",
+  accordion_trigger_exports.Name,
   { preventDefault: true },
-  correctElementType(AccordionTrigger)
+  correctElementType(accordion_trigger_exports.Component)
 );
 customShadowlessElement(
-  "accordion-content",
+  accordion_content_exports.Name,
   { shouldScrollIntoView: false },
-  correctElementType(AccordionContent)
+  correctElementType(accordion_content_exports.Component)
 );
 
-export { getAccordionContext, getAccordionItemContext, provideAccordionContext, provideAccordionItemContext, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemContext };
+export { getAccordionContext, getAccordionItemContext, provideAccordionContext, provideAccordionItemContext, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemContext, withAccordionElementContext, withAccordionItemElementContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useAccordion.ts","../../src/hooks/useAccordionItem.ts","../../src/components/accordion-content.ts","../../src/components/accordion-item.ts","../../src/components/accordion-trigger.ts","../../src/components/accordion-context.ts","../../src/index.ts"],"names":["state","splitProps","untrack","toHyphenated","createEffect","batch","mergeProps","createContext","provide","consume","getContextFromProvider","element","on","animation","onCleanup"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  createEffect,\n  mergeProps,\n  on,\n  batch,\n  splitProps,\n  createSelector,\n  untrack,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n} from \"@brytdesigns/web-component-utils\";\n\ntype StoreContext = {\n  animationQueue: Promise<unknown>[];\n};\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isAnimating: boolean;\n  activeIndex: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionContext = ReturnType<typeof initializeAccordionContext>;\n\nfunction initializeAccordionContext(props: CreateContextOptions) {\n  const [element, stateProps] = splitProps(props, [\"root\"]);\n  const [store, setStore] = createStore<StoreContext>({ animationQueue: [] });\n\n  createEffect(\n    on(\n      () => store.animationQueue,\n      (animationQueue) => {\n        if (!animationQueue.length) return;\n        const animations = Promise.allSettled(store.animationQueue);\n        setElementState(\"isAnimating\", true);\n        animations.finally(() => {\n          batch(() => {\n            setElementState(\"isAnimating\", false);\n            setStore(\"animationQueue\", []);\n          });\n        });\n      },\n    ),\n  );\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  return [\n    mergeProps(store, stateProps),\n    { setElementState, setStore },\n  ] as const;\n}\n\nconst AccordionContextState = createContext(initializeAccordionContext);\n\nexport const provideAccordionContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionContextState, props, element);\n};\n\nexport const useAccordionContext = (context: AccordionContext) => {\n  const [state, { setElementState, setStore: setState }] = context;\n\n  function updateAnimationQueue(animation: Promise<unknown>) {\n    setState(\"animationQueue\", (state) => [...state, animation]);\n  }\n\n  function updateActiveIndex(index: number) {\n    setElementState(\"activeIndex\", index);\n  }\n\n  const isActive = createSelector(() => state.activeIndex);\n\n  return [\n    state,\n    { updateAnimationQueue, item: { update: updateActiveIndex, isActive } },\n  ] as const;\n};\n\nexport const useAccordion = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionContext = consume(AccordionContextState, element);\n\n  if (!context) {\n    throw console.error(\n      \"AccordionContext not found! Please ensure to wrap your custom element with accordion-context element.\",\n    );\n  }\n\n  return useAccordionContext(context);\n};\n\nexport const getAccordionContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionContext>(\n    AccordionContextState,\n    element,\n  );\n  return useAccordionContext(context);\n};\n","import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport { batch, createEffect, mergeProps, splitProps, untrack } from \"solid-js\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n} from \"@brytdesigns/web-component-utils\";\nimport { useAccordion } from \"./useAccordion.js\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isExpanded: boolean;\n  index: number;\n  ariaExpanded: boolean;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionItemContext = ReturnType<typeof initializeAccordionItemContext>;\n\nfunction initializeAccordionItemContext(props: CreateContextOptions) {\n  const [element, privateProps, stateProps] = splitProps(\n    props,\n    [\"root\"],\n    [\"ariaExpanded\"],\n  );\n  const [context, methods] = useAccordion(element.root);\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  createEffect(() => {\n    const isActive = methods.item.isActive(props.index);\n    batch(() => {\n      setElementState(\"isExpanded\", isActive);\n      setElementState(\"ariaExpanded\", isActive);\n    });\n  });\n\n  createEffect(() => {\n    const index = untrack(() => stateProps.index);\n    const isExpanded = stateProps.isExpanded;\n    if (isExpanded) methods.item.update(index);\n  });\n\n  function setActive(index: number) {\n    methods.item.update(index);\n  }\n\n  return [\n    mergeProps(stateProps, {\n      get isAnimating() {\n        return context.isAnimating;\n      },\n    }),\n    { setElementState, setActive },\n  ] as const;\n}\n\nconst AccordionItemContextState = createContext(initializeAccordionItemContext);\n\nexport const provideAccordionItemContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionItemContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionItemContextState, props, element);\n};\n\nexport const useAccordionItemContext = (context: AccordionItemContext) => {\n  const [state, { setElementState, setActive }] = context;\n\n  function expand() {\n    const index = untrack(() => state.index);\n    batch(() => {\n      setActive(index);\n      setElementState(\"isExpanded\", true);\n    });\n  }\n\n  function collapse() {\n    batch(() => {\n      setActive(-1);\n      setElementState(\"isExpanded\", false);\n    });\n  }\n\n  function toggle() {\n    setElementState(\"isExpanded\", (v) => {\n      const index = untrack(() => state.index);\n      const newValue = !v;\n      if (newValue) setActive(index);\n      else setActive(-1);\n      return newValue;\n    });\n  }\n\n  return [state, { expand, collapse, toggle }] as const;\n};\n\nexport const useAccordionItem = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionItemContext = consume(\n    AccordionItemContextState,\n    element,\n  );\n\n  if (!context) {\n    throw console.error(\n      \"AccordionItemContext not found! Please ensure to wrap your custom element with accordion-item element.\",\n    );\n  }\n\n  return useAccordionItemContext(context);\n};\n\nexport const getAccordionItemContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionItemContext>(\n    AccordionItemContextState,\n    element,\n  );\n  return useAccordionItemContext(context);\n};\n","import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport type { ICustomElement } from \"component-register\";\nimport { animate, type AnimationPlaybackControls } from \"motion\";\nimport { createEffect, on, onCleanup } from \"solid-js\";\n\nimport { useAccordion, useAccordionItem } from \"../hooks/index.js\";\n\ntype AccordionContentProps = {\n  shouldScrollIntoView: boolean;\n};\n\nasync function controlPromise(controls: AnimationPlaybackControls) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n\nconst hideElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: none;\n      opacity: 0;\n      visibility: hidden;\n      max-height: 0px;\n    `;\n  element.style.overflow = null;\n};\n\nconst showElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: block;\n      opacity: 1;\n      visibility: visible;\n    `;\n};\n\nconst getHeight = (el: ICustomElement & HTMLElement) => {\n  el.style.maxHeight = \"max-content\";\n  const height = el.getBoundingClientRect().height;\n  el.style.maxHeight = `${0}`;\n  return height;\n};\n\nconst getPaddingTop = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingTop);\n  return paddingY;\n};\n\nconst getPaddingBottom = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingBottom);\n  return paddingY;\n};\n\nexport const AccordionContent: CorrectComponentType<AccordionContentProps> = (\n  props,\n  { element },\n) => {\n  const [state] = useAccordionItem(element);\n  const [_, accordionMethods] = useAccordion(element);\n\n  let isFirstRender = true;\n\n  const expand = (element: ICustomElement & HTMLElement) => {\n    showElement(element);\n\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"1\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [\"0px\", `${height}px`],\n        paddingTop: [\"0px\", `${pt}px`],\n        paddingBottom: [\"0px\", `${pb}px`],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => {\n      element.style.maxHeight = \"max-content\";\n      //@ts-ignore\n      element.style.overflow = null;\n      if (props.shouldScrollIntoView)\n        element.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\",\n          inline: \"nearest\",\n        });\n      return;\n    });\n\n    return animation;\n  };\n\n  const collapse = (element: ICustomElement & HTMLElement) => {\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    element.style.overflow = \"hidden\";\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"0\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [`${height}px`, \"0px\"],\n        paddingTop: [`${pt}px`, \"0px\"],\n        paddingBottom: [`${pb}px`, \"0px\"],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => hideElement(element));\n\n    return animation;\n  };\n\n  createEffect(\n    on(\n      () => state.isExpanded,\n      (isExpanded) => {\n        if (!isExpanded) {\n          const animation = collapse(element);\n          accordionMethods.updateAnimationQueue(controlPromise(animation));\n          return onCleanup(() => animation.complete());\n        }\n\n        if (isFirstRender) {\n          isFirstRender = false;\n          showElement(element);\n        }\n\n        const animation = expand(element);\n        accordionMethods.updateAnimationQueue(controlPromise(animation));\n        return onCleanup(() => animation.complete());\n      },\n    ),\n  );\n};\n","import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { provideAccordionItemContext } from \"../hooks/index.js\";\n\ntype AccordionItemProps = {\n  index: number;\n  isExpanded: boolean;\n  ariaExpanded: boolean;\n};\n\nexport const AccordionItem: CorrectComponentType<AccordionItemProps> = (\n  props,\n  { element },\n) => {\n  if (element.parentElement?.tagName !== \"ACCORDION-CONTEXT\")\n    return console.warn(\n      \"accordion-item must be an immediate child of accordion-context\",\n      element,\n    );\n\n  provideAccordionItemContext(props, element);\n};\n","import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { createEffect, onCleanup } from \"solid-js\";\n\nimport { useAccordionItem } from \"../hooks/index.js\";\n\ntype AccordionTriggerProps = {\n  preventDefault: boolean;\n};\n\nexport const AccordionTrigger: CorrectComponentType<AccordionTriggerProps> = (\n  props,\n  { element },\n) => {\n  const [state, methods] = useAccordionItem(element);\n\n  createEffect(() => {\n    const isAnimating = state.isAnimating;\n    if (isAnimating) return;\n\n    const controller = new AbortController(),\n      preventDefault = props.preventDefault;\n\n    element.addEventListener(\n      \"click\",\n      (event) => {\n        if (preventDefault) event.preventDefault();\n        methods.toggle();\n      },\n      { signal: controller.signal },\n    );\n\n    return onCleanup(() => {\n      controller.abort();\n    });\n  });\n};\n","import {\n  toHyphenated,\n  type CorrectComponentType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  provideAccordionContext,\n  useAccordionContext,\n} from \"../hooks/index.js\";\n\ntype AccordionContextProps = {\n  activeIndex: number;\n  isAnimating: boolean;\n};\n\nexport const AccordionContext: CorrectComponentType<AccordionContextProps> = (\n  props,\n  { element },\n) => {\n  const context = provideAccordionContext(props, element);\n  const [_, methods] = useAccordionContext(context);\n  const children = Array.from(element.children) as HTMLElement[];\n  const accordionItems = children.filter(\n    (child) => child.tagName === \"ACCORDION-ITEM\",\n  );\n  accordionItems.forEach((accordionItem, index) => {\n    accordionItem.setAttribute(\"index\", `${index + 1}`);\n    if (accordionItem.getAttribute(toHyphenated(\"isExpanded\")) !== \"true\")\n      return;\n    methods.item.update(index + 1);\n  });\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  AccordionContext,\n  AccordionItem,\n  AccordionContent,\n  AccordionTrigger,\n} from \"./components/index.js\";\n\ncustomShadowlessElement(\n  \"accordion-context\",\n  { activeIndex: -1, isAnimating: false },\n  correctElementType(AccordionContext),\n);\n\ncustomShadowlessElement(\n  \"accordion-item\",\n  { index: 0, isExpanded: false, ariaExpanded: false },\n  correctElementType(AccordionItem),\n);\n\ncustomShadowlessElement(\n  \"accordion-trigger\",\n  { preventDefault: true },\n  correctElementType(AccordionTrigger),\n);\n\ncustomShadowlessElement(\n  \"accordion-content\",\n  { shouldScrollIntoView: false },\n  correctElementType(AccordionContent),\n);\n\nexport * from \"./hooks/index.js\";\n"]}
+{"version":3,"sources":["../../src/components/accordion-content.ts","../../src/hooks/useAccordion.ts","../../src/hooks/useAccordionItem.ts","../../src/components/accordion-item.ts","../../src/components/accordion-trigger.ts","../../src/components/accordion-context.ts","../../src/index.ts"],"names":["state","splitProps","untrack","toHyphenated","createEffect","batch","mergeProps","createContext","provide","consume","createWithElementContext","getContextFromProvider","element","on","animation","Component","Name","onCleanup"],"mappings":"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","file":"index.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport type { ICustomElement } from \"component-register\";\nimport { animate } from \"motion\";\nimport { createEffect, on, onCleanup } from \"solid-js\";\n\nimport { controlsToPromise } from \"@brytdesigns/web-component-core/animation\";\n\nimport { useAccordion, useAccordionItem } from \"../hooks/index.js\";\n\ntype Props = {\n  shouldScrollIntoView: boolean;\n};\n\nconst hideElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: none;\n      opacity: 0;\n      visibility: hidden;\n      max-height: 0px;\n    `;\n  element.style.overflow = null;\n};\n\nconst showElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: block;\n      opacity: 1;\n      visibility: visible;\n    `;\n};\n\nconst getHeight = (el: ICustomElement & HTMLElement) => {\n  el.style.maxHeight = \"max-content\";\n  const height = el.getBoundingClientRect().height;\n  el.style.maxHeight = `${0}`;\n  return height;\n};\n\nconst getPaddingTop = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingTop);\n  return paddingY;\n};\n\nconst getPaddingBottom = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingBottom);\n  return paddingY;\n};\n\nexport const Name = `accordion-content`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const [state] = useAccordionItem(element);\n  const [_, accordionMethods] = useAccordion(element);\n\n  let isFirstRender = true;\n\n  const expand = (element: ICustomElement & HTMLElement) => {\n    showElement(element);\n\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"1\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [\"0px\", `${height}px`],\n        paddingTop: [\"0px\", `${pt}px`],\n        paddingBottom: [\"0px\", `${pb}px`],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => {\n      element.style.maxHeight = \"max-content\";\n      //@ts-ignore\n      element.style.overflow = null;\n      if (props.shouldScrollIntoView)\n        element.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\",\n          inline: \"nearest\",\n        });\n      return;\n    });\n\n    return animation;\n  };\n\n  const collapse = (element: ICustomElement & HTMLElement) => {\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    element.style.overflow = \"hidden\";\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"0\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [`${height}px`, \"0px\"],\n        paddingTop: [`${pt}px`, \"0px\"],\n        paddingBottom: [`${pb}px`, \"0px\"],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => hideElement(element));\n\n    return animation;\n  };\n\n  createEffect(\n    on(\n      () => state.isExpanded,\n      (isExpanded) => {\n        if (!isExpanded) {\n          const animation = collapse(element);\n          accordionMethods.updateAnimationQueue(controlsToPromise(animation));\n          return onCleanup(() => animation.complete());\n        }\n\n        if (isFirstRender) {\n          isFirstRender = false;\n          showElement(element);\n        }\n\n        const animation = expand(element);\n        accordionMethods.updateAnimationQueue(controlsToPromise(animation));\n        return onCleanup(() => animation.complete());\n      },\n    ),\n  );\n};\n","import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  createEffect,\n  mergeProps,\n  on,\n  batch,\n  splitProps,\n  createSelector,\n  untrack,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n  createWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\n\ntype StoreContext = {\n  animationQueue: Promise<unknown>[];\n};\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isAnimating: boolean;\n  activeIndex: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionContext = ReturnType<typeof initializeAccordionContext>;\n\nfunction initializeAccordionContext(props: CreateContextOptions) {\n  const [element, stateProps] = splitProps(props, [\"root\"]);\n  const [store, setStore] = createStore<StoreContext>({ animationQueue: [] });\n\n  createEffect(\n    on(\n      () => store.animationQueue,\n      (animationQueue) => {\n        if (!animationQueue.length) return;\n        const animations = Promise.allSettled(store.animationQueue);\n        setElementState(\"isAnimating\", true);\n        animations.finally(() => {\n          batch(() => {\n            setElementState(\"isAnimating\", false);\n            setStore(\"animationQueue\", []);\n          });\n        });\n      },\n    ),\n  );\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  return [\n    mergeProps(store, stateProps),\n    { setElementState, setStore },\n  ] as const;\n}\n\nconst AccordionContextState = createContext(initializeAccordionContext);\n\nexport const provideAccordionContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionContextState, props, element);\n};\n\nexport const useAccordionContext = (context: AccordionContext) => {\n  const [state, { setElementState, setStore: setState }] = context;\n\n  function updateAnimationQueue(animation: Promise<unknown>) {\n    setState(\"animationQueue\", (state) => [...state, animation]);\n  }\n\n  function updateActiveIndex(index: number) {\n    setElementState(\"activeIndex\", index);\n  }\n\n  const isActive = createSelector(() => state.activeIndex);\n\n  return [\n    state,\n    { updateAnimationQueue, item: { update: updateActiveIndex, isActive } },\n  ] as const;\n};\n\nexport const useAccordion = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionContext = consume(AccordionContextState, element);\n\n  if (!context) {\n    throw console.error(\n      \"AccordionContext not found! Please ensure to wrap your custom element with accordion-context element.\",\n    );\n  }\n\n  return useAccordionContext(context);\n};\n\nexport const withAccordionElementContext = createWithElementContext<\n  typeof AccordionContextState,\n  AccordionContext\n>(AccordionContextState);\n\nexport const getAccordionContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionContext>(\n    AccordionContextState,\n    element,\n  );\n  return useAccordionContext(context);\n};\n","import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport { batch, createEffect, mergeProps, splitProps, untrack } from \"solid-js\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n  createWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\nimport { useAccordion } from \"./useAccordion.js\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isExpanded: boolean;\n  index: number;\n  ariaExpanded: boolean;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionItemContext = ReturnType<typeof initializeAccordionItemContext>;\n\nfunction initializeAccordionItemContext(props: CreateContextOptions) {\n  const [element, _, stateProps] = splitProps(\n    props,\n    [\"root\"],\n    [\"ariaExpanded\"],\n  );\n  const [context, methods] = useAccordion(element.root);\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  createEffect(() => {\n    const isActive = methods.item.isActive(props.index);\n    batch(() => {\n      setElementState(\"isExpanded\", isActive);\n      setElementState(\"ariaExpanded\", isActive);\n    });\n  });\n\n  createEffect(() => {\n    const index = untrack(() => stateProps.index);\n    const isExpanded = stateProps.isExpanded;\n    if (isExpanded) methods.item.update(index);\n  });\n\n  function setActive(index: number) {\n    methods.item.update(index);\n  }\n\n  return [\n    mergeProps(stateProps, {\n      get isAnimating() {\n        return context.isAnimating;\n      },\n    }),\n    { setElementState, setActive },\n  ] as const;\n}\n\nconst AccordionItemContextState = createContext(initializeAccordionItemContext);\n\nexport const provideAccordionItemContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionItemContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionItemContextState, props, element);\n};\n\nexport const useAccordionItemContext = (context: AccordionItemContext) => {\n  const [state, { setElementState, setActive }] = context;\n\n  function expand() {\n    const index = untrack(() => state.index);\n    batch(() => {\n      setActive(index);\n      setElementState(\"isExpanded\", true);\n    });\n  }\n\n  function collapse() {\n    batch(() => {\n      setActive(-1);\n      setElementState(\"isExpanded\", false);\n    });\n  }\n\n  function toggle() {\n    setElementState(\"isExpanded\", (v) => {\n      const index = untrack(() => state.index);\n      const newValue = !v;\n      if (newValue) setActive(index);\n      else setActive(-1);\n      return newValue;\n    });\n  }\n\n  return [state, { expand, collapse, toggle }] as const;\n};\n\nexport const useAccordionItem = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionItemContext = consume(\n    AccordionItemContextState,\n    element,\n  );\n\n  if (!context) {\n    throw console.error(\n      \"AccordionItemContext not found! Please ensure to wrap your custom element with accordion-item element.\",\n    );\n  }\n\n  return useAccordionItemContext(context);\n};\n\nexport const withAccordionItemElementContext = createWithElementContext<\n  typeof AccordionItemContextState,\n  AccordionItemContext\n>(AccordionItemContextState);\n\nexport const getAccordionItemContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionItemContext>(\n    AccordionItemContextState,\n    element,\n  );\n  return useAccordionItemContext(context);\n};\n","import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { provideAccordionItemContext } from \"../hooks/index.js\";\n\ntype Props = {\n  index: number;\n  isExpanded: boolean;\n  ariaExpanded: boolean;\n};\n\nexport const Name = `accordion-item`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  if (element.parentElement?.tagName !== \"ACCORDION-CONTEXT\")\n    return console.warn(\n      `${Name}: must be an immediate child of accordion-context`,\n      element,\n    );\n\n  provideAccordionItemContext(props, element);\n};\n","import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { createEffect, onCleanup } from \"solid-js\";\n\nimport { useAccordionItem } from \"../hooks/index.js\";\n\ntype Props = {\n  preventDefault: boolean;\n};\n\nexport const Name = `accordion-trigger`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const [state, methods] = useAccordionItem(element);\n\n  createEffect(() => {\n    const isAnimating = state.isAnimating;\n    if (isAnimating) return;\n\n    const controller = new AbortController(),\n      preventDefault = props.preventDefault;\n\n    element.addEventListener(\n      \"click\",\n      (event) => {\n        if (preventDefault) event.preventDefault();\n        methods.toggle();\n      },\n      { signal: controller.signal },\n    );\n\n    return onCleanup(() => {\n      controller.abort();\n    });\n  });\n};\n","import {\n  toHyphenated,\n  type CorrectComponentType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n  provideAccordionContext,\n  useAccordionContext,\n} from \"../hooks/index.js\";\n\ntype Props = {\n  activeIndex: number;\n  isAnimating: boolean;\n};\n\nexport const Name = `accordion-context`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const context = provideAccordionContext(props, element);\n  const [_, methods] = useAccordionContext(context);\n  const children = Array.from(element.children) as HTMLElement[];\n  const accordionItems = children.filter(\n    (child) => child.tagName === \"ACCORDION-ITEM\",\n  );\n  accordionItems.forEach((accordionItem, index) => {\n    accordionItem.setAttribute(\"index\", `${index + 1}`);\n    if (accordionItem.getAttribute(toHyphenated(\"isExpanded\")) !== \"true\")\n      return;\n    methods.item.update(index + 1);\n  });\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n  AccordionContext,\n  AccordionItem,\n  AccordionContent,\n  AccordionTrigger,\n} from \"./components/index.js\";\n\ncustomShadowlessElement(\n  AccordionContext.Name,\n  { activeIndex: -1, isAnimating: false },\n  correctElementType(AccordionContext.Component),\n);\n\ncustomShadowlessElement(\n  AccordionItem.Name,\n  { index: 0, isExpanded: false, ariaExpanded: false },\n  correctElementType(AccordionItem.Component),\n);\n\ncustomShadowlessElement(\n  AccordionTrigger.Name,\n  { preventDefault: true },\n  correctElementType(AccordionTrigger.Component),\n);\n\ncustomShadowlessElement(\n  AccordionContent.Name,\n  { shouldScrollIntoView: false },\n  correctElementType(AccordionContent.Component),\n);\n\nexport * from \"./hooks/index.js\";\n"]}

package/dist/main/components/accordion-content.js

@@ -1,13 +1,9 @@
-import '@brytdesigns/web-component-utils';
+import '@brytdesigns/web-component-core/utils';
 import { animate } from 'motion';
 import { createEffect, on, onCleanup } from 'solid-js';
+import { controlsToPromise } from '@brytdesigns/web-component-core/animation';
 import { useAccordionItem, useAccordion } from '../hooks/index.js';
 
-async function controlPromise(controls) {
-  return new Promise((resolve) => {
-    controls.then(() => resolve(null));
-  });
-}
 const hideElement = (element) => {
   element.style.cssText = `
       display: none;
@@ -38,7 +34,8 @@ const getPaddingBottom = (element) => {
   const paddingY = parseInt(getComputedStyle(element).paddingBottom);
   return paddingY;
 };
-const AccordionContent = (props, { element }) => {
+const Name = `accordion-content`;
+const Component = (props, { element }) => {
   const [state] = useAccordionItem(element);
   const [_, accordionMethods] = useAccordion(element);
   let isFirstRender = true;
@@ -98,7 +95,7 @@ const AccordionContent = (props, { element }) => {
       (isExpanded) => {
         if (!isExpanded) {
           const animation2 = collapse(element);
-          accordionMethods.updateAnimationQueue(controlPromise(animation2));
+          accordionMethods.updateAnimationQueue(controlsToPromise(animation2));
           return onCleanup(() => animation2.complete());
         }
         if (isFirstRender) {
@@ -106,13 +103,13 @@ const AccordionContent = (props, { element }) => {
           showElement(element);
         }
         const animation = expand(element);
-        accordionMethods.updateAnimationQueue(controlPromise(animation));
+        accordionMethods.updateAnimationQueue(controlsToPromise(animation));
         return onCleanup(() => animation.complete());
       }
     )
   );
 };
 
-export { AccordionContent };
+export { Component, Name };
 //# sourceMappingURL=accordion-content.js.map
 //# sourceMappingURL=accordion-content.js.map

package/dist/main/components/accordion-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion-content.ts"],"names":["element","animation"],"mappings":"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","file":"accordion-content.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport type { ICustomElement } from \"component-register\";\nimport { animate, type AnimationPlaybackControls } from \"motion\";\nimport { createEffect, on, onCleanup } from \"solid-js\";\n\nimport { useAccordion, useAccordionItem } from \"../hooks/index.js\";\n\ntype AccordionContentProps = {\n  shouldScrollIntoView: boolean;\n};\n\nasync function controlPromise(controls: AnimationPlaybackControls) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n\nconst hideElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: none;\n      opacity: 0;\n      visibility: hidden;\n      max-height: 0px;\n    `;\n  element.style.overflow = null;\n};\n\nconst showElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: block;\n      opacity: 1;\n      visibility: visible;\n    `;\n};\n\nconst getHeight = (el: ICustomElement & HTMLElement) => {\n  el.style.maxHeight = \"max-content\";\n  const height = el.getBoundingClientRect().height;\n  el.style.maxHeight = `${0}`;\n  return height;\n};\n\nconst getPaddingTop = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingTop);\n  return paddingY;\n};\n\nconst getPaddingBottom = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingBottom);\n  return paddingY;\n};\n\nexport const AccordionContent: CorrectComponentType<AccordionContentProps> = (\n  props,\n  { element },\n) => {\n  const [state] = useAccordionItem(element);\n  const [_, accordionMethods] = useAccordion(element);\n\n  let isFirstRender = true;\n\n  const expand = (element: ICustomElement & HTMLElement) => {\n    showElement(element);\n\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"1\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [\"0px\", `${height}px`],\n        paddingTop: [\"0px\", `${pt}px`],\n        paddingBottom: [\"0px\", `${pb}px`],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => {\n      element.style.maxHeight = \"max-content\";\n      //@ts-ignore\n      element.style.overflow = null;\n      if (props.shouldScrollIntoView)\n        element.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\",\n          inline: \"nearest\",\n        });\n      return;\n    });\n\n    return animation;\n  };\n\n  const collapse = (element: ICustomElement & HTMLElement) => {\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    element.style.overflow = \"hidden\";\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"0\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [`${height}px`, \"0px\"],\n        paddingTop: [`${pt}px`, \"0px\"],\n        paddingBottom: [`${pb}px`, \"0px\"],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => hideElement(element));\n\n    return animation;\n  };\n\n  createEffect(\n    on(\n      () => state.isExpanded,\n      (isExpanded) => {\n        if (!isExpanded) {\n          const animation = collapse(element);\n          accordionMethods.updateAnimationQueue(controlPromise(animation));\n          return onCleanup(() => animation.complete());\n        }\n\n        if (isFirstRender) {\n          isFirstRender = false;\n          showElement(element);\n        }\n\n        const animation = expand(element);\n        accordionMethods.updateAnimationQueue(controlPromise(animation));\n        return onCleanup(() => animation.complete());\n      },\n    ),\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/accordion-content.ts"],"names":["element","animation"],"mappings":"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","file":"accordion-content.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport type { ICustomElement } from \"component-register\";\nimport { animate } from \"motion\";\nimport { createEffect, on, onCleanup } from \"solid-js\";\n\nimport { controlsToPromise } from \"@brytdesigns/web-component-core/animation\";\n\nimport { useAccordion, useAccordionItem } from \"../hooks/index.js\";\n\ntype Props = {\n  shouldScrollIntoView: boolean;\n};\n\nconst hideElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: none;\n      opacity: 0;\n      visibility: hidden;\n      max-height: 0px;\n    `;\n  element.style.overflow = null;\n};\n\nconst showElement = (element: ICustomElement) => {\n  element.style.cssText = `\n      display: block;\n      opacity: 1;\n      visibility: visible;\n    `;\n};\n\nconst getHeight = (el: ICustomElement & HTMLElement) => {\n  el.style.maxHeight = \"max-content\";\n  const height = el.getBoundingClientRect().height;\n  el.style.maxHeight = `${0}`;\n  return height;\n};\n\nconst getPaddingTop = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingTop);\n  return paddingY;\n};\n\nconst getPaddingBottom = (element: ICustomElement & HTMLElement) => {\n  const paddingY = parseInt(getComputedStyle(element).paddingBottom);\n  return paddingY;\n};\n\nexport const Name = `accordion-content`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const [state] = useAccordionItem(element);\n  const [_, accordionMethods] = useAccordion(element);\n\n  let isFirstRender = true;\n\n  const expand = (element: ICustomElement & HTMLElement) => {\n    showElement(element);\n\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"1\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [\"0px\", `${height}px`],\n        paddingTop: [\"0px\", `${pt}px`],\n        paddingBottom: [\"0px\", `${pb}px`],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => {\n      element.style.maxHeight = \"max-content\";\n      //@ts-ignore\n      element.style.overflow = null;\n      if (props.shouldScrollIntoView)\n        element.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\",\n          inline: \"nearest\",\n        });\n      return;\n    });\n\n    return animation;\n  };\n\n  const collapse = (element: ICustomElement & HTMLElement) => {\n    const height = getHeight(element),\n      pt = getPaddingTop(element),\n      pb = getPaddingBottom(element);\n\n    element.style.overflow = \"hidden\";\n\n    (Array.from(element.children) as HTMLElement[]).forEach(\n      (child) => (child.style.opacity = \"0\"),\n    );\n\n    const animation = animate(\n      element,\n      {\n        maxHeight: [`${height}px`, \"0px\"],\n        paddingTop: [`${pt}px`, \"0px\"],\n        paddingBottom: [`${pb}px`, \"0px\"],\n      },\n      {\n        duration: 0.35,\n      },\n    );\n\n    animation.then(() => hideElement(element));\n\n    return animation;\n  };\n\n  createEffect(\n    on(\n      () => state.isExpanded,\n      (isExpanded) => {\n        if (!isExpanded) {\n          const animation = collapse(element);\n          accordionMethods.updateAnimationQueue(controlsToPromise(animation));\n          return onCleanup(() => animation.complete());\n        }\n\n        if (isFirstRender) {\n          isFirstRender = false;\n          showElement(element);\n        }\n\n        const animation = expand(element);\n        accordionMethods.updateAnimationQueue(controlsToPromise(animation));\n        return onCleanup(() => animation.complete());\n      },\n    ),\n  );\n};\n"]}

package/dist/main/components/accordion-context.js

@@ -1,7 +1,8 @@
-import { toHyphenated } from '@brytdesigns/web-component-utils';
+import { toHyphenated } from '@brytdesigns/web-component-core/utils';
 import { provideAccordionContext, useAccordionContext } from '../hooks/index.js';
 
-const AccordionContext = (props, { element }) => {
+const Name = `accordion-context`;
+const Component = (props, { element }) => {
   const context = provideAccordionContext(props, element);
   const [_, methods] = useAccordionContext(context);
   const children = Array.from(element.children);
@@ -16,6 +17,6 @@ const AccordionContext = (props, { element }) => {
   });
 };
 
-export { AccordionContext };
+export { Component, Name };
 //# sourceMappingURL=accordion-context.js.map
 //# sourceMappingURL=accordion-context.js.map

package/dist/main/components/accordion-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion-context.ts"],"names":[],"mappings":";;;AAeO,MAAM,gBAAgE,GAAA,CAC3E,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAM,MAAA,OAAA,GAAU,uBAAwB,CAAA,KAAA,EAAO,OAAO,CAAA;AACtD,EAAA,MAAM,CAAC,CAAA,EAAG,OAAO,CAAA,GAAI,oBAAoB,OAAO,CAAA;AAChD,EAAA,MAAM,QAAW,GAAA,KAAA,CAAM,IAAK,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAC5C,EAAA,MAAM,iBAAiB,QAAS,CAAA,MAAA;AAAA,IAC9B,CAAC,KAAU,KAAA,KAAA,CAAM,OAAY,KAAA;AAAA,GAC/B;AACA,EAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,aAAA,EAAe,KAAU,KAAA;AAC/C,IAAA,aAAA,CAAc,YAAa,CAAA,OAAA,EAAS,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAE,CAAA,CAAA;AAClD,IAAA,IAAI,aAAc,CAAA,YAAA,CAAa,YAAa,CAAA,YAAY,CAAC,CAAM,KAAA,MAAA;AAC7D,MAAA;AACF,IAAQ,OAAA,CAAA,IAAA,CAAK,MAAO,CAAA,KAAA,GAAQ,CAAC,CAAA;AAAA,GAC9B,CAAA;AACH","file":"accordion-context.js","sourcesContent":["import {\n  toHyphenated,\n  type CorrectComponentType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  provideAccordionContext,\n  useAccordionContext,\n} from \"../hooks/index.js\";\n\ntype AccordionContextProps = {\n  activeIndex: number;\n  isAnimating: boolean;\n};\n\nexport const AccordionContext: CorrectComponentType<AccordionContextProps> = (\n  props,\n  { element },\n) => {\n  const context = provideAccordionContext(props, element);\n  const [_, methods] = useAccordionContext(context);\n  const children = Array.from(element.children) as HTMLElement[];\n  const accordionItems = children.filter(\n    (child) => child.tagName === \"ACCORDION-ITEM\",\n  );\n  accordionItems.forEach((accordionItem, index) => {\n    accordionItem.setAttribute(\"index\", `${index + 1}`);\n    if (accordionItem.getAttribute(toHyphenated(\"isExpanded\")) !== \"true\")\n      return;\n    methods.item.update(index + 1);\n  });\n};\n"]}
+{"version":3,"sources":["../../../src/components/accordion-context.ts"],"names":[],"mappings":";;;AAeO,MAAM,IAAO,GAAA,CAAA,iBAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC5E,EAAM,MAAA,OAAA,GAAU,uBAAwB,CAAA,KAAA,EAAO,OAAO,CAAA;AACtD,EAAA,MAAM,CAAC,CAAA,EAAG,OAAO,CAAA,GAAI,oBAAoB,OAAO,CAAA;AAChD,EAAA,MAAM,QAAW,GAAA,KAAA,CAAM,IAAK,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAC5C,EAAA,MAAM,iBAAiB,QAAS,CAAA,MAAA;AAAA,IAC9B,CAAC,KAAU,KAAA,KAAA,CAAM,OAAY,KAAA;AAAA,GAC/B;AACA,EAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,aAAA,EAAe,KAAU,KAAA;AAC/C,IAAA,aAAA,CAAc,YAAa,CAAA,OAAA,EAAS,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAE,CAAA,CAAA;AAClD,IAAA,IAAI,aAAc,CAAA,YAAA,CAAa,YAAa,CAAA,YAAY,CAAC,CAAM,KAAA,MAAA;AAC7D,MAAA;AACF,IAAQ,OAAA,CAAA,IAAA,CAAK,MAAO,CAAA,KAAA,GAAQ,CAAC,CAAA;AAAA,GAC9B,CAAA;AACH","file":"accordion-context.js","sourcesContent":["import {\n  toHyphenated,\n  type CorrectComponentType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n  provideAccordionContext,\n  useAccordionContext,\n} from \"../hooks/index.js\";\n\ntype Props = {\n  activeIndex: number;\n  isAnimating: boolean;\n};\n\nexport const Name = `accordion-context`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const context = provideAccordionContext(props, element);\n  const [_, methods] = useAccordionContext(context);\n  const children = Array.from(element.children) as HTMLElement[];\n  const accordionItems = children.filter(\n    (child) => child.tagName === \"ACCORDION-ITEM\",\n  );\n  accordionItems.forEach((accordionItem, index) => {\n    accordionItem.setAttribute(\"index\", `${index + 1}`);\n    if (accordionItem.getAttribute(toHyphenated(\"isExpanded\")) !== \"true\")\n      return;\n    methods.item.update(index + 1);\n  });\n};\n"]}

package/dist/main/components/accordion-item.js

@@ -1,15 +1,16 @@
-import '@brytdesigns/web-component-utils';
+import '@brytdesigns/web-component-core/utils';
 import { provideAccordionItemContext } from '../hooks/index.js';
 
-const AccordionItem = (props, { element }) => {
+const Name = `accordion-item`;
+const Component = (props, { element }) => {
   if (element.parentElement?.tagName !== "ACCORDION-CONTEXT")
     return console.warn(
-      "accordion-item must be an immediate child of accordion-context",
+      `${Name}: must be an immediate child of accordion-context`,
       element
     );
   provideAccordionItemContext(props, element);
 };
 
-export { AccordionItem };
+export { Component, Name };
 //# sourceMappingURL=accordion-item.js.map
 //# sourceMappingURL=accordion-item.js.map

package/dist/main/components/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion-item.ts"],"names":[],"mappings":";;;AAUO,MAAM,aAA0D,GAAA,CACrE,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAI,IAAA,OAAA,CAAQ,eAAe,OAAY,KAAA,mBAAA;AACrC,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA,MACb,gEAAA;AAAA,MACA;AAAA,KACF;AAEF,EAAA,2BAAA,CAA4B,OAAO,OAAO,CAAA;AAC5C","file":"accordion-item.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { provideAccordionItemContext } from \"../hooks/index.js\";\n\ntype AccordionItemProps = {\n  index: number;\n  isExpanded: boolean;\n  ariaExpanded: boolean;\n};\n\nexport const AccordionItem: CorrectComponentType<AccordionItemProps> = (\n  props,\n  { element },\n) => {\n  if (element.parentElement?.tagName !== \"ACCORDION-CONTEXT\")\n    return console.warn(\n      \"accordion-item must be an immediate child of accordion-context\",\n      element,\n    );\n\n  provideAccordionItemContext(props, element);\n};\n"]}
+{"version":3,"sources":["../../../src/components/accordion-item.ts"],"names":[],"mappings":";;;AAUO,MAAM,IAAO,GAAA,CAAA,cAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC5E,EAAI,IAAA,OAAA,CAAQ,eAAe,OAAY,KAAA,mBAAA;AACrC,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA,MACb,GAAG,IAAI,CAAA,iDAAA,CAAA;AAAA,MACP;AAAA,KACF;AAEF,EAAA,2BAAA,CAA4B,OAAO,OAAO,CAAA;AAC5C","file":"accordion-item.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { provideAccordionItemContext } from \"../hooks/index.js\";\n\ntype Props = {\n  index: number;\n  isExpanded: boolean;\n  ariaExpanded: boolean;\n};\n\nexport const Name = `accordion-item`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  if (element.parentElement?.tagName !== \"ACCORDION-CONTEXT\")\n    return console.warn(\n      `${Name}: must be an immediate child of accordion-context`,\n      element,\n    );\n\n  provideAccordionItemContext(props, element);\n};\n"]}

package/dist/main/components/accordion-trigger.js

@@ -1,8 +1,9 @@
-import '@brytdesigns/web-component-utils';
+import '@brytdesigns/web-component-core/utils';
 import { createEffect, onCleanup } from 'solid-js';
 import { useAccordionItem } from '../hooks/index.js';
 
-const AccordionTrigger = (props, { element }) => {
+const Name = `accordion-trigger`;
+const Component = (props, { element }) => {
   const [state, methods] = useAccordionItem(element);
   createEffect(() => {
     const isAnimating = state.isAnimating;
@@ -22,6 +23,6 @@ const AccordionTrigger = (props, { element }) => {
   });
 };
 
-export { AccordionTrigger };
+export { Component, Name };
 //# sourceMappingURL=accordion-trigger.js.map
 //# sourceMappingURL=accordion-trigger.js.map

package/dist/main/components/accordion-trigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion-trigger.ts"],"names":[],"mappings":";;;;AAUO,MAAM,gBAAgE,GAAA,CAC3E,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAA,MAAM,CAAC,KAAA,EAAO,OAAO,CAAA,GAAI,iBAAiB,OAAO,CAAA;AAEjD,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,cAAc,KAAM,CAAA,WAAA;AAC1B,IAAA,IAAI,WAAa,EAAA;AAEjB,IAAA,MAAM,UAAa,GAAA,IAAI,eAAgB,EAAA,EACrC,iBAAiB,KAAM,CAAA,cAAA;AAEzB,IAAQ,OAAA,CAAA,gBAAA;AAAA,MACN,OAAA;AAAA,MACA,CAAC,KAAU,KAAA;AACT,QAAI,IAAA,cAAA,QAAsB,cAAe,EAAA;AACzC,QAAA,OAAA,CAAQ,MAAO,EAAA;AAAA,OACjB;AAAA,MACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,KAC9B;AAEA,IAAA,OAAO,UAAU,MAAM;AACrB,MAAA,UAAA,CAAW,KAAM,EAAA;AAAA,KAClB,CAAA;AAAA,GACF,CAAA;AACH","file":"accordion-trigger.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { createEffect, onCleanup } from \"solid-js\";\n\nimport { useAccordionItem } from \"../hooks/index.js\";\n\ntype AccordionTriggerProps = {\n  preventDefault: boolean;\n};\n\nexport const AccordionTrigger: CorrectComponentType<AccordionTriggerProps> = (\n  props,\n  { element },\n) => {\n  const [state, methods] = useAccordionItem(element);\n\n  createEffect(() => {\n    const isAnimating = state.isAnimating;\n    if (isAnimating) return;\n\n    const controller = new AbortController(),\n      preventDefault = props.preventDefault;\n\n    element.addEventListener(\n      \"click\",\n      (event) => {\n        if (preventDefault) event.preventDefault();\n        methods.toggle();\n      },\n      { signal: controller.signal },\n    );\n\n    return onCleanup(() => {\n      controller.abort();\n    });\n  });\n};\n"]}
+{"version":3,"sources":["../../../src/components/accordion-trigger.ts"],"names":[],"mappings":";;;;AAUO,MAAM,IAAO,GAAA,CAAA,iBAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC5E,EAAA,MAAM,CAAC,KAAA,EAAO,OAAO,CAAA,GAAI,iBAAiB,OAAO,CAAA;AAEjD,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,cAAc,KAAM,CAAA,WAAA;AAC1B,IAAA,IAAI,WAAa,EAAA;AAEjB,IAAA,MAAM,UAAa,GAAA,IAAI,eAAgB,EAAA,EACrC,iBAAiB,KAAM,CAAA,cAAA;AAEzB,IAAQ,OAAA,CAAA,gBAAA;AAAA,MACN,OAAA;AAAA,MACA,CAAC,KAAU,KAAA;AACT,QAAI,IAAA,cAAA,QAAsB,cAAe,EAAA;AACzC,QAAA,OAAA,CAAQ,MAAO,EAAA;AAAA,OACjB;AAAA,MACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,KAC9B;AAEA,IAAA,OAAO,UAAU,MAAM;AACrB,MAAA,UAAA,CAAW,KAAM,EAAA;AAAA,KAClB,CAAA;AAAA,GACF,CAAA;AACH","file":"accordion-trigger.js","sourcesContent":["import { type CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { createEffect, onCleanup } from \"solid-js\";\n\nimport { useAccordionItem } from \"../hooks/index.js\";\n\ntype Props = {\n  preventDefault: boolean;\n};\n\nexport const Name = `accordion-trigger`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const [state, methods] = useAccordionItem(element);\n\n  createEffect(() => {\n    const isAnimating = state.isAnimating;\n    if (isAnimating) return;\n\n    const controller = new AbortController(),\n      preventDefault = props.preventDefault;\n\n    element.addEventListener(\n      \"click\",\n      (event) => {\n        if (preventDefault) event.preventDefault();\n        methods.toggle();\n      },\n      { signal: controller.signal },\n    );\n\n    return onCleanup(() => {\n      controller.abort();\n    });\n  });\n};\n"]}

package/dist/main/components/index.js

@@ -1,6 +1,10 @@
-export * from './accordion-content.js';
-export * from './accordion-item.js';
-export * from './accordion-trigger.js';
-export * from './accordion-context.js';
+import * as accordionContent_js from './accordion-content.js';
+export { accordionContent_js as AccordionContent };
+import * as accordionItem_js from './accordion-item.js';
+export { accordionItem_js as AccordionItem };
+import * as accordionTrigger_js from './accordion-trigger.js';
+export { accordionTrigger_js as AccordionTrigger };
+import * as accordionContext_js from './accordion-context.js';
+export { accordionContext_js as AccordionContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/hooks/useAccordion.js

@@ -1,7 +1,7 @@
 import { createContext, provide, consume } from 'component-register';
 import { splitProps, createEffect, on, batch, untrack, mergeProps, createSelector } from 'solid-js';
 import { createStore } from 'solid-js/store';
-import { toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-utils';
+import { createWithElementContext, toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-core/utils';
 
 function initializeAccordionContext(props) {
   const [element, stateProps] = splitProps(props, ["root"]);
@@ -71,6 +71,7 @@ const useAccordion = (element) => {
   }
   return useAccordionContext(context);
 };
+const withAccordionElementContext = createWithElementContext(AccordionContextState);
 const getAccordionContext = (element) => {
   const context = getContextFromProvider(
     AccordionContextState,
@@ -79,6 +80,6 @@ const getAccordionContext = (element) => {
   return useAccordionContext(context);
 };
 
-export { getAccordionContext, provideAccordionContext, useAccordion, useAccordionContext };
+export { getAccordionContext, provideAccordionContext, useAccordion, useAccordionContext, withAccordionElementContext };
 //# sourceMappingURL=useAccordion.js.map
 //# sourceMappingURL=useAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAccordion.ts"],"names":["state"],"mappings":"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","file":"useAccordion.js","sourcesContent":["import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  createEffect,\n  mergeProps,\n  on,\n  batch,\n  splitProps,\n  createSelector,\n  untrack,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n} from \"@brytdesigns/web-component-utils\";\n\ntype StoreContext = {\n  animationQueue: Promise<unknown>[];\n};\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isAnimating: boolean;\n  activeIndex: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionContext = ReturnType<typeof initializeAccordionContext>;\n\nfunction initializeAccordionContext(props: CreateContextOptions) {\n  const [element, stateProps] = splitProps(props, [\"root\"]);\n  const [store, setStore] = createStore<StoreContext>({ animationQueue: [] });\n\n  createEffect(\n    on(\n      () => store.animationQueue,\n      (animationQueue) => {\n        if (!animationQueue.length) return;\n        const animations = Promise.allSettled(store.animationQueue);\n        setElementState(\"isAnimating\", true);\n        animations.finally(() => {\n          batch(() => {\n            setElementState(\"isAnimating\", false);\n            setStore(\"animationQueue\", []);\n          });\n        });\n      },\n    ),\n  );\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  return [\n    mergeProps(store, stateProps),\n    { setElementState, setStore },\n  ] as const;\n}\n\nconst AccordionContextState = createContext(initializeAccordionContext);\n\nexport const provideAccordionContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionContextState, props, element);\n};\n\nexport const useAccordionContext = (context: AccordionContext) => {\n  const [state, { setElementState, setStore: setState }] = context;\n\n  function updateAnimationQueue(animation: Promise<unknown>) {\n    setState(\"animationQueue\", (state) => [...state, animation]);\n  }\n\n  function updateActiveIndex(index: number) {\n    setElementState(\"activeIndex\", index);\n  }\n\n  const isActive = createSelector(() => state.activeIndex);\n\n  return [\n    state,\n    { updateAnimationQueue, item: { update: updateActiveIndex, isActive } },\n  ] as const;\n};\n\nexport const useAccordion = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionContext = consume(AccordionContextState, element);\n\n  if (!context) {\n    throw console.error(\n      \"AccordionContext not found! Please ensure to wrap your custom element with accordion-context element.\",\n    );\n  }\n\n  return useAccordionContext(context);\n};\n\nexport const getAccordionContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionContext>(\n    AccordionContextState,\n    element,\n  );\n  return useAccordionContext(context);\n};\n"]}
+{"version":3,"sources":["../../../src/hooks/useAccordion.ts"],"names":["state"],"mappings":"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","file":"useAccordion.js","sourcesContent":["import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  createEffect,\n  mergeProps,\n  on,\n  batch,\n  splitProps,\n  createSelector,\n  untrack,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n  createWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\n\ntype StoreContext = {\n  animationQueue: Promise<unknown>[];\n};\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isAnimating: boolean;\n  activeIndex: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionContext = ReturnType<typeof initializeAccordionContext>;\n\nfunction initializeAccordionContext(props: CreateContextOptions) {\n  const [element, stateProps] = splitProps(props, [\"root\"]);\n  const [store, setStore] = createStore<StoreContext>({ animationQueue: [] });\n\n  createEffect(\n    on(\n      () => store.animationQueue,\n      (animationQueue) => {\n        if (!animationQueue.length) return;\n        const animations = Promise.allSettled(store.animationQueue);\n        setElementState(\"isAnimating\", true);\n        animations.finally(() => {\n          batch(() => {\n            setElementState(\"isAnimating\", false);\n            setStore(\"animationQueue\", []);\n          });\n        });\n      },\n    ),\n  );\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  return [\n    mergeProps(store, stateProps),\n    { setElementState, setStore },\n  ] as const;\n}\n\nconst AccordionContextState = createContext(initializeAccordionContext);\n\nexport const provideAccordionContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionContextState, props, element);\n};\n\nexport const useAccordionContext = (context: AccordionContext) => {\n  const [state, { setElementState, setStore: setState }] = context;\n\n  function updateAnimationQueue(animation: Promise<unknown>) {\n    setState(\"animationQueue\", (state) => [...state, animation]);\n  }\n\n  function updateActiveIndex(index: number) {\n    setElementState(\"activeIndex\", index);\n  }\n\n  const isActive = createSelector(() => state.activeIndex);\n\n  return [\n    state,\n    { updateAnimationQueue, item: { update: updateActiveIndex, isActive } },\n  ] as const;\n};\n\nexport const useAccordion = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionContext = consume(AccordionContextState, element);\n\n  if (!context) {\n    throw console.error(\n      \"AccordionContext not found! Please ensure to wrap your custom element with accordion-context element.\",\n    );\n  }\n\n  return useAccordionContext(context);\n};\n\nexport const withAccordionElementContext = createWithElementContext<\n  typeof AccordionContextState,\n  AccordionContext\n>(AccordionContextState);\n\nexport const getAccordionContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionContext>(\n    AccordionContextState,\n    element,\n  );\n  return useAccordionContext(context);\n};\n"]}

package/dist/main/hooks/useAccordionItem.js

@@ -1,10 +1,10 @@
 import { createContext, provide, consume } from 'component-register';
 import { splitProps, createEffect, batch, untrack, mergeProps } from 'solid-js';
-import { toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-utils';
+import { createWithElementContext, toHyphenated, getContextFromProvider } from '@brytdesigns/web-component-core/utils';
 import { useAccordion } from './useAccordion.js';
 
 function initializeAccordionItemContext(props) {
-  const [element, privateProps, stateProps] = splitProps(
+  const [element, _, stateProps] = splitProps(
     props,
     ["root"],
     ["ariaExpanded"]
@@ -93,6 +93,7 @@ const useAccordionItem = (element) => {
   }
   return useAccordionItemContext(context);
 };
+const withAccordionItemElementContext = createWithElementContext(AccordionItemContextState);
 const getAccordionItemContext = (element) => {
   const context = getContextFromProvider(
     AccordionItemContextState,
@@ -101,6 +102,6 @@ const getAccordionItemContext = (element) => {
   return useAccordionItemContext(context);
 };
 
-export { getAccordionItemContext, provideAccordionItemContext, useAccordionItem, useAccordionItemContext };
+export { getAccordionItemContext, provideAccordionItemContext, useAccordionItem, useAccordionItemContext, withAccordionItemElementContext };
 //# sourceMappingURL=useAccordionItem.js.map
 //# sourceMappingURL=useAccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAccordionItem.ts"],"names":[],"mappings":"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","file":"useAccordionItem.js","sourcesContent":["import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport { batch, createEffect, mergeProps, splitProps, untrack } from \"solid-js\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n} from \"@brytdesigns/web-component-utils\";\nimport { useAccordion } from \"./useAccordion.js\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isExpanded: boolean;\n  index: number;\n  ariaExpanded: boolean;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionItemContext = ReturnType<typeof initializeAccordionItemContext>;\n\nfunction initializeAccordionItemContext(props: CreateContextOptions) {\n  const [element, privateProps, stateProps] = splitProps(\n    props,\n    [\"root\"],\n    [\"ariaExpanded\"],\n  );\n  const [context, methods] = useAccordion(element.root);\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  createEffect(() => {\n    const isActive = methods.item.isActive(props.index);\n    batch(() => {\n      setElementState(\"isExpanded\", isActive);\n      setElementState(\"ariaExpanded\", isActive);\n    });\n  });\n\n  createEffect(() => {\n    const index = untrack(() => stateProps.index);\n    const isExpanded = stateProps.isExpanded;\n    if (isExpanded) methods.item.update(index);\n  });\n\n  function setActive(index: number) {\n    methods.item.update(index);\n  }\n\n  return [\n    mergeProps(stateProps, {\n      get isAnimating() {\n        return context.isAnimating;\n      },\n    }),\n    { setElementState, setActive },\n  ] as const;\n}\n\nconst AccordionItemContextState = createContext(initializeAccordionItemContext);\n\nexport const provideAccordionItemContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionItemContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionItemContextState, props, element);\n};\n\nexport const useAccordionItemContext = (context: AccordionItemContext) => {\n  const [state, { setElementState, setActive }] = context;\n\n  function expand() {\n    const index = untrack(() => state.index);\n    batch(() => {\n      setActive(index);\n      setElementState(\"isExpanded\", true);\n    });\n  }\n\n  function collapse() {\n    batch(() => {\n      setActive(-1);\n      setElementState(\"isExpanded\", false);\n    });\n  }\n\n  function toggle() {\n    setElementState(\"isExpanded\", (v) => {\n      const index = untrack(() => state.index);\n      const newValue = !v;\n      if (newValue) setActive(index);\n      else setActive(-1);\n      return newValue;\n    });\n  }\n\n  return [state, { expand, collapse, toggle }] as const;\n};\n\nexport const useAccordionItem = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionItemContext = consume(\n    AccordionItemContextState,\n    element,\n  );\n\n  if (!context) {\n    throw console.error(\n      \"AccordionItemContext not found! Please ensure to wrap your custom element with accordion-item element.\",\n    );\n  }\n\n  return useAccordionItemContext(context);\n};\n\nexport const getAccordionItemContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionItemContext>(\n    AccordionItemContextState,\n    element,\n  );\n  return useAccordionItemContext(context);\n};\n"]}
+{"version":3,"sources":["../../../src/hooks/useAccordionItem.ts"],"names":[],"mappings":"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","file":"useAccordionItem.js","sourcesContent":["import {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport { batch, createEffect, mergeProps, splitProps, untrack } from \"solid-js\";\nimport {\n  toHyphenated,\n  getContextFromProvider,\n  createWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\nimport { useAccordion } from \"./useAccordion.js\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  isExpanded: boolean;\n  index: number;\n  ariaExpanded: boolean;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AccordionItemContext = ReturnType<typeof initializeAccordionItemContext>;\n\nfunction initializeAccordionItemContext(props: CreateContextOptions) {\n  const [element, _, stateProps] = splitProps(\n    props,\n    [\"root\"],\n    [\"ariaExpanded\"],\n  );\n  const [context, methods] = useAccordion(element.root);\n\n  function setElementState(\n    key: keyof Omit<CreateContextOptions, \"root\">,\n    value: boolean | number | ((v: boolean | number) => boolean | number),\n  ) {\n    const currentValue = untrack(() => props[key]);\n    if (typeof value === \"function\") {\n      let result: boolean | number = false;\n      if (typeof currentValue === \"number\") {\n        result = value(currentValue || 0);\n      } else if (typeof currentValue === \"boolean\") {\n        result = value(currentValue || false);\n      }\n      if (`${currentValue}` === `${value}`) return;\n      element.root.setAttribute(toHyphenated(key), `${result}`);\n      return;\n    }\n    if (`${currentValue}` === `${value}`) return;\n    return element.root.setAttribute(toHyphenated(key), `${value}`);\n  }\n\n  createEffect(() => {\n    const isActive = methods.item.isActive(props.index);\n    batch(() => {\n      setElementState(\"isExpanded\", isActive);\n      setElementState(\"ariaExpanded\", isActive);\n    });\n  });\n\n  createEffect(() => {\n    const index = untrack(() => stateProps.index);\n    const isExpanded = stateProps.isExpanded;\n    if (isExpanded) methods.item.update(index);\n  });\n\n  function setActive(index: number) {\n    methods.item.update(index);\n  }\n\n  return [\n    mergeProps(stateProps, {\n      get isAnimating() {\n        return context.isAnimating;\n      },\n    }),\n    { setElementState, setActive },\n  ] as const;\n}\n\nconst AccordionItemContextState = createContext(initializeAccordionItemContext);\n\nexport const provideAccordionItemContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): AccordionItemContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(AccordionItemContextState, props, element);\n};\n\nexport const useAccordionItemContext = (context: AccordionItemContext) => {\n  const [state, { setElementState, setActive }] = context;\n\n  function expand() {\n    const index = untrack(() => state.index);\n    batch(() => {\n      setActive(index);\n      setElementState(\"isExpanded\", true);\n    });\n  }\n\n  function collapse() {\n    batch(() => {\n      setActive(-1);\n      setElementState(\"isExpanded\", false);\n    });\n  }\n\n  function toggle() {\n    setElementState(\"isExpanded\", (v) => {\n      const index = untrack(() => state.index);\n      const newValue = !v;\n      if (newValue) setActive(index);\n      else setActive(-1);\n      return newValue;\n    });\n  }\n\n  return [state, { expand, collapse, toggle }] as const;\n};\n\nexport const useAccordionItem = (element: HTMLElement & ICustomElement) => {\n  const context: AccordionItemContext = consume(\n    AccordionItemContextState,\n    element,\n  );\n\n  if (!context) {\n    throw console.error(\n      \"AccordionItemContext not found! Please ensure to wrap your custom element with accordion-item element.\",\n    );\n  }\n\n  return useAccordionItemContext(context);\n};\n\nexport const withAccordionItemElementContext = createWithElementContext<\n  typeof AccordionItemContextState,\n  AccordionItemContext\n>(AccordionItemContextState);\n\nexport const getAccordionItemContext = (element: Element) => {\n  const context = getContextFromProvider<AccordionItemContext>(\n    AccordionItemContextState,\n    element,\n  );\n  return useAccordionItemContext(context);\n};\n"]}

package/dist/main/index.d.ts

@@ -52,6 +52,17 @@ export declare const useAccordion: (element: HTMLElement & ICustomElement) => re
 		};
 	}
 ];
+export declare const withAccordionElementContext: <D extends unknown>(selector: string | import("solid-js").Accessor<string>, dependencies: import("solid-js").Accessor<D> | undefined, cb: (context: readonly [
+	{
+		animationQueue: Promise<unknown>[];
+		isAnimating: boolean;
+		activeIndex: number;
+	},
+	{
+		readonly setElementState: (key: keyof Omit<CreateContextOptions, "root">, value: boolean | number | ((v: boolean | number) => boolean | number)) => void;
+		readonly setStore: import("solid-js/store").SetStoreFunction<StoreContext>;
+	}
+], dependencies: D) => void | (() => void)) => void;
 export declare const getAccordionContext: (element: Element) => readonly [
 	{
 		animationQueue: Promise<unknown>[];
@@ -110,6 +121,17 @@ export declare const useAccordionItem: (element: HTMLElement & ICustomElement) =
 		readonly toggle: () => void;
 	}
 ];
+export declare const withAccordionItemElementContext: <D extends unknown>(selector: string | import("solid-js").Accessor<string>, dependencies: import("solid-js").Accessor<D> | undefined, cb: (context: readonly [
+	{
+		isExpanded: boolean;
+		index: number;
+		readonly isAnimating: boolean;
+	},
+	{
+		readonly setElementState: (key: keyof Omit<CreateContextOptions$1, "root">, value: boolean | number | ((v: boolean | number) => boolean | number)) => void;
+		readonly setActive: (index: number) => void;
+	}
+], dependencies: D) => void | (() => void)) => void;
 export declare const getAccordionItemContext: (element: Element) => readonly [
 	{
 		isExpanded: boolean;

package/dist/main/index.js

@@ -1,26 +1,26 @@
-import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-utils';
+import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-core/utils';
 import { AccordionContext, AccordionItem, AccordionTrigger, AccordionContent } from './components/index.js';
 export * from './hooks/index.js';
 
 customShadowlessElement(
-  "accordion-context",
+  AccordionContext.Name,
   { activeIndex: -1, isAnimating: false },
-  correctElementType(AccordionContext)
+  correctElementType(AccordionContext.Component)
 );
 customShadowlessElement(
-  "accordion-item",
+  AccordionItem.Name,
   { index: 0, isExpanded: false, ariaExpanded: false },
-  correctElementType(AccordionItem)
+  correctElementType(AccordionItem.Component)
 );
 customShadowlessElement(
-  "accordion-trigger",
+  AccordionTrigger.Name,
   { preventDefault: true },
-  correctElementType(AccordionTrigger)
+  correctElementType(AccordionTrigger.Component)
 );
 customShadowlessElement(
-  "accordion-content",
+  AccordionContent.Name,
   { shouldScrollIntoView: false },
-  correctElementType(AccordionContent)
+  correctElementType(AccordionContent.Component)
 );
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAYA,uBAAA;AAAA,EACE,mBAAA;AAAA,EACA,EAAE,WAAA,EAAa,EAAI,EAAA,WAAA,EAAa,KAAM,EAAA;AAAA,EACtC,mBAAmB,gBAAgB;AACrC,CAAA;AAEA,uBAAA;AAAA,EACE,gBAAA;AAAA,EACA,EAAE,KAAO,EAAA,CAAA,EAAG,UAAY,EAAA,KAAA,EAAO,cAAc,KAAM,EAAA;AAAA,EACnD,mBAAmB,aAAa;AAClC,CAAA;AAEA,uBAAA;AAAA,EACE,mBAAA;AAAA,EACA,EAAE,gBAAgB,IAAK,EAAA;AAAA,EACvB,mBAAmB,gBAAgB;AACrC,CAAA;AAEA,uBAAA;AAAA,EACE,mBAAA;AAAA,EACA,EAAE,sBAAsB,KAAM,EAAA;AAAA,EAC9B,mBAAmB,gBAAgB;AACrC,CAAA","file":"index.js","sourcesContent":["import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  AccordionContext,\n  AccordionItem,\n  AccordionContent,\n  AccordionTrigger,\n} from \"./components/index.js\";\n\ncustomShadowlessElement(\n  \"accordion-context\",\n  { activeIndex: -1, isAnimating: false },\n  correctElementType(AccordionContext),\n);\n\ncustomShadowlessElement(\n  \"accordion-item\",\n  { index: 0, isExpanded: false, ariaExpanded: false },\n  correctElementType(AccordionItem),\n);\n\ncustomShadowlessElement(\n  \"accordion-trigger\",\n  { preventDefault: true },\n  correctElementType(AccordionTrigger),\n);\n\ncustomShadowlessElement(\n  \"accordion-content\",\n  { shouldScrollIntoView: false },\n  correctElementType(AccordionContent),\n);\n\nexport * from \"./hooks/index.js\";\n"]}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAYA,uBAAA;AAAA,EACE,gBAAiB,CAAA,IAAA;AAAA,EACjB,EAAE,WAAA,EAAa,EAAI,EAAA,WAAA,EAAa,KAAM,EAAA;AAAA,EACtC,kBAAA,CAAmB,iBAAiB,SAAS;AAC/C,CAAA;AAEA,uBAAA;AAAA,EACE,aAAc,CAAA,IAAA;AAAA,EACd,EAAE,KAAO,EAAA,CAAA,EAAG,UAAY,EAAA,KAAA,EAAO,cAAc,KAAM,EAAA;AAAA,EACnD,kBAAA,CAAmB,cAAc,SAAS;AAC5C,CAAA;AAEA,uBAAA;AAAA,EACE,gBAAiB,CAAA,IAAA;AAAA,EACjB,EAAE,gBAAgB,IAAK,EAAA;AAAA,EACvB,kBAAA,CAAmB,iBAAiB,SAAS;AAC/C,CAAA;AAEA,uBAAA;AAAA,EACE,gBAAiB,CAAA,IAAA;AAAA,EACjB,EAAE,sBAAsB,KAAM,EAAA;AAAA,EAC9B,kBAAA,CAAmB,iBAAiB,SAAS;AAC/C,CAAA","file":"index.js","sourcesContent":["import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n  AccordionContext,\n  AccordionItem,\n  AccordionContent,\n  AccordionTrigger,\n} from \"./components/index.js\";\n\ncustomShadowlessElement(\n  AccordionContext.Name,\n  { activeIndex: -1, isAnimating: false },\n  correctElementType(AccordionContext.Component),\n);\n\ncustomShadowlessElement(\n  AccordionItem.Name,\n  { index: 0, isExpanded: false, ariaExpanded: false },\n  correctElementType(AccordionItem.Component),\n);\n\ncustomShadowlessElement(\n  AccordionTrigger.Name,\n  { preventDefault: true },\n  correctElementType(AccordionTrigger.Component),\n);\n\ncustomShadowlessElement(\n  AccordionContent.Name,\n  { shouldScrollIntoView: false },\n  correctElementType(AccordionContent.Component),\n);\n\nexport * from \"./hooks/index.js\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-accordion",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "Headless accordion web component",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -20,10 +20,10 @@
   "license": "ISC",
   "dependencies": {
     "component-register": "^0.8.7",
-    "motion": "^12.5.0",
+    "motion": "^12.18.1",
     "solid-element": "^1.9.1",
     "solid-js": "^1.9.7",
-    "@brytdesigns/web-component-utils": "0.1.14"
+    "@brytdesigns/web-component-core": "1.1.0"
   },
   "devDependencies": {
     "dts-bundle-generator": "^9.5.1",