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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (249) hide show
  1. package/README.md +47 -7
  2. package/dist/cjs/components/accordion/daikin-accordion.cjs +37 -0
  3. package/dist/cjs/components/accordion/daikin-accordion.d.ts +40 -0
  4. package/dist/cjs/components/accordion/index.cjs +7 -0
  5. package/dist/cjs/components/accordion/index.d.ts +1 -0
  6. package/dist/cjs/components/accordion-item/daikin-accordion-item.cjs +177 -0
  7. package/dist/cjs/components/accordion-item/daikin-accordion-item.d.ts +56 -0
  8. package/dist/cjs/components/accordion-item/index.cjs +7 -0
  9. package/dist/cjs/components/accordion-item/index.d.ts +1 -0
  10. package/dist/cjs/components/button/daikin-button.cjs +25 -7
  11. package/dist/cjs/components/button/daikin-button.d.ts +21 -3
  12. package/dist/cjs/components/button/index.cjs +7 -0
  13. package/dist/cjs/components/checkbox/daikin-checkbox.d.ts +11 -1
  14. package/dist/cjs/components/checkbox/index.cjs +7 -0
  15. package/dist/cjs/components/icon/daikin-icon.cjs +87 -0
  16. package/dist/cjs/components/icon/daikin-icon.d.ts +49 -0
  17. package/dist/cjs/components/icon/icons.json.cjs +29 -0
  18. package/dist/cjs/components/icon/icons.json.d.ts +31 -0
  19. package/dist/cjs/components/icon/index.cjs +8 -0
  20. package/dist/cjs/components/icon/index.d.ts +1 -0
  21. package/dist/cjs/components/index.cjs +73 -0
  22. package/dist/cjs/components/index.d.ts +7 -0
  23. package/dist/cjs/components/input-group/daikin-input-group.d.ts +27 -1
  24. package/dist/cjs/components/input-group/index.cjs +7 -0
  25. package/dist/cjs/components/notification/daikin-notification.cjs +15 -33
  26. package/dist/cjs/components/notification/daikin-notification.d.ts +21 -7
  27. package/dist/cjs/components/notification/index.cjs +7 -0
  28. package/dist/cjs/components/panel-switcher/daikin-panel-switcher.cjs +55 -0
  29. package/dist/cjs/components/panel-switcher/daikin-panel-switcher.d.ts +51 -0
  30. package/dist/cjs/components/panel-switcher/index.cjs +7 -0
  31. package/dist/cjs/components/panel-switcher/index.d.ts +1 -0
  32. package/dist/cjs/components/radio/daikin-radio.d.ts +11 -1
  33. package/dist/cjs/components/radio/index.cjs +7 -0
  34. package/dist/cjs/components/tab/daikin-tab.cjs +126 -0
  35. package/dist/cjs/components/tab/daikin-tab.d.ts +55 -0
  36. package/dist/cjs/components/tab/index.cjs +7 -0
  37. package/dist/cjs/components/tab/index.d.ts +1 -0
  38. package/dist/cjs/components/tab-group/daikin-tab-group.cjs +211 -0
  39. package/dist/cjs/components/tab-group/daikin-tab-group.d.ts +105 -0
  40. package/dist/cjs/components/tab-group/index.cjs +7 -0
  41. package/dist/cjs/components/tab-group/index.d.ts +1 -0
  42. package/dist/cjs/components/tab-group/scroller.cjs +65 -0
  43. package/dist/cjs/components/tab-group/scroller.d.ts +25 -0
  44. package/dist/cjs/components/text-input/daikin-text-input.d.ts +16 -1
  45. package/dist/cjs/components/text-input/index.cjs +7 -0
  46. package/dist/cjs/components/textarea/daikin-textarea.d.ts +16 -1
  47. package/dist/cjs/components/textarea/index.cjs +7 -0
  48. package/dist/cjs/components/toggle/daikin-toggle.cjs +132 -0
  49. package/dist/cjs/components/toggle/daikin-toggle.d.ts +61 -0
  50. package/dist/cjs/components/toggle/index.cjs +7 -0
  51. package/dist/cjs/components/toggle/index.d.ts +1 -0
  52. package/dist/cjs/index.cjs +36 -0
  53. package/dist/cjs/tailwind.css.cjs +1 -1
  54. package/dist/cjs-dev/colors.cjs +80 -0
  55. package/dist/cjs-dev/colors.d.ts +69 -0
  56. package/dist/cjs-dev/components/accordion/daikin-accordion.cjs +37 -0
  57. package/dist/cjs-dev/components/accordion/daikin-accordion.d.ts +40 -0
  58. package/dist/cjs-dev/components/accordion/index.cjs +7 -0
  59. package/dist/cjs-dev/components/accordion/index.d.ts +1 -0
  60. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.cjs +177 -0
  61. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.d.ts +56 -0
  62. package/dist/cjs-dev/components/accordion-item/index.cjs +7 -0
  63. package/dist/cjs-dev/components/accordion-item/index.d.ts +1 -0
  64. package/dist/cjs-dev/components/button/daikin-button.cjs +215 -0
  65. package/dist/cjs-dev/components/button/daikin-button.d.ts +77 -0
  66. package/dist/cjs-dev/components/button/index.cjs +7 -0
  67. package/dist/cjs-dev/components/button/index.d.ts +1 -0
  68. package/dist/cjs-dev/components/checkbox/daikin-checkbox.cjs +183 -0
  69. package/dist/cjs-dev/components/checkbox/daikin-checkbox.d.ts +78 -0
  70. package/dist/cjs-dev/components/checkbox/index.cjs +7 -0
  71. package/dist/cjs-dev/components/checkbox/index.d.ts +1 -0
  72. package/dist/cjs-dev/components/icon/daikin-icon.cjs +96 -0
  73. package/dist/cjs-dev/components/icon/daikin-icon.d.ts +49 -0
  74. package/dist/cjs-dev/components/icon/icons.json.cjs +29 -0
  75. package/dist/cjs-dev/components/icon/icons.json.d.ts +31 -0
  76. package/dist/cjs-dev/components/icon/index.cjs +8 -0
  77. package/dist/cjs-dev/components/icon/index.d.ts +1 -0
  78. package/dist/cjs-dev/components/index.cjs +73 -0
  79. package/dist/cjs-dev/components/index.d.ts +14 -0
  80. package/dist/cjs-dev/components/input-group/daikin-input-group.cjs +119 -0
  81. package/dist/cjs-dev/components/input-group/daikin-input-group.d.ts +73 -0
  82. package/dist/cjs-dev/components/input-group/index.cjs +7 -0
  83. package/dist/cjs-dev/components/input-group/index.d.ts +1 -0
  84. package/dist/cjs-dev/components/notification/daikin-notification.cjs +191 -0
  85. package/dist/cjs-dev/components/notification/daikin-notification.d.ts +76 -0
  86. package/dist/cjs-dev/components/notification/index.cjs +7 -0
  87. package/dist/cjs-dev/components/notification/index.d.ts +1 -0
  88. package/dist/cjs-dev/components/panel-switcher/daikin-panel-switcher.cjs +62 -0
  89. package/dist/cjs-dev/components/panel-switcher/daikin-panel-switcher.d.ts +51 -0
  90. package/dist/cjs-dev/components/panel-switcher/index.cjs +7 -0
  91. package/dist/cjs-dev/components/panel-switcher/index.d.ts +1 -0
  92. package/dist/cjs-dev/components/radio/daikin-radio.cjs +150 -0
  93. package/dist/cjs-dev/components/radio/daikin-radio.d.ts +76 -0
  94. package/dist/cjs-dev/components/radio/index.cjs +7 -0
  95. package/dist/cjs-dev/components/radio/index.d.ts +1 -0
  96. package/dist/cjs-dev/components/tab/daikin-tab.cjs +126 -0
  97. package/dist/cjs-dev/components/tab/daikin-tab.d.ts +55 -0
  98. package/dist/cjs-dev/components/tab/index.cjs +7 -0
  99. package/dist/cjs-dev/components/tab/index.d.ts +1 -0
  100. package/dist/cjs-dev/components/tab-group/daikin-tab-group.cjs +221 -0
  101. package/dist/cjs-dev/components/tab-group/daikin-tab-group.d.ts +105 -0
  102. package/dist/cjs-dev/components/tab-group/index.cjs +7 -0
  103. package/dist/cjs-dev/components/tab-group/index.d.ts +1 -0
  104. package/dist/cjs-dev/components/tab-group/scroller.cjs +65 -0
  105. package/dist/cjs-dev/components/tab-group/scroller.d.ts +25 -0
  106. package/dist/cjs-dev/components/text-input/daikin-text-input.cjs +137 -0
  107. package/dist/cjs-dev/components/text-input/daikin-text-input.d.ts +69 -0
  108. package/dist/cjs-dev/components/text-input/index.cjs +7 -0
  109. package/dist/cjs-dev/components/text-input/index.d.ts +1 -0
  110. package/dist/cjs-dev/components/textarea/daikin-textarea.cjs +168 -0
  111. package/dist/cjs-dev/components/textarea/daikin-textarea.d.ts +71 -0
  112. package/dist/cjs-dev/components/textarea/index.cjs +7 -0
  113. package/dist/cjs-dev/components/textarea/index.d.ts +1 -0
  114. package/dist/cjs-dev/components/toggle/daikin-toggle.cjs +132 -0
  115. package/dist/cjs-dev/components/toggle/daikin-toggle.d.ts +61 -0
  116. package/dist/cjs-dev/components/toggle/index.cjs +7 -0
  117. package/dist/cjs-dev/components/toggle/index.d.ts +1 -0
  118. package/dist/cjs-dev/constants/events.cjs +4 -0
  119. package/dist/cjs-dev/constants/events.d.ts +1 -0
  120. package/dist/cjs-dev/index.cjs +75 -0
  121. package/dist/cjs-dev/index.d.ts +3 -0
  122. package/dist/cjs-dev/lit-analyzer-types.d.ts +112 -0
  123. package/dist/cjs-dev/tailwind.css.cjs +6 -0
  124. package/dist/cjs-dev/type-utils.d.ts +25 -0
  125. package/dist/es/components/accordion/daikin-accordion.d.ts +40 -0
  126. package/dist/es/components/accordion/daikin-accordion.js +38 -0
  127. package/dist/es/components/accordion/index.d.ts +1 -0
  128. package/dist/es/components/accordion/index.js +4 -0
  129. package/dist/es/components/accordion-item/daikin-accordion-item.d.ts +56 -0
  130. package/dist/es/components/accordion-item/daikin-accordion-item.js +178 -0
  131. package/dist/es/components/accordion-item/index.d.ts +1 -0
  132. package/dist/es/components/accordion-item/index.js +4 -0
  133. package/dist/es/components/button/daikin-button.d.ts +21 -3
  134. package/dist/es/components/button/daikin-button.js +25 -7
  135. package/dist/es/components/button/index.js +4 -0
  136. package/dist/es/components/checkbox/daikin-checkbox.d.ts +11 -1
  137. package/dist/es/components/checkbox/index.js +4 -0
  138. package/dist/es/components/icon/daikin-icon.d.ts +49 -0
  139. package/dist/es/components/icon/daikin-icon.js +88 -0
  140. package/dist/es/components/icon/icons.json.d.ts +31 -0
  141. package/dist/es/components/icon/icons.json.js +29 -0
  142. package/dist/es/components/icon/index.d.ts +1 -0
  143. package/dist/es/components/icon/index.js +5 -0
  144. package/dist/es/components/index.d.ts +7 -0
  145. package/dist/es/components/index.js +31 -0
  146. package/dist/es/components/input-group/daikin-input-group.d.ts +27 -1
  147. package/dist/es/components/input-group/index.js +4 -0
  148. package/dist/es/components/notification/daikin-notification.d.ts +21 -7
  149. package/dist/es/components/notification/daikin-notification.js +15 -33
  150. package/dist/es/components/notification/index.js +4 -0
  151. package/dist/es/components/panel-switcher/daikin-panel-switcher.d.ts +51 -0
  152. package/dist/es/components/panel-switcher/daikin-panel-switcher.js +56 -0
  153. package/dist/es/components/panel-switcher/index.d.ts +1 -0
  154. package/dist/es/components/panel-switcher/index.js +4 -0
  155. package/dist/es/components/radio/daikin-radio.d.ts +11 -1
  156. package/dist/es/components/radio/index.js +4 -0
  157. package/dist/es/components/tab/daikin-tab.d.ts +55 -0
  158. package/dist/es/components/tab/daikin-tab.js +127 -0
  159. package/dist/es/components/tab/index.d.ts +1 -0
  160. package/dist/es/components/tab/index.js +4 -0
  161. package/dist/es/components/tab-group/daikin-tab-group.d.ts +105 -0
  162. package/dist/es/components/tab-group/daikin-tab-group.js +212 -0
  163. package/dist/es/components/tab-group/index.d.ts +1 -0
  164. package/dist/es/components/tab-group/index.js +4 -0
  165. package/dist/es/components/tab-group/scroller.d.ts +25 -0
  166. package/dist/es/components/tab-group/scroller.js +65 -0
  167. package/dist/es/components/text-input/daikin-text-input.d.ts +16 -1
  168. package/dist/es/components/text-input/index.js +4 -0
  169. package/dist/es/components/textarea/daikin-textarea.d.ts +16 -1
  170. package/dist/es/components/textarea/index.js +4 -0
  171. package/dist/es/components/toggle/daikin-toggle.d.ts +61 -0
  172. package/dist/es/components/toggle/daikin-toggle.js +133 -0
  173. package/dist/es/components/toggle/index.d.ts +1 -0
  174. package/dist/es/components/toggle/index.js +4 -0
  175. package/dist/es/index.js +16 -1
  176. package/dist/es/tailwind.css.js +1 -1
  177. package/dist/es-dev/colors.d.ts +69 -0
  178. package/dist/es-dev/colors.js +80 -0
  179. package/dist/es-dev/components/accordion/daikin-accordion.d.ts +40 -0
  180. package/dist/es-dev/components/accordion/daikin-accordion.js +38 -0
  181. package/dist/es-dev/components/accordion/index.d.ts +1 -0
  182. package/dist/es-dev/components/accordion/index.js +4 -0
  183. package/dist/es-dev/components/accordion-item/daikin-accordion-item.d.ts +56 -0
  184. package/dist/es-dev/components/accordion-item/daikin-accordion-item.js +178 -0
  185. package/dist/es-dev/components/accordion-item/index.d.ts +1 -0
  186. package/dist/es-dev/components/accordion-item/index.js +4 -0
  187. package/dist/es-dev/components/button/daikin-button.d.ts +77 -0
  188. package/dist/es-dev/components/button/daikin-button.js +216 -0
  189. package/dist/es-dev/components/button/index.d.ts +1 -0
  190. package/dist/es-dev/components/button/index.js +4 -0
  191. package/dist/es-dev/components/checkbox/daikin-checkbox.d.ts +78 -0
  192. package/dist/es-dev/components/checkbox/daikin-checkbox.js +184 -0
  193. package/dist/es-dev/components/checkbox/index.d.ts +1 -0
  194. package/dist/es-dev/components/checkbox/index.js +4 -0
  195. package/dist/es-dev/components/icon/daikin-icon.d.ts +49 -0
  196. package/dist/es-dev/components/icon/daikin-icon.js +97 -0
  197. package/dist/es-dev/components/icon/icons.json.d.ts +31 -0
  198. package/dist/es-dev/components/icon/icons.json.js +29 -0
  199. package/dist/es-dev/components/icon/index.d.ts +1 -0
  200. package/dist/es-dev/components/icon/index.js +5 -0
  201. package/dist/es-dev/components/index.d.ts +14 -0
  202. package/dist/es-dev/components/index.js +31 -0
  203. package/dist/es-dev/components/input-group/daikin-input-group.d.ts +73 -0
  204. package/dist/es-dev/components/input-group/daikin-input-group.js +120 -0
  205. package/dist/es-dev/components/input-group/index.d.ts +1 -0
  206. package/dist/es-dev/components/input-group/index.js +4 -0
  207. package/dist/es-dev/components/notification/daikin-notification.d.ts +76 -0
  208. package/dist/es-dev/components/notification/daikin-notification.js +192 -0
  209. package/dist/es-dev/components/notification/index.d.ts +1 -0
  210. package/dist/es-dev/components/notification/index.js +4 -0
  211. package/dist/es-dev/components/panel-switcher/daikin-panel-switcher.d.ts +51 -0
  212. package/dist/es-dev/components/panel-switcher/daikin-panel-switcher.js +63 -0
  213. package/dist/es-dev/components/panel-switcher/index.d.ts +1 -0
  214. package/dist/es-dev/components/panel-switcher/index.js +4 -0
  215. package/dist/es-dev/components/radio/daikin-radio.d.ts +76 -0
  216. package/dist/es-dev/components/radio/daikin-radio.js +151 -0
  217. package/dist/es-dev/components/radio/index.d.ts +1 -0
  218. package/dist/es-dev/components/radio/index.js +4 -0
  219. package/dist/es-dev/components/tab/daikin-tab.d.ts +55 -0
  220. package/dist/es-dev/components/tab/daikin-tab.js +127 -0
  221. package/dist/es-dev/components/tab/index.d.ts +1 -0
  222. package/dist/es-dev/components/tab/index.js +4 -0
  223. package/dist/es-dev/components/tab-group/daikin-tab-group.d.ts +105 -0
  224. package/dist/es-dev/components/tab-group/daikin-tab-group.js +222 -0
  225. package/dist/es-dev/components/tab-group/index.d.ts +1 -0
  226. package/dist/es-dev/components/tab-group/index.js +4 -0
  227. package/dist/es-dev/components/tab-group/scroller.d.ts +25 -0
  228. package/dist/es-dev/components/tab-group/scroller.js +65 -0
  229. package/dist/es-dev/components/text-input/daikin-text-input.d.ts +69 -0
  230. package/dist/es-dev/components/text-input/daikin-text-input.js +138 -0
  231. package/dist/es-dev/components/text-input/index.d.ts +1 -0
  232. package/dist/es-dev/components/text-input/index.js +4 -0
  233. package/dist/es-dev/components/textarea/daikin-textarea.d.ts +71 -0
  234. package/dist/es-dev/components/textarea/daikin-textarea.js +169 -0
  235. package/dist/es-dev/components/textarea/index.d.ts +1 -0
  236. package/dist/es-dev/components/textarea/index.js +4 -0
  237. package/dist/es-dev/components/toggle/daikin-toggle.d.ts +61 -0
  238. package/dist/es-dev/components/toggle/daikin-toggle.js +133 -0
  239. package/dist/es-dev/components/toggle/index.d.ts +1 -0
  240. package/dist/es-dev/components/toggle/index.js +4 -0
  241. package/dist/es-dev/constants/events.d.ts +1 -0
  242. package/dist/es-dev/constants/events.js +4 -0
  243. package/dist/es-dev/index.d.ts +3 -0
  244. package/dist/es-dev/index.js +33 -0
  245. package/dist/es-dev/lit-analyzer-types.d.ts +112 -0
  246. package/dist/es-dev/tailwind.css.js +6 -0
  247. package/dist/es-dev/type-utils.d.ts +25 -0
  248. package/icons/accordion-chevron-up.svg +3 -0
  249. package/package.json +58 -27
