@hitachivantara/uikit-react-core 5.39.3 → 5.39.4

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewSelection.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewSelection.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport type {\n  TreeViewPlugin,\n  TreeViewItemRange,\n  DefaultizedProps,\n  TreeViewPluginSignature,\n  TreeViewInstance,\n} from \"../../types\";\nimport {\n  populateInstance,\n  getNextNode,\n  getFirstNode,\n  getLastNode,\n} from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\n\n/**\n * This is used to determine the start and end of a selection range so\n * we can get the nodes between the two border nodes.\n *\n * It finds the nodes' common ancestor using\n * a naive implementation of a lowest common ancestor algorithm\n * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n * so we can compare their indexes to work out which node comes first in a depth first search.\n * (https://en.wikipedia.org/wiki/Depth-first_search)\n *\n * Another way to put it is which node is shallower in a trémaux tree\n * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n */\nexport const findOrderInTremauxTree = (\n  instance: TreeViewInstance<[UseTreeViewNodesSignature]>,\n  nodeAId: string,\n  nodeBId: string\n) => {\n  if (nodeAId === nodeBId) {\n    return [nodeAId, nodeBId];\n  }\n\n  const nodeA = instance.getNode(nodeAId);\n  const nodeB = instance.getNode(nodeBId);\n\n  if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {\n    return nodeB.parentId === nodeA.id\n      ? [nodeA.id, nodeB.id]\n      : [nodeB.id, nodeA.id];\n  }\n\n  const aFamily: (string | null)[] = [nodeA.id];\n  const bFamily: (string | null)[] = [nodeB.id];\n\n  let aAncestor = nodeA.parentId;\n  let bAncestor = nodeB.parentId;\n\n  let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n  let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n  let continueA = true;\n  let continueB = true;\n\n  while (!bAncestorIsCommon && !aAncestorIsCommon) {\n    if (continueA) {\n      aFamily.push(aAncestor);\n      aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n      continueA = aAncestor !== null;\n      if (!aAncestorIsCommon && continueA) {\n        aAncestor = instance.getNode(aAncestor!).parentId;\n      }\n    }\n\n    if (continueB && !aAncestorIsCommon) {\n      bFamily.push(bAncestor);\n      bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n      continueB = bAncestor !== null;\n      if (!bAncestorIsCommon && continueB) {\n        bAncestor = instance.getNode(bAncestor!).parentId;\n      }\n    }\n  }\n\n  const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n  const ancestorFamily = instance.getChildrenIds(commonAncestor);\n\n  const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n  const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n  return ancestorFamily.indexOf(aSide!) < ancestorFamily.indexOf(bSide!)\n    ? [nodeAId, nodeBId]\n    : [nodeBId, nodeAId];\n};\n\nexport interface UseTreeViewSelectionInstance {\n  isNodeSelected: (nodeId: string) => boolean;\n  selectNode: (\n    event: React.SyntheticEvent,\n    nodeId: string,\n    multiple?: boolean\n  ) => void;\n  selectRange: (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange,\n    stacked?: boolean\n  ) => void;\n  rangeSelectToFirst: (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => void;\n  rangeSelectToLast: (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => void;\n}\n\ntype TreeViewSelectionValue<Multiple extends boolean | undefined> =\n  Multiple extends true ? string[] : string | null;\n\nexport interface UseTreeViewSelectionParameters<\n  Multiple extends boolean | undefined\n> {\n  /**\n   * If `true` selection is disabled.\n   * @default false\n   */\n  disableSelection?: boolean;\n  /**\n   * Selected node ids. (Uncontrolled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   * @default []\n   */\n  defaultSelected?: TreeViewSelectionValue<Multiple>;\n  /**\n   * Selected node ids. (Controlled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   */\n  selected?: TreeViewSelectionValue<Multiple>;\n  /**\n   * If true `ctrl` and `shift` will trigger multiselect.\n   * @default false\n   */\n  multiSelect?: Multiple;\n  /**\n   * Callback fired when tree items are selected/unselected.\n   * @param {React.SyntheticEvent} event The event source of the callback\n   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true\n   * this is an array of strings; when false (default) a string.\n   */\n  onNodeSelect?: (\n    event: React.SyntheticEvent,\n    nodeIds: Exclude<TreeViewSelectionValue<Multiple>, null>\n  ) => void;\n}\n\nexport type UseTreeViewSelectionDefaultizedParameters<\n  Multiple extends boolean\n> = DefaultizedProps<\n  UseTreeViewSelectionParameters<Multiple>,\n  \"disableSelection\" | \"defaultSelected\" | \"multiSelect\"\n>;\n\nexport type UseTreeViewSelectionSignature<\n  Multiple extends boolean | undefined\n> = TreeViewPluginSignature<\n  UseTreeViewSelectionParameters<Multiple>,\n  UseTreeViewSelectionDefaultizedParameters<\n    Multiple extends undefined ? false : Multiple\n  >,\n  UseTreeViewSelectionInstance,\n  {},\n  {},\n  \"selected\",\n  [\n    UseTreeViewNodesSignature,\n    UseTreeViewExpansionSignature,\n    UseTreeViewNodesSignature\n  ]\n>;\n\nexport const useTreeViewSelection: TreeViewPlugin<\n  UseTreeViewSelectionSignature<any>\n> = ({ instance, params, models }) => {\n  const lastSelectedNode = React.useRef<string | null>(null);\n  const lastSelectionWasRange = React.useRef(false);\n  const currentRangeSelection = React.useRef<string[]>([]);\n\n  const isNodeSelected = (nodeId: string) =>\n    Array.isArray(models.selected.value)\n      ? models.selected.value.indexOf(nodeId) !== -1\n      : models.selected.value === nodeId;\n\n  const selectNode = (\n    event: React.SyntheticEvent,\n    nodeId: string,\n    multiple = false\n  ) => {\n    if (params.disableSelection) {\n      return;\n    }\n\n    if (multiple) {\n      if (Array.isArray(models.selected.value)) {\n        let newSelected: string[];\n        if (models.selected.value.indexOf(nodeId) !== -1) {\n          newSelected = models.selected.value.filter((id) => id !== nodeId);\n        } else {\n          newSelected = [nodeId].concat(models.selected.value);\n        }\n\n        if (params.onNodeSelect) {\n          (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n            event,\n            newSelected\n          );\n        }\n\n        models.selected.setValue(newSelected);\n      }\n    } else {\n      const newSelected = params.multiSelect ? [nodeId] : nodeId;\n\n      if (params.onNodeSelect) {\n        params.onNodeSelect(event, newSelected as string & string[]);\n      }\n\n      models.selected.setValue(newSelected);\n    }\n    lastSelectedNode.current = nodeId;\n    lastSelectionWasRange.current = false;\n    currentRangeSelection.current = [];\n  };\n\n  const getNodesInRange = (nodeAId: string, nodeBId: string) => {\n    const [first, last] = findOrderInTremauxTree(instance, nodeAId, nodeBId);\n    const nodes = [first];\n\n    let current = first;\n\n    while (current !== last) {\n      current = getNextNode(instance, current)!;\n      nodes.push(current);\n    }\n\n    return nodes;\n  };\n\n  const handleRangeArrowSelect = (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange\n  ) => {\n    let base = (models.selected.value as string[]).slice();\n    const { start, next, current } = nodes;\n\n    if (!next || !current) {\n      return;\n    }\n\n    if (currentRangeSelection.current.indexOf(current) === -1) {\n      currentRangeSelection.current = [];\n    }\n\n    if (lastSelectionWasRange.current) {\n      if (currentRangeSelection.current.indexOf(next) !== -1) {\n        base = base.filter((id) => id === start || id !== current);\n        currentRangeSelection.current = currentRangeSelection.current.filter(\n          (id) => id === start || id !== current\n        );\n      } else {\n        base.push(next);\n        currentRangeSelection.current.push(next);\n      }\n    } else {\n      base.push(next);\n      currentRangeSelection.current.push(current, next);\n    }\n\n    if (params.onNodeSelect) {\n      (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n        event,\n        base\n      );\n    }\n\n    models.selected.setValue(base);\n  };\n\n  const handleRangeSelect = (\n    event: React.SyntheticEvent,\n    nodes: { start: string; end: string }\n  ) => {\n    let base = (models.selected.value as string[]).slice();\n    const { start, end } = nodes;\n    // If last selection was a range selection ignore nodes that were selected.\n    if (lastSelectionWasRange.current) {\n      base = base.filter(\n        (id) => currentRangeSelection.current.indexOf(id) === -1\n      );\n    }\n\n    let range = getNodesInRange(start, end);\n    range = range.filter((node) => !instance.isNodeDisabled(node));\n    currentRangeSelection.current = range;\n    let newSelected = base.concat(range);\n    newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);\n\n    if (params.onNodeSelect) {\n      (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n        event,\n        newSelected\n      );\n    }\n\n    models.selected.setValue(newSelected);\n  };\n\n  const selectRange = (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange,\n    stacked = false\n  ) => {\n    if (params.disableSelection) {\n      return;\n    }\n\n    const { start = lastSelectedNode.current, end, current } = nodes;\n    if (stacked) {\n      handleRangeArrowSelect(event, { start, next: end, current });\n    } else if (start != null && end != null) {\n      handleRangeSelect(event, { start, end });\n    }\n    lastSelectionWasRange.current = true;\n  };\n\n  const rangeSelectToFirst = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    if (!lastSelectedNode.current) {\n      lastSelectedNode.current = nodeId;\n    }\n\n    const start = lastSelectionWasRange.current\n      ? lastSelectedNode.current\n      : nodeId;\n\n    instance.selectRange(event, {\n      start,\n      end: getFirstNode(instance),\n    });\n  };\n\n  const rangeSelectToLast = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    if (!lastSelectedNode.current) {\n      lastSelectedNode.current = nodeId;\n    }\n\n    const start = lastSelectionWasRange.current\n      ? lastSelectedNode.current\n      : nodeId;\n\n    instance.selectRange(event, {\n      start,\n      end: getLastNode(instance),\n    });\n  };\n\n  populateInstance<UseTreeViewSelectionSignature<any>>(instance, {\n    isNodeSelected,\n    selectNode,\n    selectRange,\n    rangeSelectToLast,\n    rangeSelectToFirst,\n  });\n\n  return {\n    getRootProps: () => ({\n      \"aria-multiselectable\": params.multiSelect,\n    }),\n  };\n};\n\nuseTreeViewSelection.models = {\n  selected: { controlledProp: \"selected\", defaultProp: \"defaultSelected\" },\n};\n\nconst DEFAULT_SELECTED: string[] = [];\n\nuseTreeViewSelection.getDefaultizedParams = (params) => ({\n  ...params,\n  disableSelection: params.disableSelection ?? false,\n  multiSelect: params.multiSelect ?? false,\n  defaultSelected:\n    params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null),\n});\n"],"names":[],"mappings":"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"}

