@nuraly/lumenui 0.1.0

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

@@ -0,0 +1,161 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Time format types - supports 12-hour and 24-hour formats
+ */
+export declare enum TimeFormat {
+    TwentyFourHour = "24h",
+    TwelveHour = "12h"
+}
+/**
+ * Time picker display modes
+ */
+export declare enum TimePickerMode {
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds"
+}
+/**
+ * Time picker sizes
+ */
+export declare enum TimePickerSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+/**
+ * Time picker variants
+ */
+export declare enum TimePickerVariant {
+    Default = "default",
+    Outlined = "outlined",
+    Filled = "filled"
+}
+/**
+ * Time picker states for validation
+ */
+export declare enum TimePickerState {
+    Default = "default",
+    Error = "error",
+    Warning = "warning",
+    Success = "success"
+}
+/**
+ * Time picker placement options for dropdown
+ */
+export declare enum TimePickerPlacement {
+    Bottom = "bottom",
+    Top = "top",
+    Auto = "auto"
+}
+/**
+ * Time selection step increments
+ */
+export declare enum TimeStep {
+    One = 1,
+    Five = 5,
+    Ten = 10,
+    Fifteen = 15,
+    Thirty = 30
+}
+/**
+ * Time period for 12-hour format
+ */
+export declare enum TimePeriod {
+    AM = "AM",
+    PM = "PM"
+}
+/**
+ * Time structure interface
+ */
+export interface TimeValue {
+    hours: number;
+    minutes: number;
+    seconds: number;
+    period?: TimePeriod;
+}
+/**
+ * Time picker option for dropdowns
+ */
+export interface TimePickerOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Time validation constraints
+ */
+export interface TimeConstraints {
+    minTime?: string;
+    maxTime?: string;
+    disabledTimes?: string[];
+    enabledTimes?: string[];
+}
+/**
+ * Time picker configuration
+ */
+export interface TimePickerConfig {
+    format: TimeFormat;
+    showSeconds: boolean;
+    step: {
+        hours: TimeStep;
+        minutes: TimeStep;
+        seconds: TimeStep;
+    };
+    use12HourClock: boolean;
+    minuteInterval: number;
+    secondInterval: number;
+}
+/**
+ * Time picker event details
+ */
+export interface TimeChangeEventDetail {
+    value: string;
+    timeValue: TimeValue;
+    formattedValue: string;
+}
+/**
+ * Default time formats
+ */
+export declare const DEFAULT_TIME_FORMATS: {
+    readonly "24h": "HH:mm";
+    readonly "12h": "hh:mm A";
+};
+/**
+ * Default time format with seconds
+ */
+export declare const DEFAULT_TIME_FORMATS_WITH_SECONDS: {
+    readonly "24h": "HH:mm:ss";
+    readonly "12h": "hh:mm:ss A";
+};
+/**
+ * Time picker constants
+ */
+export declare const TIME_PICKER_CONSTANTS: {
+    readonly HOURS_24: 24;
+    readonly HOURS_12: 12;
+    readonly MINUTES: 60;
+    readonly SECONDS: 60;
+    readonly DEFAULT_STEP: 1;
+    readonly DEFAULT_MINUTE_INTERVAL: 1;
+    readonly DEFAULT_SECOND_INTERVAL: 1;
+};
+/**
+ * Time picker events
+ */
+export declare const TIME_PICKER_EVENTS: {
+    readonly TIME_CHANGE: "nr-time-change";
+    readonly FOCUS: "nr-focus";
+    readonly BLUR: "nr-blur";
+    readonly CLOCK_OPEN: "nr-clock-open";
+    readonly CLOCK_CLOSE: "nr-clock-close";
+    readonly VALIDATION: "nr-validation";
+};
+/**
+ * Empty time value
+ */
+export declare const EMPTY_TIME_VALUE: TimeValue;
+//# sourceMappingURL=timepicker.types.d.ts.map

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

