@chiralkit/design-system 0.1.0-alpha.0

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@chiralkit/design-system",
+  "version": "0.1.0-alpha.0",
+  "license": "MIT",
+  "description": "Componentes Stencil del design system de chiralkit",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2017": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/chiralkit-ds/chiralkit-ds.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js",
+      "types": "./loader/index.d.ts"
+    },
+    "./react": {
+      "import": "./react/components.ts",
+      "types": "./react/components.ts"
+    },
+    "./docs.json": "./docs.json",
+    "./dist/*": "./dist/*",
+    "./css": "./dist/chiralkit-ds/chiralkit-ds.css",
+    "./layouts/app-shell.css": "./dist/layouts/app-shell.css"
+  },
+  "files": [
+    "dist/",
+    "loader/",
+    "react/",
+    "docs.json"
+  ],
+  "dependencies": {
+    "@stencil/core": "^4.22.0",
+    "@chiralkit/tokens": "0.1.0-alpha.0"
+  },
+  "devDependencies": {
+    "@axe-core/puppeteer": "^4.10.0",
+    "@stencil/react-output-target": "^0.7.1",
+    "@types/jest": "^29.5.0",
+    "@types/puppeteer": "^7.0.4",
+    "@types/react": "^19.0.0",
+    "axe-core": "^4.10.0",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "puppeteer": "^23.0.0",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "stencil build && node scripts/copy-layouts.mjs && node scripts/split-react-wrappers.mjs",
+    "dev": "stencil build --watch",
+    "test": "stencil test --spec --e2e",
+    "test:layouts": "node --test src/layouts/app-shell/app-shell.test.mjs",
+    "clean": "rm -rf dist loader www react src/components.d.ts"
+  }
+}

package/react/components/ds-badge.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsBadge as DsBadgeElement, defineCustomElement as defineDsBadge } from "@chiralkit/design-system/dist/components/ds-badge.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsBadgeEvents = NonNullable<unknown>;
+
+export const DsBadge: StencilReactComponent<DsBadgeElement, DsBadgeEvents> = /*@__PURE__*/ createComponent<DsBadgeElement, DsBadgeEvents>({
+    tagName: 'ds-badge',
+    elementClass: DsBadgeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsBadgeEvents,
+    defineCustomElement: defineDsBadge
+});

package/react/components/ds-button.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsButton as DsButtonElement, defineCustomElement as defineDsButton } from "@chiralkit/design-system/dist/components/ds-button.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsButtonEvents = NonNullable<unknown>;
+
+export const DsButton: StencilReactComponent<DsButtonElement, DsButtonEvents> = /*@__PURE__*/ createComponent<DsButtonElement, DsButtonEvents>({
+    tagName: 'ds-button',
+    elementClass: DsButtonElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsButtonEvents,
+    defineCustomElement: defineDsButton
+});

package/react/components/ds-card.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsCard as DsCardElement, defineCustomElement as defineDsCard } from "@chiralkit/design-system/dist/components/ds-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsCardEvents = NonNullable<unknown>;
+
+export const DsCard: StencilReactComponent<DsCardElement, DsCardEvents> = /*@__PURE__*/ createComponent<DsCardElement, DsCardEvents>({
+    tagName: 'ds-card',
+    elementClass: DsCardElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsCardEvents,
+    defineCustomElement: defineDsCard
+});

package/react/components/ds-checkbox.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsCheckbox as DsCheckboxElement, defineCustomElement as defineDsCheckbox } from "@chiralkit/design-system/dist/components/ds-checkbox.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsCheckboxEvents = { onDsChange: EventName<CustomEvent<boolean>> };
+
+export const DsCheckbox: StencilReactComponent<DsCheckboxElement, DsCheckboxEvents> = /*@__PURE__*/ createComponent<DsCheckboxElement, DsCheckboxEvents>({
+    tagName: 'ds-checkbox',
+    elementClass: DsCheckboxElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsCheckboxEvents,
+    defineCustomElement: defineDsCheckbox
+});

