@daikin-oss/design-system-web-components 0.2.0 → 0.3.1

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

@@ -0,0 +1,169 @@
+import { colorFeedbackNegative } from "@daikin-oss/dds-tokens/js/daikin/Light/variables.js";
+import { cva } from "class-variance-authority";
+import { css, unsafeCSS, LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import tailwindStyles from "../../tailwind.css.js";
+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 cvaTextarea = cva(
+  [
+    "w-[340px]",
+    "h-[120px]",
+    "text-daikinNeutral-900",
+    "border",
+    "border-solid",
+    "px-[9px]",
+    "py-1",
+    "font-daikinSerif",
+    "rounded-[6px]",
+    "placeholder:text-daikinNeutral-200",
+    "enabled:hover:outline",
+    "enabled:hover:outline-2",
+    "enabled:hover:outline-[--text-input-outline-color-hover]",
+    "enabled:active:outline",
+    "enabled:active:outline-2",
+    "enabled:active:outline-[--text-input-outline-color-active]",
+    "focus-visible:outline",
+    "focus-visible:outline-2",
+    "focus-visible:outline-[--text-input-outline-color-active]",
+    "disabled:text-[--text-input-outline-color-disabled]",
+    "disabled:bg-[--text-input-background-color]",
+    "disabled:border-[--text-input-outline-color-disabled]"
+  ],
+  {
+    variants: {
+      variant: {
+        normal: ["border-daikinNeutral-600"],
+        error: ["bg-daikinRed-50", "border-[--text-input-border-color-error]"]
+      }
+    }
+  }
+);
+const cvaCounter = cva(
+  ["absolute", "top-[-24px]", "right-0", "text-[12px]", "font-daikinSerif"],
+  {
+    variants: {
+      variant: {
+        normal: ["text-daikinNeutral-900"],
+        disabled: ["text-[--text-input-outline-color-disabled]"]
+      }
+    }
+  }
+);
+let DaikinTextarea = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._internals = this.attachInternals();
+    this.value = "";
+    this.placeholder = "";
+    this.disabled = false;
+    this.required = false;
+    this.readonly = false;
+    this.maxlength = 100;
+    this.error = false;
+    this.counter = false;
+    this._textareaCounter = 0;
+  }
+  _updateValueAndCounter(value) {
+    this._internals.setFormValue(value);
+    this._textareaCounter = [...value].length;
+  }
+  _handleInput(e) {
+    this.value = e.target.value;
+    this._updateValueAndCounter(this.value);
+  }
+  render() {
+    const textareaClassName = cvaTextarea({
+      variant: !this.disabled && this.error ? "error" : "normal"
+    });
+    const textareaCounterClassName = cvaCounter({
+      variant: this.disabled ? "disabled" : "normal"
+    });
+    return html`<textarea
+        class=${textareaClassName}
+        .value=${this.value}
+        placeholder=${this.placeholder}
+        maxlength=${this.maxlength}
+        autocomplete=${// eslint-disable-next-line @typescript-eslint/no-explicit-any -- workaround lit-analyzer checking
+    ifDefined(this.autocomplete)}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        @change=${(e) => this.dispatchEvent(new Event("change", e))}
+        @input=${this._handleInput}
+        @keydown=${this._handleInput}
+      ></textarea>
+      ${this.counter ? html`
+            <span class=${textareaCounterClassName}
+              >${this._textareaCounter}/${this.maxlength}</span
+            >
+          ` : null}`;
+  }
+  updated(changedProperties) {
+    if (!changedProperties.has("value")) {
+      return;
+    }
+    this._updateValueAndCounter(this.value);
+  }
+};
+DaikinTextarea.styles = css`
+    ${unsafeCSS(tailwindStyles)}
+
+    :host {
+      --text-input-border-color-error: ${unsafeCSS(colorFeedbackNegative)};
+      --text-input-outline-color-hover: #54c3f1;
+      --text-input-outline-color-disabled: #dcdcdc;
+      --text-input-outline-color-active: #cecece;
+      --text-input-background-color: #ffffff;
+
+      display: block;
+      width: max-content;
+      height: 120px;
+      position: relative;
+    }
+  `;
+DaikinTextarea.formAssociated = true;
+__decorateClass([
+  property({ type: String })
+], DaikinTextarea.prototype, "value", 2);
+__decorateClass([
+  property({ type: String })
+], DaikinTextarea.prototype, "placeholder", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinTextarea.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinTextarea.prototype, "required", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinTextarea.prototype, "readonly", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], DaikinTextarea.prototype, "maxlength", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], DaikinTextarea.prototype, "autocomplete", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinTextarea.prototype, "error", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinTextarea.prototype, "counter", 2);
+__decorateClass([
+  state()
+], DaikinTextarea.prototype, "_textareaCounter", 2);
+DaikinTextarea = __decorateClass([
+  customElement("daikin-textarea")
+], DaikinTextarea);
+export {
+  DaikinTextarea
+};

