@siemens/ix-react 2.7.0 → 3.0.0-alpha.1

package/dist/index.js.map

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

package/dist/internal-components.js

@@ -0,0 +1,13 @@
+"use client";
+import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application-sidebar.js';
+import { defineCustomElement } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-menu-expand-icon.js';
+import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-date-time-card.js';
+import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-modal-loading.js';
+
+defineCustomElement();
+defineCustomElement$1();
+defineCustomElement$2();
+defineCustomElement$3();
+defineCustomElement$4();
+//# sourceMappingURL=internal-components.js.map

package/dist/internal-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-components.js","sources":["../src/internal-components.ts"],"sourcesContent":["'use client';\n\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';\nimport { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\n\ndefineIxApplicationSwitchModal();\ndefineIxApplicationSidebar();\ndefineIxDateTimeCard();\ndefineIxBurgerMenu();\ndefineIxModalLoading();\n"],"names":["defineIxApplicationSwitchModal","defineIxApplicationSidebar","defineIxDateTimeCard","defineIxBurgerMenu","defineIxModalLoading"],"mappings":";;;;;;;AAgBAA;AACAC;AACAC;AACAC;AACAC"}

package/dist/ix-icon.js

@@ -0,0 +1,15 @@
+"use client";
+import { IxIcon as IxIcon$1, defineCustomElement } from '@siemens/ix-icons/components/ix-icon.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxIcon = 
+/*@__PURE__*/ createComponent({
+    tagName: 'ix-icon',
+    elementClass: IxIcon$1,
+    react: React,
+    defineCustomElement: defineCustomElement,
+});
+
+export { IxIcon };
+//# sourceMappingURL=ix-icon.js.map

package/dist/ix-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/* eslint-disable */\nimport {\n  IxIcon as IxIconElement,\n  defineCustomElement as defineIxIcon,\n} from '@siemens/ix-icons/components/ix-icon.js';\nimport {\n  createComponent,\n  StencilReactComponent,\n} from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\nexport const IxIcon: StencilReactComponent<IxIconElement> =\n  /*@__PURE__*/ createComponent<IxIconElement>({\n    tagName: 'ix-icon',\n    elementClass: IxIconElement,\n    react: React,\n    defineCustomElement: defineIxIcon,\n  });\n"],"names":[],"mappings":";;;;;;AAsBE;AACE;AACA;AACA;AACA;AACD;;"}

package/dist/modal/index.js

@@ -0,0 +1,17 @@
+import { showModal as showModal$1 } from '@siemens/ix';
+export { Modal } from './modal.js';
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+async function showModal(config) {
+    return showModal$1(config);
+}
+
+export { showModal };
+//# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n} from '@siemens/ix';\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n"],"names":["_showModal"],"mappings":";;;AAAA;;;;;;;AAOG;AAYI,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC,CAAC;AAC5B;;;;"}

package/dist/modal/modal.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React, { useRef, useImperativeHandle } from 'react';
+import IxModal from '../components/IxModal.js';
+
+const Modal = React.forwardRef((props, ref) => {
+    const wrapperRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        close(result) {
+            wrapperRef.current?.closeModal(result);
+        },
+        dismiss(result) {
+            wrapperRef.current?.dismissModal(result);
+        },
+        modalElement: null,
+    }));
+    return jsx(IxModal, { ref: wrapperRef, children: props.children });
+});
+
+export { Modal };
+//# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React, { useImperativeHandle, useRef } from 'react';\nimport IxModal from '../components/IxModal';\n\nexport interface ModalRef {\n  close: <T = any>(result: T) => void;\n  dismiss: <T = any>(result?: T) => void;\n  modalElement: HTMLIxModalElement | null;\n}\n\nexport const Modal = React.forwardRef<ModalRef, React.PropsWithChildren>(\n  (props, ref) => {\n    const wrapperRef = useRef<HTMLIxModalElement | null>(null);\n\n    useImperativeHandle(ref, () => ({\n      close(result: unknown) {\n        wrapperRef.current?.closeModal(result);\n      },\n      dismiss(result?: unknown) {\n        wrapperRef.current?.dismissModal(result);\n      },\n      modalElement: null,\n    }));\n\n    return <IxModal ref={wrapperRef}>{props.children}</IxModal>;\n  }\n);\n"],"names":[],"mappings":";;;;;AAkBO;AAEH;AAEA;AACE;AACE;;AAEF;AACE;;AAEF;AACD;;AAGH;;"}

