rebill-web-components-sdk 1.8.3-beta.4 → 1.8.3-beta.5

package/dist/cjs/card-skeleton.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-g8zyeQAq.js');
 
-const cardSkeletonCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.iframe-skeleton{display:flex;flex-direction:column;gap:16px}.input-skeleton{width:100%;height:40px;background:var(--rebill-color-border-primary);border-radius:8px;border:1px solid var(--rebill-color-border-primary)}";
+const cardSkeletonCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.iframe-skeleton{display:flex;flex-direction:column;gap:16px}.input-skeleton{width:100%;height:40px;background:var(--rebill-color-border-primary);border-radius:8px;border:1px solid var(--rebill-color-border-primary)}";
 
 const CardSkeleton = class {
     constructor(hostRef) {

package/dist/cjs/card-skeleton.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"card-skeleton.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,gjEAAgjE;;MCO3jE,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;","names":["h"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"card-skeleton.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,mhEAAmhE;;MCO9hE,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;","names":["h"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/card-skeleton.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-skeleton.entry.cjs.js","sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,gjEAAgjE;;MCO3jE,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;"}
+{"version":3,"file":"card-skeleton.entry.cjs.js","sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,mhEAAmhE;;MCO9hE,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;"}

package/dist/cjs/collapsible-card.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-g8zyeQAq.js');
 var colorClassMapper = require('./color-class-mapper-CtKnrxwI.js');
 
-const collapsibleCardCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.collapsible-card{border-radius:8px;border:1px solid var(--rebill-color-border);overflow:hidden}.collapsible-card.flat{border-radius:0 0 8px 8px;border:none;background:var(--rebill-color-grey-100)}.collapsible-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;padding:8px 16px;color:var(--rebill-color-text-primary);background:var(--rebill-color-background-secondary);cursor:pointer;outline:none;transition:background 0.2s}.chevron{display:flex;align-items:center;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.open{transform:rotate(-180deg)}.chevron svg path{stroke:var(--rebill-color-text-secondary-light)}.content{max-height:0;overflow:hidden;background:var(--rebill-color-background);transition:max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px}.content.open{max-height:500px;padding:16px}";
+const collapsibleCardCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.collapsible-card{border-radius:8px;border:1px solid var(--rebill-color-border);overflow:hidden}.collapsible-card.flat{border-radius:0 0 8px 8px;border:none;background:var(--rebill-color-grey-100)}.collapsible-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;padding:8px 16px;color:var(--rebill-color-text-primary);background:var(--rebill-color-background-secondary);cursor:pointer;outline:none;transition:background 0.2s}.chevron{display:flex;align-items:center;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.open{transform:rotate(-180deg)}.chevron svg path{stroke:var(--rebill-color-text-secondary-light)}.content{max-height:0;overflow:hidden;background:var(--rebill-color-background);transition:max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px}.content.open{max-height:500px;padding:16px}";
 
 const CollapsibleCard = class {
     constructor(hostRef) {

package/dist/cjs/collapsible-card.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"collapsible-card.entry.cjs.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,6uFAA6uF;;MCQ3vF,eAAe,GAAA,MAAA;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEA,kEAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5CA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEbA,OACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAEC,4BAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/CA,OAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACTA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9CA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;","names":["h","COLORS_ENUM"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"collapsible-card.entry.cjs.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,gtFAAgtF;;MCQ9tF,eAAe,GAAA,MAAA;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEA,kEAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5CA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEbA,OACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAEC,4BAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/CA,OAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACTA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9CA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;","names":["h","COLORS_ENUM"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/collapsible-card.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-card.entry.cjs.js","sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h","COLORS_ENUM"],"mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,6uFAA6uF;;MCQ3vF,eAAe,GAAA,MAAA;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEA,kEAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5CA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEbA,OACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAEC,4BAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/CA,OAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACTA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9CA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;"}
+{"version":3,"file":"collapsible-card.entry.cjs.js","sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h","COLORS_ENUM"],"mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,gtFAAgtF;;MCQ9tF,eAAe,GAAA,MAAA;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEA,kEAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5CA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEbA,OACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAEC,4BAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/CA,OAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACTA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9CA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;"}

package/dist/cjs/{organization-logo-BZqb4lkj.js → organization-logo-D4gP9Bg_.js}

@@ -2,7 +2,7 @@
 
 var index = require('./index-CVtGtrop.js');
 
-const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
+const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
 
 const OrganizationLogo = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const OrganizationLogo = class {
 OrganizationLogo.style = organizationLogoCss;
 
 exports.OrganizationLogo = OrganizationLogo;
-//# sourceMappingURL=organization-logo-BZqb4lkj.js.map
+//# sourceMappingURL=organization-logo-D4gP9Bg_.js.map
 
-//# sourceMappingURL=organization-logo-BZqb4lkj.js.map
+//# sourceMappingURL=organization-logo-D4gP9Bg_.js.map

package/dist/cjs/{organization-logo-BZqb4lkj.js.map → organization-logo-D4gP9Bg_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"organization-logo-BZqb4lkj.js","sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,yhEAAyhE;;MCOxiE,gBAAgB,GAAA,MAAA;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvFA,OAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;"}
+{"version":3,"file":"organization-logo-D4gP9Bg_.js","sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,4/DAA4/D;;MCO3gE,gBAAgB,GAAA,MAAA;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvFA,OAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;"}

package/dist/cjs/{organization-logo-Dnfazz63.js → organization-logo-x4KEuA72.js}

@@ -2,7 +2,7 @@
 
 var index = require('./index-g8zyeQAq.js');
 
-const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
+const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
 
 const OrganizationLogo = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const OrganizationLogo = class {
 OrganizationLogo.style = organizationLogoCss;
 
 exports.OrganizationLogo = OrganizationLogo;
-//# sourceMappingURL=organization-logo-Dnfazz63.js.map
+//# sourceMappingURL=organization-logo-x4KEuA72.js.map
 
-//# sourceMappingURL=organization-logo-Dnfazz63.js.map
+//# sourceMappingURL=organization-logo-x4KEuA72.js.map

package/dist/cjs/{organization-logo-Dnfazz63.js.map → organization-logo-x4KEuA72.js.map}

@@ -1 +1 @@
-{"version":3,"file":"organization-logo-Dnfazz63.js","sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,yhEAAyhE;;MCOxiE,gBAAgB,GAAA,MAAA;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvFA,OAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;"}
+{"version":3,"file":"organization-logo-x4KEuA72.js","sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,4/DAA4/D;;MCO3gE,gBAAgB,GAAA,MAAA;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvFA,OAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;"}

package/dist/cjs/organization-logo.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var organizationLogo = require('./organization-logo-Dnfazz63.js');
+var organizationLogo = require('./organization-logo-x4KEuA72.js');
 require('./index-g8zyeQAq.js');
 
 

package/dist/cjs/organization-logo_4.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var organizationLogo = require('./organization-logo-BZqb4lkj.js');
+var organizationLogo = require('./organization-logo-D4gP9Bg_.js');
 var cardIcon = require('./card-icon-ChjnqPJe.js');
 var index = require('./index-CVtGtrop.js');
 var i18n_service = require('./i18n.service-CvKq0rEw.js');