package/dist/es-dev/components/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './daikin-textarea';

package/dist/es-dev/components/textarea/index.js

@@ -0,0 +1,4 @@
+import { DaikinTextarea } from "./daikin-textarea.js";
+export {
+  DaikinTextarea
+};

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

@@ -0,0 +1,61 @@
+import { LitElement, PropertyValues } from 'lit';
+import { MergeVariantProps } from '../../type-utils';
+
+declare const cvaToggle: (props?: ({
+    size?: "default" | "small" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ToggleVariantProps = MergeVariantProps<typeof cvaToggle>;
+/**
+ * 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.
+ * This component is ideal for scenarios where the binary choice has a significant or immediate effect, such as enabling or disabling a feature or setting.
+ * Unlike `daikin-checkbox`, this component doesn't have a label and a "indeterminate" state.
+ *
+ * @fires change - A cloned event of a [change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) emitted from the inner `<input type="checkbox">` element.
+ *
+ * @example
+ *
+ * ```html
+ * <daikin-toggle name="name" value="value"></daikin-toggle>
+ * ```
+ */
+export declare class DaikinToggle extends LitElement {
+    static readonly styles: import('lit').CSSResult;
+    static readonly formAssociated = true;
+    private _internals;
+    private _updateFormValue;
+    private _input;
+    private _handleChange;
+    /**
+     * Specify the component size
+     */
+    size: ToggleVariantProps["size"];
+    /**
+     * Specify whether the Toggle should be disabled
+     */
+    disabled: boolean;
+    /**
+     * Specify whether the control is checked
+     */
+    checked: boolean;
+    /**
+     * The form name.
+     */
+    name: string;
+    /**
+     * The value.
+     */
+    value: string;
+    /**
+     * Specify whether the Toggle is in a error state
+     */
+    error: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+    updated(changedProperties: PropertyValues<this>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "daikin-toggle": DaikinToggle;
+    }
+}
+export {};

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

@@ -0,0 +1,133 @@
+import { cva } from "class-variance-authority";
+import { css, unsafeCSS, LitElement, html } from "lit";
+import { query, property, customElement } from "lit/decorators.js";
+import tailwindStyles from "../../tailwind.css.js";
+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 cvaToggle = cva(
+  [
+    "appearance-none",
+    "cursor-pointer",
+    "relative",
+    "bg-daikinNeutral-200",
+    "rounded-3xl",
+    "transition-color",
+    "duration-300",
+    "disabled:bg-daikinNeutral-200",
+    "before:content-['']",
+    "before:absolute",
+    "before:rounded-full",
+    "before:transition",
+    "before:disabled:bg-daikinNeutral-400"
+  ],
+  {
+    variants: {
+      size: {
+        default: [
+          "w-[51px]",
+          "h-[31px]",
+          "checked:bg-daikinBlue-500",
+          "before:h-[27px]",
+          "before:w-[27px]",
+          "before:bg-white",
+          "before:top-[2px]",
+          "before:left-[2px]",
+          "before:checked:translate-x-5"
+        ],
+        small: [
+          "w-8",
+          "h-[14px]",
+          "checked:bg-daikinBlue-50",
+          "before:h-5",
+          "before:w-5",
+          "before:top-[-3px]",
+          "before:bg-daikinNeutral-600",
+          "before:checked:bg-daikinBlue-500",
+          "before:checked:translate-x-3"
+        ]
+      }
+    }
+  }
+);
+let DaikinToggle = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._internals = this.attachInternals();
+    this.size = "default";
+    this.disabled = false;
+    this.checked = false;
+    this.name = "";
+    this.value = "";
+    this.error = false;
+  }
+  _updateFormValue() {
+    this._internals.setFormValue(this.checked ? this.value : null);
+  }
+  _handleChange(event) {
+    if (!this._input) {
+      return;
+    }
+    this._updateFormValue();
+    this.dispatchEvent(new Event("change", event));
+  }
+  render() {
+    const toggleClassName = cvaToggle({ size: this.size });
+    return html`<input
+      class=${toggleClassName}
+      type="checkbox"
+      name=${this.name}
+      value=${this.value}
+      .checked=${this.checked}
+      ?disabled=${this.disabled}
+      @change=${this._handleChange}
+    />`;
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("checked")) {
+      this._updateFormValue();
+    }
+  }
+};
+DaikinToggle.styles = css`
+    ${unsafeCSS(tailwindStyles)}
+
+    :host {
+      display: inline-flex;
+    }
+  `;
+DaikinToggle.formAssociated = true;
+__decorateClass([
+  query("input")
+], DaikinToggle.prototype, "_input", 2);
+__decorateClass([
+  property({ type: String })
+], DaikinToggle.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinToggle.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinToggle.prototype, "checked", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], DaikinToggle.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], DaikinToggle.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DaikinToggle.prototype, "error", 2);
+DaikinToggle = __decorateClass([
+  customElement("daikin-toggle")
+], DaikinToggle);
+export {
+  DaikinToggle
+};