package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstanceEventHandler.js","sources":["../../../../../src/TreeView/internals/hooks/useInstanceEventHandler.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { UnregisterToken, CleanupTracking } from \"../utils/CleanupTracking\";\nimport { TimerBasedCleanupTracking } from \"../utils/TimerBasedCleanupTracking\";\nimport { FinalizationRegistryBasedCleanupTracking } from \"../utils/FinalizationRegistryBasedCleanupTracking\";\nimport { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\nimport { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsInstance } from \"./useTreeViewInstanceEvents.types\";\n\ninterface RegistryContainer {\n  registry: CleanupTracking | null;\n}\n\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(\n  registryContainer: RegistryContainer\n) {\n  let cleanupTokensCounter = 0;\n\n  return function useInstanceEventHandler<\n    Instance extends UseTreeViewInstanceEventsInstance & {\n      $$signature: TreeViewAnyPluginSignature;\n    },\n    E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n  >(\n    instance: Instance,\n    eventName: E,\n    handler: TreeViewEventListener<\n      TreeViewUsedEvents<Instance[\"$$signature\"]>[E]\n    >\n  ) {\n    type Signature = Instance[\"$$signature\"];\n\n    if (registryContainer.registry === null) {\n      registryContainer.registry =\n        typeof FinalizationRegistry !== \"undefined\"\n          ? new FinalizationRegistryBasedCleanupTracking()\n          : new TimerBasedCleanupTracking();\n    }\n\n    const [objectRetainedByReact] = React.useState(\n      new ObjectToBeRetainedByReact()\n    );\n    const subscription = React.useRef<(() => void) | null>(null);\n    const handlerRef = React.useRef<\n      TreeViewEventListener<TreeViewUsedEvents<Signature>[E]> | undefined\n    >();\n    handlerRef.current = handler;\n    const cleanupTokenRef = React.useRef<UnregisterToken | null>(null);\n\n    if (!subscription.current && handlerRef.current) {\n      const enhancedHandler: TreeViewEventListener<\n        TreeViewUsedEvents<Signature>[E]\n      > = (params, event) => {\n        if (!event.defaultMuiPrevented) {\n          handlerRef.current?.(params, event);\n        }\n      };\n\n      subscription.current = instance.$$subscribeEvent(\n        eventName as string,\n        enhancedHandler\n      );\n\n      cleanupTokensCounter += 1;\n      cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };\n\n      registryContainer.registry.register(\n        objectRetainedByReact, // The callback below will be called once this reference stops being retained\n        () => {\n          subscription.current?.();\n          subscription.current = null;\n          cleanupTokenRef.current = null;\n        },\n        cleanupTokenRef.current\n      );\n    } else if (!handlerRef.current && subscription.current) {\n      subscription.current();\n      subscription.current = null;\n\n      if (cleanupTokenRef.current) {\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n    }\n\n    React.useEffect(() => {\n      if (!subscription.current && handlerRef.current) {\n        const enhancedHandler: TreeViewEventListener<\n          TreeViewUsedEvents<Signature>[E]\n        > = (params, event) => {\n          if (!event.defaultMuiPrevented) {\n            handlerRef.current?.(params, event);\n          }\n        };\n\n        subscription.current = instance.$$subscribeEvent(\n          eventName as string,\n          enhancedHandler\n        );\n      }\n\n      if (cleanupTokenRef.current && registryContainer.registry) {\n        // If the effect was called, it means that this render was committed\n        // so we can trust the cleanup function to remove the listener.\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n\n      return () => {\n        subscription.current?.();\n        subscription.current = null;\n      };\n    }, [instance, eventName]);\n  };\n}\n\nconst registryContainer: RegistryContainer = { registry: null };\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n  registryContainer.registry?.reset();\n  registryContainer.registry = null;\n};\n\nexport const useInstanceEventHandler =\n  createUseInstanceEventHandler(registryContainer);\n"],"names":["registryContainer","useInstanceEventHandler"],"mappings":";;;AAcA,MAAM,0BAA0B;AAAC;AAI1B,SAAS,8BACdA,oBACA;AACA,MAAI,uBAAuB;AAE3B,SAAO,SAASC,yBAMd,UACA,WACA,SAGA;AAGID,QAAAA,mBAAkB,aAAa,MAAM;AACvCA,yBAAkB,WAChB,OAAO,yBAAyB,cAC5B,IAAI,yCACJ,IAAA,IAAI;IACZ;AAEM,UAAA,CAAC,qBAAqB,IAAI,MAAM;AAAA,MACpC,IAAI,0BAA0B;AAAA,IAAA;AAE1B,UAAA,eAAe,MAAM,OAA4B,IAAI;AACrD,UAAA,aAAa,MAAM;AAGzB,eAAW,UAAU;AACf,UAAA,kBAAkB,MAAM,OAA+B,IAAI;AAEjE,QAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,YAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,YAAA,CAAC,MAAM,qBAAqB;AACnB,qBAAA,UAAU,QAAQ,KAAK;AAAA,QACpC;AAAA,MAAA;AAGF,mBAAa,UAAU,SAAS;AAAA,QAC9B;AAAA,QACA;AAAA,MAAA;AAGsB,8BAAA;AACR,sBAAA,UAAU,EAAE,cAAc,qBAAqB;AAE/DA,yBAAkB,SAAS;AAAA,QACzB;AAAA;AAAA,QACA,MAAM;AACJ,uBAAa,UAAU;AACvB,uBAAa,UAAU;AACvB,0BAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAET,WAAA,CAAC,WAAW,WAAW,aAAa,SAAS;AACtD,mBAAa,QAAQ;AACrB,mBAAa,UAAU;AAEvB,UAAI,gBAAgB,SAAS;AAC3BA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,cAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,cAAA,CAAC,MAAM,qBAAqB;AACnB,uBAAA,UAAU,QAAQ,KAAK;AAAA,UACpC;AAAA,QAAA;AAGF,qBAAa,UAAU,SAAS;AAAA,UAC9B;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEI,UAAA,gBAAgB,WAAWA,mBAAkB,UAAU;AAGzDA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAC5B;AAEA,aAAO,MAAM;AACX,qBAAa,UAAU;AACvB,qBAAa,UAAU;AAAA,MAAA;AAAA,IACzB,GACC,CAAC,UAAU,SAAS,CAAC;AAAA,EAAA;AAE5B;AAEA,MAAM,oBAAuC,EAAE,UAAU;AAQ5C,MAAA,0BACX,8BAA8B,iBAAiB;"}