package/dist/modal/portal.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import ReactDOM from 'react-dom';
+
+const PORTAL_ID = 'ix-portal';
+const IxOverlay = (props) => {
+    const [portalRef, setPortalRef] = useState(null);
+    const resolveElementRef = useRef({});
+    const viewRefs = useRef({});
+    const [views, setViews] = useState({});
+    useEffect(() => {
+        const addOverlay = (id, view) => {
+            const _views = { ...viewRefs.current };
+            _views[id] = view;
+            setViews(_views);
+            viewRefs.current = _views;
+        };
+        const removeOverlay = (id) => {
+            const _views = { ...viewRefs.current };
+            delete _views[id];
+            setViews(_views);
+            viewRefs.current = _views;
+        };
+        props.delegate.attachViewToPortal = async (id, view) => {
+            addOverlay(id, view);
+            return new Promise((resolve) => {
+                const r = { ...resolveElementRef.current };
+                r[id] = resolve;
+                resolveElementRef.current = r;
+            });
+        };
+        props.delegate.removeViewFromPortal = async (id) => {
+            removeOverlay(id);
+        };
+        props.delegate.portalReady();
+    }, []);
+    useLayoutEffect(() => {
+        const portalRef = document.querySelector(`#${PORTAL_ID}`);
+        if (portalRef) {
+            setPortalRef(portalRef);
+        }
+    }, []);
+    useLayoutEffect(() => {
+        Object.keys(views).forEach((key) => {
+            const resolveQueue = { ...resolveElementRef.current };
+            const element = document.querySelector(`[data-portal-id="${key}"]`);
+            if (element && element.children.length === 1 && resolveQueue[key]) {
+                const view = element.children[0];
+                resolveQueue[key](view);
+            }
+        });
+    }, [views]);
+    if (!portalRef) {
+        return null;
+    }
+    return (jsx(Fragment, { children: Object.keys(views).map((key) => {
+            const RenderView = views[key];
+            return ReactDOM.createPortal(jsx("div", { "data-portal-id": key, style: { display: 'contents ' }, children: RenderView }), portalRef, key);
+        }) }));
+};
+
+export { IxOverlay, PORTAL_ID };
+//# sourceMappingURL=portal.js.map