@@ -1,6 +1,6 @@
1
1
  const tailwindStyles = `/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
2
2
  /*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */
3
- *,: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: }.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}.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}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\\[120px\\]{height:120px}.h-\\[14px\\]{height:14px}.h-\\[18px\\]{height:18px}.h-\\[22px\\]{height:22px}.h-\\[24px\\]{height:24px}.h-full{height:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-\\[14px\\]{width:14px}.w-\\[18px\\]{width:18px}.w-\\[24px\\]{width:24px}.w-\\[340px\\]{width:340px}.w-\\[44px\\]{width:44px}.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}.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}.text-wrap{text-wrap:wrap}.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-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))}.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-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-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.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-\\[--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-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-500{--tw-text-opacity:1;color:rgb(160 160 160/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-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)}.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-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\\:block:before{content:var(--tw-content);display:block}.before\\:h-\\[22px\\]:before{content:var(--tw-content);height:22px}.before\\:w-\\[16px\\]:before{content:var(--tw-content);width:16px}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:ml-\\[2px\\]:after{content:var(--tw-content);margin-left:2px}.after\\:text-white:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.after\\:content-\\[\\'\\*\\'\\]:after{--tw-content:"*";content:var(--tw-content)}.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-\\[--text-input-outline-color-active\\]:focus-visible{outline-color:var(--text-input-outline-color-active)}.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-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-400:disabled{--tw-text-opacity:1;color:rgb(191 191 191/var(--tw-text-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-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))}`;
3
+ *,: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))}`;
4
4
  export {
5
5
  tailwindStyles as default
6
6
  };
@@ -0,0 +1,69 @@
1
+ export declare const colors: {
2
+ daikinBlue: {
3
+ 50: string;
4
+ 100: string;
5
+ 200: string;
6
+ 300: string;
7
+ 400: string;
8
+ 500: string;
9
+ 600: string;
10
+ 700: string;
11
+ 800: string;
12
+ 900: string;
13
+ DEFAULT: string;
14
+ };
15
+ daikinNeutral: {
16
+ 50: string;
17
+ 100: string;
18
+ 200: string;
19
+ 300: string;
20
+ 400: string;
21
+ 500: string;
22
+ 600: string;
23
+ 700: string;
24
+ 800: string;
25
+ 900: string;
26
+ };
27
+ daikinRed: {
28
+ 50: string;
29
+ 100: string;
30
+ 200: string;
31
+ 300: string;
32
+ 400: string;
33
+ 500: string;
34
+ 600: string;
35
+ 700: string;
36
+ 800: string;
37
+ 900: string;
38
+ 1000: string;
39
+ DEFAULT: string;
40
+ };
41
+ daikinYellow: {
42
+ 50: string;
43
+ 100: string;
44
+ 200: string;
45
+ 300: string;
46
+ 400: string;
47
+ 500: string;
48
+ 600: string;
49
+ 700: string;
50
+ 800: string;
51
+ 900: string;
52
+ 1000: string;
53
+ DEFAULT: string;
54
+ };
55
+ daikinGreen: {
56
+ 50: string;
57
+ 100: string;
58
+ 200: string;
59
+ 300: string;
60
+ 400: string;
61
+ 500: string;
62
+ 600: string;
63
+ 700: string;
64
+ 800: string;
65
+ 900: string;
66
+ 1000: string;
67
+ DEFAULT: string;
68
+ };
69
+ };
@@ -0,0 +1,80 @@
1
+ import { colorBlue10, colorBlue20, colorBlue30, colorBlue50, colorBlue70, colorBlue80, colorBlue90, colorBlue100, colorGrey10, colorGrey20, colorGrey30, colorGrey40, colorGrey50, colorGrey60, colorGrey80, colorGrey100, colorRed10, colorRed20, colorRed30, colorRed40, colorRed50, colorRed70, colorRed80, colorRed90, colorRed100, colorRed110, colorYellow10, colorYellow20, colorYellow30, colorYellow40, colorYellow60, colorYellow70, colorYellow80, colorYellow90, colorYellow100, colorYellow110, colorGreen10, colorGreen20, colorGreen30, colorGreen40, colorGreen50, colorGreen70, colorGreen80, colorGreen90, colorGreen100, colorGreen110, colorBrandPrimary, colorBlue40, colorGrey90, colorGrey70, colorRed60, colorYellow50, colorGreen60 } from "@daikin-oss/dds-tokens/js/daikin/Light/variables.js";
2
+ const DAIKIN_PRIMARY_BLUE = colorBrandPrimary;
3
+ const DAIKIN_SECONDARY_BLUE = colorBlue40;
4
+ const DAIKIN_DARK_GREY = colorGrey90;
5
+ const DAIKIN_MEDIUM_GREY = colorGrey70;
6
+ const DAIKIN_NEGATIVE = colorRed60;
7
+ const DAIKIN_WARNING = colorYellow50;
8
+ const DAIKIN_POSITIVE = colorGreen60;
9
+ const colors = {
10
+ daikinBlue: {
11
+ 50: colorBlue10,
12
+ 100: colorBlue20,
13
+ 200: colorBlue30,
14
+ 300: DAIKIN_SECONDARY_BLUE,
15
+ 400: colorBlue50,
16
+ 500: DAIKIN_PRIMARY_BLUE,
17
+ 600: colorBlue70,
18
+ 700: colorBlue80,
19
+ 800: colorBlue90,
20
+ 900: colorBlue100,
21
+ DEFAULT: DAIKIN_PRIMARY_BLUE
22
+ },
23
+ daikinNeutral: {
24
+ 50: colorGrey10,
25
+ 100: colorGrey20,
26
+ 200: colorGrey30,
27
+ 300: colorGrey40,
28
+ 400: colorGrey50,
29
+ 500: colorGrey60,
30
+ 600: DAIKIN_MEDIUM_GREY,
31
+ 700: colorGrey80,
32
+ 800: DAIKIN_DARK_GREY,
33
+ 900: colorGrey100
34
+ },
35
+ daikinRed: {
36
+ 50: colorRed10,
37
+ 100: colorRed20,
38
+ 200: colorRed30,
39
+ 300: colorRed40,
40
+ 400: colorRed50,
41
+ 500: DAIKIN_NEGATIVE,
42
+ 600: colorRed70,
43
+ 700: colorRed80,
44
+ 800: colorRed90,
45
+ 900: colorRed100,
46
+ 1e3: colorRed110,
47
+ DEFAULT: DAIKIN_NEGATIVE
48
+ },
49
+ daikinYellow: {
50
+ 50: colorYellow10,
51
+ 100: colorYellow20,
52
+ 200: colorYellow30,
53
+ 300: colorYellow40,
54
+ 400: DAIKIN_WARNING,
55
+ 500: colorYellow60,
56
+ 600: colorYellow70,
57
+ 700: colorYellow80,
58
+ 800: colorYellow90,
59
+ 900: colorYellow100,
60
+ 1e3: colorYellow110,
61
+ DEFAULT: DAIKIN_WARNING
62
+ },
63
+ daikinGreen: {
64
+ 50: colorGreen10,
65
+ 100: colorGreen20,
66
+ 200: colorGreen30,
67
+ 300: colorGreen40,
68
+ 400: colorGreen50,
69
+ 500: DAIKIN_POSITIVE,
70
+ 600: colorGreen70,
71
+ 700: colorGreen80,
72
+ 800: colorGreen90,
73
+ 900: colorGreen100,
74
+ 1e3: colorGreen110,
75
+ DEFAULT: DAIKIN_POSITIVE
76
+ }
77
+ };
78
+ export {
79
+ colors
80
+ };
@@ -0,0 +1,40 @@
1
+ import { LitElement } from 'lit';
2
+
3
+ /**
4
+ * The accordion component serves as the parent element that organizes and manages the overall structure of the accordion.
5
+ * Currently it only provides appropriate styles for individual accordion items.
6
+ *
7
+ * Hierarchy:
8
+ * - `daikin-accordion` > `daikin-accordion-item`
9
+ *
10
+ * @slot - A slot for the accordion items. Place `daikin-accordion-item` elements here.
11
+ *
12
+ * @example
13
+ *
14
+ * ```html
15
+ * <daikin-accordion>
16
+ * <daikin-accordion-item title="The first accordion item">
17
+ * Accordion 1 content.
18
+ * </daikin-accordion-item>
19
+ * <daikin-accordion-item title="The second accordion item" open>
20
+ * Accordion 2 content.
21
+ * </daikin-accordion-item>
22
+ * <daikin-accordion-item title="The third accordion item" disabled>
23
+ * Accordion 3 content.
24
+ * </daikin-accordion-item>
25
+ * <daikin-accordion-item title="The fourth accordion item" open disabled>
26
+ * Accordion 4 content.
27
+ * </daikin-accordion-item>
28
+ * </daikin-accordion>
29
+ * ```
30
+ */
31
+ export declare class DaikinAccordion extends LitElement {
32
+ static readonly styles: import('lit').CSSResult;
33
+ render(): import('lit-html').TemplateResult<1>;
34
+ }
35
+ declare global {
36
+ interface HTMLElementTagNameMap {
37
+ "daikin-accordion": DaikinAccordion;
38
+ }
39
+ }
40
+ export default DaikinAccordion;
@@ -0,0 +1,38 @@
1
+ import { css, unsafeCSS, LitElement, html } from "lit";
2
+ import { customElement } from "lit/decorators.js";
3
+ import tailwindStyles from "../../tailwind.css.js";
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __decorateClass = (decorators, target, key, kind) => {
7
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
8
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
9
+ if (decorator = decorators[i])
10
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
11
+ if (kind && result) __defProp(target, key, result);
12
+ return result;
13
+ };
14
+ let DaikinAccordion = class extends LitElement {
15
+ render() {
16
+ return html`<div class="w-full border-y-[1px] border-y-[#CECECE]">
17
+ <slot></slot>
18
+ </div>`;
19
+ }
20
+ };
21
+ DaikinAccordion.styles = css`
22
+ ${unsafeCSS(tailwindStyles)}
23
+
24
+ :host {
25
+ display: block;
26
+ width: 100%;
27
+ }
28
+
29
+ ::slotted(daikin-accordion-item:not(:last-child)) {
30
+ border-bottom: 1px solid #cecece;
31
+ }
32
+ `;
33
+ DaikinAccordion = __decorateClass([
34
+ customElement("daikin-accordion")
35
+ ], DaikinAccordion);
36
+ export {
37
+ DaikinAccordion
38
+ };
@@ -0,0 +1 @@
1
+ export * from './daikin-accordion';
@@ -0,0 +1,4 @@
1
+ import { DaikinAccordion } from "./daikin-accordion.js";
2
+ export {
3
+ DaikinAccordion
4
+ };
@@ -0,0 +1,56 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+
3
+ /**
4
+ * The accordion item component is a child element within the `daikin-accordion` component.
5
+ * It functions similarly to the HTML `<details>` and `<summary>` tag, allowing users to expand or collapse the associated content by clicking on the header.
6
+ * This component is responsible for displaying the specific content within the accordion and allowing users to interact with each section independently.
7
+ *
8
+ * Hierarchy:
9
+ * - `daikin-accordion` > `daikin-accordion-item`
10
+ *
11
+ * @slot - A slot for the accordion item content.
12
+ *
13
+ * @example
14
+ *
15
+ * ```html
16
+ * <daikin-accordion-item title="The first accordion item">
17
+ * Accordion 1 content.
18
+ * </daikin-accordion-item>
19
+ * ```
20
+ */
21
+ export declare class DaikinAccordionItem extends LitElement {
22
+ static readonly styles: import('lit').CSSResult;
23
+ private _contentRef;
24
+ /**
25
+ * Heading of accordion
26
+ */
27
+ title: string;
28
+ /**
29
+ * Whether the accordion is open
30
+ */
31
+ open: boolean;
32
+ /**
33
+ * Whether the accordion is disabled
34
+ */
35
+ disabled: boolean;
36
+ /**
37
+ * Open attribute of the actual details element
38
+ *
39
+ * The default `open` attribute of the default details element does not allow the display of content to have transitions.
40
+ * To solve this, the `open` property that `daikin-accordion-item` receives manages the opening and closing of items independently of the open attribute.
41
+ *
42
+ * The `open` attribute, which should be present, is taken over by `_detailsOpen`.
43
+ */
44
+ private _detailsOpen;
45
+ private _contentAnimate;
46
+ private _handleSummaryClick;
47
+ render(): import('lit-html').TemplateResult<1>;
48
+ protected firstUpdated(): void;
49
+ protected updated(changedProperties: PropertyValues<this>): void;
50
+ }
51
+ declare global {
52
+ interface HTMLElementTagNameMap {
53
+ "daikin-accordion-item": DaikinAccordionItem;
54
+ }
55
+ }
56
+ export default DaikinAccordionItem;
@@ -0,0 +1,178 @@
1
+ import { cva } from "class-variance-authority";
2
+ import { css, unsafeCSS, LitElement, html } from "lit";
3
+ import { property, state, customElement } from "lit/decorators.js";
4
+ import { createRef, ref } from "lit/directives/ref.js";
5
+ import tailwindStyles from "../../tailwind.css.js";
6
+ var __defProp = Object.defineProperty;
7
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
8
+ var __decorateClass = (decorators, target, key, kind) => {
9
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
10
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
11
+ if (decorator = decorators[i])
12
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
13
+ if (kind && result) __defProp(target, key, result);
14
+ return result;
15
+ };
16
+ const cvaDetails = cva(
17
+ ["flex", "w-full", "h-max", "bg-white", "font-daikinSerif", "overflow-clip"],
18
+ {
19
+ variants: {
20
+ status: {
21
+ enabled: [],
22
+ disabled: ["text-[#DCDCDC]"]
23
+ }
24
+ }
25
+ }
26
+ );
27
+ const cvaSummary = cva(
28
+ [
29
+ "flex",
30
+ "items-center",
31
+ "w-full",
32
+ "h-12",
33
+ "px-5",
34
+ "outline-none",
35
+ "relative",
36
+ "after:block",
37
+ "after:w-5",
38
+ "after:h-5",
39
+ "after:m-auto",
40
+ "after:top-0",
41
+ "after:right-4",
42
+ "after:bottom-0",
43
+ "after:absolute",
44
+ "after:i-daikin-accordion-chevron-up",
45
+ "after:transition-all"
46
+ ],
47
+ {
48
+ variants: {
49
+ visible: {
50
+ open: ["after:rotate-0"],
51
+ close: ["after:-rotate-180"]
52
+ },
53
+ status: {
54
+ enabled: [
55
+ "hover:bg-[#DCDCDC]",
56
+ "hover:bg-[#DCDCDC]",
57
+ "hover:cursor-pointer",
58
+ "focus-visible:outline",
59
+ "focus-visible:outline-[2px]",
60
+ "focus-visible:outline-[#0097E0]",
61
+ "focus-visible:outline-offset-[-2px]",
62
+ "after:text-[#828282]"
63
+ ],
64
+ disabled: ["text-[#DCDCDC]", "after:text-[#DCDCDC]"]
65
+ }
66
+ }
67
+ }
68
+ );
69
+ const animationOption = {
70
+ duration: 250,
71
+ easing: "ease-in-out"
72
+ };
73
+ const contentCloseKeyframe = {
74
+ height: 0
75
+ };
76
+ const getContentOpenKeyframe = (content) => ({
77
+ height: `${content.offsetHeight}px`
78
+ });
79
+ let DaikinAccordionItem = class extends LitElement {
80
+ constructor() {
81
+ super(...arguments);
82
+ this._contentRef = createRef();
83
+ this.title = "";
84
+ this.open = false;
85
+ this.disabled = false;
86
+ this._detailsOpen = false;
87
+ }
88
+ _contentAnimate() {
89
+ const content = this._contentRef.value;
90
+ if (!content || this.open === this._detailsOpen) {
91
+ return;
92
+ }
93
+ if (this.open) {
94
+ this._detailsOpen = this.open;
95
+ content.animate(
96
+ [contentCloseKeyframe, getContentOpenKeyframe(content)],
97
+ animationOption
98
+ );
99
+ } else {
100
+ const animation = content.animate(
101
+ [getContentOpenKeyframe(content), contentCloseKeyframe],
102
+ animationOption
103
+ );
104
+ animation.onfinish = () => {
105
+ this._detailsOpen = this.open;
106
+ };
107
+ }
108
+ }
109
+ _handleSummaryClick(e) {
110
+ e.preventDefault();
111
+ if (this.disabled) {
112
+ return;
113
+ }
114
+ this.open = !this.open;
115
+ }
116
+ render() {
117
+ const accordionDetailsClassName = cvaDetails({
118
+ status: this.disabled ? "disabled" : "enabled"
119
+ });
120
+ const accordionSummaryClassName = cvaSummary({
121
+ status: this.disabled ? "disabled" : "enabled",
122
+ visible: this.open ? "open" : "close"
123
+ });
124
+ return html`<details
125
+ class=${accordionDetailsClassName}
126
+ ?open=${this._detailsOpen}
127
+ ?data-open=${this.open}
128
+ aria-disabled=${this.disabled}
129
+ >
130
+ <summary
131
+ class=${accordionSummaryClassName}
132
+ tabindex=${this.disabled ? -1 : 0}
133
+ @click=${this._handleSummaryClick}
134
+ >
135
+ ${this.title}
136
+ </summary>
137
+ <div ${ref(this._contentRef)}>
138
+ <div class="pt-2 pb-6 px-5 text-sm">
139
+ <slot></slot>
140
+ </div>
141
+ </div>
142
+ </details>`;
143
+ }
144
+ firstUpdated() {
145
+ this._detailsOpen = this.open;
146
+ }
147
+ updated(changedProperties) {
148
+ if (changedProperties.has("open")) {
149
+ this._contentAnimate();
150
+ }
151
+ }
152
+ };
153
+ DaikinAccordionItem.styles = css`
154
+ ${unsafeCSS(tailwindStyles)}
155
+
156
+ :host {
157
+ display: block;
158
+ width: 100%;
159
+ }
160
+ `;
161
+ __decorateClass([
162
+ property({ type: String })
163
+ ], DaikinAccordionItem.prototype, "title", 2);
164
+ __decorateClass([
165
+ property({ type: Boolean, reflect: true })
166
+ ], DaikinAccordionItem.prototype, "open", 2);
167
+ __decorateClass([
168
+ property({ type: Boolean, reflect: true })
169
+ ], DaikinAccordionItem.prototype, "disabled", 2);
170
+ __decorateClass([
171
+ state()
172
+ ], DaikinAccordionItem.prototype, "_detailsOpen", 2);
173
+ DaikinAccordionItem = __decorateClass([
174
+ customElement("daikin-accordion-item")
175
+ ], DaikinAccordionItem);
176
+ export {
177
+ DaikinAccordionItem
178
+ };
@@ -0,0 +1 @@
1
+ export * from './daikin-accordion-item';
@@ -0,0 +1,4 @@
1
+ import { DaikinAccordionItem } from "./daikin-accordion-item.js";
2
+ export {
3
+ DaikinAccordionItem
4
+ };