@@ -0,0 +1,125 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Time format types - supports 12-hour and 24-hour formats
+ */
+export var TimeFormat;
+(function (TimeFormat) {
+    TimeFormat["TwentyFourHour"] = "24h";
+    TimeFormat["TwelveHour"] = "12h";
+})(TimeFormat || (TimeFormat = {}));
+/**
+ * Time picker display modes
+ */
+export var TimePickerMode;
+(function (TimePickerMode) {
+    TimePickerMode["Hours"] = "hours";
+    TimePickerMode["Minutes"] = "minutes";
+    TimePickerMode["Seconds"] = "seconds";
+})(TimePickerMode || (TimePickerMode = {}));
+/**
+ * Time picker sizes
+ */
+export var TimePickerSize;
+(function (TimePickerSize) {
+    TimePickerSize["Small"] = "small";
+    TimePickerSize["Medium"] = "medium";
+    TimePickerSize["Large"] = "large";
+})(TimePickerSize || (TimePickerSize = {}));
+/**
+ * Time picker variants
+ */
+export var TimePickerVariant;
+(function (TimePickerVariant) {
+    TimePickerVariant["Default"] = "default";
+    TimePickerVariant["Outlined"] = "outlined";
+    TimePickerVariant["Filled"] = "filled";
+})(TimePickerVariant || (TimePickerVariant = {}));
+/**
+ * Time picker states for validation
+ */
+export var TimePickerState;
+(function (TimePickerState) {
+    TimePickerState["Default"] = "default";
+    TimePickerState["Error"] = "error";
+    TimePickerState["Warning"] = "warning";
+    TimePickerState["Success"] = "success";
+})(TimePickerState || (TimePickerState = {}));
+/**
+ * Time picker placement options for dropdown
+ */
+export var TimePickerPlacement;
+(function (TimePickerPlacement) {
+    TimePickerPlacement["Bottom"] = "bottom";
+    TimePickerPlacement["Top"] = "top";
+    TimePickerPlacement["Auto"] = "auto";
+})(TimePickerPlacement || (TimePickerPlacement = {}));
+/**
+ * Time selection step increments
+ */
+export var TimeStep;
+(function (TimeStep) {
+    TimeStep[TimeStep["One"] = 1] = "One";
+    TimeStep[TimeStep["Five"] = 5] = "Five";
+    TimeStep[TimeStep["Ten"] = 10] = "Ten";
+    TimeStep[TimeStep["Fifteen"] = 15] = "Fifteen";
+    TimeStep[TimeStep["Thirty"] = 30] = "Thirty";
+})(TimeStep || (TimeStep = {}));
+/**
+ * Time period for 12-hour format
+ */
+export var TimePeriod;
+(function (TimePeriod) {
+    TimePeriod["AM"] = "AM";
+    TimePeriod["PM"] = "PM";
+})(TimePeriod || (TimePeriod = {}));
+/**
+ * Default time formats
+ */
+export const DEFAULT_TIME_FORMATS = {
+    [TimeFormat.TwentyFourHour]: 'HH:mm',
+    [TimeFormat.TwelveHour]: 'hh:mm A',
+};
+/**
+ * Default time format with seconds
+ */
+export const DEFAULT_TIME_FORMATS_WITH_SECONDS = {
+    [TimeFormat.TwentyFourHour]: 'HH:mm:ss',
+    [TimeFormat.TwelveHour]: 'hh:mm:ss A',
+};
+/**
+ * Time picker constants
+ */
+export const TIME_PICKER_CONSTANTS = {
+    HOURS_24: 24,
+    HOURS_12: 12,
+    MINUTES: 60,
+    SECONDS: 60,
+    DEFAULT_STEP: 1,
+    DEFAULT_MINUTE_INTERVAL: 1,
+    DEFAULT_SECOND_INTERVAL: 1,
+};
+/**
+ * Time picker events
+ */
+export const TIME_PICKER_EVENTS = {
+    TIME_CHANGE: 'nr-time-change',
+    FOCUS: 'nr-focus',
+    BLUR: 'nr-blur',
+    CLOCK_OPEN: 'nr-clock-open',
+    CLOCK_CLOSE: 'nr-clock-close',
+    VALIDATION: 'nr-validation',
+};
+/**
+ * Empty time value
+ */
+export const EMPTY_TIME_VALUE = {
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    period: TimePeriod.AM,
+};
+//# sourceMappingURL=timepicker.types.js.map

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