package/dist/modal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sources":["../../src/modal/portal.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { ReactFrameworkDelegate } from '../delegate';\n\nexport const PORTAL_ID = 'ix-portal';\n\nexport const IxOverlay = (props: { delegate: ReactFrameworkDelegate }) => {\n  const [portalRef, setPortalRef] = useState<Element | null>(null);\n\n  const resolveElementRef = useRef<\n    Record<string, (value: Element | PromiseLike<Element>) => void>\n  >({});\n\n  const viewRefs = useRef<Record<string, any>>({});\n  const [views, setViews] = useState<Record<string, any>>({});\n\n  useEffect(() => {\n    const addOverlay = (id: string, view: any) => {\n      const _views = { ...viewRefs.current };\n      _views[id] = view;\n      setViews(_views);\n      viewRefs.current = _views;\n    };\n\n    const removeOverlay = (id: string) => {\n      const _views = { ...viewRefs.current };\n      delete _views[id];\n      setViews(_views);\n      viewRefs.current = _views;\n    };\n\n    props.delegate.attachViewToPortal = async (id, view) => {\n      addOverlay(id, view);\n      return new Promise<Element>((resolve) => {\n        const r = { ...resolveElementRef.current };\n        r[id] = resolve;\n        resolveElementRef.current = r;\n      });\n    };\n\n    props.delegate.removeViewFromPortal = async (id: string) => {\n      removeOverlay(id);\n    };\n\n    props.delegate.portalReady();\n  }, []);\n\n  useLayoutEffect(() => {\n    const portalRef = document.querySelector(`#${PORTAL_ID}`);\n    if (portalRef) {\n      setPortalRef(portalRef);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    Object.keys(views).forEach((key) => {\n      const resolveQueue = { ...resolveElementRef.current };\n      const element = document.querySelector(`[data-portal-id=\"${key}\"]`);\n      if (element && element.children.length === 1 && resolveQueue[key]) {\n        const view = element.children[0];\n        resolveQueue[key](view);\n      }\n    });\n  }, [views]);\n\n  if (!portalRef) {\n    return null;\n  }\n\n  return (\n    <>\n      {Object.keys(views).map((key) => {\n        const RenderView = views[key];\n        return ReactDOM.createPortal(\n          <div data-portal-id={key} style={{ display: 'contents ' }}>\n            {RenderView}\n          </div>,\n          portalRef,\n          key\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAcO;AAEM;;AAGX;AAIA;;;AAIE;;AAEE;;AAEA;AACF;AAEA;;AAEE;;AAEA;AACF;;AAGE;AACA;;AAEE;AACA;AACF;AACF;;;AAIA;AAEA;;;;;;;;;;;;AAcE;;AAEE;;AAEJ;AACF;;AAGE;;AAGF;AAGM;;;AAWR;;"}

package/dist/toast/toast.js

@@ -0,0 +1,30 @@
+"use client";
+import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement } from '@siemens/ix/components/ix-toast.js';
+import { toast } from '@siemens/ix';
+import ReactDOMClient from 'react-dom/client';
+
+async function showToast(config) {
+    // Define custom element, otherwise dynamic creation of toast container will fail
+    defineCustomElement();
+    defineCustomElement$1();
+    if (typeof config.message === 'string') {
+        const toastInstance = await toast(config);
+        return toastInstance;
+    }
+    const node = config.message;
+    const toastContainer = document.createElement('DIV');
+    const root = ReactDOMClient.createRoot(toastContainer);
+    root.render(node);
+    const toastInstance = await toast({
+        ...config,
+        message: toastContainer,
+    });
+    toastInstance.onClose.once(() => {
+        root.unmount();
+    });
+    return toastInstance;
+}
+
+export { showToast };
+//# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../src/toast/toast.ts"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { defineCustomElement as defineToastContainer } from '@siemens/ix/components/ix-toast-container.js';\nimport { defineCustomElement as defineToast } from '@siemens/ix/components/ix-toast.js';\n\nimport { toast, ToastConfig as IxToastConfig } from '@siemens/ix';\nimport ReactDOMClient from 'react-dom/client';\n\nexport type ToastConfig = {\n  message: string | React.ReactNode;\n};\n\nexport async function showToast(\n  config: Omit<IxToastConfig, 'message'> & ToastConfig\n) {\n  // Define custom element, otherwise dynamic creation of toast container will fail\n  defineToast();\n  defineToastContainer();\n\n  if (typeof config.message === 'string') {\n    const toastInstance = await toast(config as IxToastConfig);\n    return toastInstance;\n  }\n\n  const node = config.message as React.ReactNode;\n  const toastContainer = document.createElement('DIV');\n  const root = ReactDOMClient.createRoot(toastContainer);\n  root.render(node);\n\n  const toastInstance = await toast({\n    ...config,\n    message: toastContainer,\n  });\n\n  toastInstance.onClose.once(() => {\n    root.unmount();\n  });\n\n  return toastInstance;\n}\n"],"names":[],"mappings":";;;;;;AAmBO;;AAIL;AACA;AAEA;AACE;AACA;;AAGF;;;AAGA;AAEA;AACE;AACA;AACD;AAED;;AAEA;AAEA;AACF;;"}

package/dist/tree/internal-tree.js

@@ -0,0 +1,21 @@
+"use client";
+import { IxTree, defineCustomElement } from '@siemens/ix/components/ix-tree.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const InternalIxTree = 
+/*@__PURE__*/ createComponent({
+    tagName: 'ix-tree',
+    elementClass: IxTree,
+    react: React,
+    events: {
+        onContextChange: 'contextChange',
+        onNodeToggled: 'nodeToggled',
+        onNodeClicked: 'nodeClicked',
+        onNodeRemoved: 'nodeRemoved',
+    },
+    defineCustomElement: defineCustomElement,
+});
+
+export { InternalIxTree as default };
+//# sourceMappingURL=internal-tree.js.map

package/dist/tree/internal-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-tree.js","sources":["../../src/tree/internal-tree.tsx"],"sourcesContent":["'use client';\n/* eslint-disable */\n\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { type IxTreeCustomEvent, type TreeContext } from '@siemens/ix';\nimport {\n  IxTree as IxTreeElement,\n  defineCustomElement as defineIxTree,\n} from '@siemens/ix/components/ix-tree.js';\nimport {\n  createComponent,\n  type EventName,\n  type StencilReactComponent,\n} from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxTreeEvents = {\n  onContextChange: EventName<IxTreeCustomEvent<TreeContext>>;\n  onNodeToggled: EventName<CustomEvent<{ id: string; isExpaned: boolean }>>;\n  onNodeClicked: EventName<CustomEvent<string>>;\n  onNodeRemoved: EventName<CustomEvent<any>>;\n};\n\nconst InternalIxTree: StencilReactComponent<IxTreeElement, IxTreeEvents> =\n  /*@__PURE__*/ createComponent<IxTreeElement, IxTreeEvents>({\n    tagName: 'ix-tree',\n    elementClass: IxTreeElement,\n    react: React,\n    events: {\n      onContextChange: 'contextChange',\n      onNodeToggled: 'nodeToggled',\n      onNodeClicked: 'nodeClicked',\n      onNodeRemoved: 'nodeRemoved',\n    } as IxTreeEvents,\n    defineCustomElement: defineIxTree,\n  });\n\nexport default InternalIxTree;\n"],"names":[],"mappings":";;;;;AA+BA;AACE;AACE;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACe;AACjB;AACD;;"}

package/dist/tree/tree.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback } from 'react';
+import ReactDOMClient from 'react-dom/client';
+import InternalIxTree from './internal-tree.js';
+
+const IxTree = (props) => {
+    const cachedRootNodes = useRef(new Map());
+    const renderItem = useCallback((_, data, __, context, update) => {
+        const treeItem = document.createElement('ix-tree-item');
+        treeItem.hasChildren = data.hasChildren;
+        treeItem.context = context[data.id];
+        update((itemData, context) => {
+            treeItem.context = context[itemData.id];
+            treeItem.hasChildren = itemData.hasChildren;
+        });
+        const container = document.createElement('DIV');
+        const rootNode = ReactDOMClient.createRoot(container);
+        if (props.renderItem) {
+            rootNode.render(props.renderItem(data.data));
+        }
+        treeItem.appendChild(container);
+        cachedRootNodes.current.set(treeItem, rootNode);
+        return treeItem;
+    }, []);
+    return (jsx(InternalIxTree, { ...props, renderItem: props.renderItem ? renderItem : undefined, onNodeRemoved: (removed) => {
+            const { detail } = removed;
+            detail.forEach((removedItemElement) => {
+                if (cachedRootNodes.current.has(removedItemElement)) {
+                    cachedRootNodes.current.get(removedItemElement)?.unmount();
+                    cachedRootNodes.current.delete(removedItemElement);
+                }
+            });
+        } }));
+};
+
+export { IxTree, IxTree as default };
+//# sourceMappingURL=tree.js.map

package/dist/tree/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sources":["../../src/tree/tree.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { type TreeContext, UpdateCallback } from '@siemens/ix';\nimport React, { useCallback, useRef } from 'react';\nimport ReactDOM, { Root } from 'react-dom/client';\nimport InternalIxTree from './internal-tree';\n\ntype ExtractProps<TComponentOrTProps> =\n  TComponentOrTProps extends React.ComponentType<infer TProps>\n    ? TProps\n    : TComponentOrTProps;\n\ntype IxTreeProps = ExtractProps<typeof InternalIxTree> & {\n  renderItem?: (data: any) => React.ReactNode;\n};\n\nexport const IxTree = (props: IxTreeProps) => {\n  const cachedRootNodes = useRef<Map<HTMLElement, Root>>(new Map());\n\n  const renderItem = useCallback(\n    (\n      _: number,\n      data: any,\n      __: any[],\n      context: TreeContext,\n      update: (callback: UpdateCallback) => void\n    ) => {\n      const treeItem = document.createElement('ix-tree-item');\n      treeItem.hasChildren = data.hasChildren;\n      treeItem.context = context[data.id];\n\n      update((itemData, context) => {\n        treeItem.context = context[itemData.id];\n        treeItem.hasChildren = itemData.hasChildren;\n      });\n\n      const container = document.createElement('DIV');\n      const rootNode = ReactDOM.createRoot(container);\n      if (props.renderItem) {\n        rootNode.render(props.renderItem(data.data));\n      }\n\n      treeItem.appendChild(container);\n      cachedRootNodes.current.set(treeItem, rootNode);\n\n      return treeItem;\n    },\n    []\n  );\n\n  return (\n    <InternalIxTree\n      {...props}\n      renderItem={props.renderItem ? renderItem : undefined}\n      onNodeRemoved={(removed: CustomEvent<any[]>) => {\n        const { detail } = removed;\n\n        detail.forEach((removedItemElement) => {\n          if (cachedRootNodes.current.has(removedItemElement)) {\n            cachedRootNodes.current.get(removedItemElement)?.unmount();\n            cachedRootNodes.current.delete(removedItemElement);\n          }\n        });\n      }}\n    ></InternalIxTree>\n  );\n};\n\nexport default IxTree;\n"],"names":[],"mappings":";;;;;;AAwBa;;AAGX;;AASI;;AAGA;;AAEE;AACF;;;AAIA;AACE;;AAGF;;AAGA;;;AAUE;AAEA;;;AAGI;;AAEJ;;AAIR;;"}

package/dist/types/components/IxActionCard.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxActionCard as IxActionCardElement } from "@siemens/ix/components/ix-action-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxActionCardEvents = NonNullable<unknown>;
+declare const IxActionCard: StencilReactComponent<IxActionCardElement, IxActionCardEvents>;
+export default IxActionCard;

package/dist/types/components/IxApplication.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxApplication as IxApplicationElement } from "@siemens/ix/components/ix-application.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxApplicationEvents = NonNullable<unknown>;
+declare const IxApplication: StencilReactComponent<IxApplicationElement, IxApplicationEvents>;
+export default IxApplication;

package/dist/types/components/IxApplicationHeader.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxApplicationHeader as IxApplicationHeaderElement } from "@siemens/ix/components/ix-application-header.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxApplicationHeaderEvents = {
+    onMenuToggle: EventName<CustomEvent<boolean>>;
+    onOpenAppSwitch: EventName<CustomEvent<void>>;
+};
+declare const IxApplicationHeader: StencilReactComponent<IxApplicationHeaderElement, IxApplicationHeaderEvents>;
+export default IxApplicationHeader;

package/dist/types/components/IxAvatar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxAvatar as IxAvatarElement } from "@siemens/ix/components/ix-avatar.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxAvatarEvents = NonNullable<unknown>;
+declare const IxAvatar: StencilReactComponent<IxAvatarElement, IxAvatarEvents>;
+export default IxAvatar;

