@jsfour/root-ui-react 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# Installing the components in your project
+
+## Installation
+
+```bash
+npm i @jsfour/root-ui-react
+```
+
+## Usage
+
+```ts
+import { RootButton } from '@jsfour/root-ui-react';
+
+export function MyComponent() {
+    return (
+        <RootButton 
+            type="primary"
+            onClick={() => console.log('Clicked!')}
+        >
+            Click Me
+        </RootButton>
+    );
+}
+```

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/stencil-generated/components';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './lib/stencil-generated/components';

package/dist/lib/stencil-generated/components.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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 RootBadgeCustomEvent, type RootBannerCustomEvent, type RootButtonCustomEvent, type RootInputCustomEvent } from "@jsfour/root-ui";
+import { RootBadge as RootBadgeElement } from "@jsfour/root-ui/dist/components/root-badge.js";
+import { RootBanner as RootBannerElement } from "@jsfour/root-ui/dist/components/root-banner.js";
+import { RootBreadcrumbs as RootBreadcrumbsElement } from "@jsfour/root-ui/dist/components/root-breadcrumbs.js";
+import { RootButton as RootButtonElement } from "@jsfour/root-ui/dist/components/root-button.js";
+import { RootInput as RootInputElement } from "@jsfour/root-ui/dist/components/root-input.js";
+import { RootList as RootListElement } from "@jsfour/root-ui/dist/components/root-list.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type RootBadgeEvents = {
+    onRootBadgeClick: EventName<RootBadgeCustomEvent<MouseEvent>>;
+};
+export declare const RootBadge: StencilReactComponent<RootBadgeElement, RootBadgeEvents>;
+export type RootBannerEvents = {
+    onRootBannerClick: EventName<RootBannerCustomEvent<MouseEvent>>;
+};
+export declare const RootBanner: StencilReactComponent<RootBannerElement, RootBannerEvents>;
+export type RootBreadcrumbsEvents = {
+    onLinkClick: EventName<CustomEvent<any>>;
+};
+export declare const RootBreadcrumbs: StencilReactComponent<RootBreadcrumbsElement, RootBreadcrumbsEvents>;
+export type RootButtonEvents = {
+    onRootButtonClick: EventName<RootButtonCustomEvent<MouseEvent>>;
+};
+export declare const RootButton: StencilReactComponent<RootButtonElement, RootButtonEvents>;
+export type RootInputEvents = {
+    onRootInputChange: EventName<CustomEvent<string>>;
+    onRootInputBlur: EventName<RootInputCustomEvent<FocusEvent>>;
+};
+export declare const RootInput: StencilReactComponent<RootInputElement, RootInputEvents>;
+export type RootListEvents = NonNullable<unknown>;
+export declare const RootList: StencilReactComponent<RootListElement, RootListEvents>;

package/dist/lib/stencil-generated/components.js

@@ -0,0 +1,60 @@
+'use client';
+import { RootBadge as RootBadgeElement, defineCustomElement as defineRootBadge } from "@jsfour/root-ui/dist/components/root-badge.js";
+import { RootBanner as RootBannerElement, defineCustomElement as defineRootBanner } from "@jsfour/root-ui/dist/components/root-banner.js";
+import { RootBreadcrumbs as RootBreadcrumbsElement, defineCustomElement as defineRootBreadcrumbs } from "@jsfour/root-ui/dist/components/root-breadcrumbs.js";
+import { RootButton as RootButtonElement, defineCustomElement as defineRootButton } from "@jsfour/root-ui/dist/components/root-button.js";
+import { RootInput as RootInputElement, defineCustomElement as defineRootInput } from "@jsfour/root-ui/dist/components/root-input.js";
+import { RootList as RootListElement, defineCustomElement as defineRootList } from "@jsfour/root-ui/dist/components/root-list.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const RootBadge = /*@__PURE__*/ createComponent({
+    tagName: 'root-badge',
+    elementClass: RootBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onRootBadgeClick: 'rootBadgeClick' },
+    defineCustomElement: defineRootBadge
+});
+export const RootBanner = /*@__PURE__*/ createComponent({
+    tagName: 'root-banner',
+    elementClass: RootBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onRootBannerClick: 'rootBannerClick' },
+    defineCustomElement: defineRootBanner
+});
+export const RootBreadcrumbs = /*@__PURE__*/ createComponent({
+    tagName: 'root-breadcrumbs',
+    elementClass: RootBreadcrumbsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onLinkClick: 'linkClick' },
+    defineCustomElement: defineRootBreadcrumbs
+});
+export const RootButton = /*@__PURE__*/ createComponent({
+    tagName: 'root-button',
+    elementClass: RootButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onRootButtonClick: 'rootButtonClick' },
+    defineCustomElement: defineRootButton
+});
+export const RootInput = /*@__PURE__*/ createComponent({
+    tagName: 'root-input',
+    elementClass: RootInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onRootInputChange: 'rootInputChange',
+        onRootInputBlur: 'rootInputBlur'
+    },
+    defineCustomElement: defineRootInput
+});
+export const RootList = /*@__PURE__*/ createComponent({
+    tagName: 'root-list',
+    elementClass: RootListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineRootList
+});

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@jsfour/root-ui-react",
+  "author": "jsfour",
+  "version": "0.0.1",
+  "description": "Unofficial react components for Root",
+  "license": "Apache-2.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffect": false,
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@jsfour/root-ui": "^1.0.0",
+    "typescript": "^5.9.3",
+    "@stencil/react-output-target": "1.2.0"
+  },
+  "scripts": {
+    "build": "npm run tsc",
+    "tsc": "tsc -p . --outDir ./dist"
+  },
+  "keywords": [],
+  "files": [
+    "dist/",
+    "README.md"
+  ]
+}