@daikin-oss/design-system-web-components 0.7.0 → 1.1.0

package/dist/cjs/components/dropdown-item/daikin-dropdown-item.cjs

@@ -3,13 +3,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
+const ddsElement = require("../../base/dds-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
+const isSimilarToClick = require("../../utils/is-similar-to-click.cjs");
+require("../checkbox/daikin-checkbox.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
+var __decorateClass = (decorators2, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result) __defProp(target, key, result);
   return result;
@@ -18,73 +23,133 @@ const cvaOption = classVarianceAuthority.cva(
   [
     "flex",
     "items-center",
-    "justify-between",
-    "w-full",
+    "gap-1",
+    "size-full",
     "min-h-12",
-    "text-ddt-color-common-text-primary",
-    "bg-ddt-color-common-background-default",
-    "p-3",
     "font-daikinSerif",
-    "leading-5",
+    "leading-[130%]",
     "text-left",
+    "relative",
     "focus-visible:outline",
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus",
-    "disabled:text-ddt-color-common-disabled"
+    "focus-visible:outline-ddt-color-common-border-focus"
   ],
   {
     variants: {
       selected: {
         false: [
-          "enabled:hover:bg-ddt-color-common-surface-hover",
-          "enabled:active:bg-ddt-color-common-surface-press"
+          "var-color-ddt-color-common-background-default/color-primary",
+          "hover:var-color-ddt-color-common-surface-hover/color-primary",
+          "active:var-color-ddt-color-common-surface-press/color-primary"
         ],
         true: [
-          "enabled:bg-ddt-color-common-surface-selected-default",
-          "enabled:hover:bg-ddt-color-common-surface-selected-hover",
-          "enabled:active:bg-ddt-color-common-surface-selected-press",
+          "var-color-ddt-color-common-surface-selected-default/color-primary",
+          "hover:var-color-ddt-color-common-surface-selected-hover/color-primary",
+          "active:var-color-ddt-color-common-surface-selected-press/color-primary",
           "after:i-daikin-dropdown-check",
-          "after:size-6"
+          "after:size-6",
+          "after:flex-none"
         ]
+      },
+      disabled: {
+        false: [
+          "text-ddt-color-common-text-primary",
+          "bg-[--color-primary]",
+          "cursor-pointer"
+        ],
+        true: [
+          "text-ddt-color-common-disabled",
+          "bg-ddt-color-common-background-default"
+        ]
+      },
+      multiple: {
+        false: ["justify-between", "p-3"],
+        true: ["after:hidden"]
       }
     }
   }
 );
-exports.DaikinDropdownItem = class DaikinDropdownItem extends lit.LitElement {
+exports.DaikinDropdownItem = class DaikinDropdownItem extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.value = "";
     this.disabled = false;
     this.selected = false;
+    this.selectable = false;
   }
-  _handleClick() {
-    if (this.disabled) {
+  _handleClick(event) {
+    if (this.disabled || event.target.tagName === "DAIKIN-CHECKBOX") {
       return;
     }
-    this.dispatchEvent(
-      new Event("select", {
-        bubbles: true
-      })
-    );
+    this._emitSelect();
+    event.preventDefault();
+  }
+  _handleChange(event) {
+    this._emitSelect();
+    event.preventDefault();
+  }
+  _handleKeydown(event) {
+    if (!isSimilarToClick.isSimilarToClick(event.key) || this.disabled) {
+      return;
+    }
+    this._emitSelect();
+    event.preventDefault();
+  }
+  _handleMousedown(event) {
+    if (event.detail === 2) {
+      event.preventDefault();
+    }
+  }
+  _emitSelect() {
+    this.dispatchEvent(new Event("select", { bubbles: true }));
   }
   render() {
-    return lit.html`<button
-      type="button"
-      class=${cvaOption({ selected: this.selected })}
-      data-value=${this.value}
-      role="option"
-      aria-selected=${this.selected}
-      tabindex="-1"
-      ?disabled=${this.disabled}
-      @click=${this._handleClick}
-    >
-      <slot></slot>
-    </button>`;
+    const optionClassName = cvaOption({
+      selected: this.selected,
+      disabled: this.disabled,
+      multiple: this.selectable
+    });
+    return this.selectable ? lit.html`<span
+          class=${optionClassName}
+          data-value=${this.value}
+          role="option"
+          aria-selected=${this.selected}
+          tabindex="-1"
+          aria-disabled=${this.disabled}
+          @click=${this._handleClick}
+          @keydown=${this._handleKeydown}
+          @mousedown=${this._handleMousedown}
+        >
+          <daikin-checkbox
+            class="size-full part-[label]:p-2 part-[label]:cursor-pointer"
+            check-state=${this.selected ? "checked" : "unchecked"}
+            tabindex="-1"
+            ?disabled=${this.disabled}
+            @change=${this._handleChange}
+          >
+            <slot></slot>
+          </daikin-checkbox>
+        </span>` : lit.html`<button
+          type="button"
+          class=${optionClassName}
+          data-value=${this.value}
+          role="option"
+          aria-selected=${this.selected}
+          tabindex="-1"
+          ?disabled=${this.disabled}
+          @click=${this._handleClick}
+        >
+          <slot></slot>
+        </button>`;
   }
+  /**
+   * Focuses on the inner button.
+   * @param options focus options
+   */
   focus(options) {
     var _a;
-    (_a = this._button) == null ? void 0 : _a.focus(options);
+    (_a = this._focusableElement) == null ? void 0 : _a.focus(options);
   }
 };
 exports.DaikinDropdownItem.styles = lit.css`
@@ -105,8 +170,11 @@ __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinDropdownItem.prototype, "selected", 2);
 __decorateClass([
-  decorators_js.query("button")
-], exports.DaikinDropdownItem.prototype, "_button", 2);
+  decorators_js.property({ type: Boolean, reflect: true })
+], exports.DaikinDropdownItem.prototype, "selectable", 2);
+__decorateClass([
+  decorators_js.query("button,span[role=option]")
+], exports.DaikinDropdownItem.prototype, "_focusableElement", 2);
 exports.DaikinDropdownItem = __decorateClass([
-  decorators_js.customElement("daikin-dropdown-item")
+  decorators.ddsElement("daikin-dropdown-item")
 ], exports.DaikinDropdownItem);

package/dist/cjs/components/dropdown-item/daikin-dropdown-item.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 /**
  * The dropdown item (option) component that can be used within `daikin-dropdown` component.
  *
@@ -11,11 +11,15 @@ import { LitElement } from 'lit';
  *
  * @example
  *
+ * ```js
+ * import "@daikin-oss/design-system-web-components/components/dropdown-item/index.js";
+ * ```
+ *
  * ```html
  * <daikin-dropdown-item value="value">Dropdown item</daikin-dropdown-item>
  * ```
  */
-export declare class DaikinDropdownItem extends LitElement {
+export declare class DaikinDropdownItem extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Form value of the dropdown item.
@@ -30,9 +34,18 @@ export declare class DaikinDropdownItem extends LitElement {
      * Set automatically by `daikin-dropdown` component.
      */
     selected: boolean;
-    private _button;
+    selectable: boolean;
+    private _focusableElement;
     private _handleClick;
+    private _handleChange;
+    private _handleKeydown;
+    private _handleMousedown;
+    private _emitSelect;
     render(): import('lit-html').TemplateResult<1>;
+    /**
+     * Focuses on the inner button.
+     * @param options focus options
+     */
     focus(options?: FocusOptions): void;
 }
 declare global {

package/dist/cjs/components/icon/daikin-icon.cjs

@@ -3,14 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
+const ddsElement = require("../../base/dds-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const icons = require("./icons.json.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
+var __decorateClass = (decorators2, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result) __defProp(target, key, result);
   return result;
@@ -31,7 +34,7 @@ const cvaIcon = classVarianceAuthority.cva(["block"], {
     }
   }
 });
-exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
+exports.DaikinIcon = class DaikinIcon extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.icon = null;
@@ -86,6 +89,6 @@ __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinIcon.prototype, "size", 2);
 exports.DaikinIcon = __decorateClass([
-  decorators_js.customElement("daikin-icon")
+  decorators.ddsElement("daikin-icon")
 ], exports.DaikinIcon);
 exports.iconList = iconList;

package/dist/cjs/components/icon/daikin-icon.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 import { icons } from "./icons.json.cjs";
 export declare const iconList: string[];
@@ -29,7 +29,7 @@ export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
  * <daikin-icon icon="information" color="black" size="m"></daikin-icon>
  * ```
  */
-export declare class DaikinIcon extends LitElement {
+export declare class DaikinIcon extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Specify the name of the icon

package/dist/cjs/components/icon/icons.json.cjs

@@ -1,73 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const icons = {
-  alarm: {
-    "class": "i-daikin-status-alarm",
-    color: null
-  },
-  close: {
-    "class": "i-daikin-notification-close",
-    color: "#a0a0a0"
-  },
-  information: {
-    "class": "i-daikin-status-information",
-    color: null
-  },
-  negative: {
-    "class": "i-daikin-status-negative",
-    color: null
-  },
-  positive: {
-    "class": "i-daikin-status-positive",
-    color: null
-  },
-  warning: {
-    "class": "i-daikin-status-warning",
-    color: null
-  },
-  "pagination-chevron-left": {
-    "class": "i-daikin-pagination-chevron-left",
-    color: "#414141"
-  },
-  "pagination-chevron-right": {
-    "class": "i-daikin-pagination-chevron-right",
-    color: "#414141"
-  },
-  arrowUp: {
-    "class": "i-daikin-arrow-up",
-    color: "#414141"
-  },
-  success: {
-    "class": "i-daikin-status-success",
-    color: "#0097E0"
-  },
-  error: {
-    "class": "i-daikin-status-error",
-    color: "#FF4949"
-  },
-  cross: {
-    "class": "i-daikin-cross",
-    color: null
-  },
-  "chevron-up": {
-    "class": "i-daikin-chevron-up",
-    color: null
-  },
-  "chevron-down": {
-    "class": "i-daikin-chevron-down",
-    color: null
-  },
-  "chevron-left": {
-    "class": "i-daikin-chevron-left",
-    color: null
-  },
-  "chevron-right": {
-    "class": "i-daikin-chevron-right",
-    color: null
-  },
-  sort: {
-    "class": "i-daikin-sort",
-    color: null
-  }
-};
+const icons = { "alarm": { "class": "i-daikin-status-alarm", "color": null }, "close": { "class": "i-daikin-notification-close", "color": "#a0a0a0" }, "information": { "class": "i-daikin-status-information", "color": null }, "negative": { "class": "i-daikin-status-negative", "color": null }, "positive": { "class": "i-daikin-status-positive", "color": null }, "warning": { "class": "i-daikin-status-warning", "color": null }, "pagination-chevron-left": { "class": "i-daikin-pagination-chevron-left", "color": "#414141" }, "pagination-chevron-right": { "class": "i-daikin-pagination-chevron-right", "color": "#414141" }, "error": { "class": "i-daikin-status-error", "color": "#FF4949" }, "cross": { "class": "i-daikin-cross", "color": null }, "profile": { "class": "i-daikin-profile", "color": null }, "chevron-up": { "class": "i-daikin-chevron-up", "color": null }, "chevron-down": { "class": "i-daikin-chevron-down", "color": null }, "chevron-left": { "class": "i-daikin-chevron-left", "color": null }, "chevron-right": { "class": "i-daikin-chevron-right", "color": null }, "sort": { "class": "i-daikin-sort", "color": null } };
 exports.icons = icons;

package/dist/cjs/components/icon/icons.json.d.cts

@@ -32,14 +32,6 @@ declare const _default: {
       "class": "i-daikin-pagination-chevron-right",
       "color": "#414141"
     },
-    "arrowUp": {
-      "class": "i-daikin-arrow-up",
-      "color": "#414141"
-    },
-    "success": {
-      "class": "i-daikin-status-success",
-      "color": "#0097E0"
-    },
     "error": {
       "class": "i-daikin-status-error",
       "color": "#FF4949"
@@ -48,6 +40,10 @@ declare const _default: {
       "class": "i-daikin-cross",
       "color": null
     },
+    "profile": {
+      "class": "i-daikin-profile",
+      "color": null
+    },
     "chevron-up": {
       "class": "i-daikin-chevron-up",
       "color": null

package/dist/cjs/components/icon-button/daikin-icon-button.cjs

@@ -4,14 +4,17 @@ const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
+const ddsElement = require("../../base/dds-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 require("../icon/daikin-icon.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
+var __decorateClass = (decorators2, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result) __defProp(target, key, result);
   return result;
@@ -73,7 +76,7 @@ const cvaIconButton = classVarianceAuthority.cva(
     }
   }
 );
-exports.DaikinIconButton = class DaikinIconButton extends lit.LitElement {
+exports.DaikinIconButton = class DaikinIconButton extends ddsElement.DDSElement {
   constructor() {
     super();
     this.variant = "fill";
@@ -162,5 +165,5 @@ __decorateClass([
   decorators_js.query("button")
 ], exports.DaikinIconButton.prototype, "_button", 2);
 exports.DaikinIconButton = __decorateClass([
-  decorators_js.customElement("daikin-icon-button")
+  decorators.ddsElement("daikin-icon-button")
 ], exports.DaikinIconButton);

package/dist/cjs/components/icon-button/daikin-icon-button.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 import { ARIARole } from "../../lit-analyzer-types.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaIconButton: (props?: ({
@@ -32,7 +32,7 @@ type IconButtonVariantProps = MergeVariantProps<typeof cvaIconButton>;
  * </daikin-icon-button>
  * ```
  */
-export declare class DaikinIconButton extends LitElement {
+export declare class DaikinIconButton extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Variant of the button.

package/dist/cjs/components/index.cjs

@@ -2,22 +2,26 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const daikinAccordion = require("./accordion/daikin-accordion.cjs");
 const daikinAccordionItem = require("./accordion-item/daikin-accordion-item.cjs");
+const daikinAvatar = require("./avatar/daikin-avatar.cjs");
 const daikinBreadcrumb = require("./breadcrumb/daikin-breadcrumb.cjs");
 const daikinBreadcrumbItem = require("./breadcrumb-item/daikin-breadcrumb-item.cjs");
 const daikinButton = require("./button/daikin-button.cjs");
 const daikinCard = require("./card/daikin-card.cjs");
 const daikinCardFooter = require("./card-footer/daikin-card-footer.cjs");
 const daikinCardHeader = require("./card-header/daikin-card-header.cjs");
+const daikinCarousel = require("./carousel/daikin-carousel.cjs");
+const daikinCarouselItem = require("./carousel-item/daikin-carousel-item.cjs");
 const daikinCheckbox = require("./checkbox/daikin-checkbox.cjs");
 const daikinDropdown = require("./dropdown/daikin-dropdown.cjs");
 const daikinDropdownItem = require("./dropdown-item/daikin-dropdown-item.cjs");
 const daikinIcon = require("./icon/daikin-icon.cjs");
 const daikinIconButton = require("./icon-button/daikin-icon-button.cjs");
+const daikinInlineNotification = require("./inline-notification/daikin-inline-notification.cjs");
 const daikinInputGroup = require("./input-group/daikin-input-group.cjs");
 const daikinLink = require("./link/daikin-link.cjs");
 const daikinList = require("./list/daikin-list.cjs");
 const daikinListItem = require("./list-item/daikin-list-item.cjs");
-const daikinNotification = require("./notification/daikin-notification.cjs");
+const daikinLoading = require("./loading/daikin-loading.cjs");
 const daikinPagination = require("./pagination/daikin-pagination.cjs");
 const daikinProgressBar = require("./progress-bar/daikin-progress-bar.cjs");
 const daikinProgressIndicator = require("./progress-indicator/daikin-progress-indicator.cjs");
@@ -32,6 +36,8 @@ const daikinTableHeaderCell = require("./table-header-cell/daikin-table-header-c
 const daikinTabs = require("./tabs/daikin-tabs.cjs");
 const daikinTextArea = require("./text-area/daikin-text-area.cjs");
 const daikinTextField = require("./text-field/daikin-text-field.cjs");
+const daikinToastNotification = require("./toast-notification/daikin-toast-notification.cjs");
+const daikinToastNotificationManager = require("./toast-notification-manager/daikin-toast-notification-manager.cjs");
 const daikinToggle = require("./toggle/daikin-toggle.cjs");
 const daikinTooltip = require("./tooltip/daikin-tooltip.cjs");
 const daikinTree = require("./tree/daikin-tree.cjs");
@@ -45,6 +51,10 @@ Object.defineProperty(exports, "DaikinAccordionItem", {
   enumerable: true,
   get: () => daikinAccordionItem.DaikinAccordionItem
 });
+Object.defineProperty(exports, "DaikinAvatar", {
+  enumerable: true,
+  get: () => daikinAvatar.DaikinAvatar
+});
 Object.defineProperty(exports, "DaikinBreadcrumb", {
   enumerable: true,
   get: () => daikinBreadcrumb.DaikinBreadcrumb
@@ -69,6 +79,14 @@ Object.defineProperty(exports, "DaikinCardHeader", {
   enumerable: true,
   get: () => daikinCardHeader.DaikinCardHeader
 });
+Object.defineProperty(exports, "DaikinCarousel", {
+  enumerable: true,
+  get: () => daikinCarousel.DaikinCarousel
+});
+Object.defineProperty(exports, "DaikinCarouselItem", {
+  enumerable: true,
+  get: () => daikinCarouselItem.DaikinCarouselItem
+});
 Object.defineProperty(exports, "DaikinCheckbox", {
   enumerable: true,
   get: () => daikinCheckbox.DaikinCheckbox
@@ -90,6 +108,10 @@ Object.defineProperty(exports, "DaikinIconButton", {
   enumerable: true,
   get: () => daikinIconButton.DaikinIconButton
 });
+Object.defineProperty(exports, "DaikinInlineNotification", {
+  enumerable: true,
+  get: () => daikinInlineNotification.DaikinInlineNotification
+});
 Object.defineProperty(exports, "DaikinInputGroup", {
   enumerable: true,
   get: () => daikinInputGroup.DaikinInputGroup
@@ -106,9 +128,9 @@ Object.defineProperty(exports, "DaikinListItem", {
   enumerable: true,
   get: () => daikinListItem.DaikinListItem
 });
-Object.defineProperty(exports, "DaikinNotification", {
+Object.defineProperty(exports, "DaikinLoading", {
   enumerable: true,
-  get: () => daikinNotification.DaikinNotification
+  get: () => daikinLoading.DaikinLoading
 });
 Object.defineProperty(exports, "DaikinPagination", {
   enumerable: true,
@@ -166,6 +188,14 @@ Object.defineProperty(exports, "DaikinTextField", {
   enumerable: true,
   get: () => daikinTextField.DaikinTextField
 });
+Object.defineProperty(exports, "DaikinToastNotification", {
+  enumerable: true,
+  get: () => daikinToastNotification.DaikinToastNotification
+});
+Object.defineProperty(exports, "DaikinToastNotificationManager", {
+  enumerable: true,
+  get: () => daikinToastNotificationManager.DaikinToastNotificationManager
+});
 Object.defineProperty(exports, "DaikinToggle", {
   enumerable: true,
   get: () => daikinToggle.DaikinToggle

package/dist/cjs/components/index.d.cts

@@ -1,21 +1,25 @@
 export * from "./accordion/index.cjs";
 export * from "./accordion-item/index.cjs";
+export * from "./avatar/index.cjs";
 export * from "./breadcrumb/index.cjs";
 export * from "./breadcrumb-item/index.cjs";
 export * from "./button/index.cjs";
 export * from "./card/index.cjs";
 export * from "./card-footer/index.cjs";
 export * from "./card-header/index.cjs";
+export * from "./carousel/index.cjs";
+export * from "./carousel-item/index.cjs";
 export * from "./checkbox/index.cjs";
 export * from "./dropdown/index.cjs";
 export * from "./dropdown-item/index.cjs";
 export * from "./icon/index.cjs";
 export * from "./icon-button/index.cjs";
+export * from "./inline-notification/index.cjs";
 export * from "./input-group/index.cjs";
 export * from "./link/index.cjs";
 export * from "./list/index.cjs";
 export * from "./list-item/index.cjs";
-export * from "./notification/index.cjs";
+export * from "./loading/index.cjs";
 export * from "./pagination/index.cjs";
 export * from "./progress-bar/index.cjs";
 export * from "./progress-indicator/index.cjs";
@@ -30,6 +34,8 @@ export * from "./table-header-cell/index.cjs";
 export * from "./tabs/index.cjs";
 export * from "./text-area/index.cjs";
 export * from "./text-field/index.cjs";
+export * from "./toast-notification/index.cjs";
+export * from "./toast-notification-manager/index.cjs";
 export * from "./toggle/index.cjs";
 export * from "./tooltip/index.cjs";
 export * from "./tree/index.cjs";