package/dist/esm/TreeView/internals/hooks/useTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeView.js","sources":["../../../../../src/TreeView/internals/hooks/useTreeView.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useForkRef } from \"@mui/material/utils\";\nimport { EventHandlers } from \"@mui/base/utils\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\nimport {\n  TreeViewContextValue,\n  DEFAULT_TREE_VIEW_CONTEXT_VALUE,\n} from \"../TreeViewProvider\";\nimport { TREE_VIEW_CORE_PLUGINS } from \"../corePlugins\";\nimport { useTreeViewModels } from \"./useTreeViewModels\";\n\nexport type UseTreeViewParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"params\">;\n\nexport type UseTreeViewDefaultizedParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<\n  ConvertPluginsIntoSignatures<TPlugins>,\n  \"defaultizedParams\"\n>;\n\nexport interface UseTreeViewRootSlotProps\n  extends Pick<\n    React.HTMLAttributes<HTMLUListElement>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onKeyDown\"\n    | \"id\"\n    | \"aria-activedescendant\"\n    | \"aria-multiselectable\"\n    | \"role\"\n    | \"tabIndex\"\n  > {\n  ref: React.Ref<HTMLUListElement>;\n}\n\nexport interface UseTreeViewReturnValue<\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n> {\n  getRootProps: <TOther extends EventHandlers = {}>(\n    otherHandlers?: TOther\n  ) => UseTreeViewRootSlotProps;\n  rootRef: React.RefCallback<HTMLUListElement> | null;\n  contextValue: TreeViewContextValue<TPlugins>;\n}\n\nexport const useTreeView = <\n  Plugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  inParams: UseTreeViewParameters<Plugins>\n): UseTreeViewReturnValue<ConvertPluginsIntoSignatures<Plugins>> => {\n  const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];\n  type Signatures = ConvertPluginsIntoSignatures<typeof plugins>;\n\n  const params = plugins.reduce((acc, plugin) => {\n    if (plugin.getDefaultizedParams) {\n      return plugin.getDefaultizedParams(acc);\n    }\n\n    return acc;\n  }, inParams) as unknown as UseTreeViewDefaultizedParameters<Plugins>;\n\n  const models = useTreeViewModels(\n    plugins,\n    params as MergePluginsProperty<Signatures, \"defaultizedParams\">\n  );\n  const instanceRef = React.useRef<TreeViewInstance<Signatures>>(\n    {} as TreeViewInstance<Signatures>\n  );\n  const instance = instanceRef.current;\n  const innerRootRef = React.useRef(null);\n  const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);\n\n  const [state, setState] = React.useState(() => {\n    const temp = {} as MergePluginsProperty<Signatures, \"state\">;\n    plugins.forEach((plugin) => {\n      if (plugin.getInitialState) {\n        Object.assign(\n          temp,\n          plugin.getInitialState(\n            params as UseTreeViewDefaultizedParameters<any>\n          )\n        );\n      }\n    });\n\n    return temp;\n  });\n\n  const rootPropsGetters: (<TOther extends EventHandlers = {}>(\n    otherHandlers: TOther\n  ) => React.HTMLAttributes<HTMLUListElement>)[] = [];\n  let contextValue: TreeViewContextValue<Signatures> =\n    DEFAULT_TREE_VIEW_CONTEXT_VALUE;\n\n  const runPlugin = (plugin: TreeViewPlugin<any>) => {\n    const pluginResponse =\n      plugin({\n        instance,\n        params,\n        state,\n        setState,\n        rootRef: innerRootRef,\n        models,\n      }) || {};\n\n    if (pluginResponse.getRootProps) {\n      rootPropsGetters.push(pluginResponse.getRootProps);\n    }\n\n    if (pluginResponse.contextValue) {\n      contextValue = pluginResponse.contextValue;\n    }\n  };\n\n  plugins.forEach(runPlugin);\n\n  const getRootProps = <TOther extends EventHandlers = {}>(\n    otherHandlers: TOther = {} as TOther\n  ) => {\n    const rootProps: UseTreeViewRootSlotProps = {\n      role: \"tree\",\n      tabIndex: 0,\n      ...otherHandlers,\n      ref: handleRootRef,\n    };\n\n    rootPropsGetters.forEach((rootPropsGetter) => {\n      Object.assign(rootProps, rootPropsGetter(otherHandlers));\n    });\n\n    return rootProps;\n  };\n\n  return { getRootProps, rootRef: handleRootRef, contextValue };\n};\n"],"names":[],"mappings":";;;;;AA4Da,MAAA,cAAc,CAGzB,aACkE;AAClE,QAAM,UAAU,CAAC,GAAG,wBAAwB,GAAG,SAAS,OAAO;AAG/D,QAAM,SAAS,QAAQ,OAAO,CAAC,KAAK,WAAW;AAC7C,QAAI,OAAO,sBAAsB;AACxB,aAAA,OAAO,qBAAqB,GAAG;AAAA,IACxC;AAEO,WAAA;AAAA,KACN,QAAQ;AAEX,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC;AAAA,EAAA;AAEH,QAAM,WAAW,YAAY;AACvB,QAAA,eAAe,MAAM,OAAO,IAAI;AACtC,QAAM,gBAAgB,WAAW,cAAc,SAAS,OAAO;AAE/D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,MAAM;AAC7C,UAAM,OAAO,CAAA;AACL,YAAA,QAAQ,CAAC,WAAW;AAC1B,UAAI,OAAO,iBAAiB;AACnB,eAAA;AAAA,UACL;AAAA,UACA,OAAO;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,EAAA,CACR;AAED,QAAM,mBAE2C,CAAA;AACjD,MAAI,eACF;AAEI,QAAA,YAAY,CAAC,WAAgC;AACjD,UAAM,iBACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD,CAAA,KAAK,CAAA;AAER,QAAI,eAAe,cAAc;AACd,uBAAA,KAAK,eAAe,YAAY;AAAA,IACnD;AAEA,QAAI,eAAe,cAAc;AAC/B,qBAAe,eAAe;AAAA,IAChC;AAAA,EAAA;AAGF,UAAQ,QAAQ,SAAS;AAEzB,QAAM,eAAe,CACnB,gBAAwB,OACrB;AACH,UAAM,YAAsC;AAAA,MAC1C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAGU,qBAAA,QAAQ,CAAC,oBAAoB;AAC5C,aAAO,OAAO,WAAW,gBAAgB,aAAa,CAAC;AAAA,IAAA,CACxD;AAEM,WAAA;AAAA,EAAA;AAGT,SAAO,EAAE,cAAc,SAAS,eAAe,aAAa;AAC9D;"}