package/dist/es-dev/components/toggle/index.d.ts

@@ -0,0 +1 @@
+export * from './daikin-toggle';

package/dist/es-dev/components/toggle/index.js

@@ -0,0 +1,4 @@
+import { DaikinToggle } from "./daikin-toggle.js";
+export {
+  DaikinToggle
+};

package/dist/es-dev/constants/events.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CLOSE = "close";

package/dist/es-dev/constants/events.js

@@ -0,0 +1,4 @@
+const EVENT_CLOSE = "close";
+export {
+  EVENT_CLOSE
+};

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

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './components';
+export * from './lit-analyzer-types';

package/dist/es-dev/index.js

@@ -0,0 +1,33 @@
+import { colors } from "./colors.js";
+import { DaikinAccordion } from "./components/accordion/daikin-accordion.js";
+import { DaikinAccordionItem } from "./components/accordion-item/daikin-accordion-item.js";
+import { DaikinButton } from "./components/button/daikin-button.js";
+import { DaikinCheckbox } from "./components/checkbox/daikin-checkbox.js";
+import { DaikinIcon, iconList } from "./components/icon/daikin-icon.js";
+import { DaikinInputGroup } from "./components/input-group/daikin-input-group.js";
+import { DaikinNotification } from "./components/notification/daikin-notification.js";
+import { DaikinPanelSwitcher } from "./components/panel-switcher/daikin-panel-switcher.js";
+import { DaikinRadio } from "./components/radio/daikin-radio.js";
+import { DaikinTab } from "./components/tab/daikin-tab.js";
+import { DaikinTabGroup } from "./components/tab-group/daikin-tab-group.js";
+import { DaikinTextInput } from "./components/text-input/daikin-text-input.js";
+import { DaikinTextarea } from "./components/textarea/daikin-textarea.js";
+import { DaikinToggle } from "./components/toggle/daikin-toggle.js";
+export {
+  DaikinAccordion,
+  DaikinAccordionItem,
+  DaikinButton,
+  DaikinCheckbox,
+  DaikinIcon,
+  DaikinInputGroup,
+  DaikinNotification,
+  DaikinPanelSwitcher,
+  DaikinRadio,
+  DaikinTab,
+  DaikinTabGroup,
+  DaikinTextInput,
+  DaikinTextarea,
+  DaikinToggle,
+  colors,
+  iconList
+};

package/dist/es-dev/lit-analyzer-types.d.ts

@@ -0,0 +1,112 @@
+export type ARIARole = [
+    "alert",
+    "alertdialog",
+    "button",
+    "checkbox",
+    "dialog",
+    "gridcell",
+    "link",
+    "log",
+    "marquee",
+    "menuitem",
+    "menuitemcheckbox",
+    "menuitemradio",
+    "option",
+    "progressbar",
+    "radio",
+    "scrollbar",
+    "searchbox",
+    "slider",
+    "spinbutton",
+    "status",
+    "switch",
+    "tab",
+    "tabpanel",
+    "textbox",
+    "timer",
+    "tooltip",
+    "treeitem",
+    "combobox",
+    "grid",
+    "listbox",
+    "menu",
+    "menubar",
+    "radiogroup",
+    "tablist",
+    "tree",
+    "treegrid",
+    "application",
+    "article",
+    "cell",
+    "columnheader",
+    "definition",
+    "directory",
+    "document",
+    "feed",
+    "figure",
+    "group",
+    "heading",
+    "img",
+    "list",
+    "listitem",
+    "math",
+    "none",
+    "note",
+    "presentation",
+    "region",
+    "row",
+    "rowgroup",
+    "rowheader",
+    "separator",
+    "table",
+    "term",
+    "text",
+    "toolbar",
+    "banner",
+    "complementary",
+    "contentinfo",
+    "form",
+    "main",
+    "navigation",
+    "region",
+    "search",
+    "doc-abstract",
+    "doc-acknowledgments",
+    "doc-afterword",
+    "doc-appendix",
+    "doc-backlink",
+    "doc-biblioentry",
+    "doc-bibliography",
+    "doc-biblioref",
+    "doc-chapter",
+    "doc-colophon",
+    "doc-conclusion",
+    "doc-cover",
+    "doc-credit",
+    "doc-credits",
+    "doc-dedication",
+    "doc-endnote",
+    "doc-endnotes",
+    "doc-epigraph",
+    "doc-epilogue",
+    "doc-errata",
+    "doc-example",
+    "doc-footnote",
+    "doc-foreword",
+    "doc-glossary",
+    "doc-glossref",
+    "doc-index",
+    "doc-introduction",
+    "doc-noteref",
+    "doc-notice",
+    "doc-pagebreak",
+    "doc-pagelist",
+    "doc-part",
+    "doc-preface",
+    "doc-prologue",
+    "doc-pullquote",
+    "doc-qna",
+    "doc-subtitle",
+    "doc-tip",
+    "doc-toc"
+][number];

