@nuraly/lumenui 0.1.0

package/dist/src/components/badge/badge.style.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Badge component styles for the Hybrid UI Library
+ * Using shared CSS variables from /src/shared/themes/
+ *
+ * This file contains all the styling for the nr-badge component with
+ * clean CSS variable usage without local fallbacks and proper theme switching support.
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=badge.style.d.ts.map

package/dist/src/components/badge/badge.style.js

@@ -0,0 +1,250 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { css } from 'lit';
+/**
+ * Badge component styles for the Hybrid UI Library
+ * Using shared CSS variables from /src/shared/themes/
+ *
+ * This file contains all the styling for the nr-badge component with
+ * clean CSS variable usage without local fallbacks and proper theme switching support.
+ */
+export const styles = css `
+  :host {
+    display: inline-block;
+    position: relative;
+    font-family: var(--nuraly-font-family);
+    font-size: var(--nuraly-badge-text-font-size, 12px);
+    line-height: 1;
+    vertical-align: middle;
+  }
+
+  /* Badge wrapper for positioning */
+  .badge-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+
+  /* Main badge indicator (count or dot) */
+  .badge-indicator {
+    /* position: absolute; */
+    top: 0;
+    right: 0;
+    /* Temporarily disabled for demo - positions badge at exact corner */
+    /* transform: translate(50%, -50%); */
+    /* transform-origin: 100% 0%; */
+    z-index: var(--nuraly-badge-indicator-z-index, auto);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--nuraly-badge-indicator-height, 20px);
+    height: var(--nuraly-badge-indicator-height, 20px);
+    padding: 0 6px;
+    font-size: var(--nuraly-badge-text-font-size, 12px);
+    font-weight: var(--nuraly-badge-text-font-weight, normal);
+    line-height: var(--nuraly-badge-indicator-height, 20px);
+    white-space: nowrap;
+    text-align: center;
+    background-color: var(--nuraly-color-error, #ff4d4f);
+    color: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 0 1px var(--nuraly-color-background, #fff);
+    transition: all var(--nuraly-transition-fast, 0.15s) ease;
+  }
+
+  /* Small size badge */
+  .badge-indicator.small {
+    min-width: var(--nuraly-badge-indicator-height-sm, 14px);
+    height: var(--nuraly-badge-indicator-height-sm, 14px);
+    padding: 0 4px;
+    font-size: var(--nuraly-badge-text-font-size-sm, 12px);
+    line-height: var(--nuraly-badge-indicator-height-sm, 14px);
+    border-radius: 7px;
+  }
+
+  /* Dot badge (small indicator without count) */
+  .badge-indicator.dot {
+    min-width: var(--nuraly-badge-dot-size, 6px);
+    width: var(--nuraly-badge-dot-size, 6px);
+    height: var(--nuraly-badge-dot-size, 6px);
+    padding: 0;
+    border-radius: 50%;
+  }
+
+  /* Standalone badge (no children) */
+  .badge-standalone {
+    position: relative;
+    display: inline-block;
+    transform: none;
+  }
+
+  /* Status badge styles */
+  .badge-status {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-status-dot {
+    width: var(--nuraly-badge-status-size, 6px);
+    height: var(--nuraly-badge-status-size, 6px);
+    border-radius: 50%;
+    display: inline-block;
+  }
+
+  .badge-status-text {
+    color: var(--nuraly-color-text);
+    font-size: var(--nuraly-font-size-base, 14px);
+  }
+
+  /* Status colors */
+  .badge-status-dot.success {
+    background-color: var(--nuraly-color-success, #52c41a);
+  }
+
+  .badge-status-dot.processing {
+    background-color: var(--nuraly-color-primary, #1890ff);
+    position: relative;
+  }
+
+  .badge-status-dot.processing::after {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    width: 100%;
+    height: 100%;
+    border: 1px solid var(--nuraly-color-primary, #1890ff);
+    border-radius: 50%;
+    animation: badge-processing 1.2s infinite ease-in-out;
+  }
+
+  @keyframes badge-processing {
+    0% {
+      transform: scale(0.8);
+      opacity: 0.5;
+    }
+    100% {
+      transform: scale(2.4);
+      opacity: 0;
+    }
+  }
+
+  .badge-status-dot.default {
+    background-color: var(--nuraly-color-text-secondary, #8c8c8c);
+  }
+
+  .badge-status-dot.error {
+    background-color: var(--nuraly-color-error, #ff4d4f);
+  }
+
+  .badge-status-dot.warning {
+    background-color: var(--nuraly-color-warning, #faad14);
+  }
+
+  /* Color variants for badge indicator */
+  .badge-indicator.pink { background-color: #eb2f96; }
+  .badge-indicator.red { background-color: #f5222d; }
+  .badge-indicator.yellow { background-color: #fadb14; color: rgba(0, 0, 0, 0.85); }
+  .badge-indicator.orange { background-color: #fa8c16; }
+  .badge-indicator.cyan { background-color: #13c2c2; }
+  .badge-indicator.green { background-color: #52c41a; }
+  .badge-indicator.blue { background-color: #1890ff; }
+  .badge-indicator.purple { background-color: #722ed1; }
+  .badge-indicator.geekblue { background-color: #2f54eb; }
+  .badge-indicator.magenta { background-color: #eb2f96; }
+  .badge-indicator.volcano { background-color: #fa541c; }
+  .badge-indicator.gold { background-color: #faad14; color: rgba(0, 0, 0, 0.85); }
+  .badge-indicator.lime { background-color: #a0d911; color: rgba(0, 0, 0, 0.85); }
+
+  /* Ribbon badge styles */
+  .badge-ribbon-wrapper {
+    position: relative;
+  }
+
+  .badge-ribbon {
+    position: absolute;
+    top: var(--nuraly-spacing-2, 0.5rem);
+    height: 22px;
+    padding: 0 var(--nuraly-spacing-2, 0.5rem);
+    color: #fff;
+    line-height: 22px;
+    white-space: nowrap;
+    background-color: var(--nuraly-color-primary, #1890ff);
+    border-radius: 2px;
+  }
+
+  .badge-ribbon.start {
+    left: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+    padding-left: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-ribbon.end {
+    right: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+    padding-right: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-ribbon::after {
+    content: '';
+    position: absolute;
+    top: 100%;
+    width: 0;
+    height: 0;
+    border: 4px solid transparent;
+  }
+
+  .badge-ribbon.start::after {
+    left: 0;
+    border-top-color: currentColor;
+    border-left-color: currentColor;
+    filter: brightness(0.7);
+  }
+
+  .badge-ribbon.end::after {
+    right: 0;
+    border-top-color: currentColor;
+    border-right-color: currentColor;
+    filter: brightness(0.7);
+  }
+
+  /* Ribbon color variants */
+  .badge-ribbon.pink { background-color: #eb2f96; color: #fff; }
+  .badge-ribbon.red { background-color: #f5222d; color: #fff; }
+  .badge-ribbon.yellow { background-color: #fadb14; color: rgba(0, 0, 0, 0.85); }
+  .badge-ribbon.orange { background-color: #fa8c16; color: #fff; }
+  .badge-ribbon.cyan { background-color: #13c2c2; color: #fff; }
+  .badge-ribbon.green { background-color: #52c41a; color: #fff; }
+  .badge-ribbon.blue { background-color: #1890ff; color: #fff; }
+  .badge-ribbon.purple { background-color: #722ed1; color: #fff; }
+  .badge-ribbon.geekblue { background-color: #2f54eb; color: #fff; }
+  .badge-ribbon.magenta { background-color: #eb2f96; color: #fff; }
+  .badge-ribbon.volcano { background-color: #fa541c; color: #fff; }
+  .badge-ribbon.gold { background-color: #faad14; color: rgba(0, 0, 0, 0.85); }
+  .badge-ribbon.lime { background-color: #a0d911; color: rgba(0, 0, 0, 0.85); }
+
+  /* Hidden state */
+  .badge-hidden {
+    display: none;
+  }
+
+  /* RTL Support */
+  :host([dir="rtl"]) .badge-indicator {
+    right: auto;
+    left: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0% 0%;
+  }
+
+  :host([dir="rtl"]) .badge-ribbon.start {
+    left: auto;
+    right: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+  }
+
+  :host([dir="rtl"]) .badge-ribbon.end {
+    right: auto;
+    left: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+  }
+`;
+//# sourceMappingURL=badge.style.js.map

