@daikin-oss/design-system-web-components 0.5.0 → 0.6.0

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

@@ -4,6 +4,7 @@ const dom = require("@floating-ui/dom");
 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 clickOutside = require("../../controllers/click-outside.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
 const tailwind = require("../../tailwind.css.cjs");
@@ -29,7 +30,7 @@ const cvaButton = classVarianceAuthority.cva(
     "p-3",
     "border",
     "border-[--color-base]",
-    "rounded-md",
+    "rounded",
     "overflow-hidden",
     "font-daikinSerif",
     "text-left",
@@ -98,13 +99,13 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
   constructor() {
     super(...arguments);
     this._internals = this.attachInternals();
-    this.label = null;
     this.value = null;
     this.placeholder = "";
     this.disabled = false;
     this.required = false;
     this.error = false;
     this.open = false;
+    this._label = null;
     this._hasSelectedItem = false;
     this._selectedItemLabel = "";
     this._autoUpdateController = new floatingUiAutoUpdate.FloatingUIAutoUpdateController(this);
@@ -253,7 +254,7 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
     })}
         ?disabled=${this.disabled}
         role="combobox"
-        aria-label=${this.label ?? ""}
+        aria-label=${ifDefined_js.ifDefined(this._label ?? void 0)}
         aria-expanded=${this.open && !this.disabled}
         aria-disabled=${this.disabled}
         aria-controls="dropdown-items"
@@ -267,8 +268,8 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
       <div
         id="dropdown-items"
         popover
-        class="floating-unready:hidden min-w-[--floating-width] max-h-[200px] overflow-y-auto m-0 p-0 absolute left-[--floating-x,0] top-[--floating-y,0] right-auto bottom-auto opacity-1 transition-[opacity] rounded-[4px] shadow-dropdown"
-        aria-label=${this.label ?? ""}
+        class="floating-unready:hidden absolute left-[--floating-x,0] top-[--floating-y,0] min-w-[--floating-width] max-h-[12.5rem] overflow-y-auto opacity-1 transition-[opacity] rounded shadow-dropdown"
+        aria-label=${ifDefined_js.ifDefined(this._label ?? void 0)}
         role="listbox"
         @floating-ready=${this._handleFloatingReady}
         ${this._autoUpdateController.refFloating()}
@@ -299,7 +300,9 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
       this._reflectItemsAndLabel();
     }
     if (changedProperties.has("open") || changedProperties.has("disabled")) {
-      (_a = this._popover) == null ? void 0 : _a.togglePopover(this.open && !this.disabled);
+      (_a = this._autoUpdateController.floatingElement) == null ? void 0 : _a.togglePopover(
+        this.open && !this.disabled
+      );
       if (changedProperties.get("open") && !this.open && !this.disabled) {
         this.focus();
       }
@@ -310,7 +313,7 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
     this.disabled = !!inputGroup.disabled;
     this.required = !!inputGroup.required;
     this.error = isError;
-    this.label = inputGroup.label;
+    this._label = inputGroup.label;
   }
 };
 exports.DaikinDropdown.styles = lit.css`
@@ -326,9 +329,6 @@ exports.DaikinDropdown.styles = lit.css`
     }
   `;
 exports.DaikinDropdown.formAssociated = true;
-__decorateClass([
-  decorators_js.property({ type: String, reflect: true })
-], exports.DaikinDropdown.prototype, "label", 2);
 __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinDropdown.prototype, "value", 2);
@@ -354,8 +354,8 @@ __decorateClass([
   decorators_js.query("button")
 ], exports.DaikinDropdown.prototype, "_button", 2);
 __decorateClass([
-  decorators_js.query("div[popover]")
-], exports.DaikinDropdown.prototype, "_popover", 2);
+  decorators_js.state()
+], exports.DaikinDropdown.prototype, "_label", 2);
 __decorateClass([
   decorators_js.state()
 ], exports.DaikinDropdown.prototype, "_hasSelectedItem", 2);

package/dist/cjs-dev/components/dropdown/{daikin-dropdown.d.ts → daikin-dropdown.d.cts}

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import { DaikinInputGroup } from '../input-group';
+import { DaikinInputGroup } from "../input-group/index.cjs";
 /**
  * A dropdown list component.
  *
@@ -25,10 +25,6 @@ export declare class DaikinDropdown extends LitElement {
     static readonly styles: import('lit').CSSResult;
     static readonly formAssociated = true;
     private _internals;
-    /**
-     * Label of the dropdown.
-     */
-    label: string | null;
     /**
      * Form value of the dropdown.
      * `null` if not selected.
@@ -56,7 +52,11 @@ export declare class DaikinDropdown extends LitElement {
     open: boolean;
     private readonly _items;
     private _button;
-    private _popover;
+    /**
+     * The label text used as the value of aria-label.
+     * Set automatically by `reflectInputGroup` method.
+     */
+    private _label;
     private _hasSelectedItem;
     private _selectedItemLabel;
     private _autoUpdateController;

package/dist/cjs-dev/components/dropdown/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-dropdown.cjs";

package/dist/cjs-dev/components/dropdown-item/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-dropdown-item.cjs";

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const variables_js = require("@daikin-oss/dds-tokens/js/daikin/Light/variables.js");
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
@@ -23,12 +22,6 @@ const iconClassMap = Object.fromEntries(
 const cvaIcon = classVarianceAuthority.cva(["block"], {
   variants: {
     icon: iconClassMap,
-    size: {
-      s: [`w-[--size-s]`, `h-[--size-s]`],
-      m: [`w-[--size-m]`, `h-[--size-m]`],
-      l: [`w-[--size-l]`, `h-[--size-l]`],
-      xl: [`w-[--size-xl]`, `h-[--size-xl]`]
-    },
     color: {
       black: ["text-black"],
       white: ["text-white"],
@@ -43,7 +36,7 @@ exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
     super(...arguments);
     this.icon = null;
     this.color = "default";
-    this.size = "m";
+    this.size = "current";
   }
   render() {
     var _a;
@@ -60,8 +53,7 @@ exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
     return lit.html`<span
       class=${cvaIcon({
       icon: this.icon,
-      color: this.color,
-      size: this.size
+      color: this.color
     })}
       style=${`--default-color:${defaultColor ?? "#000000"}`}
       role="presentation"
