@slimkhemiri/react-design-system 0.1.1

package/dist/components.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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 { SlimAlert as SlimAlertElement } from "@slim-ds/web-components/dist/components/slim-alert.js";
+import { SlimBadge as SlimBadgeElement } from "@slim-ds/web-components/dist/components/slim-badge.js";
+import { SlimButton as SlimButtonElement } from "@slim-ds/web-components/dist/components/slim-button.js";
+import { SlimCheckbox as SlimCheckboxElement } from "@slim-ds/web-components/dist/components/slim-checkbox.js";
+import { SlimInput as SlimInputElement } from "@slim-ds/web-components/dist/components/slim-input.js";
+import { SlimSelect as SlimSelectElement } from "@slim-ds/web-components/dist/components/slim-select.js";
+import { SlimSwitch as SlimSwitchElement } from "@slim-ds/web-components/dist/components/slim-switch.js";
+import { SlimTextarea as SlimTextareaElement } from "@slim-ds/web-components/dist/components/slim-textarea.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type SlimAlertEvents = NonNullable<unknown>;
+export declare const SlimAlert: StencilReactComponent<SlimAlertElement, SlimAlertEvents>;
+type SlimBadgeEvents = NonNullable<unknown>;
+export declare const SlimBadge: StencilReactComponent<SlimBadgeElement, SlimBadgeEvents>;
+type SlimButtonEvents = NonNullable<unknown>;
+export declare const SlimButton: StencilReactComponent<SlimButtonElement, SlimButtonEvents>;
+type SlimCheckboxEvents = {
+    onSlimChange: EventName<CustomEvent<boolean>>;
+};
+export declare const SlimCheckbox: StencilReactComponent<SlimCheckboxElement, SlimCheckboxEvents>;
+type SlimInputEvents = {
+    onSlimChange: EventName<CustomEvent<string>>;
+};
+export declare const SlimInput: StencilReactComponent<SlimInputElement, SlimInputEvents>;
+type SlimSelectEvents = {
+    onSlimChange: EventName<CustomEvent<string>>;
+};
+export declare const SlimSelect: StencilReactComponent<SlimSelectElement, SlimSelectEvents>;
+type SlimSwitchEvents = {
+    onSlimChange: EventName<CustomEvent<boolean>>;
+};
+export declare const SlimSwitch: StencilReactComponent<SlimSwitchElement, SlimSwitchEvents>;
+type SlimTextareaEvents = {
+    onSlimChange: EventName<CustomEvent<string>>;
+};
+export declare const SlimTextarea: StencilReactComponent<SlimTextareaElement, SlimTextareaEvents>;
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAIH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAA0C,MAAM,uDAAuD,CAAC;AAC9I,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAA0C,MAAM,uDAAuD,CAAC;AAC9I,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAA2C,MAAM,wDAAwD,CAAC;AAClJ,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAA6C,MAAM,0DAA0D,CAAC;AAC1J,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAA0C,MAAM,uDAAuD,CAAC;AAC9I,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAA2C,MAAM,wDAAwD,CAAC;AAClJ,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAA2C,MAAM,wDAAwD,CAAC;AAClJ,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAA6C,MAAM,0DAA0D,CAAC;AAC1J,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAI7F,KAAK,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAE5C,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,eAAe,CAO7E,CAAC;AAEH,KAAK,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAE5C,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,eAAe,CAO7E,CAAC;AAEH,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,gBAAgB,CAOhF,CAAC;AAEH,KAAK,kBAAkB,GAAG;IAAE,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,CAAC;AAE5E,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,mBAAmB,EAAE,kBAAkB,CAOtF,CAAC;AAEH,KAAK,eAAe,GAAG;IAAE,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,CAAC;AAExE,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,eAAe,CAO7E,CAAC;AAEH,KAAK,gBAAgB,GAAG;IAAE,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,UAAU,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,gBAAgB,CAOhF,CAAC;AAEH,KAAK,gBAAgB,GAAG;IAAE,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,CAAC;AAE1E,eAAO,MAAM,UAAU,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,gBAAgB,CAOhF,CAAC;AAEH,KAAK,kBAAkB,GAAG;IAAE,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,CAAC;AAE3E,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,mBAAmB,EAAE,kBAAkB,CAOtF,CAAC"}