package/dist/esm/TreeView/internals/hooks/useTreeViewInstanceEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewInstanceEvents.js","sources":["../../../../../src/TreeView/internals/hooks/useTreeViewInstanceEvents.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { EventManager } from \"../utils/EventManager\";\nimport type { TreeViewPlugin } from \"../types\";\nimport type { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsSignature } from \"./useTreeViewInstanceEvents.types\";\nimport { populateInstance } from \"./utils\";\n\nconst isSyntheticEvent = (event: any): event is React.SyntheticEvent => {\n  return event.isPropagationStopped !== undefined;\n};\n\n/**\n * Plugin responsible for the registration of the nodes defined as JSX children of the TreeView.\n * When we will have both a SimpleTreeView using JSX children and a TreeView using a data prop,\n * this plugin will only be used by SimpleTreeView.\n */\nexport const useTreeViewInstanceEvents: TreeViewPlugin<\n  UseTreeViewInstanceEventsSignature\n> = ({ instance }) => {\n  const [eventManager] = React.useState(() => new EventManager());\n\n  const publishEvent = React.useCallback(\n    (...args: any[]) => {\n      const [name, params, event = {}] = args;\n      event.defaultMuiPrevented = false;\n\n      if (isSyntheticEvent(event) && event.isPropagationStopped()) {\n        return;\n      }\n\n      eventManager.emit(name, params, event);\n    },\n    [eventManager]\n  );\n\n  const subscribeEvent = React.useCallback(\n    (event: string, handler: TreeViewEventListener<any>) => {\n      eventManager.on(event, handler);\n      return () => {\n        eventManager.removeListener(event, handler);\n      };\n    },\n    [eventManager]\n  );\n\n  populateInstance<UseTreeViewInstanceEventsSignature>(instance, {\n    $$publishEvent: publishEvent,\n    $$subscribeEvent: subscribeEvent,\n  });\n};\n"],"names":[],"mappings":";;;AAQA,MAAM,mBAAmB,CAAC,UAA8C;AACtE,SAAO,MAAM,yBAAyB;AACxC;AAOO,MAAM,4BAET,CAAC,EAAE,eAAe;AACd,QAAA,CAAC,YAAY,IAAI,MAAM,SAAS,MAAM,IAAI,cAAc;AAE9D,QAAM,eAAe,MAAM;AAAA,IACzB,IAAI,SAAgB;AAClB,YAAM,CAAC,MAAM,QAAQ,QAAQ,CAAE,CAAA,IAAI;AACnC,YAAM,sBAAsB;AAE5B,UAAI,iBAAiB,KAAK,KAAK,MAAM,wBAAwB;AAC3D;AAAA,MACF;AAEa,mBAAA,KAAK,MAAM,QAAQ,KAAK;AAAA,IACvC;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,OAAe,YAAwC;AACzC,mBAAA,GAAG,OAAO,OAAO;AAC9B,aAAO,MAAM;AACE,qBAAA,eAAe,OAAO,OAAO;AAAA,MAAA;AAAA,IAE9C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,mBAAqD,UAAU;AAAA,IAC7D,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EAAA,CACnB;AACH;"}

package/dist/esm/TreeView/internals/hooks/useTreeViewModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewModels.js","sources":["../../../../../src/TreeView/internals/hooks/useTreeViewModels.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\n\n/**\n * Implements the same behavior as `useControlled` but for several models.\n * The controlled models are never stored in the state and the state is only updated if the model is not controlled.\n */\nexport const useTreeViewModels = <\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  plugins: TPlugins,\n  props: MergePluginsProperty<\n    ConvertPluginsIntoSignatures<TPlugins>,\n    \"defaultizedParams\"\n  >\n) => {\n  const modelsRef = React.useRef<{\n    [modelName: string]: {\n      controlledProp: keyof typeof props;\n      defaultProp: keyof typeof props;\n      isControlled: boolean;\n    };\n  }>({});\n\n  const [modelsState, setModelsState] = React.useState<{\n    [modelName: string]: any;\n  }>(() => {\n    const initialState: { [modelName: string]: any } = {};\n\n    plugins.forEach((plugin) => {\n      if (plugin.models) {\n        Object.entries(plugin.models).forEach(([modelName, model]) => {\n          modelsRef.current[modelName] = {\n            controlledProp: model.controlledProp as keyof typeof props,\n            defaultProp: model.defaultProp as keyof typeof props,\n            isControlled:\n              props[model.controlledProp as keyof typeof props] !== undefined,\n          };\n          initialState[modelName] =\n            props[model.defaultProp as keyof typeof props];\n        });\n      }\n    });\n\n    return initialState;\n  });\n\n  const models = Object.fromEntries(\n    Object.entries(modelsRef.current).map(([modelName, model]) => {\n      const value = model.isControlled\n        ? props[model.controlledProp]\n        : modelsState[modelName];\n\n      return [\n        modelName,\n        {\n          value,\n          setValue: (newValue: any) => {\n            if (!model.isControlled) {\n              setModelsState((prevState) => ({\n                ...prevState,\n                [modelName]: newValue,\n              }));\n            }\n          },\n        },\n      ];\n    })\n  ) as MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"models\">;\n\n  return models;\n};\n"],"names":[],"mappings":";AAaa,MAAA,oBAAoB,CAG/B,SACA,UAIG;AACH,QAAM,YAAY,MAAM,OAMrB,CAAE,CAAA;AAEL,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAEzC,MAAM;AACP,UAAM,eAA6C,CAAA;AAE3C,YAAA,QAAQ,CAAC,WAAW;AAC1B,UAAI,OAAO,QAAQ;AACV,eAAA,QAAQ,OAAO,MAAM,EAAE,QAAQ,CAAC,CAAC,WAAW,KAAK,MAAM;AAClD,oBAAA,QAAQ,SAAS,IAAI;AAAA,YAC7B,gBAAgB,MAAM;AAAA,YACtB,aAAa,MAAM;AAAA,YACnB,cACE,MAAM,MAAM,cAAoC,MAAM;AAAA,UAAA;AAE1D,uBAAa,SAAS,IACpB,MAAM,MAAM,WAAiC;AAAA,QAAA,CAChD;AAAA,MACH;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,EAAA,CACR;AAED,QAAM,SAAS,OAAO;AAAA,IACpB,OAAO,QAAQ,UAAU,OAAO,EAAE,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM;AACtD,YAAA,QAAQ,MAAM,eAChB,MAAM,MAAM,cAAc,IAC1B,YAAY,SAAS;AAElB,aAAA;AAAA,QACL;AAAA,QACA;AAAA,UACE;AAAA,UACA,UAAU,CAAC,aAAkB;AACvB,gBAAA,CAAC,MAAM,cAAc;AACvB,6BAAe,CAAC,eAAe;AAAA,gBAC7B,GAAG;AAAA,gBACH,CAAC,SAAS,GAAG;AAAA,cACb,EAAA;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA;AAGI,SAAA;AACT;"}

package/dist/esm/TreeView/internals/hooks/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/TreeView/internals/hooks/utils.ts"],"sourcesContent":["import {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewUsedInstance,\n} from \"../types\";\nimport type { UseTreeViewExpansionSignature } from \"./plugins/useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./plugins/useTreeViewNodes\";\n\nexport const getPreviousNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewNodesSignature, UseTreeViewExpansionSignature]\n  >,\n  nodeId: string\n) => {\n  const node = instance.getNode(nodeId);\n  const siblings = instance.getNavigableChildrenIds(node.parentId);\n  const nodeIndex = siblings.indexOf(nodeId);\n\n  if (nodeIndex === 0) {\n    return node.parentId;\n  }\n\n  let currentNode: string = siblings[nodeIndex - 1];\n  while (\n    instance.isNodeExpanded(currentNode) &&\n    instance.getNavigableChildrenIds(currentNode).length > 0\n  ) {\n    currentNode = instance.getNavigableChildrenIds(currentNode).pop()!;\n  }\n\n  return currentNode;\n};\n\nexport const getNextNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >,\n  nodeId: string\n) => {\n  // If expanded get first child\n  if (\n    instance.isNodeExpanded(nodeId) &&\n    instance.getNavigableChildrenIds(nodeId).length > 0\n  ) {\n    return instance.getNavigableChildrenIds(nodeId)[0];\n  }\n\n  let node = instance.getNode(nodeId);\n  while (node != null) {\n    // Try to get next sibling\n    const siblings = instance.getNavigableChildrenIds(node.parentId);\n    const nextSibling = siblings[siblings.indexOf(node.id) + 1];\n\n    if (nextSibling) {\n      return nextSibling;\n    }\n\n    // If the sibling does not exist, go up a level to the parent and try again.\n    node = instance.getNode(node.parentId!);\n  }\n\n  return null;\n};\n\nexport const getLastNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >\n) => {\n  let lastNode = instance.getNavigableChildrenIds(null).pop()!;\n\n  while (instance.isNodeExpanded(lastNode)) {\n    lastNode = instance.getNavigableChildrenIds(lastNode).pop()!;\n  }\n  return lastNode;\n};\n\nexport const getFirstNode = (\n  instance: TreeViewInstance<[UseTreeViewNodesSignature]>\n) => instance.getNavigableChildrenIds(null)[0];\n\nexport const populateInstance = <T extends TreeViewAnyPluginSignature>(\n  instance: TreeViewUsedInstance<T>,\n  methods: T[\"instance\"]\n) => {\n  Object.assign(instance, methods);\n};\n"],"names":[],"mappings":"AAQa,MAAA,kBAAkB,CAC7B,UAGA,WACG;AACG,QAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,QAAM,WAAW,SAAS,wBAAwB,KAAK,QAAQ;AACzD,QAAA,YAAY,SAAS,QAAQ,MAAM;AAEzC,MAAI,cAAc,GAAG;AACnB,WAAO,KAAK;AAAA,EACd;AAEI,MAAA,cAAsB,SAAS,YAAY,CAAC;AAE9C,SAAA,SAAS,eAAe,WAAW,KACnC,SAAS,wBAAwB,WAAW,EAAE,SAAS,GACvD;AACA,kBAAc,SAAS,wBAAwB,WAAW,EAAE,IAAI;AAAA,EAClE;AAEO,SAAA;AACT;AAEa,MAAA,cAAc,CACzB,UAGA,WACG;AAGD,MAAA,SAAS,eAAe,MAAM,KAC9B,SAAS,wBAAwB,MAAM,EAAE,SAAS,GAClD;AACA,WAAO,SAAS,wBAAwB,MAAM,EAAE,CAAC;AAAA,EACnD;AAEI,MAAA,OAAO,SAAS,QAAQ,MAAM;AAClC,SAAO,QAAQ,MAAM;AAEnB,UAAM,WAAW,SAAS,wBAAwB,KAAK,QAAQ;AAC/D,UAAM,cAAc,SAAS,SAAS,QAAQ,KAAK,EAAE,IAAI,CAAC;AAE1D,QAAI,aAAa;AACR,aAAA;AAAA,IACT;AAGO,WAAA,SAAS,QAAQ,KAAK,QAAS;AAAA,EACxC;AAEO,SAAA;AACT;AAEa,MAAA,cAAc,CACzB,aAGG;AACH,MAAI,WAAW,SAAS,wBAAwB,IAAI,EAAE,IAAI;AAEnD,SAAA,SAAS,eAAe,QAAQ,GAAG;AACxC,eAAW,SAAS,wBAAwB,QAAQ,EAAE,IAAI;AAAA,EAC5D;AACO,SAAA;AACT;AAEO,MAAM,eAAe,CAC1B,aACG,SAAS,wBAAwB,IAAI,EAAE,CAAC;AAEhC,MAAA,mBAAmB,CAC9B,UACA,YACG;AACI,SAAA,OAAO,UAAU,OAAO;AACjC;"}