package/dist/types/components/IxBasicNavigation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxBasicNavigation as IxBasicNavigationElement } from "@siemens/ix/components/ix-basic-navigation.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxBasicNavigationEvents = NonNullable<unknown>;
+declare const IxBasicNavigation: StencilReactComponent<IxBasicNavigationElement, IxBasicNavigationEvents>;
+export default IxBasicNavigation;

package/dist/types/components/IxBlind.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxBlind as IxBlindElement } from "@siemens/ix/components/ix-blind.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxBlindEvents = {
+    onCollapsedChange: EventName<CustomEvent<boolean>>;
+};
+declare const IxBlind: StencilReactComponent<IxBlindElement, IxBlindEvents>;
+export default IxBlind;

package/dist/types/components/IxBreadcrumb.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type IxBreadcrumbCustomEvent } from "@siemens/ix";
+import { IxBreadcrumb as IxBreadcrumbElement } from "@siemens/ix/components/ix-breadcrumb.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxBreadcrumbEvents = {
+    onItemClick: EventName<CustomEvent<string>>;
+    onNextClick: EventName<IxBreadcrumbCustomEvent<{
+        event: UIEvent;
+        item: string;
+    }>>;
+};
+declare const IxBreadcrumb: StencilReactComponent<IxBreadcrumbElement, IxBreadcrumbEvents>;
+export default IxBreadcrumb;