package/dist/src/components/badge/badge.types.d.ts

@@ -0,0 +1,84 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Badge status types for status indicators
+ */
+export declare const enum BadgeStatus {
+    Success = "success",
+    Processing = "processing",
+    Default = "default",
+    Error = "error",
+    Warning = "warning"
+}
+/**
+ * Badge size variants
+ */
+export declare const enum BadgeSize {
+    Default = "default",
+    Small = "small"
+}
+/**
+ * Badge color presets
+ */
+export declare const enum BadgeColor {
+    Pink = "pink",
+    Red = "red",
+    Yellow = "yellow",
+    Orange = "orange",
+    Cyan = "cyan",
+    Green = "green",
+    Blue = "blue",
+    Purple = "purple",
+    Geekblue = "geekblue",
+    Magenta = "magenta",
+    Volcano = "volcano",
+    Gold = "gold",
+    Lime = "lime"
+}
+/**
+ * Ribbon placement options
+ */
+export declare const enum RibbonPlacement {
+    Start = "start",
+    End = "end"
+}
+/**
+ * Badge configuration interface
+ */
+export interface BadgeConfig {
+    /** Number to show in badge */
+    count?: number | string;
+    /** Whether to display a dot instead of count */
+    dot?: boolean;
+    /** Max count to show (shows count+ when exceeded) */
+    overflowCount?: number;
+    /** Whether to show badge when count is zero */
+    showZero?: boolean;
+    /** Set offset of the badge dot [x, y] */
+    offset?: [number, number];
+    /** Badge color (preset or custom hex/rgb) */
+    color?: BadgeColor | string;
+    /** Badge size */
+    size?: BadgeSize;
+    /** Set Badge as a status dot */
+    status?: BadgeStatus;
+    /** Status text to display */
+    text?: string;
+    /** Title to show on hover */
+    title?: string;
+}
+/**
+ * Ribbon badge configuration
+ */
+export interface RibbonConfig {
+    /** Content inside the ribbon */
+    text: string;
+    /** Ribbon color (preset or custom) */
+    color?: BadgeColor | string;
+    /** Placement of the ribbon */
+    placement?: RibbonPlacement;
+}
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/src/components/badge/badge.types.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export {};
+//# sourceMappingURL=badge.types.js.map

