@nuralyui/layout 0.0.1 → 0.1.0

package/README.md

@@ -0,0 +1,77 @@
+# @nuralyui/layout
+
+Layout components package for Nuraly UI Library. This package contains responsive layout and container components.
+
+[![npm version](https://badge.fury.io/js/@nuralyui%2Flayout.svg)](https://badge.fury.io/js/@nuralyui%2Flayout)
+[![License](https://img.shields.io/badge/license-BSD--3--Clause-blue.svg)](https://opensource.org/licenses/BSD-3-Clause)
+
+## 📦 Included Components
+
+- **layout** - Main layout container with header, footer, sider support
+- **grid** - Responsive grid system
+- **flex** - Flexbox layout utilities
+- **card** - Content cards with header and actions
+
+## 🚀 Installation
+
+```bash
+npm install @nuralyui/layout
+```
+
+## 📖 Usage
+
+### Import All Layout Components
+
+```javascript
+import '@nuralyui/layout';
+```
+
+### Import Individual Components
+
+```javascript
+import '@nuralyui/layout/layout';
+import '@nuralyui/layout/grid';
+import '@nuralyui/layout/flex';
+```
+
+### HTML Usage
+
+```html
+<nr-layout>
+  <nr-header slot="header">Header</nr-header>
+  <nr-content>Main Content</nr-content>
+  <nr-footer slot="footer">Footer</nr-footer>
+</nr-layout>
+
+<nr-grid cols="3" gap="1rem">
+  <div>Column 1</div>
+  <div>Column 2</div>
+  <div>Column 3</div>
+</nr-grid>
+```
+
+### React Usage
+
+```tsx
+import { NrLayout, NrHeader, NrContent, NrFooter, NrGrid } from '@nuralyui/layout/react';
+
+function App() {
+  return (
+    <NrLayout>
+      <NrHeader slot="header">My App</NrHeader>
+      <NrContent>Main content here</NrContent>
+      <NrFooter slot="footer">© 2025</NrFooter>
+    </NrLayout>
+  );
+}
+```
+
+## 📊 Component Versions
+
+See the `VERSIONS.md` file in the package for component version information.
+
+## 🔗 Links
+
+- [GitHub Repository](https://github.com/NuralyUI/NuralyUI)
+- [Documentation](https://nuralyui.github.io)
+- [NPM Organization](https://www.npmjs.com/org/nuralyui)

package/dist/LICENSE

@@ -0,0 +1,28 @@
+BSD 3-Clause License
+
+Copyright (c) 2019 Google LLC. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/dist/README.md

@@ -0,0 +1,77 @@
+# @nuralyui/layout
+
+Layout components package for Nuraly UI Library. This package contains responsive layout and container components.
+
+[![npm version](https://badge.fury.io/js/@nuralyui%2Flayout.svg)](https://badge.fury.io/js/@nuralyui%2Flayout)
+[![License](https://img.shields.io/badge/license-BSD--3--Clause-blue.svg)](https://opensource.org/licenses/BSD-3-Clause)
+
+## 📦 Included Components
+
+- **layout** - Main layout container with header, footer, sider support
+- **grid** - Responsive grid system
+- **flex** - Flexbox layout utilities
+- **card** - Content cards with header and actions
+
+## 🚀 Installation
+
+```bash
+npm install @nuralyui/layout
+```
+
+## 📖 Usage
+
+### Import All Layout Components
+
+```javascript
+import '@nuralyui/layout';
+```
+
+### Import Individual Components
+
+```javascript
+import '@nuralyui/layout/layout';
+import '@nuralyui/layout/grid';
+import '@nuralyui/layout/flex';
+```
+
+### HTML Usage
+
+```html
+<nr-layout>
+  <nr-header slot="header">Header</nr-header>
+  <nr-content>Main Content</nr-content>
+  <nr-footer slot="footer">Footer</nr-footer>
+</nr-layout>
+
+<nr-grid cols="3" gap="1rem">
+  <div>Column 1</div>
+  <div>Column 2</div>
+  <div>Column 3</div>
+</nr-grid>
+```
+
+### React Usage
+
+```tsx
+import { NrLayout, NrHeader, NrContent, NrFooter, NrGrid } from '@nuralyui/layout/react';
+
+function App() {
+  return (
+    <NrLayout>
+      <NrHeader slot="header">My App</NrHeader>
+      <NrContent>Main content here</NrContent>
+      <NrFooter slot="footer">© 2025</NrFooter>
+    </NrLayout>
+  );
+}
+```
+
+## 📊 Component Versions
+
+See the `VERSIONS.md` file in the package for component version information.
+
+## 🔗 Links
+
+- [GitHub Repository](https://github.com/NuralyUI/NuralyUI)
+- [Documentation](https://nuralyui.github.io)
+- [NPM Organization](https://www.npmjs.com/org/nuralyui)

package/dist/VERSIONS.md

@@ -0,0 +1,13 @@
+# Component Versions
+
+This package includes the following layout components with their respective versions:
+
+- **layout**: v0.0.1
+- **grid**: v0.0.1
+- **flex**: v0.0.1
+- **card**: v0.0.6
+
+---
+
+**Package Version**: 0.1.0
+**Build Date**: 2025-10-14

package/dist/card/card.component.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+import { CardSize } from './card.types.js';
+declare const NrCardElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & (new (...args: any[]) => import("../../shared/event-handler-mixin.js").EventHandlerCapable) & typeof LitElement;
+/**
+ * Card component for displaying content in a structured container
+ *
+ * @element nr-card
+ * @slot content - Content to be displayed in the card body
+ *
+ * @example
+ * ```html
+ * <nr-card header="Card Title" size="medium">
+ *   <div slot="content">Card content goes here</div>
+ * </nr-card>
+ * ```
+ */
+export declare class NrCardElement extends NrCardElement_base {
+    static styles: import("lit").CSSResult;
+    /**
+     * Header text displayed at the top of the card
+     */
+    header: string;
+    /**
+     * Size variant of the card
+     */
+    size: CardSize;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=card.component.d.ts.map

package/dist/card/card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;;AAI3C;;;;;;;;;;;;GAYG;AACH,qBACa,aAAc,SAAQ,kBAA6B;IAC9D,OAAgB,MAAM,0BAAU;IAEhC;;OAEG;IACyB,MAAM,SAAM;IAExC;;OAEG;IACyB,IAAI,WAAoB;IAE3C,MAAM;CAehB"}

package/dist/card/card.component.js

@@ -0,0 +1,64 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './card.style.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { NuralyUIBaseMixin } from '../../shared/base-mixin.js';
+/**
+ * Card component for displaying content in a structured container
+ *
+ * @element nr-card
+ * @slot content - Content to be displayed in the card body
+ *
+ * @example
+ * ```html
+ * <nr-card header="Card Title" size="medium">
+ *   <div slot="content">Card content goes here</div>
+ * </nr-card>
+ * ```
+ */
+let NrCardElement = class NrCardElement extends NuralyUIBaseMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Header text displayed at the top of the card
+         */
+        this.header = '';
+        /**
+         * Size variant of the card
+         */
+        this.size = "default" /* CardSize.Default */;
+    }
+    render() {
+        return html `
+      <div
+        class="card ${classMap({
+            'card--small': this.size === "small" /* CardSize.Small */,
+            'card--large': this.size === "large" /* CardSize.Large */
+        })}"
+      >
+        ${this.header ? html `<div class="card__header">${this.header}</div>` : ''}
+        <div class="card__content">
+          <slot name="content"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+NrCardElement.styles = styles;
+__decorate([
+    property({ type: String })
+], NrCardElement.prototype, "header", void 0);
+__decorate([
+    property({ type: String })
+], NrCardElement.prototype, "size", void 0);
+NrCardElement = __decorate([
+    customElement('nr-card')
+], NrCardElement);
+export { NrCardElement };
+//# sourceMappingURL=card.component.js.map

package/dist/card/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../src/components/card/card.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;;;;;;;;;;GAYG;AAEH,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,iBAAiB,CAAC,UAAU,CAAC;IAAhE;;QAGE;;WAEG;QACyB,WAAM,GAAG,EAAE,CAAC;QAExC;;WAEG;QACyB,SAAI,oCAAoB;IAiBtD,CAAC;IAfU,MAAM;QACb,OAAO,IAAI,CAAA;;sBAEO,QAAQ,CAAC;YACrB,aAAa,EAAE,IAAI,CAAC,IAAI,iCAAmB;YAC3C,aAAa,EAAE,IAAI,CAAC,IAAI,iCAAmB;SAC5C,CAAC;;UAEA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;;;;KAK5E,CAAC;IACJ,CAAC;CACF,CAAA;AA3BiB,oBAAM,GAAG,MAAO,CAAA;AAKJ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAa;AAKZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAyB;AAXzC,aAAa;IADzB,aAAa,CAAC,SAAS,CAAC;GACZ,aAAa,CA4BzB;SA5BY,aAAa","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './card.style.js';\nimport { CardSize } from './card.types.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { NuralyUIBaseMixin } from '../../shared/base-mixin.js';\n\n/**\n * Card component for displaying content in a structured container\n * \n * @element nr-card\n * @slot content - Content to be displayed in the card body\n * \n * @example\n * ```html\n * <nr-card header=\"Card Title\" size=\"medium\">\n *   <div slot=\"content\">Card content goes here</div>\n * </nr-card>\n * ```\n */\n@customElement('nr-card')\nexport class NrCardElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = styles;\n\n  /**\n   * Header text displayed at the top of the card\n   */\n  @property({ type: String }) header = '';\n\n  /**\n   * Size variant of the card\n   */\n  @property({ type: String }) size = CardSize.Default;\n\n  override render() {\n    return html`\n      <div\n        class=\"card ${classMap({\n          'card--small': this.size === CardSize.Small,\n          'card--large': this.size === CardSize.Large\n        })}\"\n      >\n        ${this.header ? html`<div class=\"card__header\">${this.header}</div>` : ''}\n        <div class=\"card__content\">\n          <slot name=\"content\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/card/card.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=card.style.d.ts.map

package/dist/card/card.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.style.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2DlB,CAAC"}

package/dist/card/card.style.js

@@ -0,0 +1,62 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    color: var(--nuraly-color-text);
+    background-color: var(--nuraly-color-background);
+    font-family: var(--nuraly-card-font-family);
+  }
+
+  .card {
+    background-color: var(--nuraly-card-background-color);
+    border-radius: var(--nuraly-card-border-radius);
+    border: var(--nuraly-card-border);
+    overflow: hidden;
+    transition: var(--nuraly-card-transition);
+    box-shadow: var(--nuraly-card-shadow);
+  }
+
+  .card:hover {
+    cursor: var(--nuraly-card-cursor);
+    box-shadow: var(--nuraly-card-hover-shadow);
+    background-color: var(--nuraly-card-hover-background-color);
+    border-color: var(--nuraly-card-hover-border-color);
+  }
+
+  .card__header {
+    font-weight: var(--nuraly-card-header-font-weight);
+    border-bottom: var(--nuraly-card-header-border-bottom);
+    padding: var(--nuraly-card-padding);
+    background-color: var(--nuraly-card-header-background-color);
+    font-size: var(--nuraly-card-font-size);
+    color: var(--nuraly-card-header-color);
+    line-height: var(--nuraly-card-line-height);
+  }
+
+  .card__content {
+    padding: var(--nuraly-card-padding);
+    color: var(--nuraly-card-content-color);
+    font-size: var(--nuraly-card-font-size);
+    line-height: var(--nuraly-card-line-height);
+  }
+
+  /* Size variants */
+  .card--small .card__header,
+  .card--small .card__content {
+    padding: var(--nuraly-card-small-padding);
+    font-size: var(--nuraly-card-small-font-size);
+  }
+
+  .card--large .card__header,
+  .card--large .card__content {
+    padding: var(--nuraly-card-large-padding);
+    font-size: var(--nuraly-card-large-font-size);
+  }
+
+  /* Focus styles for accessibility */
+  .card:focus-within {
+    outline: var(--nuraly-card-focus-outline);
+    outline-offset: var(--nuraly-card-focus-offset);
+  }
+`;
+//# sourceMappingURL=card.style.js.map

package/dist/card/card.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.style.js","sourceRoot":"","sources":["../../../src/components/card/card.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    color: var(--nuraly-color-text);\n    background-color: var(--nuraly-color-background);\n    font-family: var(--nuraly-card-font-family);\n  }\n\n  .card {\n    background-color: var(--nuraly-card-background-color);\n    border-radius: var(--nuraly-card-border-radius);\n    border: var(--nuraly-card-border);\n    overflow: hidden;\n    transition: var(--nuraly-card-transition);\n    box-shadow: var(--nuraly-card-shadow);\n  }\n\n  .card:hover {\n    cursor: var(--nuraly-card-cursor);\n    box-shadow: var(--nuraly-card-hover-shadow);\n    background-color: var(--nuraly-card-hover-background-color);\n    border-color: var(--nuraly-card-hover-border-color);\n  }\n\n  .card__header {\n    font-weight: var(--nuraly-card-header-font-weight);\n    border-bottom: var(--nuraly-card-header-border-bottom);\n    padding: var(--nuraly-card-padding);\n    background-color: var(--nuraly-card-header-background-color);\n    font-size: var(--nuraly-card-font-size);\n    color: var(--nuraly-card-header-color);\n    line-height: var(--nuraly-card-line-height);\n  }\n\n  .card__content {\n    padding: var(--nuraly-card-padding);\n    color: var(--nuraly-card-content-color);\n    font-size: var(--nuraly-card-font-size);\n    line-height: var(--nuraly-card-line-height);\n  }\n\n  /* Size variants */\n  .card--small .card__header,\n  .card--small .card__content {\n    padding: var(--nuraly-card-small-padding);\n    font-size: var(--nuraly-card-small-font-size);\n  }\n\n  .card--large .card__header,\n  .card--large .card__content {\n    padding: var(--nuraly-card-large-padding);\n    font-size: var(--nuraly-card-large-font-size);\n  }\n\n  /* Focus styles for accessibility */\n  .card:focus-within {\n    outline: var(--nuraly-card-focus-outline);\n    outline-offset: var(--nuraly-card-focus-offset);\n  }\n`;\n"]}

package/dist/card/card.type.d.ts

@@ -0,0 +1,6 @@
+export declare const enum CardSize {
+    Small = "small",
+    Default = "default",
+    Large = "large"
+}
+//# sourceMappingURL=card.type.d.ts.map

package/dist/card/card.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.type.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.type.ts"],"names":[],"mappings":"AAAA,0BAAkB,QAAQ;IACxB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

package/dist/card/card.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.type.js.map

package/dist/card/card.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.type.js","sourceRoot":"","sources":["../../../src/components/card/card.type.ts"],"names":[],"mappings":"","sourcesContent":["export const enum CardSize {\n  Small = 'small',\n  Default = 'default',\n  Large = 'large',\n}\n"]}

package/dist/card/card.types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Card size variants
+ */
+export declare const enum CardSize {
+    Small = "small",
+    Default = "default",
+    Large = "large"
+}
+/**
+ * Card configuration interface
+ */
+export interface CardConfig {
+    header?: string;
+    size?: CardSize;
+    clickable?: boolean;
+}
+//# sourceMappingURL=card.types.d.ts.map

package/dist/card/card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,0BAAkB,QAAQ;IACxB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/card/card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.types.js.map

package/dist/card/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../src/components/card/card.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Card size variants\n */\nexport const enum CardSize {\n  Small = 'small',\n  Default = 'default',\n  Large = 'large',\n}\n\n/**\n * Card configuration interface\n */\nexport interface CardConfig {\n  header?: string;\n  size?: CardSize;\n  clickable?: boolean;\n}\n"]}

package/dist/card/demo/hy-card-demo.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+import '../card.component.js';
+import '../../button/demo/buttons-demo.js';
+export declare class HyCardDemo extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=hy-card-demo.d.ts.map

package/dist/card/demo/hy-card-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-card-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/card/demo/hy-card-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,sBAAsB,CAAC;AAE9B,OAAO,mCAAmC,CAAC;AAE3C,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAKpB;IACO,MAAM;CAqBhB"}

package/dist/card/demo/hy-card-demo.js

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement } from 'lit';
+import '../card.component.js';
+import { customElement } from 'lit/decorators.js';
+import '../../button/demo/buttons-demo.js';
+let HyCardDemo = class HyCardDemo extends LitElement {
+    render() {
+        return html `
+      Default
+      <hy-card .header=${'welcome'}>
+        <p slot="content">hello</p>
+      </hy-card>
+      <br />
+      Small
+
+      <hy-card .size=${'small'} .header=${'welcome small'}>
+        <p slot="content">hello</p>
+      </hy-card>
+      <br />
+
+      Large
+
+      <hy-card .size=${'large'} .header=${'welcome large'}>
+        <p slot="content">hello</p>
+      </hy-card>
+    `;
+    }
+};
+HyCardDemo.styles = css `
+    :host {
+      display: block;
+      width: 25%;
+    }
+  `;
+HyCardDemo = __decorate([
+    customElement('hy-card-demo')
+], HyCardDemo);
+export { HyCardDemo };
+//# sourceMappingURL=hy-card-demo.js.map

package/dist/card/demo/hy-card-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-card-demo.js","sourceRoot":"","sources":["../../../../src/components/card/demo/hy-card-demo.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAG3C,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;IAO/B,MAAM;QACb,OAAO,IAAI,CAAA;;yBAEU,SAAS;;;;;;uBAMX,OAAO,YAAY,eAAe;;;;;;;uBAOlC,OAAO,YAAY,eAAe;;;KAGpD,CAAC;IACJ,CAAC;CACF,CAAA;AA3BiB,iBAAM,GAAG,GAAG,CAAA;;;;;GAK1B,CAAA;AANS,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CA4BtB;SA5BY,UAAU","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport '../card.component.js';\nimport { customElement } from 'lit/decorators.js';\nimport '../../button/demo/buttons-demo.js';\n\n@customElement('hy-card-demo')\nexport class HyCardDemo extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n      width: 25%;\n    }\n  `;\n  override render() {\n    return html`\n      Default\n      <hy-card .header=${'welcome'}>\n        <p slot=\"content\">hello</p>\n      </hy-card>\n      <br />\n      Small\n\n      <hy-card .size=${'small'} .header=${'welcome small'}>\n        <p slot=\"content\">hello</p>\n      </hy-card>\n      <br />\n\n      Large\n\n      <hy-card .size=${'large'} .header=${'welcome large'}>\n        <p slot=\"content\">hello</p>\n      </hy-card>\n    `;\n  }\n}\n"]}

package/dist/card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card.component.js';
+export * from './card.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

package/dist/card/index.js

@@ -0,0 +1,3 @@
+export * from './card.component.js';
+export * from './card.types.js';
+//# sourceMappingURL=index.js.map

package/dist/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './card.component.js';\nexport * from './card.types.js';\n"]}

package/dist/card/package.json

@@ -0,0 +1,26 @@
+{
+    "name": "@nuralyui/card",
+    "version": "0.0.6",
+    "description": "",
+    "main": "index.js",
+    "type": "module",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "Labidi Aymen",
+    "license": "ISC",
+    "exports": {
+        ".": {
+            "import": "./index.js"
+        },
+        "./bundle": {
+            "import": "./bundle.js"
+        }
+    },
+    "files": [
+        "bundle.js",
+        "*.js",
+        "*.d.ts",
+        "*.js.map"
+    ]
+}

package/dist/card/react.d.ts

@@ -0,0 +1,5 @@
+import { NrCardElement } from './card.component.js';
+export declare const NrCard: import("@lit-labs/react").ReactWebComponent<NrCardElement, {
+    click: string;
+}>;
+//# sourceMappingURL=react.d.ts.map

package/dist/card/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/card/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,MAAM;;EAOjB,CAAC"}

package/dist/card/react.js

@@ -0,0 +1,12 @@
+import { createComponent } from '@lit-labs/react';
+import * as React from 'react';
+import { NrCardElement } from './card.component.js';
+export const NrCard = createComponent({
+    tagName: 'nr-card',
+    elementClass: NrCardElement,
+    react: React,
+    events: {
+        click: 'click',
+    },
+});
+//# sourceMappingURL=react.js.map

package/dist/card/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/card/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,aAAa;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { NrCardElement } from './card.component.js';\n\nexport const NrCard = createComponent({\n  tagName: 'nr-card',\n  elementClass: NrCardElement,\n  react: React,\n  events: {\n    click: 'click',\n  },\n});\n"]}