package/dist/types/components/IxBreadcrumbItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxBreadcrumbItem as IxBreadcrumbItemElement } from "@siemens/ix/components/ix-breadcrumb-item.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxBreadcrumbItemEvents = NonNullable<unknown>;
+declare const IxBreadcrumbItem: StencilReactComponent<IxBreadcrumbItemElement, IxBreadcrumbItemEvents>;
+export default IxBreadcrumbItem;

package/dist/types/components/IxButton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxButton as IxButtonElement } from "@siemens/ix/components/ix-button.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxButtonEvents = NonNullable<unknown>;
+declare const IxButton: StencilReactComponent<IxButtonElement, IxButtonEvents>;
+export default IxButton;

package/dist/types/components/IxCard.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCard as IxCardElement } from "@siemens/ix/components/ix-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCardEvents = NonNullable<unknown>;
+declare const IxCard: StencilReactComponent<IxCardElement, IxCardEvents>;
+export default IxCard;

package/dist/types/components/IxCardAccordion.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCardAccordion as IxCardAccordionElement } from "@siemens/ix/components/ix-card-accordion.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCardAccordionEvents = NonNullable<unknown>;
+declare const IxCardAccordion: StencilReactComponent<IxCardAccordionElement, IxCardAccordionEvents>;
+export default IxCardAccordion;

