@daikin-oss/design-system-web-components 1.3.0-next.2 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @daikin-oss/design-system-web-components
 
+## 1.3.1
+
+### Patch Changes
+
+- [#269](https://github.com/dsv-rp/DDS/pull/269) [`222e13e`](https://github.com/dsv-rp/DDS/commit/222e13efc58fa10b53b478def1769fadb10e5939) Thanks [@yodas7](https://github.com/yodas7)! - Fixed an issue where custom elements were not properly configured or registered in some components. (DDS-2660)
+
+## 1.3.0
+
+### Minor Changes
+
+- [#244](https://github.com/dsv-rp/DDS/pull/244) [`31675c7`](https://github.com/dsv-rp/DDS/commit/31675c78cd74ee25f2bcd48dbaa8818074e593e7) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Time Picker: Add Time Picker component. (DDS-2429)
+
+- [#227](https://github.com/dsv-rp/DDS/pull/227) [`1b2450a`](https://github.com/dsv-rp/DDS/commit/1b2450a37d5a8ecfbd3b5caf3ddd90ba80a69482) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Combobox: Initial Implementation. (DDS-1876)
+
+- [#254](https://github.com/dsv-rp/DDS/pull/254) [`ee7ff8c`](https://github.com/dsv-rp/DDS/commit/ee7ff8cd6aa31c8355574a9ab54cd13149259909) Thanks [@dk-wei](https://github.com/dk-wei)! - Icon Button: Added the `size` attribute to support larger sizes. (DDS-2577)
+
+- [#238](https://github.com/dsv-rp/DDS/pull/238) [`4739419`](https://github.com/dsv-rp/DDS/commit/47394199565b8e08e4d64bb1bad9980069705020) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Date Range: Add date range recipe.
+
+- [#239](https://github.com/dsv-rp/DDS/pull/239) [`6356f23`](https://github.com/dsv-rp/DDS/commit/6356f2365d1035a96c7c7672be67c0053ad088b8) Thanks [@yodas7](https://github.com/yodas7)! - Icon: Added custom icon registration feature that allows registering and using custom icons via the icon registry. (DDS-2509)
+
+- [#231](https://github.com/dsv-rp/DDS/pull/231) [`817ba1e`](https://github.com/dsv-rp/DDS/commit/817ba1e7cd386e67fadc7701b00124c66b802f07) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Chip: Initial Implementation. (DDS-2398)
+
+- [#229](https://github.com/dsv-rp/DDS/pull/229) [`cd1a53e`](https://github.com/dsv-rp/DDS/commit/cd1a53e23d7116667905faf640814174f8bc21ba) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Login: Add Login Recipe. (DDS-2410)
+
+- [#243](https://github.com/dsv-rp/DDS/pull/243) [`3a70b2c`](https://github.com/dsv-rp/DDS/commit/3a70b2cef781d5bea10f88689f4de8d24d8104c9) Thanks [@yodas7](https://github.com/yodas7)! - Text Masked Field: Initial Implementation. (DDS-2412)
+
+### Patch Changes
+
+- [#256](https://github.com/dsv-rp/DDS/pull/256) [`c049117`](https://github.com/dsv-rp/DDS/commit/c049117b05e92c73827d84c50f953f6cc89491c9) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Dropdown: Fixed an issue where the dropdown would not close on Safari. (DDS-2593)
+  Dropdown: Fixed an issue where the dropdown would not open on iOS Safari.
+  Time Picker: Added a story and test cases for the component's ​error state​. (DDS-2595)
+  Time Picker: Update min and max property docs​. (DDS-2594)
+
+- [#234](https://github.com/dsv-rp/DDS/pull/234) [`c39282e`](https://github.com/dsv-rp/DDS/commit/c39282e48b4e655a4852610bd36d25fa02bd0ef0) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Date Picker: Fixed the issue where the floating popup did not automatically adjust its position based on the component's location, as well as the unstable open state on touch devices.
+  Dropdown: Fixed the issue where the unstable open state on touch devices.
+
+- [#226](https://github.com/dsv-rp/DDS/pull/226) [`1b008d4`](https://github.com/dsv-rp/DDS/commit/1b008d45846d7a7772b67d22e0cf952134e4abf1) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Storybook: Updated the code in the Show Code section of the data display docs to make it easier for users to reference. (DDS-2467)
+
+- [#214](https://github.com/dsv-rp/DDS/pull/214) [`c5d8397`](https://github.com/dsv-rp/DDS/commit/c5d8397a978b657edaafc2bdf59b7063a5256b9b) Thanks [@dk-wei](https://github.com/dk-wei)! - Carousel: Wrap text in carousel items so that the size of the carousel items does not exceed the container.
+
+- [#228](https://github.com/dsv-rp/DDS/pull/228) [`5a3273f`](https://github.com/dsv-rp/DDS/commit/5a3273fd29ce90e31b196ac4b8b2c60005e22f8c) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Table: Updated the docs for better user understanding. (DDS-2469)
+  Text Field: Fix the issue when click the clear button can't fire input event and it will get a wrong value from `event.target.value` . (DDS-2468)
+
+- [#258](https://github.com/dsv-rp/DDS/pull/258) [`a17712c`](https://github.com/dsv-rp/DDS/commit/a17712ca5ccf6c5ba45cd46efba1ace4b1368d60) Thanks [@yodas7](https://github.com/yodas7)! - Table: The sort icon in table header rows now changes based on the sort state. (DDS-2503)
+  Table Header Cell: Added an `order` property to control the sort icon display. (DDS-2503)
+
+- [#246](https://github.com/dsv-rp/DDS/pull/246) [`1c3c47e`](https://github.com/dsv-rp/DDS/commit/1c3c47e4aa329e6f670793a2ab041d3c8a37050f) Thanks [@yodas7](https://github.com/yodas7)! - Dropdown: Always set button labels to improve accessibility. (DDS-2539)
+
+- [#221](https://github.com/dsv-rp/DDS/pull/221) [`8612e63`](https://github.com/dsv-rp/DDS/commit/8612e637b608a01b6276e186d86aca7af02032d9) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Storybook: Changed the control for icon-related properties in Controls from text input to a dropdown list. (DDS-2425)
+
+- [#251](https://github.com/dsv-rp/DDS/pull/251) [`349f760`](https://github.com/dsv-rp/DDS/commit/349f7609be3e394ba7522a3b495072ed00f25c48) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - List Item: Fixed an issue where the left-side icon would shrink when the content was too long. (DDS-2492)
+  Tooltip: Updated the component documentation. (DDS-2496)
+  Tooltip: Fixed a bug where the popover would unintentionally open upon clicking the trigger when the tooltip was set to the manual control. (DDS-2559)
+  Radio Group: Fixed an issue where components were not exported from the root file.
+  Chip: Fixed an issue where components were not exported from the root file.
+  Card: Fixed the appearance of the card footer button to use the outline variant.
+  Dropdown: Fixed an issue where the dropdown's ​scrollbar overlapped a portion of the border radius. (DDS-2544)
+  Combobox: Fixed an issue where the dropdown's ​scrollbar overlapped a portion of the border radius. (DDS-2544)
+
+- [#241](https://github.com/dsv-rp/DDS/pull/241) [`032b288`](https://github.com/dsv-rp/DDS/commit/032b288b4d57f53a2e14fc189e52f44b84a2a89d) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Explicitly set the `type` attribute of the `<button>` elements in the following components to `"button"` to avoid ambiguity and potential issues.
+
+  - daikin-accordion-item
+  - daikin-avatar
+  - daikin-calendar
+  - daikin-carousel
+  - daikin-tab
+
 ## 1.3.0-next.2
 
 ### Minor Changes
@@ -70,6 +137,14 @@
 - [#193](https://github.com/dsv-rp/DDS/pull/193) [`a726caa`](https://github.com/dsv-rp/DDS/commit/a726caa048f528aedda421ace0388683ebd3c804) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Header: Add Recipe. (DDS-2169)
   Data Display: Add Recipe. (DDS-2284)
 
+- [#144](https://github.com/dsv-rp/DDS/pull/144) [`bde7786`](https://github.com/dsv-rp/DDS/commit/bde778694815e551bcca77c190d13b7b0488728e) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Checkbox Group: Initial Implementation. (DDS-1732)
+
+- [#161](https://github.com/dsv-rp/DDS/pull/161) [`c4f05f8`](https://github.com/dsv-rp/DDS/commit/c4f05f8c2b4feb1fee67bdd7449e3e5429e1d10a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Menu: Initial Implementation. (DDS-1937)
+
+- [#180](https://github.com/dsv-rp/DDS/pull/180) [`2590eee`](https://github.com/dsv-rp/DDS/commit/2590eee5e2a51dd7a6d9342010c9ce91f101ed20) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Logo: Initial Implementation. (DDS-2122)
+
+- [#120](https://github.com/dsv-rp/DDS/pull/120) [`cd05582`](https://github.com/dsv-rp/DDS/commit/cd055823e21a54de02db36ba0a9cd0488b21c85f) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Slider: Initial Implementation. (DDS-1740)
+
 - [#194](https://github.com/dsv-rp/DDS/pull/194) [`3a0834a`](https://github.com/dsv-rp/DDS/commit/3a0834aade4661eb1b2df6a05a273a9c45c90568) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Button: Fixed an issue where the button did not function as a submit button.
   Icon Button: Fixed an issue where the button did not function as a submit button.
   Checkbox: Added `form` attribute. (DDS-2254)
@@ -83,24 +158,69 @@
   Text Field: Added `form` attribute. (DDS-2254)
   Toggle: Added `form` attribute. (DDS-2254)
 
+- [#167](https://github.com/dsv-rp/DDS/pull/167) [`c9d2430`](https://github.com/dsv-rp/DDS/commit/c9d2430520890b3b2fdb9cefb7d552fd3d237d28) Thanks [@poetrainy](https://github.com/poetrainy)! - **BREAKING CHANGE** Inline Notification: The `description` slot has been replaced with the default slot. (DDS-1981)
+  Inline Notification: Updated appearance. (DDS-1981)
+  **BREAKING CHANGE** Toast Notification: The `description` slot has been replaced with the default slot. (DDS-1982)
+  Toast Notification: Updated appearance. (DDS-1982)
+
 - [#204](https://github.com/dsv-rp/DDS/pull/204) [`219547a`](https://github.com/dsv-rp/DDS/commit/219547afb633c0e05504307fa1638852e7b5ec52) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Button: Add large size variant. (DDS-2323)
 
 - [#202](https://github.com/dsv-rp/DDS/pull/202) [`415ddc5`](https://github.com/dsv-rp/DDS/commit/415ddc59a7cd3ca209f6a5c112fc0245bf2e17b6) Thanks [@yodas7](https://github.com/yodas7)! - Date Picker: Initial Implementation. (DDS-1703)
   Calender: Initial Implementation. (DDS-1704)
 
+- [#157](https://github.com/dsv-rp/DDS/pull/157) [`79b510a`](https://github.com/dsv-rp/DDS/commit/79b510a396435731ba8b2bec6b2fbe1bbcc780d6) Thanks [@poetrainy](https://github.com/poetrainy)! - Text Field: The `type` attribute now accepts `password` and `search` . (DDS-1707, DDS-1709)
+  Text Field: The `type` attribute now accepts `search` . (DDS-1709)
+
+- [#219](https://github.com/dsv-rp/DDS/pull/219) [`36552b0`](https://github.com/dsv-rp/DDS/commit/36552b070cacda6e051ff233df78edfe817527a5) Thanks [@yodas7](https://github.com/yodas7)! - Release v1.2.0.
+
+  The following (stable) components have been added in this release.
+
+  - Slider
+  - Logo
+  - Menu
+  - Checkbox Group
+  - Date Picker
+  - Calendar
+  - Modal
+
+  The following components have been promoted from experimental to stable in this release.
+
+  - Loading
+  - Avatar
+  - Toast Notification
+
+  No new experimental components were added in this release.
+
 - [#182](https://github.com/dsv-rp/DDS/pull/182) [`08cea1b`](https://github.com/dsv-rp/DDS/commit/08cea1bc3a7250a8cbad44363aeb8bb7d2bc084a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Modal: Initial Implementation. (DDS-1723)
 
 ### Patch Changes
 
 - [#200](https://github.com/dsv-rp/DDS/pull/200) [`625ff76`](https://github.com/dsv-rp/DDS/commit/625ff763ee3a41bdf1d448575617b4faf18f0c16) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Loading: Update story appearance and comment about background property. (DDS-2099)
-  Password: Update story and fixed an issue where an extra eye icon appeared in input fields on Edge browser. (DDS-2095)
+  Password: Update story appearance and fixed an issue where an extra eye icon appeared in input fields on Edge browser. (DDS-2095)
   Logo: Automatically select the appropriate logo variant based on the Storybook theme to prevent user confusion. (DDS-2150)
   Menu: Removed unnecessary items from the story controls and adjusted the text change line strategy. (DDS-2113)
 
+- [#171](https://github.com/dsv-rp/DDS/pull/171) [`48dd161`](https://github.com/dsv-rp/DDS/commit/48dd16156a8776e6fc13fc825bf4bb98270a4488) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Dropdown: Fixed bugs open properties not work in storybook doc. (DDS-1983)
+  Dropdown: Update story appearance.
+  Dropdown: Update appearance when content overflow. (DDS-1983)
+
 - [#182](https://github.com/dsv-rp/DDS/pull/182) [`08cea1b`](https://github.com/dsv-rp/DDS/commit/08cea1bc3a7250a8cbad44363aeb8bb7d2bc084a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Card: Change padding from 16px to 12px.
 
 - [#212](https://github.com/dsv-rp/DDS/pull/212) [`b299a93`](https://github.com/dsv-rp/DDS/commit/b299a931eebafdddc36e5c3641fcef2c5fa368d1) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Tooltip: fix an issue that tooltip not work in touch device. (DDS-2303)
 
+- [#190](https://github.com/dsv-rp/DDS/pull/190) [`9d1e55b`](https://github.com/dsv-rp/DDS/commit/9d1e55bda7a4032702332b2f894b26fb354a1751) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Icon: Some icons have been updated. (DDS-2249)
+
+  Icon: The following icons have been added. (DDS-2249)
+
+  - `success`
+  - `error`
+
+  **DEPRECATED** Icon: The following icons are deprecated and will be removed in future versions. (DDS-2249)
+
+  - `positive` (Use `success` instead)
+  - `negative` (Use `error` instead)
+  - `cross` (Use `close` instead)
+
 - [#209](https://github.com/dsv-rp/DDS/pull/209) [`8fa51e0`](https://github.com/dsv-rp/DDS/commit/8fa51e071129190733dae441193ed0f34a1c207b) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Modal: Update story appearance and the text change line strategy. (DDS-2012)
 
 ## 1.2.0-next.0

package/dist/cjs/base/dds-element.cjs

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const _DDSElement = class _DDSElement extends lit.LitElement {
 };
-_DDSElement.version = "1.3.0-next.2";
+_DDSElement.version = "1.3.1";
 let DDSElement = _DDSElement;
 exports.DDSElement = DDSElement;

package/dist/cjs/base/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ddsElement = require("./dds-element.cjs");
+const ddsFormElement = require("./dds-form-element.cjs");
 const decorators = require("./decorators.cjs");
 const define = require("./define.cjs");
 exports.DDSElement = ddsElement.DDSElement;
+exports.DDSFormElement = ddsFormElement.DDSFormElement;
+exports.DDSFormSubmitElement = ddsFormElement.DDSFormSubmitElement;
 exports.ddsElement = decorators.ddsElement;
 exports.defineDDSElement = define.defineDDSElement;

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

@@ -1,3 +1,4 @@
 export * from "./dds-element.cjs";
+export * from "./dds-form-element.cjs";
 export * from "./decorators.cjs";
 export * from "./define.cjs";

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -5,6 +5,7 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ref_js = require("lit/directives/ref.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -4,13 +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");
+require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.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;
@@ -59,7 +63,7 @@ const cvaWrapper = classVarianceAuthority.cva(
     }
   }
 );
-exports.DaikinAvatar = class DaikinAvatar extends lit.LitElement {
+exports.DaikinAvatar = class DaikinAvatar extends ddsElement.DDSElement {
   constructor() {
     super();
     this.type = "icon";
@@ -157,5 +161,5 @@ __decorateClass([
   decorators_js.query("a,button")
 ], exports.DaikinAvatar.prototype, "_focusableElement", 2);
 exports.DaikinAvatar = __decorateClass([
-  decorators_js.customElement("daikin-avatar")
+  decorators.ddsElement("daikin-avatar")
 ], exports.DaikinAvatar);

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaWrapper: (props?: ({
     type?: "button" | "icon" | "link" | null | undefined;
@@ -19,7 +19,7 @@ type AvatarVariantProps = MergeVariantProps<typeof cvaWrapper>;
  * <daikin-avatar></daikin-avatar>
  * ```
  */
-export declare class DaikinAvatar extends LitElement {
+export declare class DaikinAvatar extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Replace the wrapping element.

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -4,6 +4,7 @@ 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");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -5,9 +5,9 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 require("../../base/dds-element.cjs");
+const ddsFormElement = require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
-const ddsFormElement = require("../../base/dds-form-element.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,4 +1,4 @@
-import { DDSFormSubmitElement } from "../../base/dds-form-element.cjs";
+import { DDSFormSubmitElement } from "../../base/index.cjs";
 import { ARIARole } from "../../lit-analyzer-types.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaButton: (props?: ({

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

@@ -5,16 +5,20 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const repeat_js = require("lit/directives/repeat.js");
+const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const calendarCommon = require("../../utils/calendar-common.cjs");
 const scroller = require("../../utils/scroller.cjs");
 require("../icon-button/daikin-icon-button.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;
@@ -119,7 +123,7 @@ function getNextFocusDateByKey(date, event) {
   }
   return null;
 }
-exports.DaikinCalendar = class DaikinCalendar extends lit.LitElement {
+exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.value = null;
@@ -545,5 +549,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.DaikinCalendar.prototype, "_viewDate", 2);
 exports.DaikinCalendar = __decorateClass([
-  decorators_js.customElement("daikin-calendar")
+  decorators.ddsElement("daikin-calendar")
 ], exports.DaikinCalendar);

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

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 /**
  * The calendar component provides calendar elements. It has a function for selecting dates, and is also used in `daikin-date-picker`.
  *
@@ -15,7 +16,7 @@ import { LitElement, PropertyValues, TemplateResult } from 'lit';
  * <daikin-calendar></daikin-calendar>
  * ```
  */
-export declare class DaikinCalendar extends LitElement {
+export declare class DaikinCalendar extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * The current value of the input, submitted as a name/value pair with form data.

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

@@ -4,6 +4,7 @@ const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

package/dist/cjs/components/card-footer/daikin-card-footer.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

package/dist/cjs/components/card-header/daikin-card-header.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -6,6 +6,7 @@ const decorators_js = require("lit/decorators.js");
 const ref_js = require("lit/directives/ref.js");
 const repeat_js = require("lit/directives/repeat.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -4,9 +4,9 @@ const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 require("../../base/dds-element.cjs");
+const ddsFormElement = require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
-const ddsFormElement = require("../../base/dds-form-element.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.cjs";
+import { DDSFormElement } from "../../base/index.cjs";
 /**
  * The checkbox component is a UI element that allows users to select one or more options from a list of choices.
  * It functions similarly to the HTML `<input type="checkbox">` tag, enabling users to toggle the selection of each option independently.

package/dist/cjs/components/checkbox-group/daikin-checkbox-group.cjs

@@ -4,13 +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");
+require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.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;
@@ -23,7 +27,7 @@ const cvaCheckboxGroup = classVarianceAuthority.cva(["size-full", "flex", "gap-x
     }
   }
 });
-exports.DaikinCheckboxGroup = class DaikinCheckboxGroup extends lit.LitElement {
+exports.DaikinCheckboxGroup = class DaikinCheckboxGroup extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.orientation = "vertical";
@@ -90,5 +94,5 @@ __decorateClass([
   })
 ], exports.DaikinCheckboxGroup.prototype, "_checkboxes", 2);
 exports.DaikinCheckboxGroup = __decorateClass([
-  decorators_js.customElement("daikin-checkbox-group")
+  decorators.ddsElement("daikin-checkbox-group")
 ], exports.DaikinCheckboxGroup);

package/dist/cjs/components/checkbox-group/daikin-checkbox-group.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 import { DaikinInputGroup } from "../input-group/index.cjs";
 declare const cvaCheckboxGroup: (props?: ({
@@ -29,7 +29,7 @@ type CheckboxGroupProps = MergeVariantProps<typeof cvaCheckboxGroup>;
  * </daikin-checkbox-group>
  * ```
  */
-export declare class DaikinCheckboxGroup extends LitElement {
+export declare class DaikinCheckboxGroup extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Specify the checkbox group orientation

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

@@ -4,13 +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");
+require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.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;
@@ -44,7 +48,7 @@ const cvaRemoveButton = classVarianceAuthority.cva([
   "text-[--color-primary]",
   "bg-[--color-secondary]"
 ]);
-exports.DaikinChip = class DaikinChip extends lit.LitElement {
+exports.DaikinChip = class DaikinChip extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.chipAriaLabel = null;
@@ -102,5 +106,5 @@ __decorateClass([
   decorators_js.query("button")
 ], exports.DaikinChip.prototype, "_focusableElement", 2);
 exports.DaikinChip = __decorateClass([
-  decorators_js.customElement("daikin-chip")
+  decorators.ddsElement("daikin-chip")
 ], exports.DaikinChip);

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 /**
  * A chip is a small UI component that represents a single piece of information, a filter, or a contact. Think of it as a compact tag or a small, clickable token.
  *
@@ -14,7 +14,7 @@ import { LitElement } from 'lit';
  * <daikin-chip chip-aria-label="Chip Text">Text</daikin-chip>
  * ```
  */
-export declare class DaikinChip extends LitElement {
+export declare class DaikinChip extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Provides an accessible name of the chip.

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

@@ -7,9 +7,9 @@ const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const repeat_js = require("lit/directives/repeat.js");
 require("../../base/dds-element.cjs");
+const ddsFormElement = require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
-const ddsFormElement = require("../../base/dds-form-element.cjs");
 const clickOutside = require("../../controllers/click-outside.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
 const tailwind = require("../../tailwind.css.cjs");

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

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.cjs";
+import { DDSFormElement } from "../../base/index.cjs";
 import { DaikinInputGroup } from "../input-group/index.cjs";
 /**
  * Interface for combobox option object

package/dist/cjs/components/date-picker/daikin-date-picker.cjs

@@ -7,7 +7,10 @@ const decorators_js = require("lit/decorators.js");
 const guard_js = require("lit/directives/guard.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const ref_js = require("lit/directives/ref.js");
+require("../../base/dds-element.cjs");
 const ddsFormElement = require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const calendarCommon = require("../../utils/calendar-common.cjs");
@@ -16,10 +19,10 @@ require("../calendar/daikin-calendar.cjs");
 require("../icon-button/daikin-icon-button.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;
@@ -622,5 +625,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.DaikinDatePicker.prototype, "_currentSelection", 2);
 exports.DaikinDatePicker = __decorateClass([
-  decorators_js.customElement("daikin-date-picker")
+  decorators.ddsElement("daikin-date-picker")
 ], exports.DaikinDatePicker);

package/dist/cjs/components/date-picker/daikin-date-picker.d.cts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.cjs";
+import { DDSFormElement } from "../../base/index.cjs";
 import { DaikinInputGroup } from "../input-group/daikin-input-group.cjs";
 /**
  * The date picker component provides a date selection function that can be combined with forms. This component uses `daikin-calendar` internally (users do not need to nest this).

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

@@ -7,9 +7,9 @@ const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const ref_js = require("lit/directives/ref.js");
 require("../../base/dds-element.cjs");
+const ddsFormElement = require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
-const ddsFormElement = require("../../base/dds-form-element.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const isSimpleKey = require("../../utils/is-simple-key.cjs");

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

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.cjs";
+import { DDSFormElement } from "../../base/index.cjs";
 import { DaikinInputGroup } from "../input-group/index.cjs";
 /**
  * A dropdown list component.

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

@@ -4,6 +4,7 @@ const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");