package/dist/esm/TreeView/internals/utils/EventManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventManager.js","sources":["../../../../../src/TreeView/internals/utils/EventManager.ts"],"sourcesContent":["export type EventListener = (...args: any[]) => void;\n\nexport interface EventListenerOptions {\n  isFirst?: boolean;\n}\n\ninterface EventListenerCollection {\n  /**\n   * List of listeners to run before the others\n   * They are run in the opposite order of the registration order\n   */\n  highPriority: Map<EventListener, true>;\n  /**\n   * List of events to run after the high priority listeners\n   * They are run in the registration order\n   */\n  regular: Map<EventListener, true>;\n}\n\n// Used https://gist.github.com/mudge/5830382 as a starting point.\n// See https://github.com/browserify/events/blob/master/events.js for\n// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.\nexport class EventManager {\n  maxListeners = 20;\n\n  warnOnce = false;\n\n  events: { [eventName: string]: EventListenerCollection } = {};\n\n  on(\n    eventName: string,\n    listener: EventListener,\n    options: EventListenerOptions = {}\n  ): void {\n    let collection = this.events[eventName];\n\n    if (!collection) {\n      collection = {\n        highPriority: new Map(),\n        regular: new Map(),\n      };\n      this.events[eventName] = collection;\n    }\n\n    if (options.isFirst) {\n      collection.highPriority.set(listener, true);\n    } else {\n      collection.regular.set(listener, true);\n    }\n  }\n\n  removeListener(eventName: string, listener: EventListener): void {\n    if (this.events[eventName]) {\n      this.events[eventName].regular.delete(listener);\n      this.events[eventName].highPriority.delete(listener);\n    }\n  }\n\n  removeAllListeners(): void {\n    this.events = {};\n  }\n\n  emit(eventName: string, ...args: any[]): void {\n    const collection = this.events[eventName];\n    if (!collection) {\n      return;\n    }\n\n    const highPriorityListeners = Array.from(collection.highPriority.keys());\n    const regularListeners = Array.from(collection.regular.keys());\n\n    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {\n      const listener = highPriorityListeners[i];\n      if (collection.highPriority.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n\n    for (let i = 0; i < regularListeners.length; i += 1) {\n      const listener = regularListeners[i];\n      if (collection.regular.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n  }\n\n  once(eventName: string, listener: EventListener): void {\n    // eslint-disable-next-line consistent-this\n    const that = this;\n    this.on(eventName, function oneTimeListener(...args) {\n      that.removeListener(eventName, oneTimeListener);\n      listener.apply(that, args);\n    });\n  }\n}\n"],"names":[],"mappings":"AAsBO,MAAM,aAAa;AAAA,EAAnB,cAAA;AACU,SAAA,eAAA;AAEJ,SAAA,WAAA;AAEX,SAAA,SAA2D;EAAC;AAAA,EAE5D,GACE,WACA,UACA,UAAgC,CAAA,GAC1B;AACF,QAAA,aAAa,KAAK,OAAO,SAAS;AAEtC,QAAI,CAAC,YAAY;AACF,mBAAA;AAAA,QACX,kCAAkB,IAAI;AAAA,QACtB,6BAAa,IAAI;AAAA,MAAA;AAEd,WAAA,OAAO,SAAS,IAAI;AAAA,IAC3B;AAEA,QAAI,QAAQ,SAAS;AACR,iBAAA,aAAa,IAAI,UAAU,IAAI;AAAA,IAAA,OACrC;AACM,iBAAA,QAAQ,IAAI,UAAU,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,eAAe,WAAmB,UAA+B;AAC3D,QAAA,KAAK,OAAO,SAAS,GAAG;AAC1B,WAAK,OAAO,SAAS,EAAE,QAAQ,OAAO,QAAQ;AAC9C,WAAK,OAAO,SAAS,EAAE,aAAa,OAAO,QAAQ;AAAA,IACrD;AAAA,EACF;AAAA,EAEA,qBAA2B;AACzB,SAAK,SAAS;EAChB;AAAA,EAEA,KAAK,cAAsB,MAAmB;AACtC,UAAA,aAAa,KAAK,OAAO,SAAS;AACxC,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,UAAM,wBAAwB,MAAM,KAAK,WAAW,aAAa,MAAM;AACvE,UAAM,mBAAmB,MAAM,KAAK,WAAW,QAAQ,MAAM;AAE7D,aAAS,IAAI,sBAAsB,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;AACvD,YAAA,WAAW,sBAAsB,CAAC;AACxC,UAAI,WAAW,aAAa,IAAI,QAAQ,GAAG;AAChC,iBAAA,MAAM,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF;AAEA,aAAS,IAAI,GAAG,IAAI,iBAAiB,QAAQ,KAAK,GAAG;AAC7C,YAAA,WAAW,iBAAiB,CAAC;AACnC,UAAI,WAAW,QAAQ,IAAI,QAAQ,GAAG;AAC3B,iBAAA,MAAM,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAAA,EAEA,KAAK,WAAmB,UAA+B;AAErD,UAAM,OAAO;AACb,SAAK,GAAG,WAAW,SAAS,mBAAmB,MAAM;AAC9C,WAAA,eAAe,WAAW,eAAe;AACrC,eAAA,MAAM,MAAM,IAAI;AAAA,IAAA,CAC1B;AAAA,EACH;AACF;"}