package/dist/types/components/IxCardContent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCardContent as IxCardContentElement } from "@siemens/ix/components/ix-card-content.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCardContentEvents = NonNullable<unknown>;
+declare const IxCardContent: StencilReactComponent<IxCardContentElement, IxCardContentEvents>;
+export default IxCardContent;

package/dist/types/components/IxCardList.d.ts

@@ -0,0 +1,18 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type IxCardListCustomEvent } from "@siemens/ix";
+import { IxCardList as IxCardListElement } from "@siemens/ix/components/ix-card-list.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCardListEvents = {
+    onCollapseChanged: EventName<CustomEvent<boolean>>;
+    onShowAllClick: EventName<IxCardListCustomEvent<{
+        nativeEvent: MouseEvent;
+    }>>;
+    onShowMoreCardClick: EventName<IxCardListCustomEvent<{
+        nativeEvent: MouseEvent;
+    }>>;
+};
+declare const IxCardList: StencilReactComponent<IxCardListElement, IxCardListEvents>;
+export default IxCardList;

package/dist/types/components/IxCardTitle.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCardTitle as IxCardTitleElement } from "@siemens/ix/components/ix-card-title.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCardTitleEvents = NonNullable<unknown>;
+declare const IxCardTitle: StencilReactComponent<IxCardTitleElement, IxCardTitleEvents>;
+export default IxCardTitle;

package/dist/types/components/IxCategoryFilter.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type FilterState, type InputState, type IxCategoryFilterCustomEvent } from "@siemens/ix";
+import { IxCategoryFilter as IxCategoryFilterElement } from "@siemens/ix/components/ix-category-filter.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCategoryFilterEvents = {
+    onCategoryChanged: EventName<CustomEvent<string>>;
+    onInputChanged: EventName<IxCategoryFilterCustomEvent<InputState>>;
+    onFilterChanged: EventName<IxCategoryFilterCustomEvent<FilterState>>;
+    onFilterCleared: EventName<CustomEvent<void>>;
+};
+declare const IxCategoryFilter: StencilReactComponent<IxCategoryFilterElement, IxCategoryFilterEvents>;
+export default IxCategoryFilter;

package/dist/types/components/IxCheckbox.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCheckbox as IxCheckboxElement } from "@siemens/ix/components/ix-checkbox.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCheckboxEvents = {
+    onCheckedChange: EventName<CustomEvent<boolean>>;
+    onValueChange: EventName<CustomEvent<string>>;
+};
+declare const IxCheckbox: StencilReactComponent<IxCheckboxElement, IxCheckboxEvents>;
+export default IxCheckbox;

package/dist/types/components/IxCheckboxGroup.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCheckboxGroup as IxCheckboxGroupElement } from "@siemens/ix/components/ix-checkbox-group.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCheckboxGroupEvents = NonNullable<unknown>;
+declare const IxCheckboxGroup: StencilReactComponent<IxCheckboxGroupElement, IxCheckboxGroupEvents>;
+export default IxCheckboxGroup;

