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

package/dist/es/components/radio/daikin-radio.d.ts

@@ -1,4 +1,4 @@
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * The radio button component is a UI element that allows users to select one options from a set of choices.
  * It functions similarly to the HTML `<input type="radio">` tag. \

package/dist/es/components/radio/daikin-radio.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/radio-group/daikin-radio-group.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { queryAssignedElements, property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/select/daikin-select.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/slider/daikin-slider.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * The slider component is a control that allows users to input numerical values within a specific range intuitively.
  * It functions similarly to the HTML `<input type="range">` tag, allows you to set the range of values.

package/dist/es/components/slider/daikin-slider.js

@@ -1,8 +1,11 @@
 import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
+import "../../base/dds-element.js";
 import { DDSFormElement } from "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { getValueFromRatio, getValueByKeydown } from "./slider-utils.js";
 var __defProp = Object.defineProperty;
@@ -257,7 +260,7 @@ __decorateClass([
   state()
 ], DaikinSlider.prototype, "_dragging", 2);
 DaikinSlider = __decorateClass([
-  customElement("daikin-slider")
+  ddsElement("daikin-slider")
 ], DaikinSlider);
 export {
   DaikinSlider

package/dist/es/components/tab/daikin-tab.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/tab-panels/daikin-tab-panels.js

@@ -2,6 +2,7 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/table/daikin-table.js

@@ -5,6 +5,7 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/table-cell/daikin-table-cell.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/table-header-cell/daikin-table-header-cell.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/tabs/daikin-tabs.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/text-area/daikin-text-area.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * The text area component is designed for multiline text input, similar to the HTML `<textarea>` tag.

package/dist/es/components/text-area/daikin-text-area.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/text-field/daikin-text-field.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues, TemplateResult } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * The text field component is a UI element that allows users to input single-line text data.

package/dist/es/components/text-field/daikin-text-field.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { isSimpleKeyEvent } from "../../utils/is-simple-key.js";
 import "../icon-button/daikin-icon-button.js";

package/dist/es/components/text-masked-field/daikin-text-masked-field.d.ts

@@ -1,6 +1,6 @@
 import { InputMask, FactoryOpts } from 'imask';
 import { PropertyValues, TemplateResult } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 export type { FactoryOpts, InputMask };
 /**

package/dist/es/components/text-masked-field/daikin-text-masked-field.js

@@ -5,9 +5,9 @@ import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/time-picker/daikin-time-picker.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { default as DaikinInputGroup } from "../input-group/daikin-input-group.js";
 /**
  * Represents the hour and minute parts of a time value.

package/dist/es/components/time-picker/daikin-time-picker.js

@@ -1,9 +1,12 @@
 import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
+import "../../base/dds-element.js";
 import { DDSFormElement } from "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 import "../dropdown-item/daikin-dropdown-item.js";
 import "../dropdown/daikin-dropdown.js";
@@ -561,7 +564,7 @@ __decorateClass([
   state()
 ], DaikinTimePicker.prototype, "_meridiem", 2);
 DaikinTimePicker = __decorateClass([
-  customElement("daikin-time-picker")
+  ddsElement("daikin-time-picker")
 ], DaikinTimePicker);
 export {
   DaikinTimePicker,

package/dist/es/components/toast-notification/daikin-toast-notification.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/toast-notification-manager/daikin-toast-notification-manager.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/toggle/daikin-toggle.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * The toggle switch component is a UI element that allows users to switch between two states, typically "on" and "off".
  * It functions similarly to a `daikin-checkbox` component but provides a more visually intuitive way to represent binary options.

package/dist/es/components/toggle/daikin-toggle.js

@@ -2,9 +2,9 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/tooltip/daikin-tooltip.js

@@ -4,6 +4,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";

package/dist/es/components/tree/daikin-tree.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/tree-item/daikin-tree-item.js

@@ -4,6 +4,7 @@ import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/tree-section/daikin-tree-section.js

@@ -3,6 +3,7 @@ import { property, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/utils/notification-common.d.ts

@@ -3,7 +3,7 @@ export declare const TOAST_ANIMATION_DURATION = 200;
 export declare function formatDate(date: Date): string | null;
 export declare const cvaContainer: (props?: ({
     variant?: "inline" | "toast" | null | undefined;
-    status?: "alarm" | "information" | "warning" | "positive" | "negative" | null | undefined;
+    status?: "alarm" | "information" | "warning" | "negative" | "positive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const cvaContent: (props?: ({
     layout?: "horizontal" | "vertical" | null | undefined;

package/dist/es-dev/base/dds-element.js

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 const _DDSElement = class _DDSElement extends LitElement {
 };
-_DDSElement.version = "1.3.0-next.2";
+_DDSElement.version = "1.3.1";
 let DDSElement = _DDSElement;
 export {
   DDSElement

package/dist/es-dev/base/index.d.ts

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

package/dist/es-dev/base/index.js

@@ -1,8 +1,11 @@
 import { DDSElement } from "./dds-element.js";
+import { DDSFormElement, DDSFormSubmitElement } from "./dds-form-element.js";
 import { ddsElement } from "./decorators.js";
 import { defineDDSElement } from "./define.js";
 export {
   DDSElement,
+  DDSFormElement,
+  DDSFormSubmitElement,
   ddsElement,
   defineDDSElement
 };

package/dist/es-dev/components/accordion/daikin-accordion.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/accordion-item/daikin-accordion-item.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/avatar/daikin-avatar.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 import { MergeVariantProps } from "../../type-utils.js";
 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/es-dev/components/avatar/daikin-avatar.js

@@ -1,7 +1,11 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, query, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -57,7 +61,7 @@ const cvaWrapper = cva(
     }
   }
 );
-let DaikinAvatar = class extends LitElement {
+let DaikinAvatar = class extends DDSElement {
   constructor() {
     super();
     this.type = "icon";
@@ -155,7 +159,7 @@ __decorateClass([
   query("a,button")
 ], DaikinAvatar.prototype, "_focusableElement", 2);
 DaikinAvatar = __decorateClass([
-  customElement("daikin-avatar")
+  ddsElement("daikin-avatar")
 ], DaikinAvatar);
 export {
   DaikinAvatar

package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.js

@@ -2,6 +2,7 @@ import { unsafeCSS, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/button/daikin-button.d.ts

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

package/dist/es-dev/components/button/daikin-button.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es-dev/components/calendar/daikin-calendar.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
+import { DDSElement } from "../../base/index.js";
 /**
  * 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/es-dev/components/calendar/daikin-calendar.js

@@ -1,8 +1,12 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html, nothing } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { tryParseDateFromProperty, parseDateFromProperty, cloneDate, isMonthOutOfRange, getDateByMonthOffsetClamped, formatDateForProperty, clampDate, isSameYearMonth, createDateClamped, calcWeeksOnCalendar, isDateOutOfRange, cvaIconButton, normalizeDate, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from "../../utils/calendar-common.js";
 import { scrollIntoViewOnlyParent } from "../../utils/scroller.js";
@@ -117,7 +121,7 @@ function getNextFocusDateByKey(date, event) {
   }
   return null;
 }
-let DaikinCalendar = class extends LitElement {
+let DaikinCalendar = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.value = null;
@@ -554,7 +558,7 @@ __decorateClass([
   state()
 ], DaikinCalendar.prototype, "_viewDate", 2);
 DaikinCalendar = __decorateClass([
-  customElement("daikin-calendar")
+  ddsElement("daikin-calendar")
 ], DaikinCalendar);
 export {
   DaikinCalendar

package/dist/es-dev/components/card/daikin-card.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/card-footer/daikin-card-footer.js

@@ -1,5 +1,6 @@
 import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/card-header/daikin-card-header.js

@@ -1,6 +1,7 @@
 import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/carousel/daikin-carousel.js

@@ -4,6 +4,7 @@ import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/carousel-item/daikin-carousel-item.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es-dev/components/checkbox/daikin-checkbox.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * 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/es-dev/components/checkbox/daikin-checkbox.js

@@ -2,9 +2,9 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es-dev/components/checkbox-group/daikin-checkbox-group.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 import { MergeVariantProps } from "../../type-utils.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 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/es-dev/components/checkbox-group/daikin-checkbox-group.js

@@ -1,7 +1,11 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, state, queryAssignedElements, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property, state, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -21,7 +25,7 @@ const cvaCheckboxGroup = cva(["size-full", "flex", "gap-x-8", "gap-y-2"], {
     }
   }
 });
-let DaikinCheckboxGroup = class extends LitElement {
+let DaikinCheckboxGroup = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.orientation = "vertical";
@@ -88,7 +92,7 @@ __decorateClass([
   })
 ], DaikinCheckboxGroup.prototype, "_checkboxes", 2);
 DaikinCheckboxGroup = __decorateClass([
-  customElement("daikin-checkbox-group")
+  ddsElement("daikin-checkbox-group")
 ], DaikinCheckboxGroup);
 export {
   DaikinCheckboxGroup