overview-components 1.1.0 → 1.1.10

package/dist/shared/styles/button-shared-styles.js

@@ -1,68 +1,201 @@
 import { css } from 'lit';
-const buttonStyles = css `
-    button {
-        border-radius: var(--border-radius-small, 0.5rem);
-        cursor: pointer;
-        transition:
-            background-color 0.3s,
-            color 0.3s,
-            border 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    /* Disabled button state */
-    .button--contained:disabled {
-        background-color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--outlined:disabled {
-        color: var(--color-primary-disabled);
-        border: 1px solid var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--text:disabled {
-        color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    /* Button Variants */
-    .button--outlined {
-        color: var(--text-primary);
-        border: 1px solid var(--text-primary, #111827);
-        background-color: transparent;
-    }
-    .button--outlined:not(:disabled):hover {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-
-    .button--contained {
-        border: none;
-        color: #fff;
-        background-color: var(--color-primary-main, #76b703);
-    }
-    .button--contained:not(:disabled):hover {
-        background-color: var(--color-primary-dark, #5f9402);
-    }
-
-    .button--text {
-        border: none;
-        color: var(--text-primary, #111827);
-        background-color: transparent;
-    }
-    .button--text:not(:disabled):hover {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-    .button--text.active {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-    .button--inherit {
-        background-color: inherit;
-        color: var(--text-primary, #111827);
-        border: none;
-    }
+const buttonStyles = css `
+    button {
+        font-family: inherit;
+        border-radius: var(--border-radius-small, 0.5rem);
+        cursor: pointer;
+        transition:
+            background-color 0.3s,
+            color 0.3s,
+            border 0.3s;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    /* Disabled button state */
+
+    .button--contained:disabled {
+        background-color: var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+    }
+
+    .button--outlined:disabled {
+        color: var(--color-primary-disabled);
+        border: 1px solid var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+    }
+
+    .button--text:disabled {
+        color: var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+    }
+
+    .button--dashed:disabled {
+        color: var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+        border: 1px dashed var(--color-primary-disabled, #d0d3db);
+    }
+
+    .button--error:disabled {
+        background-color: var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+    }
+
+    .button--ai:disabled {
+        background: var(--color-primary-disabled, #d0d3db);
+        cursor: not-allowed;
+    }
+
+    .button--outlined-ai:disabled {
+        color: var(--color-primary-disabled);
+        cursor: not-allowed;
+    }
+
+    .button--outlined-ai:disabled::before {
+        background: var(--color-primary-disabled);
+    }
+
+    .button--outlined-ai:disabled .button-inner {
+        background: none;
+        color: var(--color-primary-disabled);
+        -webkit-text-fill-color: var(--color-primary-disabled);
+        -webkit-background-clip: border-box;
+    }
+
+    /* Button Variants */
+    .button--outlined {
+        color: var(--text-primary);
+        border: 1px solid var(--text-primary, #111827);
+        background-color: var(--background-paper, #fff);
+    }
+    .button--outlined:not(:disabled):hover {
+        background-color: var(--color-primary-light, #f0fadf);
+    }
+
+    .button--contained {
+        border: none;
+        color: #fff;
+        background-color: var(--color-primary-main, #76b703);
+    }
+    .button--contained:not(:disabled):hover {
+        background-color: var(--color-primary-dark, #5f9402);
+    }
+
+    .button--error {
+        border: none;
+        color: var(--color-error-light, #ffd6cd);
+        background-color: var(--color-error-main, #ca2d0a);
+    }
+
+    .button--error:not(:disabled):hover {
+        background-color: var(--color-error-dark, #a52103);
+    }
+
+    .button--ai {
+        border: none;
+        color: #fff;
+        background: linear-gradient(to right, #573493, #e78047);
+    }
+
+    .button--ai:not(:disabled):hover {
+        opacity: 80%;
+    }
+
+    .button--outlined-ai {
+        position: relative;
+        background-color: var(--background-paper, #fff);
+        border: none;
+        z-index: 0;
+        color: transparent;
+
+        background-image: linear-gradient(to right, #573493, #e78047);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    .button--outlined-ai::before {
+        content: '';
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        right: -1px;
+        bottom: -1px;
+        z-index: -1;
+        background: linear-gradient(to right, #573493, #e78047);
+        border-radius: inherit;
+        padding: 1px;
+        -webkit-mask:
+            linear-gradient(#fff 0 0) content-box,
+            linear-gradient(#fff 0 0);
+        mask-composite: exclude;
+    }
+    .button--outlined-ai .button-inner {
+        background: linear-gradient(to right, #573493, #e78047);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .button--outlined-ai:not(:disabled) .out-ai {
+        color: #573493;
+    }
+
+    .button--outlined-ai:not(:disabled) .start-icon {
+        color: #573493;
+    }
+
+    .button--outlined-ai:not(:disabled):hover {
+        opacity: 80%;
+    }
+
+    .button--text {
+        border: none;
+        color: var(--text-primary, #111827);
+        background-color: var(--background-paper, #fff);
+    }
+
+    .button--text:not(:disabled):hover {
+        background-color: var(--color-primary-light, #f0fadf);
+    }
+
+    .button--dashed {
+        position: relative;
+        border: none;
+        color: var(--text-primary, #111827);
+        background-color: var(--background-paper, #fff);
+        display: flex !important;
+    }
+
+    .button--dashed::before {
+        content: '';
+        top: 1px;
+        left: 1px;
+        right: 1px;
+        bottom: 1px;
+        position: absolute;
+        border: 1px dashed var(--color-divider, #d0d3db);
+        border-radius: 6px; /* 2px less than main radius */
+        box-sizing: border-box;
+        z-index: 1;
+    }
+
+    .button--dashed:not(:disabled):hover {
+        background-color: var(--color-primary-light, #f0fadf);
+    }
+
+    .button--text.active {
+        background-color: var(--color-primary-light, #f0fadf);
+    }
+    .button--dashed.active {
+        background-color: var(--color-primary-light, #f0fadf);
+    }
+    .button--inherit {
+        background-color: inherit;
+        color: var(--text-primary, #111827);
+        border: none;
+    }
 `;
 export default buttonStyles;
 //# sourceMappingURL=button-shared-styles.js.map

package/dist/shared/styles/button-shared-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-shared-styles.js","sourceRoot":"","sources":["../../../src/shared/styles/button-shared-styles.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEvB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"button-shared-styles.js","sourceRoot":"","sources":["../../../src/shared/styles/button-shared-styles.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqMvB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/style.css

@@ -0,0 +1 @@
+.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:#fff0}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:#0000}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:#0000}.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, .1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, .2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px #00000026;border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translate(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translate(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

package/dist/styles.js

@@ -1,169 +1,169 @@
 import { css } from 'lit-element';
-export default css `
-    :host {
-        --breakpoint-sm: 600px;
-        --breakpoint-md: 960px;
-        --breakpoint-lg: 1280px;
-        --breakpoint-xl: 1536px;
-
-        --color-primary-main: #76b703;
-        --color-primary-light: #f0fadf;
-        --color-primary-dark: #5f9402;
-        --color-primary-disabled: #d0d3db;
-
-        --color-secondary-main: #111827;
-        --color-secondary-light: #d0d3db;
-        --color-secondary-dark: #010204;
-
-        --color-info-main: #00687e;
-        --color-info-light: #cbf6ff;
-        --color-info-dark: #004452;
-
-        --color-warning-main: #875900;
-        --color-warning-light: #ffe1a8;
-        --color-warning-dark: #684500;
-
-        --color-error-main: #ca2d0a;
-        --color-error-light: #ffd6cd;
-        --color-error-dark: #a52103;
-
-        --color-success-main: #76b703;
-        --color-success-light: #f0fadf;
-        --color-success-dark: #5f9402;
-
-        --color-divider: #d0d3db;
-
-        --text-primary: #111827;
-        --text-secondary: #5d6371;
-        --text-disabled: #d0d3db;
-
-        --background-paper: #ffffff;
-        --background-default: #eff3f4;
-
-        --border-radius-small: 0.5rem;
-        --border-radius-medium: 0.75rem;
-
-        --box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-
-        --section-padding: 0.75rem 1rem;
-
-        font-family: Inter, sans-serif;
-        box-sizing: border-box;
-
-        *,
-        *::before,
-        *::after {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        * {
-            box-sizing: border-box;
-        }
-
-        article,
-        aside,
-        details,
-        figcaption,
-        figure,
-        footer,
-        header,
-        hgroup,
-        main,
-        menu,
-        nav,
-        section {
-            display: block;
-        }
-
-        ol,
-        ul {
-            list-style: none;
-        }
-        a {
-            text-decoration: none;
-            color: inherit;
-        }
-
-        img,
-        video {
-            max-width: 100%;
-            height: auto;
-        }
-
-        button,
-        input,
-        optgroup,
-        select,
-        textarea {
-            font: inherit;
-            color: inherit;
-            margin: 0;
-            border: none;
-            background: none;
-            padding: 0;
-            appearance: none;
-            -webkit-appearance: none;
-            -moz-appearance: none;
-        }
-
-        table {
-            border-collapse: collapse;
-            border-spacing: 0;
-            width: 100%;
-        }
-
-        html {
-            font-size: 100%; /* 16px base */
-            line-height: 1.5;
-            scroll-behavior: smooth;
-            -webkit-text-size-adjust: 100%; /* Prevent font scaling in Safari */
-        }
-
-        body {
-            font-family:
-                system-ui,
-                -apple-system,
-                BlinkMacSystemFont,
-                'Segoe UI',
-                Roboto,
-                Oxygen,
-                Ubuntu,
-                Cantarell,
-                'Open Sans',
-                'Helvetica Neue',
-                sans-serif;
-            line-height: 1.6;
-            color: #333;
-            background-color: #fff;
-        }
-
-        strong {
-            font-weight: bold;
-        }
-
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            font-size: inherit;
-            font-weight: inherit;
-        }
-
-        blockquote,
-        q {
-            quotes: none;
-        }
-
-        blockquote::before,
-        blockquote::after,
-        q::before,
-        q::after {
-            content: '';
-        }
-    }
+export default css `
+    :host {
+        --breakpoint-sm: 600px;
+        --breakpoint-md: 960px;
+        --breakpoint-lg: 1280px;
+        --breakpoint-xl: 1536px;
+
+        --color-primary-main: #76b703;
+        --color-primary-light: #f0fadf;
+        --color-primary-dark: #5f9402;
+        --color-primary-disabled: #d0d3db;
+
+        --color-secondary-main: #111827;
+        --color-secondary-light: #d0d3db;
+        --color-secondary-dark: #010204;
+
+        --color-info-main: #00687e;
+        --color-info-light: #cbf6ff;
+        --color-info-dark: #004452;
+
+        --color-warning-main: #875900;
+        --color-warning-light: #ffe1a8;
+        --color-warning-dark: #684500;
+
+        --color-error-main: #ca2d0a;
+        --color-error-light: #ffd6cd;
+        --color-error-dark: #a52103;
+
+        --color-success-main: #76b703;
+        --color-success-light: #f0fadf;
+        --color-success-dark: #5f9402;
+
+        --color-divider: #d0d3db;
+
+        --text-primary: #111827;
+        --text-secondary: #5d6371;
+        --text-disabled: #d0d3db;
+
+        --background-paper: #ffffff;
+        --background-default: #eff3f4;
+
+        --border-radius-small: 0.5rem;
+        --border-radius-medium: 0.75rem;
+
+        --box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+
+        --section-padding: 0.75rem 1rem;
+
+        font-family: Inter, sans-serif;
+        box-sizing: border-box;
+
+        *,
+        *::before,
+        *::after {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        * {
+            box-sizing: border-box;
+        }
+
+        article,
+        aside,
+        details,
+        figcaption,
+        figure,
+        footer,
+        header,
+        hgroup,
+        main,
+        menu,
+        nav,
+        section {
+            display: block;
+        }
+
+        ol,
+        ul {
+            list-style: none;
+        }
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+
+        img,
+        video {
+            max-width: 100%;
+            height: auto;
+        }
+
+        button,
+        input,
+        optgroup,
+        select,
+        textarea {
+            font: inherit;
+            color: inherit;
+            margin: 0;
+            border: none;
+            background: none;
+            padding: 0;
+            appearance: none;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+        }
+
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+            width: 100%;
+        }
+
+        html {
+            font-size: 100%; /* 16px base */
+            line-height: 1.5;
+            scroll-behavior: smooth;
+            -webkit-text-size-adjust: 100%; /* Prevent font scaling in Safari */
+        }
+
+        body {
+            font-family:
+                system-ui,
+                -apple-system,
+                BlinkMacSystemFont,
+                'Segoe UI',
+                Roboto,
+                Oxygen,
+                Ubuntu,
+                Cantarell,
+                'Open Sans',
+                'Helvetica Neue',
+                sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background-color: #fff;
+        }
+
+        strong {
+            font-weight: bold;
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            font-size: inherit;
+            font-weight: inherit;
+        }
+
+        blockquote,
+        q {
+            quotes: none;
+        }
+
+        blockquote::before,
+        blockquote::after,
+        q::before,
+        q::after {
+            content: '';
+        }
+    }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/utils/currency.d.ts

@@ -0,0 +1,2 @@
+export declare const formatCurrency: (value: any, locale: string) => string | null;
+//# sourceMappingURL=currency.d.ts.map

package/dist/utils/currency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency.d.ts","sourceRoot":"","sources":["../../src/utils/currency.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,OAAO,GAAG,EAAE,QAAQ,MAAM,kBAkBxD,CAAC"}

package/dist/utils/currency.js

@@ -0,0 +1,16 @@
+export const formatCurrency = (value, locale) => {
+    if (value === null) {
+        return null;
+    }
+    if (value === '') {
+        return '';
+    }
+    const number = typeof value === 'string' ? parseFloat(value) : value;
+    if (isNaN(number)) {
+        return 'Invalid number';
+    }
+    return new Intl.NumberFormat(locale, {
+        style: 'decimal',
+    }).format(number);
+};
+//# sourceMappingURL=currency.js.map