package/dist/esm/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinalizationRegistryBasedCleanupTracking.js","sources":["../../../../../src/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnsubscribeFn,\n  UnregisterToken,\n} from \"./CleanupTracking\";\n\nexport class FinalizationRegistryBasedCleanupTracking\n  implements CleanupTracking\n{\n  registry = new FinalizationRegistry<UnsubscribeFn>((unsubscribe) => {\n    if (typeof unsubscribe === \"function\") {\n      unsubscribe();\n    }\n  });\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    this.registry.register(object, unsubscribe, unregisterToken);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    this.registry.unregister(unregisterToken);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reset() {}\n}\n"],"names":[],"mappings":"AAMO,MAAM,yCAEb;AAAA,EAFO,cAAA;AAGM,SAAA,WAAA,IAAI,qBAAoC,CAAC,gBAAgB;AAC9D,UAAA,OAAO,gBAAgB,YAAY;AACzB;MACd;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAED,SACE,QACA,aACA,iBACM;AACN,SAAK,SAAS,SAAS,QAAQ,aAAa,eAAe;AAAA,EAC7D;AAAA,EAEA,WAAW,iBAAwC;AAC5C,SAAA,SAAS,WAAW,eAAe;AAAA,EAC1C;AAAA;AAAA,EAGA,QAAQ;AAAA,EAAC;AACX;"}

package/dist/esm/TreeView/internals/utils/TimerBasedCleanupTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerBasedCleanupTracking.js","sources":["../../../../../src/TreeView/internals/utils/TimerBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnregisterToken,\n  UnsubscribeFn,\n} from \"./CleanupTracking\";\n\n// If no effect ran after this amount of time, we assume that the render was not committed by React\nconst CLEANUP_TIMER_LOOP_MILLIS = 1000;\n\nexport class TimerBasedCleanupTracking implements CleanupTracking {\n  timeouts? = new Map<number, NodeJS.Timeout>();\n\n  cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;\n\n  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {\n    this.cleanupTimeout = timeout;\n  }\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    if (!this.timeouts) {\n      this.timeouts = new Map<number, NodeJS.Timeout>();\n    }\n\n    const timeout = setTimeout(() => {\n      if (typeof unsubscribe === \"function\") {\n        unsubscribe();\n      }\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n    }, this.cleanupTimeout);\n\n    this.timeouts!.set(unregisterToken!.cleanupToken, timeout);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    const timeout = this.timeouts!.get(unregisterToken.cleanupToken);\n    if (timeout) {\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n      clearTimeout(timeout);\n    }\n  }\n\n  reset() {\n    if (this.timeouts) {\n      this.timeouts.forEach((value, key) => {\n        this.unregister({ cleanupToken: key });\n      });\n      this.timeouts = undefined;\n    }\n  }\n}\n"],"names":[],"mappings":"AAOA,MAAM,4BAA4B;AAE3B,MAAM,0BAAqD;AAAA,EAKhE,YAAY,UAAU,2BAA2B;AAJjD,SAAA,+BAAgB;AAEC,SAAA,iBAAA;AAGf,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEA,SACE,QACA,aACA,iBACM;AACF,QAAA,CAAC,KAAK,UAAU;AACb,WAAA,+BAAe;IACtB;AAEM,UAAA,UAAU,WAAW,MAAM;AAC3B,UAAA,OAAO,gBAAgB,YAAY;AACzB;MACd;AACK,WAAA,SAAU,OAAO,gBAAgB,YAAY;AAAA,IAAA,GACjD,KAAK,cAAc;AAEtB,SAAK,SAAU,IAAI,gBAAiB,cAAc,OAAO;AAAA,EAC3D;AAAA,EAEA,WAAW,iBAAwC;AACjD,UAAM,UAAU,KAAK,SAAU,IAAI,gBAAgB,YAAY;AAC/D,QAAI,SAAS;AACN,WAAA,SAAU,OAAO,gBAAgB,YAAY;AAClD,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,QAAQ,CAAC,OAAO,QAAQ;AACpC,aAAK,WAAW,EAAE,cAAc,IAAK,CAAA;AAAA,MAAA,CACtC;AACD,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;"}

package/dist/esm/TreeView/internals/utils/publishTreeViewEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"publishTreeViewEvent.js","sources":["../../../../../src/TreeView/internals/utils/publishTreeViewEvent.ts"],"sourcesContent":["import type { UseTreeViewInstanceEventsInstance } from \"../hooks/useTreeViewInstanceEvents.types\";\nimport type { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\n\nexport const publishTreeViewEvent = <\n  Instance extends UseTreeViewInstanceEventsInstance & {\n    $$signature: TreeViewAnyPluginSignature;\n  },\n  E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n>(\n  instance: Instance,\n  eventName: E,\n  params: TreeViewUsedEvents<Instance[\"$$signature\"]>[E][\"params\"]\n) => {\n  instance.$$publishEvent(eventName as string, params);\n};\n"],"names":[],"mappings":"AAGO,MAAM,uBAAuB,CAMlC,UACA,WACA,WACG;AACM,WAAA,eAAe,WAAqB,MAAM;AACrD;"}

package/dist/esm/Typography/Typography.js

@@ -0,0 +1,80 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTheme } from "../hooks/useTheme.js";
+import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { mapVariant } from "./utils.js";
+import { useClasses } from "./Typography.styles.js";
+import { staticClasses } from "./Typography.styles.js";
+const HvTypographyMap = {
+  display: "h1",
+  title1: "h1",
+  title2: "h2",
+  title3: "h3",
+  title4: "h4",
+  body: "p",
+  label: "span",
+  caption1: "p",
+  caption2: "p",
+  // LEGACY
+  "5xlTitle": "h1",
+  "4xlTitle": "h1",
+  "3xlTitle": "h1",
+  xxlTitle: "h1",
+  xlTitle: "h1",
+  lTitle: "h2",
+  mTitle: "h3",
+  sTitle: "h4",
+  xsTitle: "h5",
+  xxsTitle: "h6",
+  sectionTitle: "p",
+  highlightText: "p",
+  normalText: "p",
+  placeholderText: "p",
+  link: "p",
+  disabledText: "p",
+  selectedNavText: "p",
+  vizText: "p",
+  vizTextDisabled: "p",
+  xsInlineLink: "p"
+};
+const HvTypography = forwardRef(
+  (props, ref) => {
+    const {
+      className,
+      component: ComponentProp,
+      classes: classesProp,
+      variant: variantProp = "body",
+      link = false,
+      disabled = false,
+      noWrap = false,
+      paragraph = false,
+      ...others
+    } = useDefaultProps("HvTypography", props);
+    const { classes, cx } = useClasses(classesProp);
+    const { activeTheme } = useTheme();
+    const variant = mapVariant(variantProp, activeTheme?.name);
+    const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cx(
+          classes.root,
+          classes[variant],
+          {
+            [classes.isLink]: link,
+            [classes.noWrap]: noWrap,
+            [classes.disabled]: disabled
+          },
+          className
+        ),
+        ...others
+      }
+    );
+  }
+);
+export {
+  HvTypography,
+  staticClasses as typographyClasses
+};
+//# sourceMappingURL=Typography.js.map