@@ -0,0 +1,393 @@
+import{css as t,LitElement as o,html as a,nothing as r}from"lit";import{property as s,state as n,customElement as i}from"lit/decorators.js";import{repeat as e}from"lit/directives/repeat.js";import{classMap as l}from"lit/directives/class-map.js";import{NuralyUIBaseMixin as c}from"@nuralyui/common/mixins";import{BaseComponentController as u}from"@nuralyui/common/controllers";
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */const d=t`
+  :host {
+    display: block;
+    position: fixed;
+    z-index: var(--nuraly-z-index-toast);
+    pointer-events: none;
+    
+    /* Force CSS custom property inheritance to ensure theme switching works properly */
+    color: var(--nuraly-color-text);
+    font-family: var(--nuraly-font-family);
+  }
+
+  /* Container positioning */
+  :host([position="top-right"]) {
+    top: var(--nuraly-spacing-4);
+    right: var(--nuraly-spacing-4);
+  }
+
+  :host([position="top-left"]) {
+    top: var(--nuraly-spacing-4);
+    left: var(--nuraly-spacing-4);
+  }
+
+  :host([position="top-center"]) {
+    top: var(--nuraly-spacing-4);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  :host([position="bottom-right"]) {
+    bottom: var(--nuraly-spacing-4);
+    right: var(--nuraly-spacing-4);
+  }
+
+  :host([position="bottom-left"]) {
+    bottom: var(--nuraly-spacing-4);
+    left: var(--nuraly-spacing-4);
+  }
+
+  :host([position="bottom-center"]) {
+    bottom: var(--nuraly-spacing-4);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .toast-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nuraly-toast-stack-gap);
+    min-width: var(--nuraly-toast-min-width);
+    max-width: var(--nuraly-toast-max-width);
+  }
+
+  .toast {
+    display: flex;
+    align-items: start;
+    gap: var(--nuraly-toast-gap);
+    padding: var(--nuraly-toast-padding-vertical) var(--nuraly-toast-padding-horizontal);
+    background-color: var(--nuraly-color-background);
+    color: var(--nuraly-color-text);
+    border: 1px solid var(--nuraly-color-border);
+    border-radius: var(--nuraly-border-radius-toast);
+    box-shadow: var(--nuraly-shadow-toast);
+    pointer-events: auto;
+    cursor: default;
+    transition: all var(--nuraly-transition-fast) ease;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .toast:hover {
+    box-shadow: var(--nuraly-shadow-toast-hover);
+  }
+
+  /* Toast type variants */
+  .toast--default {
+    background-color: var(--nuraly-toast-default-background);
+    border-color: var(--nuraly-toast-default-border);
+    color: var(--nuraly-toast-default-text);
+  }
+
+  .toast--success {
+    background-color: var(--nuraly-toast-success-background);
+    border-color: var(--nuraly-toast-success-border);
+    color: var(--nuraly-toast-success-text);
+  }
+
+  .toast--error {
+    background-color: var(--nuraly-toast-error-background);
+    border-color: var(--nuraly-toast-error-border);
+    color: var(--nuraly-toast-error-text);
+  }
+
+  .toast--warning {
+    background-color: var(--nuraly-toast-warning-background);
+    border-color: var(--nuraly-toast-warning-border);
+    color: var(--nuraly-toast-warning-text);
+  }
+
+  .toast--info {
+    background-color: var(--nuraly-toast-info-background);
+    border-color: var(--nuraly-toast-info-border);
+    color: var(--nuraly-toast-info-text);
+  }
+
+  /* Toast icon */
+  .toast__icon {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 0.125rem; /* Slight adjustment for better visual alignment */
+  }
+
+  .toast__icon nr-icon {
+    color: inherit;
+  }
+
+  /* Toast content */
+  .toast__content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--nuraly-spacing-2);
+    min-width: 0;
+  }
+
+  .toast__text {
+    font-size: var(--nuraly-font-size-sm);
+    line-height: 1.5;
+    word-break: break-word;
+  }
+
+  /* Toast button */
+  .toast__button {
+    display: flex;
+    align-items: center;
+    margin-top: var(--nuraly-spacing-1);
+  }
+
+  .toast__button nr-button {
+    flex-shrink: 0;
+  }
+
+  /* Close button */
+  .toast__close {
+    flex-shrink: 0;
+    min-width: var(--nuraly-toast-close-size);
+    min-height: var(--nuraly-toast-close-size);
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: currentColor;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--nuraly-border-radius-small);
+    transition: all var(--nuraly-transition-fast) ease;
+    opacity: var(--nuraly-toast-close-opacity);
+  }
+
+  .toast__close:hover {
+    opacity: var(--nuraly-toast-close-opacity-hover);
+    background-color: var(--nuraly-toast-close-hover-background);
+  }
+
+  .toast__close:focus {
+    outline: var(--nuraly-focus-outline);
+    outline-offset: var(--nuraly-focus-outline-offset);
+  }
+
+  .toast__close nr-icon {
+    color: inherit;
+  }
+
+  /* Animations */
+  @keyframes toast-fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(-1rem);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes toast-fade-out {
+    from {
+      opacity: 1;
+      transform: translateY(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(-1rem);
+    }
+  }
+
+  @keyframes toast-slide-in-right {
+    from {
+      opacity: 0;
+      transform: translateX(100%);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes toast-slide-out-right {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(100%);
+    }
+  }
+
+  @keyframes toast-slide-in-left {
+    from {
+      opacity: 0;
+      transform: translateX(-100%);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes toast-slide-out-left {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(-100%);
+    }
+  }
+
+  @keyframes toast-bounce-in {
+    0% {
+      opacity: 0;
+      transform: scale(0.3);
+    }
+    50% {
+      transform: scale(1.05);
+    }
+    70% {
+      transform: scale(0.9);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes toast-bounce-out {
+    0% {
+      transform: scale(1);
+    }
+    25% {
+      transform: scale(0.95);
+    }
+    50% {
+      opacity: 1;
+      transform: scale(1.1);
+    }
+    100% {
+      opacity: 0;
+      transform: scale(0.3);
+    }
+  }
+
+  /* Animation classes */
+  .toast--fade-in {
+    animation: toast-fade-in var(--nuraly-transition-toast) ease;
+  }
+
+  .toast--fade-out {
+    animation: toast-fade-out var(--nuraly-transition-toast) ease;
+  }
+
+  .toast--slide-in {
+    animation: toast-slide-in-right var(--nuraly-transition-toast) ease;
+  }
+
+  .toast--slide-out {
+    animation: toast-slide-out-right var(--nuraly-transition-toast) ease;
+  }
+
+  .toast--bounce-in {
+    animation: toast-bounce-in var(--nuraly-transition-toast) ease;
+  }
+
+  .toast--bounce-out {
+    animation: toast-bounce-out var(--nuraly-transition-toast) ease;
+  }
+
+  /* Position-specific slide animations */
+  :host([position="top-left"]) .toast--slide-in,
+  :host([position="bottom-left"]) .toast--slide-in {
+    animation: toast-slide-in-left var(--nuraly-transition-toast) ease;
+  }
+
+  :host([position="top-left"]) .toast--slide-out,
+  :host([position="bottom-left"]) .toast--slide-out {
+    animation: toast-slide-out-left var(--nuraly-transition-toast) ease;
+  }
+
+  /* Progress bar for duration indicator */
+  .toast__progress {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: var(--nuraly-toast-progress-height);
+    background-color: currentColor;
+    opacity: var(--nuraly-toast-progress-opacity);
+    transition: width linear;
+  }
+`
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */,f="",m=5e3,y=5;
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+var p=function(t,o,a,r){for(var s,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,a):r,e=t.length-1;e>=0;e--)(s=t[e])&&(i=(n<3?s(i):n>3?s(o,a,i):s(o,a))||i);return n>3&&i&&Object.defineProperty(o,a,i),i};let h=class extends(c(o)){constructor(){super(...arguments),this.requiredComponents=["nr-icon","nr-button"],this.position="top-right",this.maxToasts=5,this.defaultDuration=5e3,this.animation="fade",this.stack=!0,this.autoDismiss=!0,this.toasts=[],this.timeouts=new Map}show(t){var o,a,r;const s="string"==typeof t?{text:t}:t,n={id:this.generateId(),timestamp:Date.now(),text:s.text,content:s.content,type:s.type||"default",duration:null!==(o=s.duration)&&void 0!==o?o:this.defaultDuration,autoDismiss:null!==(a=s.autoDismiss)&&void 0!==a?a:this.autoDismiss,closable:null===(r=s.closable)||void 0===r||r,icon:s.icon||this.getDefaultIcon(s.type),customClass:s.customClass,button:s.button,onClose:s.onClose,onClick:s.onClick};if(this.stack?this.toasts.length>=this.maxToasts&&this.removeToast(this.toasts[0].id):this.clearAll(),this.toasts=[...this.toasts,n],this.emitToastEvent("nr-toast-show",n,"show"),n.autoDismiss&&n.duration&&n.duration>0){const t=window.setTimeout(()=>{this.removeToast(n.id)},n.duration);this.timeouts.set(n.id,t)}return n.id}success(t,o){return this.show({text:t,type:"success",duration:o})}error(t,o){return this.show({text:t,type:"error",duration:o})}warning(t,o){return this.show({text:t,type:"warning",duration:o})}info(t,o){return this.show({text:t,type:"info",duration:o})}removeToast(t){const o=this.toasts.find(o=>o.id===t);if(!o)return;o.removing=!0,this.requestUpdate();const a=this.timeouts.get(t);a&&(clearTimeout(a),this.timeouts.delete(t)),setTimeout(()=>{var a;this.toasts=this.toasts.filter(o=>o.id!==t),this.emitToastEvent("nr-toast-close",o,"close"),null===(a=o.onClose)||void 0===a||a.call(o)},300)}clearAll(){this.toasts.forEach(t=>{const o=this.timeouts.get(t.id);o&&clearTimeout(o)}),this.timeouts.clear(),this.toasts=[]}handleToastClick(t){var o;this.emitToastEvent("nr-toast-click",t,"click"),null===(o=t.onClick)||void 0===o||o.call(t)}handleCloseClick(t,o){t.stopPropagation(),this.removeToast(o.id)}getDefaultIcon(t){switch(t){case"success":return"check-circle";case"error":return"x-circle";case"warning":return"alert-triangle";case"info":return"info";default:return""}}generateId(){return`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}getAnimationClass(t){const o=t.removing?"out":"in";return`toast--${this.animation}-${o}`}emitToastEvent(t,o,a){this.dispatchEvent(new CustomEvent(t,{detail:{toast:o,action:a},bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.clearAll()}render(){return a`
+      <div class="toast-container">
+        ${e(this.toasts,t=>t.id,t=>this.renderToast(t))}
+      </div>
+    `}renderToast(t){const o={toast:!0,[`toast--${t.type}`]:!0,[this.getAnimationClass(t)]:!0,[t.customClass||""]:!!t.customClass};return a`
+      <div
+        class=${l(o)}
+        @click=${()=>this.handleToastClick(t)}
+        role="alert"
+        aria-live="polite"
+      >
+        ${t.icon?a`
+          <div class="toast__icon">
+            <nr-icon name=${t.icon} size="medium"></nr-icon>
+          </div>
+        `:r}
+        
+        <div class="toast__content">
+          ${t.content?t.content:a`
+              <div class="toast__text">${t.text}</div>
+              ${t.button?this.renderButton(t.button):r}
+            `}
+        </div>
+        
+        ${t.closable?a`
+          <button
+            class="toast__close"
+            @click=${o=>this.handleCloseClick(o,t)}
+            aria-label="Close notification"
+            type="button"
+          >
+            <nr-icon name="x" size="small"></nr-icon>
+          </button>
+        `:r}
+      </div>
+    `}renderButton(t){return a`
+      <div class="toast__button">
+        <nr-button
+          type=${t.type||"default"}
+          size=${t.size||"small"}
+          ?disabled=${t.disabled||!1}
+          @click=${o=>{o.stopPropagation(),t.onClick(o)}}
+        >
+          ${t.icon?a`<nr-icon slot="icon-left" name=${t.icon}></nr-icon>`:r}
+          ${t.label}
+        </nr-button>
+      </div>
+    `}};h.styles=d,p([s({type:String,reflect:!0})],h.prototype,"position",void 0),p([s({type:Number})],h.prototype,"maxToasts",void 0),p([s({type:Number})],h.prototype,"defaultDuration",void 0),p([s({type:String})],h.prototype,"animation",void 0),p([s({type:Boolean})],h.prototype,"stack",void 0),p([s({type:Boolean})],h.prototype,"autoDismiss",void 0),p([n()],h.prototype,"toasts",void 0),h=p([i("nr-toast")],h);
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+class v extends u{}export{v as BaseToastController,y as DEFAULT_MAX_TOASTS,m as DEFAULT_TOAST_DURATION,f as EMPTY_STRING,h as NrToastElement};

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

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export * from './toast.component.js';
+export * from './toast.types.js';
+export * from './controllers/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export * from './toast.component.js';
+export * from './toast.types.js';
+export * from './controllers/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+import { NrToastElement } from './toast.component.js';
+export declare const NrToast: import("@lit-labs/react").ReactWebComponent<NrToastElement, {
+    'nr-toast-show': string;
+    'nr-toast-close': string;
+    'nr-toast-click': string;
+}>;
+//# sourceMappingURL=react.d.ts.map