@@ -72,13 +64,25 @@ exports.DaikinIcon.styles = lit.css`
     ${lit.unsafeCSS(tailwind.default)}
 
     :host {
-      --size-s: ${lit.unsafeCSS(variables_js.space12)};
-      --size-m: ${lit.unsafeCSS(variables_js.space16)};
-      --size-l: ${lit.unsafeCSS(variables_js.space20)};
-      --size-xl: ${lit.unsafeCSS(variables_js.space24)};
+      display: inline-block;
+      width: var(--dds-icon-size, 100%);
+      height: var(--dds-icon-size, 100%);
+    }
+
+    :host([size="s"]) {
+      --dds-icon-size: 12px;
+    }
+
+    :host([size="m"]) {
+      --dds-icon-size: 16px;
+    }
+
+    :host([size="l"]) {
+      --dds-icon-size: 20px;
+    }
 
-      display: block;
-      width: max-content;
+    :host([size="xl"]) {
+      --dds-icon-size: 24px;
     }
   `;
 __decorateClass([

package/dist/{cjs/components/icon/daikin-icon.d.ts → cjs-dev/components/icon/daikin-icon.d.cts}

@@ -1,12 +1,11 @@
 import { LitElement } from 'lit';
-import { MergeVariantProps } from '../../type-utils';
-import { icons } from './icons.json';
+import { MergeVariantProps } from "../../type-utils.cjs";
+import { icons } from "./icons.json.cjs";
 export declare const iconList: string[];
 export type IconType = keyof typeof icons;
 declare const cvaIcon: (props?: ({
     icon?: string | number | null | undefined;
-    size?: "s" | "m" | "l" | "xl" | null | undefined;
-    color?: "black" | "white" | "default" | "current" | null | undefined;
+    color?: "default" | "black" | "white" | "current" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
 /**
@@ -18,6 +17,8 @@ export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
  * If you try to use an icon that does not exist, a blank space will be displayed.
  * In the development build, warnings will be displayed in the console, so please check there if you encounter any unexpected behavior.
  *
+ * @cssprop [--dds-icon-size] - Icon size. If a value other than "current" is set for the `size` property, it will be overwritten automatically. This may be set by the parent component such as `daikin-icon-button`.
+ *
  * @example
  *
  * ```js
@@ -39,9 +40,10 @@ export declare class DaikinIcon extends LitElement {
      */
     color: IconVariantProps["color"];
     /**
-     * Specify the height and width of the icon
+     * Specify the size of the icon.
+     * If "current" is set, `--dds-icon-size` CSS variable will be used. `--dds-icon-size` may be set by the parent component such as `daikin-icon-button`.
      */
-    size: IconVariantProps["size"];
+    size: "s" | "m" | "l" | "xl" | "current";
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

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

@@ -25,6 +25,18 @@ const icons = {
     "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"
@@ -33,6 +45,10 @@ const icons = {
     "class": "i-daikin-status-error",
     color: "#FF4949"
   },
+  cross: {
+    "class": "i-daikin-cross",
+    color: null
+  },
   "chevron-up": {
     "class": "i-daikin-chevron-up",
     color: null
@@ -48,6 +64,10 @@ const icons = {
   "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.ts → cjs-dev/components/icon/icons.json.d.cts}

@@ -24,6 +24,18 @@ declare const _default: {
       "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"
@@ -32,6 +44,10 @@ declare const _default: {
       "class": "i-daikin-status-error",
       "color": "#FF4949"
     },
+    "cross": {
+      "class": "i-daikin-cross",
+      "color": null
+    },
     "chevron-up": {
       "class": "i-daikin-chevron-up",
       "color": null
@@ -47,6 +63,10 @@ declare const _default: {
     "chevron-right": {
       "class": "i-daikin-chevron-right",
       "color": null
+    },
+    "sort": {
+      "class": "i-daikin-sort",
+      "color": null
     }
   }
 }

package/dist/cjs-dev/components/icon/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-icon.cjs";

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

@@ -0,0 +1,165 @@
+"use strict";
+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 ifDefined_js = require("lit/directives/if-defined.js");
+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 result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const cvaIconButton = classVarianceAuthority.cva(
+  [
+    "inline-flex",
+    "justify-center",
+    "items-center",
+    "w-8",
+    "h-8",
+    "font-daikinSerif",
+    "font-bold",
+    "rounded",
+    "p-1",
+    "tracking-wide",
+    "text-nowrap",
+    "focus-visible:outline",
+    "focus-visible:outline-2",
+    "focus-visible:outline-offset-2",
+    "focus-visible:outline-system-state-focus",
+    "var-color-transparent/color-secondary",
+    "link-disabled:var-color-system-state-disabled/color-primary"
+  ],
+  {
+    variants: {
+      color: {
+        default: [
+          "link-enabled:var-color-system-state-primary-active/color-primary",
+          "link-enabled:hover:var-color-system-state-primary-hover/color-primary",
+          "link-enabled:hover:var-color-system-state-primary-surface-hover/color-secondary",
+          "link-enabled:active:var-color-system-state-primary-press/color-primary",
+          "link-enabled:active:var-color-system-state-primary-surface-press/color-secondary"
+        ],
+        neutral: [
+          "link-enabled:var-color-system-state-neutral-active/color-primary",
+          "link-enabled:hover:var-color-system-state-neutral-hover/color-primary",
+          "link-enabled:hover:var-color-system-background-surface-hover/color-secondary",
+          "link-enabled:active:var-color-system-state-neutral-press/color-primary",
+          "link-enabled:active:var-color-system-background-surface-press/color-secondary"
+        ],
+        danger: [
+          "link-enabled:var-color-system-state-error-active/color-primary",
+          "link-enabled:hover:var-color-system-state-error-hover/color-primary",
+          "link-enabled:hover:var-color-system-state-error-surface-hover/color-secondary",
+          "link-enabled:active:var-color-system-state-error-press/color-primary",
+          "link-enabled:active:var-color-system-state-error-surface-press/color-secondary"
+        ]
+      },
+      variant: {
+        fill: ["text-white", "bg-[--color-primary]"],
+        outline: [
+          "border",
+          "text-[--color-primary]",
+          "bg-[--color-secondary]",
+          "border-[--color-primary]"
+        ],
+        ghost: ["text-[--color-primary]", "bg-[--color-secondary]"]
+      }
+    }
+  }
+);
+exports.DaikinIconButton = class DaikinIconButton extends lit.LitElement {
+  constructor() {
+    super();
+    this.variant = "fill";
+    this.color = "default";
+    this.disabled = false;
+    this.href = null;
+    this.type = "button";
+    this.buttonAriaLabel = null;
+    this.buttonRole = null;
+    this.addEventListener("click", (event) => {
+      if (this.disabled) {
+        event.stopImmediatePropagation();
+      }
+    });
+  }
+  render() {
+    const iconButtonCN = cvaIconButton({
+      variant: this.variant,
+      color: this.color
+    });
+    if (this.type === "link") {
+      const linkDisabled = this.disabled || this.href == null;
+      return lit.html`<a
+        class=${iconButtonCN}
+        href=${ifDefined_js.ifDefined(!linkDisabled ? this.href ?? void 0 : void 0)}
+        role=${ifDefined_js.ifDefined(
+        this.buttonRole ?? (linkDisabled ? "link" : void 0)
+      )}
+        aria-disabled=${ifDefined_js.ifDefined(linkDisabled ? "true" : void 0)}
+        aria-label=${this.buttonAriaLabel ?? ""}
+      >
+        <slot class="icon-size-full"></slot>
+      </a>`;
+    }
+    return lit.html`
+      <button
+        class=${iconButtonCN}
+        type=${this.type}
+        aria-label=${this.buttonAriaLabel ?? ""}
+        ?disabled=${this.disabled}
+      >
+        <slot class="icon-size-full"></slot>
+      </button>
+    `;
+  }
+  /**
+   * Focuses on the inner button.
+   * @param options focus options
+   */
+  focus(options) {
+    var _a;
+    (_a = this._button) == null ? void 0 : _a.focus(options);
+  }
+};
+exports.DaikinIconButton.styles = lit.css`
+    ${lit.unsafeCSS(tailwind.default)}
+
+    :host {
+      display: inline-block;
+    }
+  `;
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinIconButton.prototype, "variant", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinIconButton.prototype, "color", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, reflect: true })
+], exports.DaikinIconButton.prototype, "disabled", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinIconButton.prototype, "href", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinIconButton.prototype, "type", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "button-aria-label" })
+], exports.DaikinIconButton.prototype, "buttonAriaLabel", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "button-role" })
+], exports.DaikinIconButton.prototype, "buttonRole", 2);
+__decorateClass([
+  decorators_js.query("button")
+], exports.DaikinIconButton.prototype, "_button", 2);
+exports.DaikinIconButton = __decorateClass([
+  decorators_js.customElement("daikin-icon-button")
+], exports.DaikinIconButton);

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