package/dist/types/components/IxChip.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxChip as IxChipElement } from "@siemens/ix/components/ix-chip.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxChipEvents = {
+    onCloseChip: EventName<CustomEvent<any>>;
+};
+declare const IxChip: StencilReactComponent<IxChipElement, IxChipEvents>;
+export default IxChip;

package/dist/types/components/IxCol.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCol as IxColElement } from "@siemens/ix/components/ix-col.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxColEvents = NonNullable<unknown>;
+declare const IxCol: StencilReactComponent<IxColElement, IxColEvents>;
+export default IxCol;

package/dist/types/components/IxContent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxContent as IxContentElement } from "@siemens/ix/components/ix-content.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxContentEvents = NonNullable<unknown>;
+declare const IxContent: StencilReactComponent<IxContentElement, IxContentEvents>;
+export default IxContent;

package/dist/types/components/IxContentHeader.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxContentHeader as IxContentHeaderElement } from "@siemens/ix/components/ix-content-header.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxContentHeaderEvents = {
+    onBackButtonClick: EventName<CustomEvent<void>>;
+};
+declare const IxContentHeader: StencilReactComponent<IxContentHeaderElement, IxContentHeaderEvents>;
+export default IxContentHeader;

package/dist/types/components/IxCustomField.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxCustomField as IxCustomFieldElement } from "@siemens/ix/components/ix-custom-field.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxCustomFieldEvents = NonNullable<unknown>;
+declare const IxCustomField: StencilReactComponent<IxCustomFieldElement, IxCustomFieldEvents>;
+export default IxCustomField;

package/dist/types/components/IxDateDropdown.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type DateRangeChangeEvent, type IxDateDropdownCustomEvent } from "@siemens/ix";
+import { IxDateDropdown as IxDateDropdownElement } from "@siemens/ix/components/ix-date-dropdown.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxDateDropdownEvents = {
+    onDateRangeChange: EventName<IxDateDropdownCustomEvent<DateRangeChangeEvent>>;
+};
+declare const IxDateDropdown: StencilReactComponent<IxDateDropdownElement, IxDateDropdownEvents>;
+export default IxDateDropdown;

package/dist/types/components/IxDateInput.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type DateInputValidityState, type IxDateInputCustomEvent } from "@siemens/ix";
+import { IxDateInput as IxDateInputElement } from "@siemens/ix/components/ix-date-input.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxDateInputEvents = {
+    onValueChange: EventName<CustomEvent<string | undefined>>;
+    onValidityStateChange: EventName<IxDateInputCustomEvent<DateInputValidityState>>;
+};
+declare const IxDateInput: StencilReactComponent<IxDateInputElement, IxDateInputEvents>;
+export default IxDateInput;

package/dist/types/components/IxDatePicker.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type DateChangeEvent, type IxDatePickerCustomEvent } from "@siemens/ix";
+import { IxDatePicker as IxDatePickerElement } from "@siemens/ix/components/ix-date-picker.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxDatePickerEvents = {
+    onDateChange: EventName<IxDatePickerCustomEvent<DateChangeEvent>>;
+    onDateRangeChange: EventName<IxDatePickerCustomEvent<DateChangeEvent>>;
+    onDateSelect: EventName<IxDatePickerCustomEvent<DateChangeEvent>>;
+};
+declare const IxDatePicker: StencilReactComponent<IxDatePickerElement, IxDatePickerEvents>;
+export default IxDatePicker;

package/dist/types/components/IxDatetimePicker.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type DateTimeDateChangeEvent, type DateTimeSelectEvent, type IxDatetimePickerCustomEvent } from "@siemens/ix";
+import { IxDatetimePicker as IxDatetimePickerElement } from "@siemens/ix/components/ix-datetime-picker.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxDatetimePickerEvents = {
+    onTimeChange: EventName<CustomEvent<string>>;
+    onDateChange: EventName<IxDatetimePickerCustomEvent<DateTimeDateChangeEvent>>;
+    onDateSelect: EventName<IxDatetimePickerCustomEvent<DateTimeSelectEvent>>;
+};
+declare const IxDatetimePicker: StencilReactComponent<IxDatetimePickerElement, IxDatetimePickerEvents>;
+export default IxDatetimePicker;