@dropins/tools 1.5.0-beta3 → 1.5.0-beta5

package/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","sources":["/@dropins/tools/src/lib/form-values.ts","/@dropins/tools/src/lib/deepmerge.ts","/@dropins/tools/src/lib/i18n.ts","/@dropins/tools/src/lib/slot.tsx","/@dropins/tools/src/lib/get-cookie.ts"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const getFormValues = (form: HTMLFormElement) => {\n  const formData: any = new FormData(form);\n  const result = Object.fromEntries(formData);\n  return result;\n};\n\nexport const getFormErrors = (form: HTMLFormElement) => {\n  const formData: any = new FormData(form);\n\n  const data = Object.fromEntries(formData);\n\n  const result = Object.entries(data).reduce((result, [key]) => {\n    // @ts-ignore\n    const field = form.elements[key];\n\n    return field?.validationMessage\n      ? { ...result, [key]: field.validationMessage }\n      : { ...result };\n  }, {});\n\n  return result;\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport deepmerge from 'deepmerge';\n\nexport { default as deepmerge } from 'deepmerge';\n\nconst mergeOptions = {\n  arrayMerge: (target: any, source: any, options: any) => {\n    const destination = target.slice();\n\n    source.forEach((item: any, index: number) => {\n      if (typeof destination[index] === 'undefined') {\n        destination[index] = options.cloneUnlessOtherwiseSpecified(\n          item,\n          options\n        );\n      } else if (options.isMergeableObject(item)) {\n        destination[index] = deepmerge(target[index], item, options);\n      } else if (target.indexOf(item) === -1) {\n        destination.push(item);\n      }\n    });\n    return destination;\n  },\n};\n\nexport function merge<T>(\n  prev: T,\n  next?: { [key: string]: any }\n) {\n  if (!next) return prev;\n\n  return deepmerge<T, { [key: string]: any }>(\n    prev,\n    next,\n    mergeOptions\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\n/**\n * Convert locale from Magento standard to react-intl BCP 47 language tag\n *\n * @param {string} locale - A locale (e.g. `fr_FR`).\n * @returns {string} A BCP 47 language tag (e.g. `fr-FR`).\n */\nexport const toLanguageTag = (locale: string) => {\n  return locale.replace('_', '-');\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { IntlContext, Lang } from '@adobe-commerce/elsie/i18n';\nimport {\n  cloneElement,\n  ComponentChildren,\n  createElement,\n  RefObject,\n  VNode,\n} from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport {\n  StateUpdater,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'preact/hooks';\nimport { SlotQueueContext } from './render';\n\nimport '@adobe-commerce/elsie/components/UIProvider/debugger.css';\n\ntype MutateElement = (elem: HTMLElement) => void;\n\ninterface State {\n  get: (key: string) => void;\n  set: (key: string, value: any) => void;\n}\n\ninterface SlotElement {\n  appendChild: MutateElement;\n  prependChild: MutateElement;\n  appendSibling: MutateElement;\n  prependSibling: MutateElement;\n}\n\ninterface PrivateContext<T> {\n  _setProps: (s: StateUpdater<{}>) => void;\n  _registerMethod: (\n    cb: (next: T & DefaultSlotContext<T>, state: State) => void\n  ) => void;\n  // eslint-disable-next-line no-undef\n  _htmlElementToVNode: (element: HTMLElement, tag: keyof HTMLElementTagNameMap) => VNode;\n}\n\ninterface DefaultSlotContext<T> extends PrivateContext<T> {\n  dictionary: Lang;\n  getSlotElement: (key: string) => SlotElement;\n  replaceWith: MutateElement;\n  appendChild: MutateElement;\n  prependChild: MutateElement;\n  appendSibling: MutateElement;\n  prependSibling: MutateElement;\n  onRender: (cb: (next: T & DefaultSlotContext<T>) => void) => void;\n  onChange: (cb: (next: T & DefaultSlotContext<T>) => void) => void;\n}\n\ntype Context<T> = T & ThisType<DefaultSlotContext<T>>; // NOSONAR\n\nexport type SlotProps<T = any> = (\n  ctx: T & DefaultSlotContext<T>,\n  element: HTMLDivElement | null\n) => Promise<void> | void;\n\nexport type SlotMethod<P = any> = (\n  callback: (next: unknown, state: State) => P\n) => void;\n\n// Slot Hook\nexport function useSlot<K, V extends HTMLElement>(\n  name: string,\n  // @ts-ignore\n  context: Context<K> = {},\n  callback?: SlotProps<K>,\n  children?: ComponentChildren,\n  render?: Function,\n  // eslint-disable-next-line no-undef\n  contentTag: keyof HTMLElementTagNameMap = 'div'\n): [RefObject<V>, Record<string, any>] {\n  const slotsQueue = useContext(SlotQueueContext);\n\n  // HTML Element\n  const elementRef = useRef<V>(null);\n\n  const status = useRef<'pending' | 'ready' | 'loading'>('pending');\n\n  // Methods\n  const methodsRef = useRef<any>([]);\n\n  // Children VNodes\n  const [props, _setProps] = useState<Record<string, any>>({\n    children: [children],\n  });\n\n  // Attributes\n  const [_state, setState] = useState<any>({});\n\n  const state = useMemo(\n    () => ({\n      get: (key: string) => _state[key],\n      set: (key: string, value: any) => {\n        setState({ ...state, [key]: value });\n      },\n    }),\n    [_state]\n  );\n\n  /** Internationalization */\n  // @ts-ignore\n  const { intl }: any = useContext(IntlContext);\n\n  // @ts-ignore\n  context.dictionary = intl.dictionary;\n\n  /** Privates */\n  // @ts-ignore\n  context._setProps = (next: State<any>) => {\n    _setProps((prev) => {\n      // next props\n      const _next = typeof next === 'function' ? next(prev) : next;\n\n      // On render method...\n      if (render) {\n        const renderNode = cloneElement(render(prev), { key: 'render' });\n\n        // find index of existing render node\n        const index = prev.children.findIndex((n: any) => n?.key === 'render');\n\n        // replace existing render node\n        prev.children[index] = renderNode;\n      }\n\n      return _next;\n    });\n  };\n\n  const _registerMethod = useCallback((cb: Function) => {\n    if (typeof cb === 'function') {\n      methodsRef.current.push(cb);\n    } else {\n      console.warn('Skipped: Invalid _registerMethod', cb);\n    }\n  }, []);\n\n  // @ts-ignore\n  context._registerMethod = _registerMethod;\n\n  const _htmlElementToVNode = useCallback(\n    (elem: HTMLElement) => {\n      return createElement(\n        contentTag,\n        {\n          'data-slot-html-element': elem.tagName.toLowerCase(),\n          ref: (refElem: HTMLElement | null): void => {\n            refElem?.appendChild(elem);\n          },\n        },\n        null\n      );\n    },\n    [contentTag]\n  );\n\n  // @ts-ignore\n  context._htmlElementToVNode = _htmlElementToVNode;\n\n  /** Prebuilt Methods */\n  // @ts-ignore\n  context.getSlotElement = useCallback(\n    (key: string) => {\n      const element = elementRef.current?.querySelector(\n        `[data-slot-key=\"${key}\"]`\n      );\n\n      log(\n        `🟦 \"${name}\" Slot getSlotElement: ${key}`,\n        elementRef.current?.cloneNode(true),\n        element?.cloneNode(true)\n      );\n\n      if (!element) return;\n\n      return {\n        appendChild: (elem: HTMLElement) => {\n          element.appendChild(elem);\n        },\n\n        prependChild: (elem: HTMLElement) => {\n          element.insertBefore(elem, element.firstChild);\n        },\n\n        appendSibling: (elem: HTMLElement) => {\n          const parent = element.parentNode;\n          parent?.insertBefore(elem, element.nextSibling);\n        },\n\n        prependSibling: (elem: HTMLElement) => {\n          const parent = element.parentNode;\n          parent?.insertBefore(elem, element);\n        },\n      };\n    },\n    [name]\n  );\n\n  // @ts-ignore\n  context.onRender = useCallback((cb: Function) => {\n    methodsRef.current.push(cb);\n  }, []);\n\n  /**\n   * @deprecated Use `onRender` instead.\n   */\n  // @ts-ignore\n  context.onChange = context.onRender;\n\n  // @ts-ignore\n  context.replaceWith = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const children = _htmlElementToVNode(elem);\n\n        next._setProps({ children: [children] });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.appendChild = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const vnode = _htmlElementToVNode(elem);\n\n        next._setProps((prev: any) => {\n          return {\n            ...prev,\n            children: [...prev.children, vnode],\n          };\n        });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.prependChild = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const vnode = _htmlElementToVNode(elem);\n\n        next._setProps((prev: any) => {\n          return {\n            ...prev,\n            children: [vnode, ...prev.children],\n          };\n        });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.appendSibling = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod(() => {\n        const parent = elementRef.current?.parentNode;\n\n        parent?.insertBefore(elem, elementRef.current?.nextSibling ?? null);\n      });\n    },\n    [_registerMethod]\n  );\n\n  // @ts-ignore\n  context.prependSibling = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod(() => {\n        const parent = elementRef.current?.parentNode;\n\n        parent?.insertBefore(elem, elementRef.current);\n      });\n    },\n    [_registerMethod]\n  );\n\n  const handleLifeCycleRender = useCallback(async () => {\n    if (status.current === 'loading') return;\n\n    status.current = 'loading';\n\n    log(`🟨 \"${name}\" Slot Rendered`);\n\n    // Reset\n    const renderNode = render\n      ? cloneElement(render(props), { key: 'render' })\n      : null;\n    _setProps({ children: [renderNode ?? children] });\n\n    // Run all registered methods\n    methodsRef.current.forEach((method: any) => {\n      method(context, state);\n    });\n\n    status.current = 'ready';\n  }, [children, context, name, props, render, state]);\n\n  // Initialization\n  const handleLifeCycleInit = useCallback(async () => {\n    if (!callback) return;\n\n    try {\n      status.current = 'loading';\n\n      log(`🟩 \"${name}\" Slot Initialized`);\n      await callback(\n        context as K & DefaultSlotContext<K>,\n        elementRef.current as HTMLDivElement | null\n      );\n    } catch (error) {\n      console.error(`Error in \"${callback.name}\" Slot callback`, error);\n    } finally {\n      status.current = 'ready';\n\n      // first render\n      await handleLifeCycleRender();\n    }\n  }, [callback, context, handleLifeCycleRender, name]);\n\n  // Initialization\n  useEffect(() => {\n    handleLifeCycleInit().finally(() => {\n      if (slotsQueue && slotsQueue.value.has(name)) {\n        slotsQueue.value.delete(name);\n        slotsQueue.value = new Set(slotsQueue.value);\n      }\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Update\n  useEffect(() => {\n    handleLifeCycleRender();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(context), JSON.stringify(_state)]);\n\n  return [elementRef, props];\n}\n\n// Slot Component\ninterface SlotPropsComponent<T>\n  extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {\n  name: string;\n  lazy?: boolean;\n  slot?: SlotProps<T>;\n  context?: Context<T>;\n  render?: (props: Record<string, any>) => VNode | VNode[];\n  // eslint-disable-next-line no-undef\n  slotTag?: keyof HTMLElementTagNameMap; // The tag for the slot wrapper itself\n  // eslint-disable-next-line no-undef\n  contentTag?: keyof HTMLElementTagNameMap; // The tag for dynamically inserted content\n  children?: ComponentChildren;\n}\n\nexport function Slot<T>({\n  name,\n  lazy = false,\n  context,\n  slot,\n  children,\n  render,\n  slotTag = 'div',\n  contentTag = 'div',\n  ...props\n}: Readonly<SlotPropsComponent<T>>): VNode<{\n  ref: RefObject<HTMLElement>;\n  'data-slot': string;\n  [key: string]: any;\n}> {\n  const slotsQueue = useContext(SlotQueueContext);\n\n  const [elementRef, slotProps] = useSlot<T, HTMLElement>(\n    name,\n    context,\n    slot,\n    children,\n    render,\n    contentTag\n  );\n\n  useMemo(() => {\n    if (!name) {\n      return console.warn('Slot \"name\" is required');\n    }\n\n    // add slot to queue\n    if (slotsQueue && lazy === false) {\n      slotsQueue.value.add(name);\n      slotsQueue.value = new Set(slotsQueue.value);\n    }\n  }, [name, lazy, slotsQueue]);\n\n  return createElement(\n    slotTag,\n    {\n      ...props,\n      ref: elementRef,\n      'data-slot': name,\n    },\n    slotProps.children\n  );\n}\n\n// Debugger\n\n// @ts-ignore\nwindow.DROPINS = window.DROPINS || {};\n\n// @ts-ignore\nwindow.DROPINS.showSlots = async (state) => {\n  // cache state in session storage\n  window.sessionStorage.setItem(\n    'dropin-debugger--show-slots',\n    state.toString()\n  );\n\n  document.body.classList.toggle('dropin-debugger--show-slots', state);\n};\n\nlet log: (...attrs: any) => void = () => {};\n\n// @ts-ignore\nwindow.DROPINS.logSlots = async (state) => {\n  // cache state in session storage\n  window.sessionStorage.setItem('dropin-debugger--log-slots', state.toString());\n\n  log = state ? (...attrs) => console.log(...attrs) : () => {};\n};\n\n/** Persistent Settings */\n\n// @ts-ignore\nwindow.DROPINS.showSlots(\n  window.sessionStorage.getItem('dropin-debugger--show-slots') === 'true'\n);\n\n// @ts-ignore\nwindow.DROPINS.logSlots(\n  window.sessionStorage.getItem('dropin-debugger--log-slots') === 'true'\n);\n","/**\n * Get cookie\n * @param {string} cookieName - The name of the cookie to get\n * @returns {string} - The value of the cookie\n */\nexport function getCookie(cookieName: string): string | undefined {\n  const cookies = document.cookie.split(';');\n  let foundValue;\n\n  cookies.forEach((cookie) => {\n    const [name, value] = cookie.trim().split('=');\n    if (name === cookieName) {\n      foundValue = decodeURIComponent(value);\n    }\n  });\n\n  return foundValue;\n}\n"],"names":["getFormValues","form","formData","getFormErrors","data","result","key","field","mergeOptions","target","source","options","destination","item","index","deepmerge","merge","prev","next","toLanguageTag","locale","useSlot","name","context","callback","children","render","contentTag","slotsQueue","useContext","SlotQueueContext","elementRef","useRef","status","methodsRef","props","_setProps","useState","_state","setState","state","useMemo","value","intl","IntlContext","_next","renderNode","cloneElement","n","_registerMethod","useCallback","cb","_htmlElementToVNode","elem","createElement","refElem","element","_a","log","_b","parent","vnode","handleLifeCycleRender","method","handleLifeCycleInit","error","useEffect","Slot","lazy","slot","slotTag","slotProps","attrs","getCookie","cookieName","cookies","foundValue","cookie"],"mappings":"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"}
+{"version":3,"file":"lib.js","sources":["/@dropins/tools/src/lib/form-values.ts","/@dropins/tools/src/lib/deepmerge.ts","/@dropins/tools/src/lib/i18n.ts","/@dropins/tools/src/lib/slot.tsx","/@dropins/tools/src/lib/get-cookie.ts"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const getFormValues = (form: HTMLFormElement) => {\n  const formData: any = new FormData(form);\n  const result = Object.fromEntries(formData);\n  return result;\n};\n\nexport const getFormErrors = (form: HTMLFormElement) => {\n  const formData: any = new FormData(form);\n\n  const data = Object.fromEntries(formData);\n\n  const result = Object.entries(data).reduce((result, [key]) => {\n    // @ts-ignore\n    const field = form.elements[key];\n\n    return field?.validationMessage\n      ? { ...result, [key]: field.validationMessage }\n      : { ...result };\n  }, {});\n\n  return result;\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport deepmerge from 'deepmerge';\n\nexport { default as deepmerge } from 'deepmerge';\n\nconst mergeOptions = {\n  arrayMerge: (target: any, source: any, options: any) => {\n    const destination = target.slice();\n\n    source.forEach((item: any, index: number) => {\n      if (typeof destination[index] === 'undefined') {\n        destination[index] = options.cloneUnlessOtherwiseSpecified(\n          item,\n          options\n        );\n      } else if (options.isMergeableObject(item)) {\n        destination[index] = deepmerge(target[index], item, options);\n      } else if (target.indexOf(item) === -1) {\n        destination.push(item);\n      }\n    });\n    return destination;\n  },\n};\n\nexport function merge<T>(\n  prev: T,\n  next?: { [key: string]: any }\n) {\n  if (!next) return prev;\n\n  return deepmerge<T, { [key: string]: any }>(\n    prev,\n    next,\n    mergeOptions\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\n/**\n * Convert locale from Magento standard to react-intl BCP 47 language tag\n *\n * @param {string} locale - A locale (e.g. `fr_FR`).\n * @returns {string} A BCP 47 language tag (e.g. `fr-FR`).\n */\nexport const toLanguageTag = (locale: string) => {\n  return locale.replace('_', '-');\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { IntlContext, Lang } from '@adobe-commerce/elsie/i18n';\nimport {\n  cloneElement,\n  ComponentChildren,\n  createElement,\n  RefObject,\n  VNode,\n} from 'preact';\nimport { Children, HTMLAttributes, isValidElement } from 'preact/compat';\nimport {\n  StateUpdater,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'preact/hooks';\nimport { SlotQueueContext } from './render';\n\nimport '@adobe-commerce/elsie/components/UIProvider/debugger.css';\n\ntype MutateElement = (elem: HTMLElement) => void;\n\ninterface State {\n  get: (key: string) => void;\n  set: (key: string, value: any) => void;\n}\n\ninterface SlotElement {\n  appendChild: MutateElement;\n  prependChild: MutateElement;\n  appendSibling: MutateElement;\n  prependSibling: MutateElement;\n  remove: () => void;\n}\n\ninterface PrivateContext<T> {\n  _setProps: (s: StateUpdater<{}>) => void;\n  _registerMethod: (\n    cb: (next: T & DefaultSlotContext<T>, state: State) => void\n  ) => void;\n  // eslint-disable-next-line no-undef\n  _htmlElementToVNode: (element: HTMLElement, tag: keyof HTMLElementTagNameMap) => VNode;\n}\n\ninterface DefaultSlotContext<T> extends PrivateContext<T> {\n  dictionary: Lang;\n  getSlotElement: (key: string) => SlotElement;\n  replaceWith: MutateElement;\n  appendChild: MutateElement;\n  prependChild: MutateElement;\n  appendSibling: MutateElement;\n  prependSibling: MutateElement;\n  remove: () => void;\n  onRender: (cb: (next: T & DefaultSlotContext<T>) => void) => void;\n  onChange: (cb: (next: T & DefaultSlotContext<T>) => void) => void;\n}\n\ntype Context<T> = T & ThisType<DefaultSlotContext<T>>; // NOSONAR\n\nexport type SlotProps<T = any> = (\n  ctx: T & DefaultSlotContext<T>,\n  element: HTMLDivElement | null\n) => Promise<void> | void;\n\nexport type SlotMethod<P = any> = (\n  callback: (next: unknown, state: State) => P\n) => void;\n\n// Slot Hook\nexport function useSlot<K, V extends HTMLElement>(\n  name: string,\n  // @ts-ignore\n  context: Context<K> = {},\n  callback?: SlotProps<K>,\n  children?: ComponentChildren,\n  render?: Function,\n  // eslint-disable-next-line no-undef\n  contentTag: keyof HTMLElementTagNameMap = 'div'\n): [RefObject<V>, Record<string, any>, 'loading' | 'pending' | 'ready'] {\n  const slotsQueue = useContext(SlotQueueContext);\n\n  // HTML Element\n  const elementRef = useRef<V>(null);\n\n  const status = useRef<'pending' | 'ready' | 'loading'>('pending');\n\n  // Methods\n  const methodsRef = useRef<any>([]);\n\n  // Children VNodes\n  const [props, _setProps] = useState<Record<string, any>>({\n    children: [children],\n  });\n\n  // Attributes\n  const [_state, setState] = useState<any>({});\n\n  const state = useMemo(\n    () => ({\n      get: (key: string) => _state[key],\n      set: (key: string, value: any) => {\n        setState({ ...state, [key]: value });\n      },\n    }),\n    [_state]\n  );\n\n  /** Internationalization */\n  // @ts-ignore\n  const { intl }: any = useContext(IntlContext);\n\n  // @ts-ignore\n  context.dictionary = intl.dictionary;\n\n  /** Privates */\n  // @ts-ignore\n  context._setProps = (next: State<any>) => {\n    _setProps((prev) => {\n      // next props\n      const _next = typeof next === 'function' ? next(prev) : next;\n\n      // On render method...\n      if (render) {\n        const renderNode = cloneElement(render(prev), { key: 'render' });\n\n        // find index of existing render node\n        const index = prev.children.findIndex((n: any) => n?.key === 'render');\n\n        // replace existing render node\n        prev.children[index] = renderNode;\n      }\n\n      return _next;\n    });\n  };\n\n  const _registerMethod = useCallback((cb: Function) => {\n    if (typeof cb === 'function') {\n      methodsRef.current.push(cb);\n    } else {\n      console.warn('Skipped: Invalid _registerMethod', cb);\n    }\n  }, []);\n\n  // @ts-ignore\n  context._registerMethod = _registerMethod;\n\n  const _htmlElementToVNode = useCallback(\n    (elem: HTMLElement) => {\n      return createElement(\n        contentTag,\n        {\n          'data-slot-html-element': elem.tagName.toLowerCase(),\n          ref: (refElem: HTMLElement | null): void => {\n            refElem?.appendChild(elem);\n          },\n        },\n        null\n      );\n    },\n    [contentTag]\n  );\n\n  // @ts-ignore\n  context._htmlElementToVNode = _htmlElementToVNode;\n\n  /** Prebuilt Methods */\n  // @ts-ignore\n  context.getSlotElement = useCallback(\n    (key: string) => {\n      const element = elementRef.current?.querySelector(\n        `[data-slot-key=\"${key}\"]`\n      );\n\n      log(\n        `🟦 \"${name}\" Slot getSlotElement: ${key}`,\n        elementRef.current?.cloneNode(true),\n        element?.cloneNode(true)\n      );\n\n      if (!element) return;\n\n      return {\n        appendChild: (elem: HTMLElement) => {\n          element.appendChild(elem);\n        },\n\n        prependChild: (elem: HTMLElement) => {\n          element.insertBefore(elem, element.firstChild);\n        },\n\n        appendSibling: (elem: HTMLElement) => {\n          const parent = element.parentNode;\n          parent?.insertBefore(elem, element.nextSibling);\n        },\n\n        prependSibling: (elem: HTMLElement) => {\n          const parent = element.parentNode;\n          parent?.insertBefore(elem, element);\n        },\n\n        remove: () => {\n          element.remove();\n        },\n      };\n    },\n    [name]\n  );\n\n  // @ts-ignore\n  context.onRender = useCallback((cb: Function) => {\n    methodsRef.current.push(cb);\n  }, []);\n\n  /**\n   * @deprecated Use `onRender` instead.\n   */\n  // @ts-ignore\n  context.onChange = context.onRender;\n\n  // @ts-ignore\n  context.replaceWith = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const children = _htmlElementToVNode(elem);\n\n        next._setProps({ children: [children] });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.appendChild = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const vnode = _htmlElementToVNode(elem);\n\n        next._setProps((prev: any) => {\n          return {\n            ...prev,\n            children: [...prev.children, vnode],\n          };\n        });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.prependChild = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod((next) => {\n        // @ts-ignore\n        const vnode = _htmlElementToVNode(elem);\n\n        next._setProps((prev: any) => {\n          return {\n            ...prev,\n            children: [vnode, ...prev.children],\n          };\n        });\n      });\n    },\n    [_htmlElementToVNode, _registerMethod]\n  );\n\n  // @ts-ignore\n  context.appendSibling = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod(() => {\n        const parent = elementRef.current?.parentNode;\n\n        parent?.insertBefore(elem, elementRef.current?.nextSibling ?? null);\n      });\n    },\n    [_registerMethod]\n  );\n\n  // @ts-ignore\n  context.prependSibling = useCallback(\n    (elem: HTMLElement) => {\n      // @ts-ignore\n      _registerMethod(() => {\n        const parent = elementRef.current?.parentNode;\n\n        parent?.insertBefore(elem, elementRef.current);\n      });\n    },\n    [_registerMethod]\n  );\n\n  // @ts-ignore\n  context.remove = useCallback(() => {\n    // @ts-ignore\n    _registerMethod(() => {\n      elementRef.current?.remove();\n    });\n  }, [_registerMethod]);\n\n  const handleLifeCycleRender = useCallback(async () => {\n    if (status.current === 'loading') return;\n\n    status.current = 'loading';\n\n    log(`🟨 \"${name}\" Slot Rendered`);\n\n    // Reset\n    const renderNode = render\n      ? cloneElement(render(props), { key: 'render' })\n      : null;\n    _setProps({ children: [renderNode ?? children] });\n\n    // Run all registered methods\n    methodsRef.current.forEach((method: any) => {\n      method(context, state);\n    });\n\n    status.current = 'ready';\n  }, [children, context, name, props, render, state]);\n\n  // Initialization\n  const handleLifeCycleInit = useCallback(async () => {\n    if (!callback) return;\n\n    try {\n      status.current = 'loading';\n\n      log(`🟩 \"${name}\" Slot Initialized`);\n      await callback(\n        context as K & DefaultSlotContext<K>,\n        elementRef.current as HTMLDivElement | null\n      );\n    } catch (error) {\n      console.error(`Error in \"${callback.name}\" Slot callback`, error);\n    } finally {\n      status.current = 'ready';\n\n      // first render\n      await handleLifeCycleRender();\n    }\n  }, [callback, context, handleLifeCycleRender, name]);\n\n  // Initialization\n  useEffect(() => {\n    handleLifeCycleInit().finally(() => {\n      if (slotsQueue && slotsQueue.value.has(name)) {\n        slotsQueue.value.delete(name);\n        slotsQueue.value = new Set(slotsQueue.value);\n      }\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Update\n  useEffect(() => {\n    handleLifeCycleRender();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(context), JSON.stringify(_state)]);\n\n  return [elementRef, props, status.current];\n}\n\n/**\n * Recursively processes children elements to conditionally prevent image loading.\n * \n * This function traverses the children tree and modifies img elements to prevent\n * premature loading during slot initialization. When isReady is false, img src\n * attributes are set to empty string to prevent network requests, while preserving\n * the original src in a data attribute for debugging purposes.\n * \n * @param children - The children elements to process (can be any React/Preact children)\n * @param isReady - Whether the slot is ready to load images (true) or should prevent loading (false)\n * @returns Processed children with conditional image src attributes\n */\nconst processChildren = (children: any, isReady: boolean): any => {\n  return Children.map(children, child => {\n    // Handle text nodes, numbers, etc.\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    // Handle img elements - conditionally set src\n    if (child.props.src) {\n      return cloneElement(child, {\n        ...child.props,\n        src: isReady ? child.props.src : \"\",\n        // Optionally preserve original src in data attribute for debugging\n        'data-original-src': child.props.src,\n      });\n    }\n\n    // Handle elements with children - recursively process them\n    if (child.props && child.props.children) {\n      return cloneElement(child, {\n        ...child.props,\n        children: processChildren(child.props.children, isReady),\n      });\n    }\n\n    // Return other elements as-is\n    return child;\n  });\n};\n\n// Slot Component\ninterface SlotPropsComponent<T>\n  extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {\n  name: string;\n  lazy?: boolean;\n  slot?: SlotProps<T>;\n  context?: Context<T>;\n  render?: (props: Record<string, any>) => VNode | VNode[];\n  // eslint-disable-next-line no-undef\n  slotTag?: keyof HTMLElementTagNameMap; // The tag for the slot wrapper itself\n  // eslint-disable-next-line no-undef\n  contentTag?: keyof HTMLElementTagNameMap; // The tag for dynamically inserted content\n  children?: ComponentChildren;\n}\n\nexport function Slot<T>({\n  name,\n  lazy = false,\n  context,\n  slot,\n  children,\n  render,\n  slotTag = 'div',\n  contentTag = 'div',\n  ...props\n}: Readonly<SlotPropsComponent<T>>): VNode<{\n  ref: RefObject<HTMLElement>;\n  'data-slot': string;\n  [key: string]: any;\n}> {\n  const slotsQueue = useContext(SlotQueueContext);\n\n  const [elementRef, slotProps, status] = useSlot<T, HTMLElement>(\n    name,\n    context,\n    slot,\n    children,\n    render,\n    contentTag\n  );\n\n  useMemo(() => {\n    if (!name) {\n      return console.warn('Slot \"name\" is required');\n    }\n\n    // add slot to queue\n    if (slotsQueue && lazy === false) {\n      slotsQueue.value.add(name);\n      slotsQueue.value = new Set(slotsQueue.value);\n    }\n  }, [name, lazy, slotsQueue]);\n\n  return createElement(\n    slotTag,\n    {\n      ...props,\n      ref: elementRef,\n      'data-slot': name,\n    },\n    processChildren(slotProps.children, status === 'ready')\n  );\n}\n\n// Debugger\n\n// @ts-ignore\nwindow.DROPINS = window.DROPINS || {};\n\n// @ts-ignore\nwindow.DROPINS.showSlots = async (state) => {\n  // cache state in session storage\n  window.sessionStorage.setItem(\n    'dropin-debugger--show-slots',\n    state.toString()\n  );\n\n  document.body.classList.toggle('dropin-debugger--show-slots', state);\n};\n\nlet log: (...attrs: any) => void = () => {};\n\n// @ts-ignore\nwindow.DROPINS.logSlots = async (state) => {\n  // cache state in session storage\n  window.sessionStorage.setItem('dropin-debugger--log-slots', state.toString());\n\n  log = state ? (...attrs) => console.log(...attrs) : () => {};\n};\n\n/** Persistent Settings */\n\n// @ts-ignore\nwindow.DROPINS.showSlots(\n  window.sessionStorage.getItem('dropin-debugger--show-slots') === 'true'\n);\n\n// @ts-ignore\nwindow.DROPINS.logSlots(\n  window.sessionStorage.getItem('dropin-debugger--log-slots') === 'true'\n);\n","/**\n * Get cookie\n * @param {string} cookieName - The name of the cookie to get\n * @returns {string} - The value of the cookie\n */\nexport function getCookie(cookieName: string): string | undefined {\n  const cookies = document.cookie.split(';');\n  let foundValue;\n\n  cookies.forEach((cookie) => {\n    const [name, value] = cookie.trim().split('=');\n    if (name === cookieName) {\n      foundValue = decodeURIComponent(value);\n    }\n  });\n\n  return foundValue;\n}\n"],"names":["getFormValues","form","formData","getFormErrors","data","result","key","field","mergeOptions","target","source","options","destination","item","index","deepmerge","merge","prev","next","toLanguageTag","locale","useSlot","name","context","callback","children","render","contentTag","slotsQueue","useContext","SlotQueueContext","elementRef","useRef","status","methodsRef","props","_setProps","useState","_state","setState","state","useMemo","value","intl","IntlContext","_next","renderNode","cloneElement","n","_registerMethod","useCallback","cb","_htmlElementToVNode","elem","createElement","refElem","element","_a","log","_b","parent","vnode","handleLifeCycleRender","method","handleLifeCycleInit","error","useEffect","processChildren","isReady","Children","child","isValidElement","Slot","lazy","slot","slotTag","slotProps","attrs","getCookie","cookieName","cookies","foundValue","cookie"],"mappings":"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"}

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "1.5.0-beta3", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/tools", "version": "1.5.0-beta5", "license": "SEE LICENSE IN LICENSE.md"}

package/preact-compat.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{N as a,b as t,k as n,C as r,e as u,L as o,U as d,o as l,f as c,G as i,_ as m,i as f,j as E,m as _,R as S,n as p,r as C,s as R,u as y,v as I,w as L,z as N,I as O,F as T,J as b,K as h,M as x,O as D,Q as F,q as M,x as g,P as U,V,y as v,c as A,g as P,d as k,W as w,a as z,T as B,p as W,A as Y,h as j,X as q,Y as G,Z as H}from"./chunks/icons/Add.js";export{a as Children,t as Component,n as Fragment,r as PureComponent,u as StrictMode,o as Suspense,d as SuspenseList,l as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,c as cloneElement,i as createContext,m as createElement,f as createFactory,E as createPortal,_ as createRef,S as default,p as findDOMNode,C as flushSync,R as forwardRef,y as hydrate,I as isElement,L as isFragment,N as isMemo,O as isValidElement,T as lazy,b as memo,h as render,x as startTransition,D as unmountComponentAtNode,F as unstable_batchedUpdates,M as useCallback,g as useContext,U as useDebugValue,V as useDeferredValue,v as useEffect,A as useErrorBoundary,P as useId,k as useImperativeHandle,w as useInsertionEffect,z as useLayoutEffect,B as useMemo,W as useReducer,Y as useRef,j as useState,q as useSyncExternalStore,G as useTransition,H as version};
+import{N as a,b as t,k as n,C as r,e as u,L as o,U as d,o as l,i as c,G as i,_ as m,j as f,n as E,m as _,R as S,r as p,s as C,u as R,v as y,w as I,z as L,I as N,f as O,F as T,J as b,K as h,M as x,O as D,Q as F,q as M,x as g,P as U,V,y as v,c as A,g as P,d as k,W as w,a as z,T as B,p as W,A as Y,h as j,X as q,Y as G,Z as H}from"./chunks/icons/Add.js";export{a as Children,t as Component,n as Fragment,r as PureComponent,u as StrictMode,o as Suspense,d as SuspenseList,l as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,c as cloneElement,i as createContext,m as createElement,f as createFactory,E as createPortal,_ as createRef,S as default,p as findDOMNode,C as flushSync,R as forwardRef,y as hydrate,I as isElement,L as isFragment,N as isMemo,O as isValidElement,T as lazy,b as memo,h as render,x as startTransition,D as unmountComponentAtNode,F as unstable_batchedUpdates,M as useCallback,g as useContext,U as useDebugValue,V as useDeferredValue,v as useEffect,A as useErrorBoundary,P as useId,k as useImperativeHandle,w as useInsertionEffect,z as useLayoutEffect,B as useMemo,W as useReducer,Y as useRef,j as useState,q as useSyncExternalStore,G as useTransition,H as version};
 //# sourceMappingURL=preact-compat.js.map

package/types/elsie/src/components/Button/Button.d.ts

@@ -10,6 +10,8 @@ export interface ButtonProps extends Omit<HTMLAttributes<HTMLButtonElement | HTM
     active?: boolean;
     activeChildren?: ComponentChildren;
     activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;
+    href?: string;
+    type?: 'button' | 'submit' | 'reset';
 }
 export declare const Button: FunctionComponent<ButtonProps>;
 //# sourceMappingURL=Button.d.ts.map

package/types/elsie/src/components/Incrementer/Incrementer.d.ts

@@ -12,6 +12,7 @@ export interface IncrementerProps extends Omit<HTMLAttributes<HTMLInputElement>,
     max?: number;
     disabled?: boolean;
     maxLength?: number;
+    showButtons?: boolean;
 }
 export declare const Incrementer: FunctionComponent<IncrementerProps>;
 //# sourceMappingURL=Incrementer.d.ts.map

package/types/elsie/src/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,29 @@
+import { FunctionComponent } from 'preact';
+
+type OptionValue = string | number;
+interface Option {
+    label: string;
+    value: OptionValue;
+    disabled?: boolean;
+}
+type SelectedValues = OptionValue[];
+export interface MultiSelectProps {
+    options: Option[];
+    value: SelectedValues;
+    onChange: (value: SelectedValues) => void;
+    placeholder?: string;
+    selectAllText?: string;
+    deselectAllText?: string;
+    noResultsText?: string;
+    name?: string;
+    disabled?: boolean;
+    className?: string;
+    maxHeight?: number;
+    floatingLabel?: string;
+    error?: boolean;
+    success?: boolean;
+    id?: string;
+}
+export declare const MultiSelect: FunctionComponent<MultiSelectProps>;
+export {};
+//# sourceMappingURL=MultiSelect.d.ts.map

package/types/elsie/src/components/MultiSelect/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './MultiSelect';
+export { MultiSelect as default } from './MultiSelect';
+//# sourceMappingURL=index.d.ts.map

package/types/elsie/src/components/Table/Table.d.ts

@@ -0,0 +1,32 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+type Sortable = 'asc' | 'desc' | true;
+type Column = {
+    label: string;
+    key: string;
+    ariaLabel?: string;
+    sortBy?: Sortable;
+} | {
+    label: VNode<HTMLAttributes<HTMLElement>>;
+    key: string;
+    ariaLabel: string;
+    sortBy?: Sortable;
+};
+type RowData = {
+    [key: string]: VNode | string | number | undefined;
+    _rowDetails?: VNode | string;
+};
+export interface TableProps extends Omit<HTMLAttributes<HTMLTableElement>, 'loading'> {
+    columns: Column[];
+    rowData: RowData[];
+    mobileLayout?: 'stacked' | 'none';
+    caption?: string;
+    expandedRows?: Set<number>;
+    loading?: boolean;
+    skeletonRowCount?: number;
+    onSortChange?: (columnKey: string, direction: Sortable) => void;
+}
+export declare const Table: FunctionComponent<TableProps>;
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/types/elsie/src/components/Table/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './Table';
+export { Table as default } from './Table';
+//# sourceMappingURL=index.d.ts.map

package/types/elsie/src/components/ToggleButton/ToggleButton.d.ts

@@ -6,6 +6,7 @@ export interface ToggleButtonProps extends Omit<HTMLAttributes<HTMLDivElement>,
     name: string;
     value: string;
     busy?: boolean;
+    disabled?: boolean;
     icon?: VNode<HTMLAttributes<SVGSVGElement>> | VNode<HTMLAttributes<HTMLImageElement>>;
     onChange?: (value: string) => void;
     selected?: boolean;

package/types/elsie/src/components/index.d.ts

@@ -48,4 +48,6 @@ export * from './ContentGrid';
 export * from './Pagination';
 export * from './ProductItemCard';
 export * from './InputFile';
+export * from './Table';
+export * from './MultiSelect';
 //# sourceMappingURL=index.d.ts.map

package/types/elsie/src/i18n/en_US.json.d.ts

@@ -141,6 +141,44 @@ declare const _default: {
     },
     "InputDate": {
       "picker": "Select a date"
+    },
+    "Table": {
+      "sortedAscending": "Sort {label} ascending",
+      "sortedDescending": "Sort {label} descending",
+      "sortBy": "Sort by {label}"
+    },
+    "MultiSelect": {
+      "selectAll": "Select All",
+      "deselectAll": "Deselect All",
+      "placeholder": "Select options",
+      "noResultsText": "No options available",
+      "ariaLabel":{
+        "removed": "removed",
+        "added": "added",
+        "itemsSelected": "items selected",
+        "itemsAdded": "items added",
+        "itemsRemoved": "items removed",
+        "selectedTotal": "selected total",
+        "noResultsFor": "No results found for",
+        "optionsAvailable": "options available",
+        "dropdownExpanded": "Dropdown expanded",
+        "useArrowKeys": "Use arrow keys to navigate",
+        "removeFromSelection": "Remove",
+        "fromSelection": "from selection",
+        "selectedItem": "Selected item:",
+        "inField": " in {floatingLabel}",
+        "selectedItems": "Selected items",
+        "scrollableOptionsList": "Scrollable options list",
+        "selectOptions": "Select options",
+        "itemAction": "{label} {action}. {count} items selected.",
+        "bulkAdded": "{count} items added. {total} items selected total.",
+        "bulkRemoved": "{count} items removed. {total} items selected total.",
+        "dropdownExpandedWithOptions": "Dropdown expanded. {count} option{s} available. Use arrow keys to navigate.",
+        "selectedItemInField": "Selected item: {label} in {field}",
+        "removeFromSelectionWithText": "Remove {label} from selection. {text}",
+        "itemsSelectedDescription": "{count} item{s} selected: {labels}",
+        "noItemsSelected": "No items selected"
+      }
     }
   }
 }

package/types/elsie/src/i18n/index.d.ts

@@ -152,6 +152,44 @@ export declare const definition: {
             InputDate: {
                 picker: string;
             };
+            Table: {
+                sortedAscending: string;
+                sortedDescending: string;
+                sortBy: string;
+            };
+            MultiSelect: {
+                selectAll: string;
+                deselectAll: string;
+                placeholder: string;
+                noResultsText: string;
+                ariaLabel: {
+                    removed: string;
+                    added: string;
+                    itemsSelected: string;
+                    itemsAdded: string;
+                    itemsRemoved: string;
+                    selectedTotal: string;
+                    noResultsFor: string;
+                    optionsAvailable: string;
+                    dropdownExpanded: string;
+                    useArrowKeys: string;
+                    removeFromSelection: string;
+                    fromSelection: string;
+                    selectedItem: string;
+                    inField: string;
+                    selectedItems: string;
+                    scrollableOptionsList: string;
+                    selectOptions: string;
+                    itemAction: string;
+                    bulkAdded: string;
+                    bulkRemoved: string;
+                    dropdownExpandedWithOptions: string;
+                    selectedItemInField: string;
+                    removeFromSelectionWithText: string;
+                    itemsSelectedDescription: string;
+                    noItemsSelected: string;
+                };
+            };
         };
     };
     en_US: {
@@ -298,6 +336,44 @@ export declare const definition: {
             InputDate: {
                 picker: string;
             };
+            Table: {
+                sortedAscending: string;
+                sortedDescending: string;
+                sortBy: string;
+            };
+            MultiSelect: {
+                selectAll: string;
+                deselectAll: string;
+                placeholder: string;
+                noResultsText: string;
+                ariaLabel: {
+                    removed: string;
+                    added: string;
+                    itemsSelected: string;
+                    itemsAdded: string;
+                    itemsRemoved: string;
+                    selectedTotal: string;
+                    noResultsFor: string;
+                    optionsAvailable: string;
+                    dropdownExpanded: string;
+                    useArrowKeys: string;
+                    removeFromSelection: string;
+                    fromSelection: string;
+                    selectedItem: string;
+                    inField: string;
+                    selectedItems: string;
+                    scrollableOptionsList: string;
+                    selectOptions: string;
+                    itemAction: string;
+                    bulkAdded: string;
+                    bulkRemoved: string;
+                    dropdownExpandedWithOptions: string;
+                    selectedItemInField: string;
+                    removeFromSelectionWithText: string;
+                    itemsSelectedDescription: string;
+                    noItemsSelected: string;
+                };
+            };
         };
     };
 };