package/react/components/ds-code-block.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsCodeBlock as DsCodeBlockElement, defineCustomElement as defineDsCodeBlock } from "@chiralkit/design-system/dist/components/ds-code-block.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsCodeBlockEvents = NonNullable<unknown>;
+
+export const DsCodeBlock: StencilReactComponent<DsCodeBlockElement, DsCodeBlockEvents> = /*@__PURE__*/ createComponent<DsCodeBlockElement, DsCodeBlockEvents>({
+    tagName: 'ds-code-block',
+    elementClass: DsCodeBlockElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsCodeBlockEvents,
+    defineCustomElement: defineDsCodeBlock
+});

package/react/components/ds-dialog.tsx

@@ -0,0 +1,31 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsDialog as DsDialogElement, defineCustomElement as defineDsDialog } from "@chiralkit/design-system/dist/components/ds-dialog.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsDialogEvents = {
+    onDsOpen: EventName<CustomEvent<void>>,
+    onDsClose: EventName<CustomEvent<void>>
+};
+
+export const DsDialog: StencilReactComponent<DsDialogElement, DsDialogEvents> = /*@__PURE__*/ createComponent<DsDialogElement, DsDialogEvents>({
+    tagName: 'ds-dialog',
+    elementClass: DsDialogElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onDsOpen: 'dsOpen',
+        onDsClose: 'dsClose'
+    } as DsDialogEvents,
+    defineCustomElement: defineDsDialog
+});

package/react/components/ds-input.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@chiralkit/design-system/dist/components/ds-input.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsInputEvents = { onDsInput: EventName<CustomEvent<string>> };
+
+export const DsInput: StencilReactComponent<DsInputElement, DsInputEvents> = /*@__PURE__*/ createComponent<DsInputElement, DsInputEvents>({
+    tagName: 'ds-input',
+    elementClass: DsInputElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsInput: 'dsInput' } as DsInputEvents,
+    defineCustomElement: defineDsInput
+});

package/react/components/ds-loader.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsLoader as DsLoaderElement, defineCustomElement as defineDsLoader } from "@chiralkit/design-system/dist/components/ds-loader.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsLoaderEvents = NonNullable<unknown>;
+
+export const DsLoader: StencilReactComponent<DsLoaderElement, DsLoaderEvents> = /*@__PURE__*/ createComponent<DsLoaderElement, DsLoaderEvents>({
+    tagName: 'ds-loader',
+    elementClass: DsLoaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsLoaderEvents,
+    defineCustomElement: defineDsLoader
+});

package/react/components/ds-select.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsSelect as DsSelectElement, defineCustomElement as defineDsSelect } from "@chiralkit/design-system/dist/components/ds-select.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsSelectEvents = { onDsChange: EventName<CustomEvent<string>> };
+
+export const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents> = /*@__PURE__*/ createComponent<DsSelectElement, DsSelectEvents>({
+    tagName: 'ds-select',
+    elementClass: DsSelectElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsSelectEvents,
+    defineCustomElement: defineDsSelect
+});

package/react/components/ds-tabs.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsTabs as DsTabsElement, defineCustomElement as defineDsTabs } from "@chiralkit/design-system/dist/components/ds-tabs.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsTabsEvents = { onDsChange: EventName<CustomEvent<string>> };
+
+export const DsTabs: StencilReactComponent<DsTabsElement, DsTabsEvents> = /*@__PURE__*/ createComponent<DsTabsElement, DsTabsEvents>({
+    tagName: 'ds-tabs',
+    elementClass: DsTabsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsTabsEvents,
+    defineCustomElement: defineDsTabs
+});

package/react/components/ds-textarea.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsTextarea as DsTextareaElement, defineCustomElement as defineDsTextarea } from "@chiralkit/design-system/dist/components/ds-textarea.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsTextareaEvents = { onDsInput: EventName<CustomEvent<string>> };
+
+export const DsTextarea: StencilReactComponent<DsTextareaElement, DsTextareaEvents> = /*@__PURE__*/ createComponent<DsTextareaElement, DsTextareaEvents>({
+    tagName: 'ds-textarea',
+    elementClass: DsTextareaElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsInput: 'dsInput' } as DsTextareaEvents,
+    defineCustomElement: defineDsTextarea
+});