@@ -0,0 +1,82 @@
+import { LitElement } from 'lit';
+import { ARIARole } from "../../lit-analyzer-types.cjs";
+import { MergeVariantProps } from "../../type-utils.cjs";
+declare const cvaIconButton: (props?: ({
+    color?: "default" | "danger" | "neutral" | null | undefined;
+    variant?: "fill" | "outline" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type IconButtonVariantProps = MergeVariantProps<typeof cvaIconButton>;
+/**
+ * The icon button component is a versatile UI element that triggers actions or submits forms when clicked.
+ * It functions similarly to the HTML `<button>` tag, allowing users to initiate various operations such as submitting data, opening dialogs, or navigating to different sections of an application.
+ *
+ * You can insert any icon, including the daikin-icon, but please note the following regarding style:
+ * - About fill color - The icon should be able to accept the CSS `color` property.
+ * - About size - The recommended width of the icon is 24px * 24px. Please make sure that the size of the icon you insert conforms to this, or please set the `width` and `height` properties of the icon to 100%.
+ *
+ * @fires click - A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) emitted from the inner `<button>` element. Suppressed if `disabled` is true,
+ *
+ * @slot - A slot for an icon. Place a daikin-icon element or something similar.
+ *
+ * @example
+ *
+ * ```js
+ * import "@daikin-oss/design-system-web-components/components/icon-button/index.js";
+ * // The following import is not necessary if you are not using `daikin-icon`.
+ * import "@daikin-oss/design-system-web-components/components/icon/index.js";
+ * ```
+ *
+ * ```html
+ * <daikin-icon-button>
+ *   <daikin-icon icon="chevron-right" color="current"></daikin-icon>
+ * </daikin-icon-button>
+ * ```
+ */
+export declare class DaikinIconButton extends LitElement {
+    static readonly styles: import('lit').CSSResult;
+    /**
+     * Variant of the button.
+     */
+    variant: IconButtonVariantProps["variant"];
+    /**
+     * Color of the button.
+     */
+    color: IconButtonVariantProps["color"];
+    /**
+     * Whether the button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Link `href`.
+     * Only used if the `type` is `"link"`.
+     * If omitted with `type="link"`, the link will be treated as [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered as disabled state.
+     */
+    href: string | null;
+    /**
+     * Type of the button.
+     * If `"link"` is specified, the button will be rendered as an `<a>` element.
+     */
+    type: "button" | "submit" | "reset" | "link";
+    /**
+     * The aria-label of the icon button.
+     */
+    buttonAriaLabel: string | null;
+    /**
+     * Optional ARIA role of the button.
+     */
+    buttonRole: ARIARole | null;
+    private _button;
+    constructor();
+    render(): import('lit-html').TemplateResult<1>;
+    /**
+     * Focuses on the inner button.
+     * @param options focus options
+     */
+    focus(options?: FocusOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "daikin-icon-button": DaikinIconButton;
+    }
+}
+export {};

package/dist/cjs-dev/components/icon-button/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const daikinIconButton = require("./daikin-icon-button.cjs");
+Object.defineProperty(exports, "DaikinIconButton", {
+  enumerable: true,
+  get: () => daikinIconButton.DaikinIconButton
+});

package/dist/cjs-dev/components/icon-button/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-icon-button.cjs";

package/dist/cjs-dev/components/index.cjs

@@ -9,10 +9,13 @@ 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 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 daikinPagination = require("./pagination/daikin-pagination.cjs");
 const daikinProgressBar = require("./progress-bar/daikin-progress-bar.cjs");
 const daikinProgressIndicator = require("./progress-indicator/daikin-progress-indicator.cjs");
 const daikinProgressIndicatorItem = require("./progress-indicator-item/daikin-progress-indicator-item.cjs");
@@ -20,6 +23,9 @@ const daikinRadio = require("./radio/daikin-radio.cjs");
 const daikinSelect = require("./select/daikin-select.cjs");
 const daikinTab = require("./tab/daikin-tab.cjs");
 const daikinTabPanels = require("./tab-panels/daikin-tab-panels.cjs");
+const daikinTable = require("./table/daikin-table.cjs");
+const daikinTableCell = require("./table-cell/daikin-table-cell.cjs");
+const daikinTableHeaderCell = require("./table-header-cell/daikin-table-header-cell.cjs");
 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");
@@ -62,10 +68,18 @@ Object.defineProperty(exports, "DaikinIcon", {
   get: () => daikinIcon.DaikinIcon
 });
 exports.iconList = daikinIcon.iconList;
+Object.defineProperty(exports, "DaikinIconButton", {
+  enumerable: true,
+  get: () => daikinIconButton.DaikinIconButton
+});
 Object.defineProperty(exports, "DaikinInputGroup", {
   enumerable: true,
   get: () => daikinInputGroup.DaikinInputGroup
 });
+Object.defineProperty(exports, "DaikinLink", {
+  enumerable: true,
+  get: () => daikinLink.DaikinLink
+});
 Object.defineProperty(exports, "DaikinList", {
   enumerable: true,
   get: () => daikinList.DaikinList
@@ -78,6 +92,10 @@ Object.defineProperty(exports, "DaikinNotification", {
   enumerable: true,
   get: () => daikinNotification.DaikinNotification
 });
+Object.defineProperty(exports, "DaikinPagination", {
+  enumerable: true,
+  get: () => daikinPagination.DaikinPagination
+});
 Object.defineProperty(exports, "DaikinProgressBar", {
   enumerable: true,
   get: () => daikinProgressBar.DaikinProgressBar
@@ -106,6 +124,18 @@ Object.defineProperty(exports, "DaikinTabPanels", {
   enumerable: true,
   get: () => daikinTabPanels.DaikinTabPanels
 });
+Object.defineProperty(exports, "DaikinTable", {
+  enumerable: true,
+  get: () => daikinTable.DaikinTable
+});
+Object.defineProperty(exports, "DaikinTableCell", {
+  enumerable: true,
+  get: () => daikinTableCell.DaikinTableCell
+});
+Object.defineProperty(exports, "DaikinTableHeaderCell", {
+  enumerable: true,
+  get: () => daikinTableHeaderCell.DaikinTableHeaderCell
+});
 Object.defineProperty(exports, "DaikinTabs", {
   enumerable: true,
   get: () => daikinTabs.DaikinTabs