@intercartx/booster-core 0.0.1-beta.3 → 0.0.1-beta.31

package/dist/styles/order-summary.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-order-summary{--order-summary-width:100%;--saving-text-color:#198754;--quantity-badge-color:#6c757d;--subscription-text-color:#a3aeb8;--old-price-text-color:#6c757d;--text-size:var(--itx-font-size-sm);font-size:var(--text-size)}.itx-order-summary .order-summary-wrapper{padding-left:1rem;padding-right:1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height:0;overflow:hidden;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;font-weight:500;color:var(--saving-text-color)}.itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height:55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.itx-order-summary .order-summary-wrapper .drawer-opener{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display:flex;align-items:center;justify-content:center}.itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align:right;font-weight:700}.itx-order-summary .order-summary-wrapper .drawer-content{display:flex;max-height:0;flex-direction:column;gap:.25rem;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height:57rem}.itx-order-summary .order-summary-wrapper .drawer-content .product-list{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position:relative}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height:4rem;width:4rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position:absolute;top:0;left:100%;display:inline-block;--tw-translate-x:-50%;--tw-translate-y:-50%;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));border-radius:50rem;padding:.2em .6em;vertical-align:baseline;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--quantity-badge-color)}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex:1 1 0%}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight:500}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size:.75rem;line-height:1rem;font-weight:300;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display:flex;flex-direction:column;justify-content:center;text-align:right}.itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align:end;font-size:.75rem;line-height:1rem;text-decoration-line:line-through;color:var(--old-price-text-color)}.itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{padding-top:.75rem;padding-bottom:.75rem}.itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom:.75rem;font-weight:500}.itx-order-summary .order-summary-wrapper .drawer-content .order-item{display:flex;align-items:center;justify-content:space-between}.itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display:flex;flex-direction:column;gap:.25rem}.itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom:.75rem;color:var(--saving-text-color)}.itx-order-summary .subscription-subtotal{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--subscription-text-color)}.itx-order-summary .subscription-subtotal .subtotal{padding-left:1rem}.itx-order-summary .subscription-subtotal .text{display:flex;flex-direction:column;justify-content:flex-end;padding-right:1rem;text-align:right}.itx-order-summary .hidden{display:none}.itx-order-summary .mask{height:1rem;width:3rem}@keyframes pulse{50%{opacity:.5}}.itx-order-summary .mask{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-order-summary{--order-summary-width: 100%;--saving-text-color: rgb(25, 135, 84);--quantity-badge-color: rgb(108,117,125);--subscription-text-color: rgb(163,174,184);--old-price-text-color: rgb(108,117,125);--text-size: var(--itx-font-size-sm);font-size:var(--text-size)}.booster-scope .itx-order-summary .order-summary-wrapper{padding-left: 1rem;padding-right: 1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height: 0px;overflow: hidden;transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;font-weight: 500;color:var(--saving-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height: 55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener{display: flex;cursor: pointer;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display: flex;align-items: center;justify-content: center}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align: right;font-weight: 700}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content{display: flex;max-height: 0px;flex-direction: column;gap: 0.25rem;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height: 57rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list{display: flex;width: 100%;flex-direction: column;align-items: center;gap: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position: relative}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height: 4rem;width: 4rem;-o-object-fit: cover;object-fit: cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position: absolute;top: -6px;right: -6px;height: 1rem;width: 1rem;border-radius: 50%;text-align: center;vertical-align: baseline;font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:var(--quantity-badge-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex: 1 1 0%}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size: 0.75rem;line-height: 1rem;font-weight: 300;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display: flex;flex-direction: column;justify-content: center;text-align: right}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align: end;font-size: 0.75rem;line-height: 1rem;text-decoration-line: line-through;color:var(--old-price-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;padding-top: 0.75rem;padding-bottom: 0.75rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom: 0.75rem;font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-item{display: flex;align-items: center;justify-content: space-between}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;gap: 0.25rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom: 0.75rem;color:var(--saving-text-color)}.booster-scope .itx-order-summary .subscription-subtotal{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;color:var(--subscription-text-color)}.booster-scope .itx-order-summary .subscription-subtotal .subtotal{padding-left: 1rem}.booster-scope .itx-order-summary .subscription-subtotal .text{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}.booster-scope .itx-order-summary .hidden{display:none}.booster-scope .itx-order-summary .mask{height: 1rem;width: 3rem}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-order-summary .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .subscription-plan{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;--tw-text-opacity: 1;color: rgb(163 174 184 / var(--tw-text-opacity, 1))}.booster-scope .subscription-plan .subscription-plan-title{padding-left: 1rem}.booster-scope .subscription-plan .subscription-plan-list{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}

package/dist/styles/payment.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-cc-payment{margin-bottom:1rem;width:100%;gap:var(--itx-form-item-gap)}.itx-cc-payment,.itx-cc-payment .wrapper{display:flex;flex-direction:column}@media (min-width:768px){.itx-cc-payment .wrapper{flex-direction:row}}.itx-cc-payment .wrapper{gap:var(--itx-form-item-gap)}.itx-accordion{width:100%}.itx-accordion .accordion-panel{position:relative;width:100%;border:var(--itx-border-width) solid var(--itx-border-color)}.itx-accordion .accordion-panel:first-child{border-top-left-radius:var(--itx-border-radius);border-top-right-radius:var(--itx-border-radius)}.itx-accordion .accordion-panel:last-child{border-bottom-left-radius:var(--itx-border-radius);border-bottom-right-radius:var(--itx-border-radius)}.itx-accordion .accordion-panel:not(:last-child){border-bottom:none}.itx-accordion .accordion-panel .accordion-checkbox{position:absolute;top:1.25rem;left:1.25rem;margin-right:1.25rem;height:1rem;width:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border:var(--itx-border-width) solid var(--itx-border-color)}.itx-accordion .accordion-panel .accordion-checkbox:checked{border-width:calc(var(--itx-border-width)*4);border-color:var(--itx-border-active-color)}.itx-accordion .accordion-panel .accordion-checkbox:checked~.accordion-content{grid-template-rows:1fr;overflow:hidden}.itx-accordion .accordion-panel .accordion-item{display:flex;width:100%;align-items:center;padding:1rem 1.25rem}.itx-accordion .accordion-panel .accordion-item label{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between}.itx-accordion .accordion-panel .accordion-item .accordion-item-title{position:relative;left:2rem}.itx-accordion .accordion-panel .accordion-item .accordion-item-icons{display:flex;align-items:center;gap:.5rem}.itx-accordion .accordion-panel .accordion-item .accordion-item-icons .accordion-item-icon{height:1.6rem}.itx-accordion .accordion-panel .accordion-content{display:grid;grid-template-rows:0fr;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.itx-accordion .accordion-panel .accordion-content .accordion-content-inner{display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding-left:1.25rem;padding-right:1.25rem}.itx-payment-head{display:flex;width:100%;align-items:center;justify-content:space-between}.itx-payment-head .itx-payment-head-title{position:relative;left:2rem}.itx-payment-head .itx-payment-head-icons{display:flex;align-items:center;gap:.5rem}.itx-payment-head .itx-payment-head-icons .accordion-item-icon{height:1.6rem}.itx-ach-payment{margin-bottom:1rem}.itx-ach-payment .itx-ach-payment-wrapper{margin-top:1rem}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper{display:flex}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item{position:relative;flex:1 1 0%}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-input{position:absolute;z-index:-10}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem .75rem;vertical-align:2px;font-weight:500;--tw-text-opacity:1;color:rgb(222 226 230/var(--tw-text-opacity,1))}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l.active{border-right-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r.active{border-left-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.itx-ach-payment .itx-ach-payment-input-wrapper{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.itx-ach-payment .itx-ach-payment-input-wrapper{flex-direction:row}}.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width:100%}@media (min-width:1024px){.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width:50%}}.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width:100%}@media (min-width:1024px){.itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width:50%}}.itx-paypal-payment{margin-top:1rem;margin-bottom:1rem;text-align:center}.itx-paypal-payment .itx-paypal-payment-bg{margin-bottom:1rem;display:flex;justify-content:center}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-cc-payment{margin-bottom: 1rem;display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-cc-payment .wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-cc-payment .wrapper{flex-direction: row}}.booster-scope .itx-cc-payment .wrapper{gap:var(--itx-form-item-gap)}.booster-scope .itx-accordion{width: 100%}.booster-scope .itx-accordion .accordion-panel{position: relative;width: 100%;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel:first-child{border-top-left-radius:var(--itx-border-radius);border-top-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:last-child{border-bottom-left-radius:var(--itx-border-radius);border-bottom-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:not(:last-child){border-bottom:none}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked{border-width:calc(var(--itx-border-width)*4);border-color:var(--itx-border-active-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked~.accordion-content{grid-template-rows: 1fr;overflow: hidden}.booster-scope .itx-accordion .accordion-panel .accordion-item{display: flex;width: 100%;align-items: center;padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;background-color:rgba(0,0,0,0);background-image:none;border:none}.booster-scope .itx-accordion .accordion-panel .accordion-item label{display: flex;width: 100%;cursor: pointer;align-items: center;justify-content: space-between}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-title{position: relative;left: 2rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-accordion .accordion-panel .accordion-content{display: grid;grid-template-rows: 0fr;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}.booster-scope .itx-accordion .accordion-panel .accordion-content .accordion-content-inner{display: flex;flex-direction: column;gap: 1rem;overflow: hidden;padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-payment-head{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-payment-head .itx-payment-head-title{position: relative;left: 2rem}.booster-scope .itx-payment-head .itx-payment-head-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-payment-head .itx-payment-head-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-ach-payment{margin-bottom: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper{margin-top: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper{display: flex}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item{position: relative;flex: 1 1 0%}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-input{position: absolute;z-index: -10}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label{position: relative;display: flex;align-items: center;justify-content: center;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;vertical-align: 2px;font-weight: 500;--tw-text-opacity: 1;color: rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l.active{border-right-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r{border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r.active{border-left-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{margin-top: 1rem;margin-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{flex-direction: row}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 50%}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 50%}}.booster-scope .itx-paypal-payment{margin-top: 1rem;margin-bottom: 1rem;text-align: center}.booster-scope .itx-paypal-payment .itx-paypal-payment-bg{margin-bottom: 1rem;display: flex;justify-content: center}

package/dist/styles/paypal-modal.css

@@ -1 +1 @@
-.itx-paypal-modal{position:fixed;top:0;left:0;z-index:1055;display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden}.itx-paypal-modal .itx-paypal-modal-wrapper{margin:1.75rem;display:flex;align-items:center}@media (min-width:640px){.itx-paypal-modal .itx-paypal-modal-wrapper{max-width:500px}}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content{display:flex;width:100%;flex-direction:column;gap:2rem;border-radius:.5rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons{display:flex;flex-direction:column;gap:.75rem}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 193 7/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 193 7/var(--tw-bg-opacity,1));padding:.375rem .75rem}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:active,.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:hover{--tw-border-opacity:1;border-color:rgb(236 178 19/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 178 19/var(--tw-bg-opacity,1))}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button{cursor:pointer;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(108 117 125/var(--tw-bg-opacity,1));padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button:hover{--tw-bg-opacity:1;background-color:rgb(92 99 106/var(--tw-bg-opacity,1))}
+.booster-scope .itx-paypal-modal{position:fixed;top:0px;left:0px;z-index:1055;display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn .3s ease-out}.booster-scope .itx-paypal-modal::before{content:"";position:absolute;inset:0px;background-color:rgb(0 0 0 / 0.5);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:fadeIn .3s ease-out}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper{position:relative;z-index:10;margin:1rem;display:flex;width:100%;align-items:center}@media (min-width: 640px){.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper{margin:1.75rem;max-width:520px}}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper{animation:slideUp .3s ease-out}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content{display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1rem}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-header h4{margin:0px;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container{display:flex;width:100%;flex-direction:column;align-items:center;gap:0.75rem}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-label{font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-display{display:flex;align-items:center;justify-content:center;gap:0.5rem}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-display .countdown-number{min-width:60px;text-align:center;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 112 186 / var(--tw-text-opacity, 1));font-variant-numeric:tabular-nums;animation:pulse 1s ease-in-out infinite}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-display .countdown-unit{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-progress{margin-top:0.5rem;height:0.25rem;width:100%;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .countdown-container .countdown-progress .countdown-bar{height:100%;background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#0070ba var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 112 186 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#009cde var(--tw-gradient-to-position);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:1000ms;transition-timing-function:linear}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-body .modal-message{text-align:center;line-height:1.625;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons{display:flex;flex-direction:column;gap:0.75rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-top:0.5rem}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:0.5rem;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(0 112 186 / var(--tw-bg-opacity, 1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:hover{--tw-bg-opacity:1;background-color:rgb(0 94 166 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button{box-shadow:0 4px 6px -1px rgba(0,112,186,.3)}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:hover{box-shadow:0 6px 12px -2px rgba(0,112,186,.4)}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button{cursor:pointer;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));background-color:transparent;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1.5rem;padding-right:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.05)}}

package/dist/styles/phone-input.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-phone-input-wrapper{--itx-phone-input-height:var(--itx-form-item-height);--itx-phone-input-width:var(--itx-form-item-width);display:flex;align-items:stretch;font-size:var(--itx-font-size-base)}.itx-phone-input-wrapper .itx-phone-input-region{position:relative;height:var(--itx-phone-input-height)}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger{display:flex;height:100%;cursor:pointer;align-items:center;--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1));padding:1rem 1.5rem;text-align:center;border-top-left-radius:var(--itx-border-radius);border-bottom-left-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);border-right:none}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger img{margin-right:.5rem;aspect-ratio:50/29;width:1.25rem}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);max-height:200px;overflow-y:auto;border:var(--itx-border-width) solid var(--itx-border-color);border-top:none}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option{display:flex;cursor:pointer;align-items:center;padding:.5rem .75rem}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option.selected{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option img{margin-right:.5rem;aspect-ratio:50/29;width:1.25rem}.itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option span{font-size:.875rem;line-height:1.25rem;color:var(--itx-primary-color)}.itx-phone-input-wrapper.has-prefix .itx-phone-input-prefix{display:block}.itx-phone-input-wrapper.has-prefix .itx-phone-input{padding-left:2.75rem}.itx-phone-input-wrapper .itx-phone-input-prefix{position:absolute;bottom:0;left:calc(.75rem - 2px);display:none;width:2.5rem;height:var(--itx-phone-input-height)}.itx-phone-input-wrapper .itx-phone-input-prefix input{height:100%;width:100%;border-style:none;background-color:transparent;padding-top:1.625rem;padding-bottom:.375rem}.itx-phone-input-wrapper .itx-phone-input{border-top-left-radius:0;border-bottom-left-radius:0}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-phone-input-wrapper{--itx-phone-input-height: var(--itx-form-item-height);--itx-phone-input-width: var(--itx-form-item-width);display: flex;align-items: stretch;font-size:var(--itx-font-size-base)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region{position: relative;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger{display: flex;height: 100%;cursor: pointer;align-items: center;--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;text-align: center;border-top-left-radius:var(--itx-border-radius);border-bottom-left-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);border-right:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown{position: absolute;top: 100%;left: 0px;right: 0px;z-index: 10;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-height:200px;overflow-y:auto;border:var(--itx-border-width) solid var(--itx-border-color);border-top:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option{display: flex;cursor: pointer;align-items: center;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option:hover{--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option.selected{--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option span{font-size: 0.875rem;line-height: 1.25rem;color:var(--itx-primary-color)}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input-prefix{display: block}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input{padding-left: 2.75rem;border-left-top-radius:0;border-left-bottom-radius:0}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix{position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: none;width: 2.5rem;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix input{height: 100%;width: 100%;border-style: none;background-color: transparent;padding-top: 1.625rem;padding-bottom: .375rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input{border-top-left-radius:0;border-bottom-left-radius:0}

package/dist/styles/select-list.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-radio-list{--itx-radio-list-border-width:var(--itx-border-width);--itx-radio-list-border-color:var(--itx-border-color);--itx-radio-list-color:var(--itx-primary-color);--itx-radio-list-border-radius:var(--itx-border-radius);--itx-radio-list-active-color:var(--itx-border-active-color);display:flex;flex-direction:column}.itx-radio-list .itx-radio-list-item{font-size:var(--itx-font-size-base);color:var(--itx-radio-list-color);border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color);display:inline-flex;cursor:pointer;align-items:center;gap:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem .75rem}.itx-radio-list .itx-radio-list-item:first-child{border-bottom:none;border-top-left-radius:var(--itx-radio-list-border-radius);border-top-right-radius:var(--itx-radio-list-border-radius)}.itx-radio-list .itx-radio-list-item:last-child{border-bottom-left-radius:var(--itx-radio-list-border-radius);border-bottom-right-radius:var(--itx-radio-list-border-radius)}.itx-radio-list .itx-radio-list-item>input{height:1rem;width:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color)}.itx-radio-list .itx-radio-list-item.itx-radio-list-item--active>input{border-color:var(--itx-radio-list-active-color);border-width:calc(var(--itx-radio-list-border-width)*4)}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-radio-list{--itx-radio-list-border-width: var(--itx-border-width);--itx-radio-list-border-color: var(--itx-border-color);--itx-radio-list-color: var(--itx-primary-color);--itx-radio-list-border-radius: var(--itx-border-radius);--itx-radio-list-active-color: var(--itx-border-active-color);display: flex;flex-direction: column}.booster-scope .itx-radio-list .itx-radio-list-item{font-size:var(--itx-font-size-base);color:var(--itx-radio-list-color);border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color);display: inline-flex;cursor: pointer;align-items: center;gap: 0.5rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem}.booster-scope .itx-radio-list .itx-radio-list-item:not(:first-child){border-top:none}.booster-scope .itx-radio-list .itx-radio-list-item:first-child{border-top-left-radius:var(--itx-radio-list-border-radius);border-top-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item:last-child{border-bottom-left-radius:var(--itx-radio-list-border-radius);border-bottom-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item>input{height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color)}.booster-scope .itx-radio-list .itx-radio-list-item.itx-radio-list-item--active>input{border-color:var(--itx-radio-list-active-color);border-width:calc(var(--itx-radio-list-border-width)*4)}

package/dist/styles/select.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-select-wrapper{--itx-select-border-width:var(--itx-border-width);--itx-select-border-color:var(--itx-border-color);--itx-select-color:var(--itx-primary-color);--itx-select-border-radius:var(--itx-border-radius);--itx-select-label-color:var(--itx-label-color);--itx-select-invalid-color:var(--itx-invalid-color);--itx-select-invalid-border-color:var(--itx-invalid-border-color);--itx-select-focus-border-color:var(--itx-border-active-color);--itx-select-height:var(--itx-form-item-height);--itx-select-width:var(--itx-form-item-width);position:relative;width:100%}.itx-select-wrapper .itx-select-inner{position:relative;display:flex;align-items:center;width:var(--itx-select-width);height:var(--itx-select-height)}.itx-select-wrapper .itx-select-inner .itx-select{display:block;width:100%;padding:1.4rem .75rem .625rem;outline:2px solid transparent;outline-offset:2px;border:var(--itx-select-border-width) solid var(--itx-select-border-color);border-radius:var(--itx-select-border-radius);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-select-color);appearance:none;-webkit-appearance:none;-moz-appearance:none}.itx-select-wrapper .itx-select-inner .itx-select:focus{border-color:var(--itx-select-focus-border-color)}.itx-select-wrapper .itx-select-suffix{right:1em;top:50%;display:flex;--tw-translate-y:-50%;align-items:center;font-size:1em}.itx-select-wrapper .itx-select-label,.itx-select-wrapper .itx-select-suffix{pointer-events:none;position:absolute;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))}.itx-select-wrapper .itx-select-label{top:0;left:0;z-index:2;--tw-translate-y:-0.7rem;--tw-translate-x:-0.15rem;--tw-scale-x:0.85;--tw-scale-y:0.85;padding:1rem .75rem;color:var(--itx-select-label-color)}.itx-select-invalid,.itx-select.invalid{color:var(--itx-select-invalid-color);border-color:var(--itx-select-invalid-border-color)}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-select-wrapper{--itx-select-border-width: var(--itx-border-width);--itx-select-border-color: var(--itx-border-color);--itx-select-color: var(--itx-primary-color);--itx-select-border-radius: var(--itx-border-radius);--itx-select-label-color: var(--itx-label-color);--itx-select-invalid-color: var(--itx-invalid-color);--itx-select-invalid-border-color: var(--itx-invalid-border-color);--itx-select-focus-border-color: var(--itx-border-active-color);--itx-select-height: var(--itx-form-item-height);--itx-select-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-select-wrapper .itx-select-inner{position: relative;display: flex;align-items: center;width:var(--itx-select-width);height:var(--itx-select-height)}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1.4rem;padding-bottom: 0.625rem;outline: 2px solid transparent;outline-offset: 2px;border:var(--itx-select-border-width) solid var(--itx-select-border-color);border-radius:var(--itx-select-border-radius);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-select-color);appearance:none;-webkit-appearance:none;-moz-appearance:none}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select:focus{border-color:var(--itx-select-focus-border-color)}.booster-scope .itx-select-wrapper .itx-select-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;align-items: center;font-size: 1em;transform:translateY(-50%)}.booster-scope .itx-select-wrapper .itx-select-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transform:translateX(-0.15rem) translateY(-0.7rem) scale(0.85);color:var(--itx-select-label-color)}.booster-scope .itx-select-invalid{color:var(--itx-select-invalid-color);border-color:var(--itx-select-invalid-border-color)}.booster-scope .itx-select.invalid{border-color:var(--itx-select-invalid-border-color);color:var(--itx-select-invalid-color)}

package/dist/styles/stripe-payment.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-stripe-element-cc{margin-bottom:1rem}.itx-stripe-payment-loading{height:1rem;width:100%}@keyframes pulse{50%{opacity:.5}}.itx-stripe-payment-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-stripe-element-cc{margin-bottom: 1rem}.booster-scope .itx-stripe-payment-loading{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-stripe-payment-loading{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}

package/dist/styles/theme.css

@@ -1 +1 @@
-:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}
+.booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}

package/dist/types.d.ts

@@ -4,8 +4,10 @@ export declare enum CheckoutEvents {
     SUBTOTAL_CHANGE = "subtotalChange",// 更新商品小计
     PAYMENT_METHOD_CHANGE = "paymentMethodChange",// 切换支付方式
     TIP_CHANGE = "tipChange",// 小费变化
+    CREDIT_CARD_FAILED = "creditCardFailed",// 卡号支付失败
     FEE_UPDATE = "feeUpdate",// 更新附加费费用
-    ORDER_COMPLETED = "orderCompleted"
+    ORDER_COMPLETED = "orderCompleted",// 订单支付完成
+    ERROR_TIP_SHOW = "errorTipShow"
 }
 export interface CheckoutConfig {
     token: string;
@@ -19,7 +21,7 @@ export interface CheckoutConfig {
     currency: string;
     language: string;
     region: string;
-    feeSetting: {
+    feeSettings: {
         tip: boolean;
         coupon: boolean;
         shipping: boolean;

package/dist/types.js

@@ -4,6 +4,8 @@ export var CheckoutEvents;
     CheckoutEvents["SUBTOTAL_CHANGE"] = "subtotalChange";
     CheckoutEvents["PAYMENT_METHOD_CHANGE"] = "paymentMethodChange";
     CheckoutEvents["TIP_CHANGE"] = "tipChange";
+    CheckoutEvents["CREDIT_CARD_FAILED"] = "creditCardFailed";
     CheckoutEvents["FEE_UPDATE"] = "feeUpdate";
     CheckoutEvents["ORDER_COMPLETED"] = "orderCompleted";
+    CheckoutEvents["ERROR_TIP_SHOW"] = "errorTipShow";
 })(CheckoutEvents || (CheckoutEvents = {}));

package/dist/validate/phone.js

@@ -1,12 +1,21 @@
-import { z } from 'zod';
+import { parsePhoneNumber } from 'libphonenumber-js';
 export function validatePhone(phone, validateMessages) {
     var _a, _b;
+    console.log('phone', phone);
     if (!phone) {
         return (_a = validateMessages === null || validateMessages === void 0 ? void 0 : validateMessages.required) !== null && _a !== void 0 ? _a : 'Required!';
     }
-    const result = z.string().regex(/^1[3-9]\d{9}$/, { message: 'Invalid phone number' }).safeParse(phone);
-    if (!result.success) {
-        return (_b = validateMessages === null || validateMessages === void 0 ? void 0 : validateMessages.invalid) !== null && _b !== void 0 ? _b : result.error.issues[0].message;
+    try {
+        // parsePhoneNumber 可以解析 E.164 格式（以 + 开头）的号码
+        // PhoneModel 会将号码格式化为 E.164 格式，所以这里可以直接验证
+        const phoneNumber = parsePhoneNumber(phone);
+        console.log('phoneNumber', phoneNumber);
+        if (phoneNumber && phoneNumber.isValid()) {
+            return '';
+        }
     }
-    return '';
+    catch (error) {
+        // parsePhoneNumber 会抛出错误如果号码无效或格式不正确
+    }
+    return (_b = validateMessages === null || validateMessages === void 0 ? void 0 : validateMessages.invalid) !== null && _b !== void 0 ? _b : 'Invalid phone number';
 }

package/package.json

@@ -1,10 +1,38 @@
 {
   "name": "@intercartx/booster-core",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.31",
+  "description": "核心功能库，提供结账系统的业务逻辑、数据模型、验证工具、API 接口和样式文件",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/global.css",
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "checkout",
+    "payment",
+    "ecommerce",
+    "form-validation",
+    "address",
+    "shipping",
+    "typescript"
+  ],
+  "author": "Intercartx",
   "license": "GPL-3.0-only",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.influx.io/intercartx/booster.git",
+    "directory": "packages/booster-core"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -16,14 +44,6 @@
     },
     "./styles/*": "./dist/styles/*"
   },
-  "files": [
-    "dist",
-    "package.json",
-    "README.md",
-    "LICENSE"
-  ],
-  "style": "dist/global.css",
-  "types": "dist/index.d.ts",
   "devDependencies": {
     "@types/google.maps": "^3.58.1",
     "@types/node": "^24.0.15",
@@ -32,6 +52,8 @@
     "autoprefixer": "^10.4.17",
     "chokidar-cli": "^3.0.0",
     "postcss": "^8.4.38",
+    "postcss-cli": "^11.0.1",
+    "postcss-prefixwrap": "^1.57.0",
     "sass": "^1.89.2",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.0.0"
@@ -48,9 +70,10 @@
   },
   "scripts": {
     "build:scss": "sh build-css.sh",
-    "build:styles": "rm -rf ./dist/styles && mkdir -p ./dist && cp -r ./styles ./dist/styles",
+    "build:styles": "cp -r ./styles ./dist/styles",
     "build:ts": "tsc",
-    "build": "pnpm run build:scss && pnpm run build:styles && pnpm run build:ts",
+    "build:clear": "rm -rf ./dist && rm -rf ./styles",
+    "build": "pnpm build:clear && pnpm build:scss && pnpm build:ts && pnpm build:styles",
     "dev": "chokidar 'src/**/*.scss' -c 'pnpm run build:scss'",
     "typecheck": "tsc --noEmit"
   }