package/react/components/ds-tooltip.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated per-component React wrapper. Do not edit — regenerated on every
+ * design-system build. Split from react/components.ts by
+ * scripts/split-react-wrappers.mjs.
+ */
+
+/* eslint-disable */
+
+import { DsTooltip as DsTooltipElement, defineCustomElement as defineDsTooltip } from "@chiralkit/design-system/dist/components/ds-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsTooltipEvents = NonNullable<unknown>;
+
+export const DsTooltip: StencilReactComponent<DsTooltipElement, DsTooltipEvents> = /*@__PURE__*/ createComponent<DsTooltipElement, DsTooltipEvents>({
+    tagName: 'ds-tooltip',
+    elementClass: DsTooltipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsTooltipEvents,
+    defineCustomElement: defineDsTooltip
+});

package/react/components.ts

@@ -0,0 +1,162 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import { DsBadge as DsBadgeElement, defineCustomElement as defineDsBadge } from "@chiralkit/design-system/dist/components/ds-badge.js";
+import { DsButton as DsButtonElement, defineCustomElement as defineDsButton } from "@chiralkit/design-system/dist/components/ds-button.js";
+import { DsCard as DsCardElement, defineCustomElement as defineDsCard } from "@chiralkit/design-system/dist/components/ds-card.js";
+import { DsCheckbox as DsCheckboxElement, defineCustomElement as defineDsCheckbox } from "@chiralkit/design-system/dist/components/ds-checkbox.js";
+import { DsCodeBlock as DsCodeBlockElement, defineCustomElement as defineDsCodeBlock } from "@chiralkit/design-system/dist/components/ds-code-block.js";
+import { DsDialog as DsDialogElement, defineCustomElement as defineDsDialog } from "@chiralkit/design-system/dist/components/ds-dialog.js";
+import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@chiralkit/design-system/dist/components/ds-input.js";
+import { DsLoader as DsLoaderElement, defineCustomElement as defineDsLoader } from "@chiralkit/design-system/dist/components/ds-loader.js";
+import { DsSelect as DsSelectElement, defineCustomElement as defineDsSelect } from "@chiralkit/design-system/dist/components/ds-select.js";
+import { DsTabs as DsTabsElement, defineCustomElement as defineDsTabs } from "@chiralkit/design-system/dist/components/ds-tabs.js";
+import { DsTextarea as DsTextareaElement, defineCustomElement as defineDsTextarea } from "@chiralkit/design-system/dist/components/ds-textarea.js";
+import { DsTooltip as DsTooltipElement, defineCustomElement as defineDsTooltip } from "@chiralkit/design-system/dist/components/ds-tooltip.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DsBadgeEvents = NonNullable<unknown>;
+
+export const DsBadge: StencilReactComponent<DsBadgeElement, DsBadgeEvents> = /*@__PURE__*/ createComponent<DsBadgeElement, DsBadgeEvents>({
+    tagName: 'ds-badge',
+    elementClass: DsBadgeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsBadgeEvents,
+    defineCustomElement: defineDsBadge
+});
+
+type DsButtonEvents = NonNullable<unknown>;
+
+export const DsButton: StencilReactComponent<DsButtonElement, DsButtonEvents> = /*@__PURE__*/ createComponent<DsButtonElement, DsButtonEvents>({
+    tagName: 'ds-button',
+    elementClass: DsButtonElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsButtonEvents,
+    defineCustomElement: defineDsButton
+});
+
+type DsCardEvents = NonNullable<unknown>;
+
+export const DsCard: StencilReactComponent<DsCardElement, DsCardEvents> = /*@__PURE__*/ createComponent<DsCardElement, DsCardEvents>({
+    tagName: 'ds-card',
+    elementClass: DsCardElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsCardEvents,
+    defineCustomElement: defineDsCard
+});
+
+type DsCheckboxEvents = { onDsChange: EventName<CustomEvent<boolean>> };
+
+export const DsCheckbox: StencilReactComponent<DsCheckboxElement, DsCheckboxEvents> = /*@__PURE__*/ createComponent<DsCheckboxElement, DsCheckboxEvents>({
+    tagName: 'ds-checkbox',
+    elementClass: DsCheckboxElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsCheckboxEvents,
+    defineCustomElement: defineDsCheckbox
+});
+
+type DsCodeBlockEvents = NonNullable<unknown>;
+
+export const DsCodeBlock: StencilReactComponent<DsCodeBlockElement, DsCodeBlockEvents> = /*@__PURE__*/ createComponent<DsCodeBlockElement, DsCodeBlockEvents>({
+    tagName: 'ds-code-block',
+    elementClass: DsCodeBlockElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsCodeBlockEvents,
+    defineCustomElement: defineDsCodeBlock
+});
+
+type DsDialogEvents = {
+    onDsOpen: EventName<CustomEvent<void>>,
+    onDsClose: EventName<CustomEvent<void>>
+};
+
+export const DsDialog: StencilReactComponent<DsDialogElement, DsDialogEvents> = /*@__PURE__*/ createComponent<DsDialogElement, DsDialogEvents>({
+    tagName: 'ds-dialog',
+    elementClass: DsDialogElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onDsOpen: 'dsOpen',
+        onDsClose: 'dsClose'
+    } as DsDialogEvents,
+    defineCustomElement: defineDsDialog
+});
+
+type DsInputEvents = { onDsInput: EventName<CustomEvent<string>> };
+
+export const DsInput: StencilReactComponent<DsInputElement, DsInputEvents> = /*@__PURE__*/ createComponent<DsInputElement, DsInputEvents>({
+    tagName: 'ds-input',
+    elementClass: DsInputElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsInput: 'dsInput' } as DsInputEvents,
+    defineCustomElement: defineDsInput
+});
+
+type DsLoaderEvents = NonNullable<unknown>;
+
+export const DsLoader: StencilReactComponent<DsLoaderElement, DsLoaderEvents> = /*@__PURE__*/ createComponent<DsLoaderElement, DsLoaderEvents>({
+    tagName: 'ds-loader',
+    elementClass: DsLoaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsLoaderEvents,
+    defineCustomElement: defineDsLoader
+});
+
+type DsSelectEvents = { onDsChange: EventName<CustomEvent<string>> };
+
+export const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents> = /*@__PURE__*/ createComponent<DsSelectElement, DsSelectEvents>({
+    tagName: 'ds-select',
+    elementClass: DsSelectElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsSelectEvents,
+    defineCustomElement: defineDsSelect
+});
+
+type DsTabsEvents = { onDsChange: EventName<CustomEvent<string>> };
+
+export const DsTabs: StencilReactComponent<DsTabsElement, DsTabsEvents> = /*@__PURE__*/ createComponent<DsTabsElement, DsTabsEvents>({
+    tagName: 'ds-tabs',
+    elementClass: DsTabsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsTabsEvents,
+    defineCustomElement: defineDsTabs
+});
+
+type DsTextareaEvents = { onDsInput: EventName<CustomEvent<string>> };
+
+export const DsTextarea: StencilReactComponent<DsTextareaElement, DsTextareaEvents> = /*@__PURE__*/ createComponent<DsTextareaElement, DsTextareaEvents>({
+    tagName: 'ds-textarea',
+    elementClass: DsTextareaElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onDsInput: 'dsInput' } as DsTextareaEvents,
+    defineCustomElement: defineDsTextarea
+});
+
+type DsTooltipEvents = NonNullable<unknown>;
+
+export const DsTooltip: StencilReactComponent<DsTooltipElement, DsTooltipEvents> = /*@__PURE__*/ createComponent<DsTooltipElement, DsTooltipEvents>({
+    tagName: 'ds-tooltip',
+    elementClass: DsTooltipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as DsTooltipEvents,
+    defineCustomElement: defineDsTooltip
+});