package/dist/src/components/badge/bundle.js

@@ -0,0 +1,277 @@
+import{css as r,LitElement as o,html as a,nothing as t}from"lit";import{property as e,customElement as i}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{styleMap as d}from"lit/directives/style-map.js";import{NuralyUIBaseMixin as l}from"@nuralyui/common/mixins";
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */const s=r`
+  :host {
+    display: inline-block;
+    position: relative;
+    font-family: var(--nuraly-font-family);
+    font-size: var(--nuraly-badge-text-font-size, 12px);
+    line-height: 1;
+    vertical-align: middle;
+  }
+
+  /* Badge wrapper for positioning */
+  .badge-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+
+  /* Main badge indicator (count or dot) */
+  .badge-indicator {
+    /* position: absolute; */
+    top: 0;
+    right: 0;
+    /* Temporarily disabled for demo - positions badge at exact corner */
+    /* transform: translate(50%, -50%); */
+    /* transform-origin: 100% 0%; */
+    z-index: var(--nuraly-badge-indicator-z-index, auto);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--nuraly-badge-indicator-height, 20px);
+    height: var(--nuraly-badge-indicator-height, 20px);
+    padding: 0 6px;
+    font-size: var(--nuraly-badge-text-font-size, 12px);
+    font-weight: var(--nuraly-badge-text-font-weight, normal);
+    line-height: var(--nuraly-badge-indicator-height, 20px);
+    white-space: nowrap;
+    text-align: center;
+    background-color: var(--nuraly-color-error, #ff4d4f);
+    color: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 0 1px var(--nuraly-color-background, #fff);
+    transition: all var(--nuraly-transition-fast, 0.15s) ease;
+  }
+
+  /* Small size badge */
+  .badge-indicator.small {
+    min-width: var(--nuraly-badge-indicator-height-sm, 14px);
+    height: var(--nuraly-badge-indicator-height-sm, 14px);
+    padding: 0 4px;
+    font-size: var(--nuraly-badge-text-font-size-sm, 12px);
+    line-height: var(--nuraly-badge-indicator-height-sm, 14px);
+    border-radius: 7px;
+  }
+
+  /* Dot badge (small indicator without count) */
+  .badge-indicator.dot {
+    min-width: var(--nuraly-badge-dot-size, 6px);
+    width: var(--nuraly-badge-dot-size, 6px);
+    height: var(--nuraly-badge-dot-size, 6px);
+    padding: 0;
+    border-radius: 50%;
+  }
+
+  /* Standalone badge (no children) */
+  .badge-standalone {
+    position: relative;
+    display: inline-block;
+    transform: none;
+  }
+
+  /* Status badge styles */
+  .badge-status {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-status-dot {
+    width: var(--nuraly-badge-status-size, 6px);
+    height: var(--nuraly-badge-status-size, 6px);
+    border-radius: 50%;
+    display: inline-block;
+  }
+
+  .badge-status-text {
+    color: var(--nuraly-color-text);
+    font-size: var(--nuraly-font-size-base, 14px);
+  }
+
+  /* Status colors */
+  .badge-status-dot.success {
+    background-color: var(--nuraly-color-success, #52c41a);
+  }
+
+  .badge-status-dot.processing {
+    background-color: var(--nuraly-color-primary, #1890ff);
+    position: relative;
+  }
+
+  .badge-status-dot.processing::after {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    width: 100%;
+    height: 100%;
+    border: 1px solid var(--nuraly-color-primary, #1890ff);
+    border-radius: 50%;
+    animation: badge-processing 1.2s infinite ease-in-out;
+  }
+
+  @keyframes badge-processing {
+    0% {
+      transform: scale(0.8);
+      opacity: 0.5;
+    }
+    100% {
+      transform: scale(2.4);
+      opacity: 0;
+    }
+  }
+
+  .badge-status-dot.default {
+    background-color: var(--nuraly-color-text-secondary, #8c8c8c);
+  }
+
+  .badge-status-dot.error {
+    background-color: var(--nuraly-color-error, #ff4d4f);
+  }
+
+  .badge-status-dot.warning {
+    background-color: var(--nuraly-color-warning, #faad14);
+  }
+
+  /* Color variants for badge indicator */
+  .badge-indicator.pink { background-color: #eb2f96; }
+  .badge-indicator.red { background-color: #f5222d; }
+  .badge-indicator.yellow { background-color: #fadb14; color: rgba(0, 0, 0, 0.85); }
+  .badge-indicator.orange { background-color: #fa8c16; }
+  .badge-indicator.cyan { background-color: #13c2c2; }
+  .badge-indicator.green { background-color: #52c41a; }
+  .badge-indicator.blue { background-color: #1890ff; }
+  .badge-indicator.purple { background-color: #722ed1; }
+  .badge-indicator.geekblue { background-color: #2f54eb; }
+  .badge-indicator.magenta { background-color: #eb2f96; }
+  .badge-indicator.volcano { background-color: #fa541c; }
+  .badge-indicator.gold { background-color: #faad14; color: rgba(0, 0, 0, 0.85); }
+  .badge-indicator.lime { background-color: #a0d911; color: rgba(0, 0, 0, 0.85); }
+
+  /* Ribbon badge styles */
+  .badge-ribbon-wrapper {
+    position: relative;
+  }
+
+  .badge-ribbon {
+    position: absolute;
+    top: var(--nuraly-spacing-2, 0.5rem);
+    height: 22px;
+    padding: 0 var(--nuraly-spacing-2, 0.5rem);
+    color: #fff;
+    line-height: 22px;
+    white-space: nowrap;
+    background-color: var(--nuraly-color-primary, #1890ff);
+    border-radius: 2px;
+  }
+
+  .badge-ribbon.start {
+    left: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+    padding-left: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-ribbon.end {
+    right: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+    padding-right: var(--nuraly-spacing-2, 0.5rem);
+  }
+
+  .badge-ribbon::after {
+    content: '';
+    position: absolute;
+    top: 100%;
+    width: 0;
+    height: 0;
+    border: 4px solid transparent;
+  }
+
+  .badge-ribbon.start::after {
+    left: 0;
+    border-top-color: currentColor;
+    border-left-color: currentColor;
+    filter: brightness(0.7);
+  }
+
+  .badge-ribbon.end::after {
+    right: 0;
+    border-top-color: currentColor;
+    border-right-color: currentColor;
+    filter: brightness(0.7);
+  }
+
+  /* Ribbon color variants */
+  .badge-ribbon.pink { background-color: #eb2f96; color: #fff; }
+  .badge-ribbon.red { background-color: #f5222d; color: #fff; }
+  .badge-ribbon.yellow { background-color: #fadb14; color: rgba(0, 0, 0, 0.85); }
+  .badge-ribbon.orange { background-color: #fa8c16; color: #fff; }
+  .badge-ribbon.cyan { background-color: #13c2c2; color: #fff; }
+  .badge-ribbon.green { background-color: #52c41a; color: #fff; }
+  .badge-ribbon.blue { background-color: #1890ff; color: #fff; }
+  .badge-ribbon.purple { background-color: #722ed1; color: #fff; }
+  .badge-ribbon.geekblue { background-color: #2f54eb; color: #fff; }
+  .badge-ribbon.magenta { background-color: #eb2f96; color: #fff; }
+  .badge-ribbon.volcano { background-color: #fa541c; color: #fff; }
+  .badge-ribbon.gold { background-color: #faad14; color: rgba(0, 0, 0, 0.85); }
+  .badge-ribbon.lime { background-color: #a0d911; color: rgba(0, 0, 0, 0.85); }
+
+  /* Hidden state */
+  .badge-hidden {
+    display: none;
+  }
+
+  /* RTL Support */
+  :host([dir="rtl"]) .badge-indicator {
+    right: auto;
+    left: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0% 0%;
+  }
+
+  :host([dir="rtl"]) .badge-ribbon.start {
+    left: auto;
+    right: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+  }
+
+  :host([dir="rtl"]) .badge-ribbon.end {
+    right: auto;
+    left: calc(-1 * var(--nuraly-spacing-1, 0.25rem));
+  }
+`
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */;var b=function(r,o,a,t){for(var e,i=arguments.length,n=i<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,a):t,d=r.length-1;d>=0;d--)(e=r[d])&&(n=(i<3?e(n):i>3?e(o,a,n):e(o,a))||n);return i>3&&n&&Object.defineProperty(o,a,n),n};let c=class extends(l(o)){constructor(){super(...arguments),this.dot=!1,this.overflowCount=99,this.showZero=!1,this.size="default",this.ribbonPlacement="end"}getDisplayCount(){if(void 0===this.count)return"";const r=Number(this.count);return r>this.overflowCount?`${this.overflowCount}+`:String(r)}shouldHideBadge(){return!this.dot&&(void 0===this.count||0===this.count&&!this.showZero)}getCustomColorStyle(){if(!this.color)return{};return!["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"].includes(this.color)?{backgroundColor:this.color,color:"#fff"}:{}}getOffsetStyle(){if(!this.offset)return{};const[r,o]=this.offset;return{right:`calc(0px - ${r}px)`,top:`${o}px`}}renderStatusBadge(){return a`
+      <span class="badge-status">
+        <span class="badge-status-dot ${this.status}"></span>
+        ${this.text?a`<span class="badge-status-text">${this.text}</span>`:t}
+      </span>
+    `}renderRibbonBadge(){const r={"badge-ribbon":!0,[this.ribbonPlacement]:!0,[this.color||""]:!!this.color},o=this.getCustomColorStyle();return a`
+      <div class="badge-ribbon-wrapper">
+        <slot></slot>
+        <div class=${n(r)} style=${d(o)}>
+          ${this.ribbon}
+        </div>
+      </div>
+    `}renderCountBadge(){const r=!(null!==this.querySelector(":not([slot])")),o=this.shouldHideBadge(),e=this.color&&["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"].includes(this.color),i=Object.assign({"badge-indicator":!0,"badge-standalone":r,"badge-hidden":o,dot:this.dot,small:"small"===this.size},this.color&&e?{[this.color]:!0}:{}),l=Object.assign(Object.assign({},this.getCustomColorStyle()),this.getOffsetStyle()),s=this.dot?t:this.getDisplayCount();return r?a`
+        <span
+          class=${n(i)}
+          style=${d(l)}
+          title=${this.badgeTitle||""}
+        >
+          ${s}
+        </span>
+      `:a`
+      <span class="badge-wrapper">
+        <slot></slot>
+        <span
+          class=${n(i)}
+          style=${d(l)}
+          title=${this.badgeTitle||""}
+        >
+          ${s}
+        </span>
+      </span>
+    `}render(){return this.ribbon?this.renderRibbonBadge():this.status?this.renderStatusBadge():this.renderCountBadge()}};c.styles=s,b([e({type:Number})],c.prototype,"count",void 0),b([e({type:Boolean})],c.prototype,"dot",void 0),b([e({type:Number,attribute:"overflow-count"})],c.prototype,"overflowCount",void 0),b([e({type:Boolean,attribute:"show-zero"})],c.prototype,"showZero",void 0),b([e({type:Array})],c.prototype,"offset",void 0),b([e({type:String})],c.prototype,"color",void 0),b([e({type:String})],c.prototype,"size",void 0),b([e({type:String})],c.prototype,"status",void 0),b([e({type:String})],c.prototype,"text",void 0),b([e({type:String})],c.prototype,"badgeTitle",void 0),b([e({type:String})],c.prototype,"ribbon",void 0),b([e({type:String,attribute:"ribbon-placement"})],c.prototype,"ribbonPlacement",void 0),c=b([i("nr-badge")],c);export{c as NrBadgeElement};

package/dist/src/components/badge/index.d.ts

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

package/dist/src/components/badge/index.js

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

package/dist/src/components/badge/react.d.ts

@@ -0,0 +1,3 @@
+import { NrBadgeElement } from './badge.component.js';
+export declare const NrBadge: import("@lit-labs/react").ReactWebComponent<NrBadgeElement, {}>;
+//# sourceMappingURL=react.d.ts.map

package/dist/src/components/badge/react.js

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