@@ -446,6 +522,44 @@ export declare const getDefinitionByLanguage: (lang: Lang) => {
         InputDate: {
             picker: string;
         };
+        Table: {
+            sortedAscending: string;
+            sortedDescending: string;
+            sortBy: string;
+        };
+        MultiSelect: {
+            selectAll: string;
+            deselectAll: string;
+            placeholder: string;
+            noResultsText: string;
+            ariaLabel: {
+                removed: string;
+                added: string;
+                itemsSelected: string;
+                itemsAdded: string;
+                itemsRemoved: string;
+                selectedTotal: string;
+                noResultsFor: string;
+                optionsAvailable: string;
+                dropdownExpanded: string;
+                useArrowKeys: string;
+                removeFromSelection: string;
+                fromSelection: string;
+                selectedItem: string;
+                inField: string;
+                selectedItems: string;
+                scrollableOptionsList: string;
+                selectOptions: string;
+                itemAction: string;
+                bulkAdded: string;
+                bulkRemoved: string;
+                dropdownExpandedWithOptions: string;
+                selectedItemInField: string;
+                removeFromSelectionWithText: string;
+                itemsSelectedDescription: string;
+                noItemsSelected: string;
+            };
+        };
     };
 };
 //# sourceMappingURL=index.d.ts.map