package/dist/esm/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../../src/Typography/Typography.tsx"],"sourcesContent":["import { ElementType, forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { useTheme } from \"../hooks/useTheme\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} satisfies Record<\n  HvTypographyVariants | HvTypographyLegacyVariants,\n  ElementType\n>;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          classes[variant],\n          {\n            [classes.isLink]: link,\n            [classes.noWrap]: noWrap,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,kBAAkB;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAgCO,MAAM,eAEoB;AAAA,EAC/B,CACE,OACA,QACG;AACG,UAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAG;AAAA,IAAA,IACD,gBAAgB,gBAAgB,KAAK;AACzC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AACxC,UAAA,EAAE,gBAAgB;AAExB,UAAM,UAAU,WAAW,aAAa,aAAa,IAAI;AAEzD,UAAM,YACJ,iBAAkB,aAAa,OAAQ,gBAAgB,OAAO,KAAK;AAGnE,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ,OAAO;AAAA,UACf;AAAA,YACE,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACtB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/Typography/Typography.styles.js

@@ -0,0 +1,62 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../utils/classes.js";
+const { useClasses, staticClasses } = createClasses("HvTypography", {
+  root: {
+    fontFamily: theme.fontFamily.body
+  },
+  disabled: {
+    color: theme.colors.secondary_60
+  },
+  isLink: {
+    color: theme.colors.primary,
+    textDecoration: "underline"
+  },
+  noWrap: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  // variants
+  display: { ...theme.typography.display },
+  title1: { ...theme.typography.title1 },
+  title2: { ...theme.typography.title2 },
+  title3: { ...theme.typography.title3 },
+  title4: { ...theme.typography.title4 },
+  body: { ...theme.typography.body },
+  label: { ...theme.typography.label },
+  caption1: { ...theme.typography.caption1 },
+  caption2: { ...theme.typography.caption2 },
+  // legacy variants
+  "5xlTitle": { ...theme.typography["5xlTitle"] },
+  "4xlTitle": { ...theme.typography["4xlTitle"] },
+  "3xlTitle": { ...theme.typography["3xlTitle"] },
+  xxlTitle: { ...theme.typography.xxlTitle },
+  xlTitle: {},
+  lTitle: { ...theme.typography.lTitle },
+  mTitle: {},
+  sTitle: { ...theme.typography.sTitle },
+  xsTitle: {},
+  xxsTitle: { ...theme.typography.xxsTitle },
+  sectionTitle: {
+    ...theme.typography.sectionTitle,
+    textTransform: "uppercase"
+  },
+  highlightText: {},
+  normalText: {},
+  placeholderText: { ...theme.typography.placeholderText },
+  link: {
+    ...theme.typography.link,
+    cursor: "pointer",
+    textDecoration: "underline"
+  },
+  disabledText: { ...theme.typography.disabledText },
+  selectedNavText: { ...theme.typography.selectedNavText },
+  vizText: {},
+  vizTextDisabled: { ...theme.typography.vizTextDisabled },
+  xsInlineLink: { ...theme.typography.xsInlineLink }
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Typography.styles.js.map

package/dist/esm/Typography/Typography.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styles.js","sources":["../../../src/Typography/Typography.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvTypography\", {\n  root: {\n    fontFamily: theme.fontFamily.body,\n  },\n  disabled: {\n    color: theme.colors.secondary_60,\n  },\n  isLink: {\n    color: theme.colors.primary,\n    textDecoration: \"underline\",\n  },\n  noWrap: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  // variants\n  display: { ...theme.typography.display },\n  title1: { ...theme.typography.title1 },\n  title2: { ...theme.typography.title2 },\n  title3: { ...theme.typography.title3 },\n  title4: { ...theme.typography.title4 },\n  body: { ...theme.typography.body },\n  label: { ...theme.typography.label },\n  caption1: { ...theme.typography.caption1 },\n  caption2: { ...theme.typography.caption2 },\n  // legacy variants\n  \"5xlTitle\": { ...theme.typography[\"5xlTitle\"] },\n  \"4xlTitle\": { ...theme.typography[\"4xlTitle\"] },\n  \"3xlTitle\": { ...theme.typography[\"3xlTitle\"] },\n  xxlTitle: { ...theme.typography.xxlTitle },\n  xlTitle: {},\n  lTitle: { ...theme.typography.lTitle },\n  mTitle: {},\n  sTitle: { ...theme.typography.sTitle },\n  xsTitle: {},\n  xxsTitle: { ...theme.typography.xxsTitle },\n  sectionTitle: {\n    ...theme.typography.sectionTitle,\n    textTransform: \"uppercase\",\n  },\n  highlightText: {},\n  normalText: {},\n  placeholderText: { ...theme.typography.placeholderText },\n  link: {\n    ...theme.typography.link,\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n  },\n  disabledText: { ...theme.typography.disabledText },\n  selectedNavText: { ...theme.typography.selectedNavText },\n  vizText: {},\n  vizTextDisabled: { ...theme.typography.vizTextDisabled },\n  xsInlineLink: { ...theme.typography.xsInlineLink },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,cAAc,gBAAgB;AAAA,EACzE,MAAM;AAAA,IACJ,YAAY,MAAM,WAAW;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,IACR,OAAO,MAAM,OAAO;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,MAAM,OAAO;AAAA,IACpB,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA;AAAA,EAEA,SAAS,EAAE,GAAG,MAAM,WAAW,QAAQ;AAAA,EACvC,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,MAAM,EAAE,GAAG,MAAM,WAAW,KAAK;AAAA,EACjC,OAAO,EAAE,GAAG,MAAM,WAAW,MAAM;AAAA,EACnC,UAAU,EAAE,GAAG,MAAM,WAAW,SAAS;AAAA,EACzC,UAAU,EAAE,GAAG,MAAM,WAAW,SAAS;AAAA;AAAA,EAEzC,YAAY,EAAE,GAAG,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,YAAY,EAAE,GAAG,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,YAAY,EAAE,GAAG,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,UAAU,EAAE,GAAG,MAAM,WAAW,SAAS;AAAA,EACzC,SAAS,CAAC;AAAA,EACV,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,CAAC;AAAA,EACT,QAAQ,EAAE,GAAG,MAAM,WAAW,OAAO;AAAA,EACrC,SAAS,CAAC;AAAA,EACV,UAAU,EAAE,GAAG,MAAM,WAAW,SAAS;AAAA,EACzC,cAAc;AAAA,IACZ,GAAG,MAAM,WAAW;AAAA,IACpB,eAAe;AAAA,EACjB;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,YAAY,CAAC;AAAA,EACb,iBAAiB,EAAE,GAAG,MAAM,WAAW,gBAAgB;AAAA,EACvD,MAAM;AAAA,IACJ,GAAG,MAAM,WAAW;AAAA,IACpB,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAClB;AAAA,EACA,cAAc,EAAE,GAAG,MAAM,WAAW,aAAa;AAAA,EACjD,iBAAiB,EAAE,GAAG,MAAM,WAAW,gBAAgB;AAAA,EACvD,SAAS,CAAC;AAAA,EACV,iBAAiB,EAAE,GAAG,MAAM,WAAW,gBAAgB;AAAA,EACvD,cAAc,EAAE,GAAG,MAAM,WAAW,aAAa;AACnD,CAAC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/Typography/utils.ts"],"sourcesContent":["export const typographyVariants = [\n  \"display\",\n  \"title1\",\n  \"title2\",\n  \"title3\",\n  \"title4\",\n  \"body\",\n  \"label\",\n  \"caption1\",\n  \"caption2\",\n] as const;\n\nexport type HvTypographyVariants = (typeof typographyVariants)[number];\n\n/** @deprecated */\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\ntype Variant = HvTypographyVariants | HvTypographyLegacyVariants;\n\nconst mappableVariants = new Map<Variant, HvTypographyVariants>([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nconst isLegacyVariant = (variant: string) => {\n  return [\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ].includes(variant);\n};\n\nexport const mapVariant = (variant: Variant, theme?: string) => {\n  if (theme === \"ds3\") return variant;\n  const mappedVariant = mappableVariants.get(variant);\n\n  if (import.meta.env.DEV) {\n    /* eslint-disable no-console */\n    const msg = `The typography variant ${variant} is deprecated.`;\n    if (mappedVariant) {\n      console.warn(`${msg} Use ${mappedVariant} instead.`);\n    }\n    if (isLegacyVariant(variant)) {\n      console.warn(msg);\n    }\n  }\n\n  return mappedVariant || variant;\n};\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA6BA,MAAM,uCAAuB,IAAmC;AAAA,EAC9D,CAAC,YAAY,SAAS;AAAA,EACtB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,iBAAiB,OAAO;AAAA,EACzB,CAAC,cAAc,MAAM;AAAA,EACrB,CAAC,WAAW,UAAU;AACxB,CAAC;AA2BY,MAAA,aAAa,CAAC,SAAkB,UAAmB;AAC9D,MAAI,UAAU;AAAc,WAAA;AACtB,QAAA,gBAAgB,iBAAiB,IAAI,OAAO;AAalD,SAAO,iBAAiB;AAC1B;"}

package/dist/esm/VerticalNavigation/Actions/Action.js

@@ -0,0 +1,59 @@
+import { jsxs } from "@emotion/react/jsx-runtime";
+import { useContext, useCallback } from "react";
+import { isKey } from "../../utils/keyboardUtils.js";
+import { setId } from "../../utils/setId.js";
+import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
+import { useClasses } from "./Action.styles.js";
+import { staticClasses } from "./Action.styles.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const HvVerticalNavigationAction = ({
+  className,
+  classes: classesProp,
+  id,
+  label = "",
+  icon,
+  onClick,
+  ...others
+}) => {
+  const { isOpen } = useContext(VerticalNavigationContext);
+  const { classes, cx } = useClasses(classesProp);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (onClick == null || !isKey(event, "Enter") && !isKey(event, "Space")) {
+        return;
+      }
+      onClick(event);
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ jsxs(
+    HvTypography,
+    {
+      id: setId(id, "button"),
+      component: "div",
+      role: "button",
+      className: cx(
+        classes.action,
+        {
+          [classes.noIcon]: !icon,
+          [classes.minimized]: !isOpen
+        },
+        className
+      ),
+      tabIndex: 0,
+      ...!isOpen && { "aria-label": label },
+      onKeyDown: handleKeyDown,
+      onClick,
+      ...others,
+      children: [
+        icon,
+        isOpen && label
+      ]
+    }
+  );
+};
+export {
+  HvVerticalNavigationAction,
+  staticClasses as actionClasses
+};
+//# sourceMappingURL=Action.js.map