package/dist/es-dev/tailwind.css.js

@@ -0,0 +1,6 @@
+const tailwindStyles = `/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */
+*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=button]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=reset]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.i-daikin-notification-close{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 1L10 7.75L3.24887 1L1 3.25112L7.75 10L1 16.75L3.24887 19L10 12.25L16.75 19L19 16.75L12.2489 10L19 3.25112L16.75 1Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-alarm{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.17 12.83 2.5 12 2.5C11.17 2.5 10.5 3.17 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4 18V19H20V18L18 16ZM13 16H11V14H13V16ZM13 12H11V8H13V12ZM12 22C13.1 22 14 21.1 14 20H10C10 21.1 10.89 22 12 22Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-information{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 1.19995C6.03841 1.19995 1.20001 6.03835 1.20001 12C1.20001 17.9615 6.03841 22.7999 12 22.7999C17.9616 22.7999 22.8 17.9615 22.8 12C22.8 6.03835 17.9616 1.19995 12 1.19995ZM13.08 17.4H10.92V10.92H13.08V17.4ZM13.08 8.75995H10.92V6.59995H13.08V8.75995Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-negative{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M1 22H23L12 3L1 22ZM13 19H11V17H13V19ZM13 15H11V11H13V15Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-positive{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.i-daikin-notification-status-warning{-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-\\[-24px\\]{top:-24px}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\\[--size-l\\]{height:var(--size-l)}.h-\\[--size-m\\]{height:var(--size-m)}.h-\\[--size-s\\]{height:var(--size-s)}.h-\\[--size-xl\\]{height:var(--size-xl)}.h-\\[120px\\]{height:120px}.h-\\[14px\\]{height:14px}.h-\\[18px\\]{height:18px}.h-\\[22px\\]{height:22px}.h-\\[31px\\]{height:31px}.h-full{height:100%}.h-max{height:max-content}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\\[--size-l\\]{width:var(--size-l)}.w-\\[--size-m\\]{width:var(--size-m)}.w-\\[--size-s\\]{width:var(--size-s)}.w-\\[--size-xl\\]{width:var(--size-xl)}.w-\\[14px\\]{width:14px}.w-\\[18px\\]{width:18px}.w-\\[340px\\]{width:340px}.w-\\[44px\\]{width:44px}.w-\\[51px\\]{width:51px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:max-content}.flex-\\[1_0_auto\\]{flex:1 0 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-5{gap:1.25rem}.gap-\\[10px\\]{gap:10px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-3xl{border-radius:1.5rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-y-\\[1px\\]{border-top-width:1px;border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\\[--colorFeedbackAlarm\\]{border-color:var(--colorFeedbackAlarm)}.border-\\[--colorFeedbackInformation\\]{border-color:var(--colorFeedbackInformation)}.border-\\[--colorFeedbackNegative\\]{border-color:var(--colorFeedbackNegative)}.border-\\[--colorFeedbackPositive\\]{border-color:var(--colorFeedbackPositive)}.border-\\[--colorFeedbackWarning\\]{border-color:var(--colorFeedbackWarning)}.border-\\[--text-input-border-color-error\\]{border-color:var(--text-input-border-color-error)}.border-daikinBlue-500{--tw-border-opacity:1;border-color:rgb(0 151 224/var(--tw-border-opacity))}.border-daikinNeutral-400{--tw-border-opacity:1;border-color:rgb(191 191 191/var(--tw-border-opacity))}.border-daikinNeutral-600{--tw-border-opacity:1;border-color:rgb(130 130 130/var(--tw-border-opacity))}.border-y-\\[\\#CECECE\\]{--tw-border-opacity:1;border-top-color:rgb(206 206 206/var(--tw-border-opacity));border-bottom-color:rgb(206 206 206/var(--tw-border-opacity))}.bg-\\[--buttonColorBackgroundPrimaryActive\\]{background-color:var(--buttonColorBackgroundPrimaryActive)}.bg-\\[--colorFeedbackAlarm\\]{background-color:var(--colorFeedbackAlarm)}.bg-\\[--colorFeedbackInformation\\]{background-color:var(--colorFeedbackInformation)}.bg-\\[--colorFeedbackNegative\\]{background-color:var(--colorFeedbackNegative)}.bg-\\[--colorFeedbackPositive\\]{background-color:var(--colorFeedbackPositive)}.bg-\\[--colorFeedbackWarning\\]{background-color:var(--colorFeedbackWarning)}.bg-daikinNeutral-200{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.bg-daikinRed{--tw-bg-opacity:1;background-color:rgb(255 73 73/var(--tw-bg-opacity))}.bg-daikinRed-50{--tw-bg-opacity:1;background-color:rgb(250 242 237/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-none{background-image:none}.p-5{padding:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-daikinSerif{font-family:Roboto,sans-serif}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.text-\\[18px\\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.not-italic{font-style:normal}.leading-8{line-height:2rem}.leading-\\[22px\\]{line-height:22px}.tracking-wide{letter-spacing:.025em}.text-\\[\\#DCDCDC\\]{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-\\[--default-color\\]{color:var(--default-color)}.text-\\[--input-group-border-color-error\\]{color:var(--input-group-border-color-error)}.text-\\[--text-input-outline-color-disabled\\]{color:var(--text-input-outline-color-disabled)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-daikinBlue-400{--tw-text-opacity:1;color:rgb(45 184 240/var(--tw-text-opacity))}.text-daikinBlue-500{--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.text-daikinNeutral-200{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.text-daikinNeutral-800{--tw-text-opacity:1;color:rgb(65 65 65/var(--tw-text-opacity))}.text-daikinNeutral-900{--tw-text-opacity:1;color:rgb(33 33 33/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-notification{--tw-shadow:0px -2px 19px 0px #0000001a;--tw-shadow-colored:0px -2px 19px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size)var(--tw-contain-layout)var(--tw-contain-paint)var(--tw-contain-style)}.before\\:i-daikin-input-group-error:before{content:var(--tw-content);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M8 15.9999C3.58155 15.9999 0 12.4183 0 7.99988C0 3.58143 3.58155 -0.00012207 8 -0.00012207C12.4185 -0.00012207 16 3.58143 16 7.99988C16 12.4183 12.4185 15.9999 8 15.9999Z' fill='%23FF4949' /%3E%3Cpath d='M7.97043 2.85352C7.31776 2.85352 6.82391 3.19413 6.82391 3.74429V8.79045C6.82391 9.34119 7.31769 9.68065 7.97043 9.68065C8.60718 9.68065 9.11695 9.32698 9.11695 8.79045V3.74429C9.11689 3.20719 8.60718 2.85352 7.97043 2.85352Z' fill='white' /%3E%3Cpath d='M7.97045 10.8175C7.34338 10.8175 6.83304 11.3278 6.83304 11.9554C6.83304 12.5819 7.34338 13.0923 7.97045 13.0923C8.59751 13.0923 9.10728 12.5819 9.10728 11.9554C9.10722 11.3278 8.59751 10.8175 7.97045 10.8175Z' fill='white' /%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:inline-block}.after\\:i-daikin-accordion-chevron-up:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12.4587L3.70398 15L10 9.08268L16.296 15L19 12.4587L10 4L1 12.4587Z' fill='black'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.after\\:i-daikin-radio-unchecked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M0 7C0 3.136 3.136 0 7 0C10.864 0 14 3.136 14 7C14 10.864 10.864 14 7 14C3.136 14 0 10.864 0 7ZM1.4 7C1.4 10.094 3.906 12.6 7 12.6C10.094 12.6 12.6 10.094 12.6 7C12.6 3.906 10.094 1.4 7 1.4C3.906 1.4 1.4 3.906 1.4 7Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checked\\:after\\:i-daikin-checkbox-checked:checked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M5 11.21L0 6.21001L1.41 4.80001L5 8.38001L12.59 0.790009L14 2.21001L5 11.21Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checked\\:after\\:i-daikin-radio-checked:checked:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.indeterminate\\:after\\:i-daikin-checkbox-indeterminate:indeterminate:after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Crect x='4' y='7' width='8' height='2' fill='black' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:hover\\:after\\:i-daikin-radio-checked:hover:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:focus-visible\\:after\\:i-daikin-radio-unchecked:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M0 7C0 3.136 3.136 0 7 0C10.864 0 14 3.136 14 7C14 10.864 10.864 14 7 14C3.136 14 0 10.864 0 7ZM1.4 7C1.4 10.094 3.906 12.6 7 12.6C10.094 12.6 12.6 10.094 12.6 7C12.6 3.906 10.094 1.4 7 1.4C3.906 1.4 1.4 3.906 1.4 7Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:focus-visible\\:checked\\:after\\:i-daikin-radio-checked:checked:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aria-controllable\\:active\\:after\\:i-daikin-radio-checked:active:enabled:not([aria-readonly=true]):after{content:var(--tw-content);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='black' d='M7 0C3.136 0 0 3.136 0 7C0 10.864 3.136 14 7 14C10.864 14 14 10.864 14 7C14 3.136 10.864 0 7 0ZM7 12.6C3.906 12.6 1.4 10.094 1.4 7C1.4 3.906 3.906 1.4 7 1.4C10.094 1.4 12.6 3.906 12.6 7C12.6 10.094 10.094 12.6 7 12.6ZM7 10.5C8.933 10.5 10.5 8.933 10.5 7C10.5 5.067 8.933 3.5 7 3.5C5.067 3.5 3.5 5.067 3.5 7C3.5 8.933 5.067 10.5 7 10.5Z' /%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.placeholder\\:text-daikinNeutral-200::placeholder{--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[2px\\]:before{content:var(--tw-content);left:2px}.before\\:top-\\[-3px\\]:before{content:var(--tw-content);top:-3px}.before\\:top-\\[2px\\]:before{content:var(--tw-content);top:2px}.before\\:block:before{content:var(--tw-content);display:block}.before\\:h-5:before{content:var(--tw-content);height:1.25rem}.before\\:h-\\[22px\\]:before{content:var(--tw-content);height:22px}.before\\:h-\\[27px\\]:before{content:var(--tw-content);height:27px}.before\\:w-5:before{content:var(--tw-content);width:1.25rem}.before\\:w-\\[16px\\]:before{content:var(--tw-content);width:16px}.before\\:w-\\[27px\\]:before{content:var(--tw-content);width:27px}.before\\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\\:bg-daikinNeutral-600:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(130 130 130/var(--tw-bg-opacity))}.before\\:bg-white:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.before\\:transition:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{content:var(--tw-content);bottom:0}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:right-0:after{content:var(--tw-content);right:0}.after\\:right-4:after{content:var(--tw-content);right:1rem}.after\\:top-0:after{content:var(--tw-content);top:0}.after\\:m-auto:after{content:var(--tw-content);margin:auto}.after\\:ml-\\[2px\\]:after{content:var(--tw-content);margin-left:2px}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-5:after{content:var(--tw-content);height:1.25rem}.after\\:w-5:after{content:var(--tw-content);width:1.25rem}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:-rotate-180:after{content:var(--tw-content);--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\\:rotate-0:after{content:var(--tw-content);--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\\:text-\\[\\#828282\\]:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(130 130 130/var(--tw-text-opacity))}.after\\:text-\\[\\#DCDCDC\\]:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.after\\:text-white:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:content-\\[\\'\\*\\'\\]:after{--tw-content:"*";content:var(--tw-content)}.checked\\:bg-daikinBlue-50:checked{--tw-bg-opacity:1;background-color:rgb(209 243 255/var(--tw-bg-opacity))}.checked\\:bg-daikinBlue-500:checked{--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.before\\:checked\\:translate-x-3:checked:before{content:var(--tw-content);--tw-translate-x:.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\\:checked\\:translate-x-5:checked:before{content:var(--tw-content);--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\\:checked\\:bg-daikinBlue-500:checked:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-\\[\\#DCDCDC\\]:hover{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.hover\\:text-daikinBlue-400:hover{--tw-text-opacity:1;color:rgb(45 184 240/var(--tw-text-opacity))}.focus-visible\\:text-daikinBlue-700:focus-visible{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.focus-visible\\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\\:outline:focus-visible{outline-style:solid}.focus-visible\\:outline-2:focus-visible{outline-width:2px}.focus-visible\\:outline-\\[2px\\]:focus-visible{outline-width:2px}.focus-visible\\:outline-offset-\\[-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-\\[\\#0097E0\\]:focus-visible{outline-color:#0097e0}.focus-visible\\:outline-\\[--text-input-outline-color-active\\]:focus-visible{outline-color:var(--text-input-outline-color-active)}.active\\:text-daikinBlue-600:active{--tw-text-opacity:1;color:rgb(6 116 193/var(--tw-text-opacity))}.enabled\\:after\\:text-\\[\\#8C8C8C\\]:enabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity))}.enabled\\:checked\\:border-daikinBlue-600:checked:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:checked\\:bg-daikinBlue-600:checked:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.enabled\\:checked\\:after\\:text-daikinBlue-500:checked:enabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.enabled\\:indeterminate\\:border-daikinBlue-600:indeterminate:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:indeterminate\\:bg-daikinBlue-600:indeterminate:enabled{--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.enabled\\:hover\\:border-daikinBlue-300:hover:enabled{--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.enabled\\:hover\\:bg-\\[--buttonColorBackgroundPrimaryHover\\]:hover:enabled{background-color:var(--buttonColorBackgroundPrimaryHover)}.enabled\\:hover\\:bg-daikinNeutral-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.enabled\\:hover\\:bg-daikinRed-400:hover:enabled{--tw-bg-opacity:1;background-color:rgb(255 134 123/var(--tw-bg-opacity))}.enabled\\:hover\\:text-daikinBlue-300:hover:enabled{--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.enabled\\:hover\\:outline:hover:enabled{outline-style:solid}.enabled\\:hover\\:outline-2:hover:enabled{outline-width:2px}.enabled\\:hover\\:outline-\\[--text-input-outline-color-hover\\]:hover:enabled{outline-color:var(--text-input-outline-color-hover)}.enabled\\:focus-visible\\:border-daikinBlue-700:focus-visible:enabled{--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.enabled\\:focus-visible\\:bg-\\[--buttonColorBackgroundPrimaryFocus\\]:focus-visible:enabled{background-color:var(--buttonColorBackgroundPrimaryFocus)}.enabled\\:focus-visible\\:bg-daikinRed-700:focus-visible:enabled{--tw-bg-opacity:1;background-color:rgb(156 50 25/var(--tw-bg-opacity))}.enabled\\:focus-visible\\:text-daikinBlue-700:focus-visible:enabled{--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.enabled\\:active\\:border-daikinBlue-600:active:enabled{--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.enabled\\:active\\:bg-\\[--buttonColorBackgroundPrimaryPress\\]:active:enabled{background-color:var(--buttonColorBackgroundPrimaryPress)}.enabled\\:active\\:bg-daikinRed-700:active:enabled{--tw-bg-opacity:1;background-color:rgb(156 50 25/var(--tw-bg-opacity))}.enabled\\:active\\:text-daikinBlue-600:active:enabled{--tw-text-opacity:1;color:rgb(6 116 193/var(--tw-text-opacity))}.enabled\\:active\\:outline:active:enabled{outline-style:solid}.enabled\\:active\\:outline-2:active:enabled{outline-width:2px}.enabled\\:active\\:outline-\\[--text-input-outline-color-active\\]:active:enabled{outline-color:var(--text-input-outline-color-active)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:border:disabled{border-width:1px}.disabled\\:border-\\[--text-input-outline-color-disabled\\]:disabled{border-color:var(--text-input-outline-color-disabled)}.disabled\\:border-daikinNeutral-200:disabled{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity))}.disabled\\:border-daikinNeutral-300:disabled{--tw-border-opacity:1;border-color:rgb(206 206 206/var(--tw-border-opacity))}.disabled\\:bg-\\[--buttonColorBackgroundPrimaryDisabled\\]:disabled{background-color:var(--buttonColorBackgroundPrimaryDisabled)}.disabled\\:bg-\\[--text-input-background-color\\]:disabled{background-color:var(--text-input-background-color)}.disabled\\:bg-daikinNeutral-200:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.disabled\\:bg-daikinNeutral-300:disabled{--tw-bg-opacity:1;background-color:rgb(206 206 206/var(--tw-bg-opacity))}.disabled\\:bg-transparent:disabled{background-color:#0000}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\\:text-\\[--text-input-outline-color-disabled\\]:disabled{color:var(--text-input-outline-color-disabled)}.disabled\\:text-daikinNeutral-300:disabled{--tw-text-opacity:1;color:rgb(206 206 206/var(--tw-text-opacity))}.disabled\\:text-daikinNeutral-400:disabled{--tw-text-opacity:1;color:rgb(191 191 191/var(--tw-text-opacity))}.before\\:disabled\\:bg-daikinNeutral-400:disabled:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(191 191 191/var(--tw-bg-opacity))}.disabled\\:after\\:bg-daikinNeutral-300:disabled:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(206 206 206/var(--tw-bg-opacity))}.disabled\\:after\\:text-daikinNeutral-200:disabled:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 220 220/var(--tw-text-opacity))}.disabled\\:checked\\:bg-daikinNeutral-200:checked:disabled,.disabled\\:indeterminate\\:bg-daikinNeutral-200:indeterminate:disabled{--tw-bg-opacity:1;background-color:rgb(220 220 220/var(--tw-bg-opacity))}.aria-selected\\:after\\:h-1[aria-selected=true]:after{content:var(--tw-content);height:.25rem}.aria-selected\\:after\\:bg-daikinBlue-500[aria-selected=true]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 151 224/var(--tw-bg-opacity))}.hover\\:aria-selected\\:after\\:bg-daikinBlue-400[aria-selected=true]:hover:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(45 184 240/var(--tw-bg-opacity))}.focus-visible\\:aria-selected\\:after\\:bg-daikinBlue-700[aria-selected=true]:focus-visible:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.active\\:aria-selected\\:after\\:bg-daikinBlue-600[aria-selected=true]:active:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.aria-controllable\\:hover\\:border-daikinBlue-300:hover:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:hover\\:after\\:text-daikinBlue-300:hover:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(84 195 241/var(--tw-text-opacity))}.aria-controllable\\:checked\\:hover\\:border-daikinBlue-300:hover:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:checked\\:hover\\:bg-daikinBlue-300:hover:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:hover\\:border-daikinBlue-300:hover:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(84 195 241/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:hover\\:bg-daikinBlue-300:hover:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(84 195 241/var(--tw-bg-opacity))}.aria-controllable\\:focus-visible\\:border-daikinBlue-700:focus-visible:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:focus-visible\\:after\\:text-daikinBlue-700:focus-visible:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(13 89 163/var(--tw-text-opacity))}.aria-controllable\\:checked\\:focus-visible\\:border-daikinBlue-700:focus-visible:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:checked\\:focus-visible\\:bg-daikinBlue-700:focus-visible:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:focus-visible\\:border-daikinBlue-700:focus-visible:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(13 89 163/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:focus-visible\\:bg-daikinBlue-700:focus-visible:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(13 89 163/var(--tw-bg-opacity))}.aria-controllable\\:active\\:border-daikinBlue-600:active:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:active\\:after\\:text-daikinBlue-500:active:enabled:not([aria-readonly=true]):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(0 151 224/var(--tw-text-opacity))}.aria-controllable\\:checked\\:active\\:border-daikinBlue-600:active:checked:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:checked\\:active\\:bg-daikinBlue-600:active:checked:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}.aria-controllable\\:indeterminate\\:active\\:border-daikinBlue-600:active:indeterminate:enabled:not([aria-readonly=true]){--tw-border-opacity:1;border-color:rgb(6 116 193/var(--tw-border-opacity))}.aria-controllable\\:indeterminate\\:active\\:bg-daikinBlue-600:active:indeterminate:enabled:not([aria-readonly=true]){--tw-bg-opacity:1;background-color:rgb(6 116 193/var(--tw-bg-opacity))}`;
+export {
+  tailwindStyles as default
+};

package/dist/es-dev/type-utils.d.ts

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+
+type NonNullableProps<T> = {
+    [K in keyof T]-?: Exclude<T[K], null | undefined>;
+};
+/**
+ * Merges all properties from CVA functions.
+ * If there are multiple properties with the same name and different possible values, the union of the value will be a product set.
+ *
+ * 1. Apply `VariantProps` to all union items to get props
+ * 2. Convert union to intersect
+ * 3. Apply `NonNullableProps` to eliminate nulls
+ *
+ * @example
+ * ```
+ * type NotificationVariantProps = MergeVariantProps<
+ *   | typeof notificationContentClassName
+ *   | typeof notificationIconClassName
+ *   | typeof notificationIconContainerClassName
+ *   | typeof notificationContainerClassName
+ * >;
+ * ```
+ */
+export type MergeVariantProps<T extends (...args: any) => any> = NonNullableProps<(T extends (...args: any[]) => any ? (v: VariantProps<T>) => void : never) extends (v: infer U) => void ? U : never>;
+export {};

package/icons/accordion-chevron-up.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 12.4587L3.70398 15L10 9.08268L16.296 15L19 12.4587L10 4L1 12.4587Z" fill="currentColor"/>
+</svg>