package/types/elsie/src/lib/aem/configs.d.ts

@@ -23,7 +23,9 @@ declare function resetConfig(): void;
  * @param {Object} [configObj=config] - The config object.
  * @returns {string} - The root path.
  */
-declare function getRootPath(configObj?: Config | null): string;
+declare function getRootPath(configObj?: Config | null, options?: {
+    match?: (key: string) => boolean;
+}): string;
 /**
  * Get list of root paths from public config
  * @returns {Array} - The list of root paths.
@@ -43,9 +45,14 @@ declare function isMultistore(): boolean;
 declare function getHeaders(scope: string): Record<string, string>;
 /**
  * Initializes the configuration system.
+ * @param {Object} configObj - The config object.
+ * @param {Object} [options] - The options object.
+ * @param {Function} [options.match] - The function to match the path to the config.
  * @returns {Object} The initialized root configuration
  */
-declare function initializeConfig(configObj: Config): ConfigRoot;
+declare function initializeConfig(configObj: Config, options?: {
+    match?: (key: string) => boolean;
+}): ConfigRoot;
 /**
  * Retrieves a configuration value.
  *

package/types/elsie/src/lib/slot.d.ts

@@ -13,6 +13,7 @@ interface SlotElement {
     prependChild: MutateElement;
     appendSibling: MutateElement;
     prependSibling: MutateElement;
+    remove: () => void;
 }
 interface PrivateContext<T> {
     _setProps: (s: StateUpdater<{}>) => void;
@@ -27,13 +28,14 @@ interface DefaultSlotContext<T> extends PrivateContext<T> {
     prependChild: MutateElement;
     appendSibling: MutateElement;
     prependSibling: MutateElement;
+    remove: () => void;
     onRender: (cb: (next: T & DefaultSlotContext<T>) => void) => void;
     onChange: (cb: (next: T & DefaultSlotContext<T>) => void) => void;
 }
 type Context<T> = T & ThisType<DefaultSlotContext<T>>;
 export type SlotProps<T = any> = (ctx: T & DefaultSlotContext<T>, element: HTMLDivElement | null) => Promise<void> | void;
 export type SlotMethod<P = any> = (callback: (next: unknown, state: State) => P) => void;
-export declare function useSlot<K, V extends HTMLElement>(name: string, context?: Context<K>, callback?: SlotProps<K>, children?: ComponentChildren, render?: Function, contentTag?: keyof HTMLElementTagNameMap): [RefObject<V>, Record<string, any>];
+export declare function useSlot<K, V extends HTMLElement>(name: string, context?: Context<K>, callback?: SlotProps<K>, children?: ComponentChildren, render?: Function, contentTag?: keyof HTMLElementTagNameMap): [RefObject<V>, Record<string, any>, 'loading' | 'pending' | 'ready'];
 interface SlotPropsComponent<T> extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {
     name: string;
     lazy?: boolean;