package/dist/components.js

@@ -0,0 +1,80 @@
+'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 { SlimAlert as SlimAlertElement, defineCustomElement as defineSlimAlert } from "@slim-ds/web-components/dist/components/slim-alert.js";
+import { SlimBadge as SlimBadgeElement, defineCustomElement as defineSlimBadge } from "@slim-ds/web-components/dist/components/slim-badge.js";
+import { SlimButton as SlimButtonElement, defineCustomElement as defineSlimButton } from "@slim-ds/web-components/dist/components/slim-button.js";
+import { SlimCheckbox as SlimCheckboxElement, defineCustomElement as defineSlimCheckbox } from "@slim-ds/web-components/dist/components/slim-checkbox.js";
+import { SlimInput as SlimInputElement, defineCustomElement as defineSlimInput } from "@slim-ds/web-components/dist/components/slim-input.js";
+import { SlimSelect as SlimSelectElement, defineCustomElement as defineSlimSelect } from "@slim-ds/web-components/dist/components/slim-select.js";
+import { SlimSwitch as SlimSwitchElement, defineCustomElement as defineSlimSwitch } from "@slim-ds/web-components/dist/components/slim-switch.js";
+import { SlimTextarea as SlimTextareaElement, defineCustomElement as defineSlimTextarea } from "@slim-ds/web-components/dist/components/slim-textarea.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SlimAlert = /*@__PURE__*/ createComponent({
+    tagName: 'slim-alert',
+    elementClass: SlimAlertElement,
+    // @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: {},
+    defineCustomElement: defineSlimAlert
+});
+export const SlimBadge = /*@__PURE__*/ createComponent({
+    tagName: 'slim-badge',
+    elementClass: SlimBadgeElement,
+    // @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: {},
+    defineCustomElement: defineSlimBadge
+});
+export const SlimButton = /*@__PURE__*/ createComponent({
+    tagName: 'slim-button',
+    elementClass: SlimButtonElement,
+    // @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: {},
+    defineCustomElement: defineSlimButton
+});
+export const SlimCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'slim-checkbox',
+    elementClass: SlimCheckboxElement,
+    // @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: { onSlimChange: 'slimChange' },
+    defineCustomElement: defineSlimCheckbox
+});
+export const SlimInput = /*@__PURE__*/ createComponent({
+    tagName: 'slim-input',
+    elementClass: SlimInputElement,
+    // @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: { onSlimChange: 'slimChange' },
+    defineCustomElement: defineSlimInput
+});
+export const SlimSelect = /*@__PURE__*/ createComponent({
+    tagName: 'slim-select',
+    elementClass: SlimSelectElement,
+    // @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: { onSlimChange: 'slimChange' },
+    defineCustomElement: defineSlimSelect
+});
+export const SlimSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'slim-switch',
+    elementClass: SlimSwitchElement,
+    // @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: { onSlimChange: 'slimChange' },
+    defineCustomElement: defineSlimSwitch
+});
+export const SlimTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'slim-textarea',
+    elementClass: SlimTextareaElement,
+    // @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: { onSlimChange: 'slimChange' },
+    defineCustomElement: defineSlimTextarea
+});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export { defineCustomElements } from "@slim-ds/web-components/loader";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./components";
+export { defineCustomElements } from "@slim-ds/web-components/loader";

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@slimkhemiri/react-design-system",
+  "version": "0.1.1",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "node ./scripts/clean.mjs"
+  },
+  "dependencies": {
+    "@stencil/react-output-target": "^0.8.2",
+    "@slim-ds/web-components": "workspace:*",
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "typescript": "^5.5.4"
+  }
+}