package/dist/esm/VerticalNavigation/Actions/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sources":["../../../../src/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { MouseEventHandler, useCallback, useContext } from \"react\";\n\nimport { isKey } from \"../../utils/keyboardUtils\";\nimport { setId } from \"../../utils/setId\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvTypography } from \"../../Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Action.styles\";\n\nexport { staticClasses as actionClasses };\n\nexport type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationActionProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes: classesProp,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={cx(\n        classes.action,\n        {\n          [classes.noIcon]: !icon,\n          [classes.minimized]: !isOpen,\n        },\n        className\n      )}\n      tabIndex={0}\n      {...(!isOpen && { \"aria-label\": label })}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </HvTypography>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0CO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuC;AACrC,QAAM,EAAE,OAAA,IAAW,WAAW,yBAAyB;AAEvD,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAU;AAEP,UAAA,WAAW,QACV,CAAC,MAAM,OAAO,OAAO,KAAK,CAAC,MAAM,OAAO,OAAO,GAChD;AACA;AAAA,MACF;AAEA,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAIR,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,MAAM,IAAI,QAAQ;AAAA,MACtB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,MAAM,GAAG,CAAC;AAAA,UACnB,CAAC,QAAQ,SAAS,GAAG,CAAC;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACT,GAAI,CAAC,UAAU,EAAE,cAAc,MAAM;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/esm/VerticalNavigation/Actions/Action.styles.js

@@ -0,0 +1,45 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { outlineStyles } from "../../utils/focusUtils.js";
+import { createClasses } from "../../utils/classes.js";
+const hover = () => ({
+  background: theme.colors.containerBackgroundHover
+});
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationAction",
+  {
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.colors.secondary,
+      // hover
+      "&:hover": hover(),
+      "&:focus": {
+        outline: "none",
+        ...hover()
+      },
+      "&:focus-visible": {
+        ...outlineStyles
+      },
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
+    },
+    noIcon: {
+      paddingLeft: theme.space.xs
+    },
+    minimized: {
+      justifyContent: "center",
+      paddingRight: 0
+    }
+  }
+);
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Action.styles.js.map

package/dist/esm/VerticalNavigation/Actions/Action.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.styles.js","sources":["../../../../src/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\nimport { createClasses } from \"../../utils/classes\";\n\nconst hover = () => ({\n  background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationAction\",\n  {\n    action: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      height: \"32px\",\n      color: theme.colors.secondary,\n\n      // hover\n      \"&:hover\": hover(),\n\n      \"&:focus\": {\n        outline: \"none\",\n        ...hover(),\n      },\n\n      \"&:focus-visible\": {\n        ...outlineStyles,\n      },\n\n      // cursor\n      cursor: \"pointer\",\n      \"& *\": {\n        cursor: \"pointer\",\n      },\n    },\n    noIcon: {\n      paddingLeft: theme.space.xs,\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n  }\n);\n"],"names":[],"mappings":";;;AAKA,MAAM,QAAQ,OAAO;AAAA,EACnB,YAAY,MAAM,OAAO;AAC3B;AAEa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,OAAO,MAAM,OAAO;AAAA;AAAA,MAGpB,WAAW,MAAM;AAAA,MAEjB,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG,MAAM;AAAA,MACX;AAAA,MAEA,mBAAmB;AAAA,QACjB,GAAG;AAAA,MACL;AAAA;AAAA,MAGA,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,aAAa,MAAM,MAAM;AAAA,IAC3B;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAChB;AAAA,EACF;AACF;"}

package/dist/esm/VerticalNavigation/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as actionsClasses };\n\nexport type HvVerticalNavigationActionsClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface HvVerticalNavigationActionsProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes: classesProp,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.hide]: !isOpen && !useIcons,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgCO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwC;AACtC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,QAAQ,SAAS,IAAI,WAAW,yBAAyB;AAG/D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC;AAAA,QAC9B;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/VerticalNavigation/Actions/Actions.styles.js

@@ -0,0 +1,23 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../utils/classes.js";
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationActions",
+  {
+    root: {
+      display: "block",
+      background: theme.colors.atmo1,
+      marginTop: "auto",
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    hide: {
+      display: "none"
+    }
+  }
+);
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Actions.styles.js.map

package/dist/esm/VerticalNavigation/Actions/Actions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.styles.js","sources":["../../../../src/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationActions\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n      marginTop: \"auto\",\n\n      \"& :not(:last-child)\": {\n        marginBottom: \"8px\",\n      },\n    },\n    hide: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY,MAAM,OAAO;AAAA,MACzB,WAAW;AAAA,MAEX,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/esm/VerticalNavigation/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../src/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvTypography } from \"../../Typography\";\nimport { HvButton, HvButtonProps } from \"../../Button\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as verticalNavigationHeaderClasses };\n\nexport type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes: classesProp,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <div\n      className={cx(classes.root, { [classes.minimized]: !isOpen }, className)}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          onClick={backButtonClickHandler}\n          aria-label=\"Back\"\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <HvButton\n          icon\n          onClick={onCollapseButtonClick}\n          className={classes.collapseButton}\n          classes={{\n            root: isOpen ? \"\" : classes.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </HvButton>\n      )}\n    </div>\n  ) : null;\n};\n"],"names":[],"mappings":";;;;;;;;AAqDO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA,+BAAY,UAAS,EAAA;AAAA,EACrB,gCAAa,WAAU,EAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAuC;AAC/B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,WAAW,yBAAyB;AAExC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,aAAW,CAAC,WAAY,oBAAA,MAAA,CAAA,CAAK,IAAK;AAElC,QAAM,yBAAyB,MAAM;AAC/B,QAAA;AAAiD;EAAA;AAKvD,QAAM,kBAAkB;AAAA,IACtB,MAAM,CAAC,UAAW,UAAU,CAAC,MAAM,QAAQ,UAAU;AAAA,IACrD,CAAC,YAAY,MAAM;AAAA,EAAA;AAGrB,SAAO,kBACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,SAAS,GAAG,CAAC,OAAO,GAAG,SAAS;AAAA,MACtE,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,UAAU,eAAe,UACxB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,SAAS;AAAA,YACT,cAAW;AAAA,YACV,GAAG;AAAA,YAEJ,UAAA,oBAAC,WAAU,EAAA,UAAS,KAAK,CAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,QAED,UACE,oBAAA,cAAA,EAAa,SAAS,SAAS,UAAU,UACvC,UAAA,eAAe,SAAS,cAAc,MACzC,CAAA;AAAA,QAED,yBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,QAAQ;AAAA,YACnB,SAAS;AAAA,cACP,MAAM,SAAS,KAAK,QAAQ;AAAA,YAC9B;AAAA,YACC,GAAG;AAAA,YAEH,mBAAS,YAAY;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGF,IAAA;AACN;"}

package/dist/esm/VerticalNavigation/Header/Header.styles.js

@@ -0,0 +1,27 @@
+import { createClasses } from "../../utils/classes.js";
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigationHeader",
+  {
+    root: {
+      width: "100%",
+      display: "flex",
+      marginTop: "12px",
+      alignItems: "center"
+    },
+    minimized: {
+      justifyContent: "center",
+      paddingRight: 0
+    },
+    collapseButton: {
+      marginLeft: "auto",
+      "&$minimized": {
+        marginLeft: 0
+      }
+    }
+  }
+);
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Header.styles.js.map

package/dist/esm/VerticalNavigation/Header/Header.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.js","sources":["../../../../src/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationHeader\",\n  {\n    root: {\n      width: \"100%\",\n      display: \"flex\",\n      marginTop: \"12px\",\n      alignItems: \"center\",\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n    collapseButton: {\n      marginLeft: \"auto\",\n      \"&$minimized\": {\n        marginLeft: 0,\n      },\n    },\n  }\n);\n"],"names":[],"mappings":";AAEa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAChB;AAAA,IACA,gBAAgB;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,QACb,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;"}