@paperless/core 2.6.3 → 2.7.0

package/dist/cjs/p-card-container.cjs.entry.js

@@ -1,12 +1,14 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var cn = require('./cn-BGmLaIp8.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
+var themedHost_component = require('./themed-host.component-DFEbe48h.js');
 require('./clsx-BtxeOLZW.js');
+require('./state-9Y65F5kb.js');
 
-const cardContainerComponentCss = ".inline-block{display:inline-block!important}*{box-sizing:border-box}:host{display:inline-block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-amber-100{background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-amber-100,.bg-amber-50{--tw-bg-opacity:1!important}.bg-amber-50{background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-amber-800{background-color:rgb(148 77 11/var(--tw-bg-opacity,1))!important}.bg-amber-800,.bg-black{--tw-bg-opacity:1!important}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-200{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-300{--tw-bg-opacity:1!important;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))!important}.bg-indigo-400{--tw-bg-opacity:1!important;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-indigo-700{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-indigo-900{--tw-bg-opacity:1!important;background-color:rgb(19 73 182/var(--tw-bg-opacity,1))!important}.bg-inherit{background-color:inherit!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red-800{--tw-bg-opacity:1!important;background-color:rgb(141 16 16/var(--tw-bg-opacity,1))!important}.bg-off-white-100{--tw-bg-opacity:1!important;background-color:rgb(253 252 251/var(--tw-bg-opacity,1))!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-400{--tw-bg-opacity:1!important;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))!important}.bg-off-white-50{--tw-bg-opacity:1!important;background-color:rgb(254 254 253/var(--tw-bg-opacity,1))!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-off-white-800{--tw-bg-opacity:1!important;background-color:rgb(213 208 195/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-positive-green-50{--tw-bg-opacity:1!important;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-positive-green-800{--tw-bg-opacity:1!important;background-color:rgb(47 100 7/var(--tw-bg-opacity,1))!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.bg-storm-300{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.bg-storm-400{background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.bg-storm-400,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-storm-500{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.bg-storm-700{--tw-bg-opacity:1!important;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))!important}.bg-storm-800{--tw-bg-opacity:1!important;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white,.bg-white-500{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.bg-white-800{--tw-bg-opacity:1!important;background-color:rgb(228 227 227/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white-200:hover{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}";
+const cardContainerComponentCss = ".inline-block{display:inline-block!important}*{box-sizing:border-box}:host{display:inline-block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-amber-100{background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-amber-100,.bg-amber-50{--tw-bg-opacity:1!important}.bg-amber-50{background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-amber-800{background-color:rgb(148 77 11/var(--tw-bg-opacity,1))!important}.bg-amber-800,.bg-black{--tw-bg-opacity:1!important}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-200{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-300{--tw-bg-opacity:1!important;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))!important}.bg-indigo-400{--tw-bg-opacity:1!important;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-indigo-700{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-indigo-900{--tw-bg-opacity:1!important;background-color:rgb(19 73 182/var(--tw-bg-opacity,1))!important}.bg-inherit{background-color:inherit!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red-800{--tw-bg-opacity:1!important;background-color:rgb(141 16 16/var(--tw-bg-opacity,1))!important}.bg-off-white-100{--tw-bg-opacity:1!important;background-color:rgb(253 252 251/var(--tw-bg-opacity,1))!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-400{--tw-bg-opacity:1!important;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))!important}.bg-off-white-50{--tw-bg-opacity:1!important;background-color:rgb(254 254 253/var(--tw-bg-opacity,1))!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-off-white-800{--tw-bg-opacity:1!important;background-color:rgb(213 208 195/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-positive-green-50{--tw-bg-opacity:1!important;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-positive-green-800{--tw-bg-opacity:1!important;background-color:rgb(47 100 7/var(--tw-bg-opacity,1))!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.bg-storm-300{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.bg-storm-400{background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.bg-storm-400,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-storm-500{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.bg-storm-700{--tw-bg-opacity:1!important;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))!important}.bg-storm-800{--tw-bg-opacity:1!important;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white,.bg-white-500{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.bg-white-800{--tw-bg-opacity:1!important;background-color:rgb(228 227 227/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white-200:hover{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.dark\\:bg-amber-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.dark\\:bg-amber-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.dark\\:bg-amber-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.dark\\:bg-amber-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(148 77 11/var(--tw-bg-opacity,1))!important}.dark\\:bg-black:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.dark\\:bg-current:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:currentColor!important}.dark\\:bg-indigo-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.dark\\:bg-indigo-900:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(19 73 182/var(--tw-bg-opacity,1))!important}.dark\\:bg-inherit:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:inherit!important}.dark\\:bg-negative-red-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.dark\\:bg-negative-red-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.dark\\:bg-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.dark\\:bg-negative-red-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(141 16 16/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(253 252 251/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(254 254 253/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.dark\\:bg-off-white-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(213 208 195/var(--tw-bg-opacity,1))!important}.dark\\:bg-positive-green-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.dark\\:bg-positive-green-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))!important}.dark\\:bg-positive-green-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.dark\\:bg-positive-green-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(47 100 7/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-50:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))!important}.dark\\:bg-storm-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))!important}.dark\\:bg-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:transparent!important}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.dark\\:bg-white-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.dark\\:bg-white-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.dark\\:bg-white-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.dark\\:bg-white-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(228 227 227/var(--tw-bg-opacity,1))!important}";
 
 // bg-inherit bg-transparent bg-current bg-black
 // bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white
@@ -16,7 +18,15 @@ const cardContainerComponentCss = ".inline-block{display:inline-block!important}
 // bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white
 // bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo
 // bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm
-const container = index$1.cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {
+// dark:bg-inherit dark:bg-transparent dark:bg-current dark:bg-black
+// dark:bg-white-500 dark:bg-white-600 dark:bg-white-700 dark:bg-white-800 dark:bg-white
+// dark:bg-negative-red-50 dark:bg-negative-red-100 dark:bg-negative-red-500 dark:bg-negative-red-800 dark:bg-negative-red
+// dark:bg-positive-green-50 dark:bg-positive-green-100 dark:bg-positive-green-500 dark:bg-positive-green-800 dark:bg-positive-green
+// dark:bg-amber-50 dark:bg-amber-100 dark:bg-amber-500 dark:bg-amber-800 dark:bg-amber
+// dark:bg-off-white-50 dark:bg-off-white-100 dark:bg-off-white-200 dark:bg-off-white-300 dark:bg-off-white-400 dark:bg-off-white-500 dark:bg-off-white-600 dark:bg-off-white-700 dark:bg-off-white-800 dark:bg-off-white
+// dark:bg-indigo-50 dark:bg-indigo-100 dark:bg-indigo-200 dark:bg-indigo-300 dark:bg-indigo-400 dark:bg-indigo-500 dark:bg-indigo-600 dark:bg-indigo-700 dark:bg-indigo-800 dark:bg-indigo-900 dark:bg-indigo
+// dark:bg-storm-50 dark:bg-storm-100 dark:bg-storm-200 dark:bg-storm-300 dark:bg-storm-400 dark:bg-storm-500 dark:bg-storm-600 dark:bg-storm-700 dark:bg-storm-800 dark:bg-storm
+const container = index$1.cva(['flex flex-col w-inherit h-inherit transition', 'rounded-2xl'], {
     variants: {
         variant: {
             default: 'border-off-white-700',
@@ -83,13 +93,13 @@ const CardContainer = class {
      */
     border = true;
     render() {
-        return (index.h("div", { key: '60c34b4370e2c02933f73132cf23d4756e0c8538', class: cn.cn(container({
+        return (index.h(themedHost_component.ThemedHost, { key: 'cc9912c4f4b80880c1d881a3953ab75a5c390109' }, index.h("div", { key: '6e89473852e9a2d8708a42146ef82015fd2044fe', class: cn.cn(container({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active, false),
                 hoverable: asBoolean.asBoolean(this.hoverable, false),
                 shadow: asBoolean.asBoolean(this.shadow, true),
                 border: asBoolean.asBoolean(this.border),
-            }), this.bgClass) }, index.h("slot", { key: '33eb7acfcf667312d604d356c1f5d1ee40e9ad86' })));
+            }), this.bgClass) }, index.h("slot", { key: 'a3b6f59b20de46391650c2536cc913fa8c59dfbc' }))));
     }
 };
 CardContainer.style = cardContainerComponentCss;

package/dist/cjs/p-card-container.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-card-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,yBAAyB,GAAG,whPAAwhP;;ACK1jP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAGA,WAAG,CAAC,CAAC,mCAAmC,EAAE,aAAa,CAAC,EAAE;AAC3E,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;AACL,QAAA,QACCC,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,KAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,aAAA,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAEDF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;","names":["cva","h","cn","asBoolean"],"sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n\nconst container = cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'border-off-white-700',\n\t\t\terror: 'border-negative-red-500 ring-2 ring-negative-red-50',\n\t\t},\n\t\thoverable: {\n\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\tfalse: null,\n\t\t},\n\t\tshadow: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tborder: {\n\t\t\ttrue: 'border border-solid',\n\t\t\tfalse: 'border-0',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: false,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-1',\n\t\t},\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: true,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-2',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn(\n\t\t\t\t\tcontainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t}),\n\t\t\t\t\tthis.bgClass\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-card-container.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,oigBAAoigB;;ACMtkgB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAGA,WAAG,CACpB,CAAC,8CAA8C,EAAE,aAAa,CAAC,EAC/D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;QACL,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,KAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aAC9B,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAEDH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;","names":["cva","h","ThemedHost","cn","asBoolean"],"sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n// dark:bg-inherit dark:bg-transparent dark:bg-current dark:bg-black\n// dark:bg-white-500 dark:bg-white-600 dark:bg-white-700 dark:bg-white-800 dark:bg-white\n// dark:bg-negative-red-50 dark:bg-negative-red-100 dark:bg-negative-red-500 dark:bg-negative-red-800 dark:bg-negative-red\n// dark:bg-positive-green-50 dark:bg-positive-green-100 dark:bg-positive-green-500 dark:bg-positive-green-800 dark:bg-positive-green\n// dark:bg-amber-50 dark:bg-amber-100 dark:bg-amber-500 dark:bg-amber-800 dark:bg-amber\n// dark:bg-off-white-50 dark:bg-off-white-100 dark:bg-off-white-200 dark:bg-off-white-300 dark:bg-off-white-400 dark:bg-off-white-500 dark:bg-off-white-600 dark:bg-off-white-700 dark:bg-off-white-800 dark:bg-off-white\n// dark:bg-indigo-50 dark:bg-indigo-100 dark:bg-indigo-200 dark:bg-indigo-300 dark:bg-indigo-400 dark:bg-indigo-500 dark:bg-indigo-600 dark:bg-indigo-700 dark:bg-indigo-800 dark:bg-indigo-900 dark:bg-indigo\n// dark:bg-storm-50 dark:bg-storm-100 dark:bg-storm-200 dark:bg-storm-300 dark:bg-storm-400 dark:bg-storm-500 dark:bg-storm-600 dark:bg-storm-700 dark:bg-storm-800 dark:bg-storm\n\nconst container = cva(\n\t['flex flex-col w-inherit h-inherit transition', 'rounded-2xl'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-off-white-700',\n\t\t\t\terror: 'border-negative-red-500 ring-2 ring-negative-red-50',\n\t\t\t},\n\t\t\thoverable: {\n\t\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tshadow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tborder: {\n\t\t\t\ttrue: 'border border-solid',\n\t\t\t\tfalse: 'border-0',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tshadow: true,\n\t\t\t\tactive: false,\n\t\t\t\tvariant: 'default',\n\t\t\t\tclass: 'shadow-1',\n\t\t\t},\n\t\t\t{\n\t\t\t\tshadow: true,\n\t\t\t\tactive: true,\n\t\t\t\tvariant: 'default',\n\t\t\t\tclass: 'shadow-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tcontainer({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tthis.bgClass\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-card-container.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-card-container.entry.cjs.js","sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n\nconst container = cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'border-off-white-700',\n\t\t\terror: 'border-negative-red-500 ring-2 ring-negative-red-50',\n\t\t},\n\t\thoverable: {\n\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\tfalse: null,\n\t\t},\n\t\tshadow: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tborder: {\n\t\t\ttrue: 'border border-solid',\n\t\t\tfalse: 'border-0',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: false,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-1',\n\t\t},\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: true,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-2',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn(\n\t\t\t\t\tcontainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t}),\n\t\t\t\t\tthis.bgClass\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":["cva","h","cn","asBoolean"],"mappings":";;;;;;;;AAAA,MAAM,yBAAyB,GAAG,whPAAwhP;;ACK1jP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAGA,WAAG,CAAC,CAAC,mCAAmC,EAAE,aAAa,CAAC,EAAE;AAC3E,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;AACL,QAAA,QACCC,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,KAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,aAAA,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAEDF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;"}
+{"version":3,"file":"p-card-container.entry.cjs.js","sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n// dark:bg-inherit dark:bg-transparent dark:bg-current dark:bg-black\n// dark:bg-white-500 dark:bg-white-600 dark:bg-white-700 dark:bg-white-800 dark:bg-white\n// dark:bg-negative-red-50 dark:bg-negative-red-100 dark:bg-negative-red-500 dark:bg-negative-red-800 dark:bg-negative-red\n// dark:bg-positive-green-50 dark:bg-positive-green-100 dark:bg-positive-green-500 dark:bg-positive-green-800 dark:bg-positive-green\n// dark:bg-amber-50 dark:bg-amber-100 dark:bg-amber-500 dark:bg-amber-800 dark:bg-amber\n// dark:bg-off-white-50 dark:bg-off-white-100 dark:bg-off-white-200 dark:bg-off-white-300 dark:bg-off-white-400 dark:bg-off-white-500 dark:bg-off-white-600 dark:bg-off-white-700 dark:bg-off-white-800 dark:bg-off-white\n// dark:bg-indigo-50 dark:bg-indigo-100 dark:bg-indigo-200 dark:bg-indigo-300 dark:bg-indigo-400 dark:bg-indigo-500 dark:bg-indigo-600 dark:bg-indigo-700 dark:bg-indigo-800 dark:bg-indigo-900 dark:bg-indigo\n// dark:bg-storm-50 dark:bg-storm-100 dark:bg-storm-200 dark:bg-storm-300 dark:bg-storm-400 dark:bg-storm-500 dark:bg-storm-600 dark:bg-storm-700 dark:bg-storm-800 dark:bg-storm\n\nconst container = cva(\n\t['flex flex-col w-inherit h-inherit transition', 'rounded-2xl'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-off-white-700',\n\t\t\t\terror: 'border-negative-red-500 ring-2 ring-negative-red-50',\n\t\t\t},\n\t\t\thoverable: {\n\t\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tshadow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tborder: {\n\t\t\t\ttrue: 'border border-solid',\n\t\t\t\tfalse: 'border-0',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tshadow: true,\n\t\t\t\tactive: false,\n\t\t\t\tvariant: 'default',\n\t\t\t\tclass: 'shadow-1',\n\t\t\t},\n\t\t\t{\n\t\t\t\tshadow: true,\n\t\t\t\tactive: true,\n\t\t\t\tvariant: 'default',\n\t\t\t\tclass: 'shadow-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tcontainer({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tthis.bgClass\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":["cva","h","ThemedHost","cn","asBoolean"],"mappings":";;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,oigBAAoigB;;ACMtkgB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAGA,WAAG,CACpB,CAAC,8CAA8C,EAAE,aAAa,CAAC,EAC/D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;QACL,QACCC,QAACC,+BAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACVD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,KAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAEA,mBAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aAC9B,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAEDH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;"}

package/dist/cjs/p-card-header.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 require('./clsx-BtxeOLZW.js');
@@ -53,11 +53,11 @@ const CardHeader = class {
      */
     divider = true;
     render() {
-        return (index.h("div", { key: '4554cdeafd32e924bacd8fd1df191a692f86fe96', class: header({
+        return (index.h("div", { key: 'cfbebccd87c8a3c3736e6c4d153688723e04988d', class: header({
                 variant: this.variant,
-            }) }, index.h("div", { key: 'ba51a8681c36a99ee7b4569a2fb8fae8ed2a0c4f', class: content({
+            }) }, index.h("div", { key: '5261472618584f0069bea69a3f9af837a3c9b75f', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (index.h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: 'dfd7ce66d643782341eff00f4c87d2d39942e8f4', class: title() }, index.h("span", { key: 'ef07ff3b60ea170d7fcb7043193d7669b7dcfc79', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: '39b8d0aeaeed7c616f42025803e5483c47b99a21', name: 'content-suffix' })), index.h("div", { key: '92d9551e69fa2d46b30c93150e775a5292877dc7', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, index.h("slot", { key: '1cafae10e832aee07ead410af8c2fb3bb789c674', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && index.h("p-divider", null)) : (index.h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, index.h("p-smile", { variant: 'card' })))));
+            }) }, this.icon ? (index.h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: 'f70e0732c711d492e0398d32b4087e3414ecb0b8', class: title() }, index.h("span", { key: '5ece70691c2bee8f55e33c5cdfdc7f3d9e4c52f1', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: 'cd7955bb504a2c5fb56a30015a405e43f5e1a830', name: 'content-suffix' })), index.h("div", { key: '88987e32a57864d42ffbf9478aef8f85ad24c1a0', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, index.h("slot", { key: '2cc1752278648190b1e3559f9c44645faf94ea2c', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && index.h("p-divider", null)) : (index.h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, index.h("p-smile", { variant: 'card' })))));
     }
 };
 CardHeader.style = cardHeaderComponentCss;

package/dist/cjs/p-checkbox_4.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 var nonce = require('./nonce-D6kacMR6.js');
@@ -114,13 +114,13 @@ const Checkbox = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h("label", { key: 'dde16c417460466e41f9d2a24e9bf69c6fce6ecc', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2' }, index.h("div", { key: 'cc8d97afbadf3742226e5fae703f1f16d87ec393', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'a13bb2b5629f9255f4de04b3fc0dcc60a98dadf0', class: checkbox({
+        return (index.h("label", { key: '775cbcff9b923393f8ec1a3db9a679b680c2ef9d', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2' }, index.h("div", { key: 'c28604de48b3df7b94aa9d4cf1a0993f15bb55be', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '38ad7ea4f6d5763e230cd6d44c7984fc9ad9778d', class: checkbox({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: asBoolean.asBoolean(this.required), checked: asBoolean.asBoolean(this.checked), indeterminate: asBoolean.asBoolean(this.indeterminate), disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'c636dd0080bf03c5829261676c4d88572d4f1290', class: iconContainer({
+            }), type: 'checkbox', id: id, name: this.name, required: asBoolean.asBoolean(this.required), checked: asBoolean.asBoolean(this.checked), indeterminate: asBoolean.asBoolean(this.indeterminate), disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '478667cd48e1af2e91e63cdc51952d384053f852', class: iconContainer({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("p-icon", { key: '997c44e12447646ec18cb56dbee77c673160bf24', class: icon({
+            }) }, index.h("p-icon", { key: '1de6c8a4e2f4abd00e92a4a11febae2191601a3b', class: icon({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: '4c72cd064f9ce0e327dcab06a30b8173bc85c46f', class: 'flex-1 overflow-hidden text-ellipsis' }, index.h("slot", { key: '357044e2bb08c57354e67e677f14f2bb1aa0ee4c' }))));
+            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: '342af3d51ea6b72db1aa2f317e4141e591c8559b', class: 'flex-1 overflow-hidden text-ellipsis' }, index.h("slot", { key: '9642d574cff4df9e3b30f99e142f9953a0e3cfe4' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -259,11 +259,11 @@ const Dropdown = class {
         this._checkItems();
     }
     render() {
-        return (index.h(index.Host, { key: '6da309650d75bc405bf08bff879ae2a99bc49118', class: 'relative' }, index.h("div", { key: 'dbc9d10a612d8af79516006c404d32a1d950ebea', class: 'trigger', onClick: () => this._triggerClickHandler() }, index.h("slot", { key: '2185a9119d34299ec4766126f97b12744c4cefda', name: 'trigger' })), index.h("div", { key: '90a256c8b8432d2154e0bdb818b0740a4fb0a641', class: 'relative w-full' }, index.h("p-dropdown-menu-container", { key: 'de4317aca95820d31801c29694e1c39510385439', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
+        return (index.h(index.Host, { key: '092dc9facc7fc955edf6191226f14553c5080539', class: 'relative' }, index.h("div", { key: '86dd0817d231e9ab5d803998440feef8ae790edc', class: 'trigger', onClick: () => this._triggerClickHandler() }, index.h("slot", { key: '507d26c971e7db2c1b95d1b9e4efe90139594fe7', name: 'trigger' })), index.h("div", { key: '6ebfa048d755e1a0206eacf3581be668747fba3f', class: 'relative w-full' }, index.h("p-dropdown-menu-container", { key: '887cd58d5febe6b51492d18f286f7984092dff6d', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
-            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, index.h("slot", { key: 'e210733f18c7794bbe012996a4402a24b5fd1735', name: 'items' })))));
+            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, index.h("slot", { key: 'bda9b61fb5dbd1a486cbd61e6a76683bdf06aa3c', name: 'items' })))));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -470,15 +470,15 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (index.h("div", { key: '70b5537f57beb9f46f62e8e26da500101e3f7613', class: dropdownMenuContainer({
+        return (index.h("div", { key: 'c656fa960b67719692e82a3dc9950a490dac4453', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean.asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, index.h("div", { key: 'a873aa90df00c879466368dff59a81e5289f1e13', class: innerContainer({
+            }) }, index.h("div", { key: '7aa0ffdaeb0c31875303acf87f1c51be60968452', class: innerContainer({
                 allowOverflow: asBoolean.asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, index.h("div", { key: '7c19a280849dc413059a95cc5e468b9ae653fbc9', class: 'flex w-full flex-col' }, index.h("slot", { key: 'a28e9cf86b605c95dfd2d33035690bcfe0e463e0' })))));
+            }) }, index.h("div", { key: '1c67600716c738a676b8e94141303d0ca7ada1e6', class: 'flex w-full flex-col' }, index.h("slot", { key: '526d06c247ae7870d757a18e8096e95e99291345' })))));
     }
 };
 DropdownMenuContainer.style = dropdownMenuContainerComponentCss;
@@ -683,18 +683,18 @@ const DropdownMenuItem = class {
      */
     useContainer = true;
     render() {
-        return (index.h("div", { key: '7d677161d7e09f7b061119434c8c51025404487c', class: dropdownMenuItem({
+        return (index.h("div", { key: '1a253ec8dcd26f774b7957c8fb4235771a38a83b', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 enableHover: asBoolean.asBoolean(this.enableHover ?? true, true),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this.icon && (index.h("p-icon", { key: 'a4a02dab7217caa97ab6497a216bf678d115ed0a', class: dropdownMenuItemIcon({
+            }) }, this.icon && (index.h("p-icon", { key: 'e2ba982d6890167d2af981eae6b4e24e00e8e98f', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 disabled: asBoolean.asBoolean(this.disabled),
                 wave: asBoolean.asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (index.h("p-checkbox", { key: '2fab0f18e98b926b775b376c8601173c72af9cdd', checked: this.active, disabled: this.disabled })), this.useContainer ? (index.h("div", { class: cn.cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (index.h("p-checkbox", { key: '8af70518c7685ceca20a504f6b6f695221807285', checked: this.active, disabled: this.disabled })), this.useContainer ? (index.h("div", { class: cn.cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, index.h("slot", null))) : (index.h("slot", null))));
     }

package/dist/cjs/p-content-slider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var cn = require('./cn-BGmLaIp8.js');
 require('./clsx-BtxeOLZW.js');
 
@@ -53,9 +53,9 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b9e349c61110dedeaa3e94a8c1683808b071c8ae', class: 'p-content-slider' }, index.h("div", { key: '77818e653b59c0167c062479eb17f4aa1b45f23c', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (index.h(index.Host, { key: '32426c4f29dd63b539228e39de7c47428d2bc027', class: 'p-content-slider' }, index.h("div", { key: 'f166f833e43c980d1eb637d89ea6a010f84ad912', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: el => (this._sliderRef = el), onMouseDown: e => this._mouseDownHandler(e), onTouchStart: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e) }, index.h("div", { key: 'a8fa7d20d93d3bbec00e630549d942b5bc8fbd36', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '67599e1078d4f63e31271a27feb31895cc34c441', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '4d0d9c52dbcc4bc5139e447b7f625ac204b4fba8', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("div", { class: cn.cn('block h-2 w-2 rounded-full', {
+            }, ref: el => (this._sliderRef = el), onMouseDown: e => this._mouseDownHandler(e), onTouchStart: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e) }, index.h("div", { key: '396c0e72e1c6b9e3890628307c97c844506a652f', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'b6d30dc27f978ab0cb1f5f05eed08e917ccf4311', onSlotchange: () => this._slotChange() }))), index.h("div", { key: 'a0e588e831230e4672ef15e8b448cb05760d6218', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("div", { class: cn.cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

package/dist/cjs/p-cropper.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 
 const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 const WINDOW = IS_BROWSER ? window : {};
@@ -2843,7 +2843,7 @@ const Cropper = class {
         }, 200);
     }
     render() {
-        return (index.h(index.Host, { key: '73891600139dada5b090e2ce5ec0cd58a6304313', class: 'p-cropper' }, this._loaded && (index.h("cropper-canvas", { key: '9145012f667644418f424ce5b26fac90b811ce12', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, index.h("cropper-image", { key: 'c34f7487ec31ef8d687cc533b332ddb900ccd277', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: 'c7a376a8b8d39735dd2fb1bf9253d442f9c25cd2', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: '0425f0a5bffc8c154a2e73891ca990b3835f7217', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '53c33637e98e98c05cceb4b1c796b5bcfacba2ad', action: 'move', plain: true }))), index.h("p-range", { key: '35bbdec7f1b54c49691c086cec05a0c6608365f5', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (index.h(index.Host, { key: 'fc809d1abe217a100c72a8b3da7384fd5f476360', class: 'p-cropper' }, this._loaded && (index.h("cropper-canvas", { key: '3322de03183d30895f3f2ae1fac08f119e473e25', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, index.h("cropper-image", { key: '7f151fc75c0ceec9644be12e721168ddc8cfc48e', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '41a00d9f4c44763607b219a87f0a12a4fca1a1ad', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: 'fee1b499454ebb2dcb291bf3de6145feaefbf5a8', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'd5742c9d642384269aaa9543436d4861fd3e2ad8', action: 'move', plain: true }))), index.h("p-range", { key: '03557f843e14263a2a0c6547c510de4dda5abeb2', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/cjs/p-datepicker.cjs.entry.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-BDuPp9vl.js');
+var index$1 = require('./index-BJGYQ0sK.js');
 var childOf = require('./child-of-CdM-uMiH.js');
 var isMobileBrowser = require('./is-mobile-browser-B0H5zume.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
-var index = require('./index-FAqASDWS.js');
+var state = require('./state-9Y65F5kb.js');
+var index = require('./index-Dt9qqH1T.js');
 
 /**
  * Days in 1 week.
@@ -3066,7 +3067,16 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h("p-dropdown", { key: '54a35d8bda73faf87404ee0b87f83300b5f305d8', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: 'a6fc03db14b583980b0c572754d899660fc4605e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '95697b3388b5e6544d68053880431f82555b20dd', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: 'd947ce85476dd585b3c8ab09645848c4672ae863', slot: 'items' }, index$1.h("p-calendar", { key: '7ab3704f928147b8f4f6dd9c19e4b50c61b1437b', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+        return (index$1.h("p-dropdown", { key: 'f9b5fcea0da5d1a356a874b4aa6add2e673c992c', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: 'f3b177d0236500d6fa18fa02b9b939044ef22ed8', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '3c53e63ae786daa75969909639598f8718076350', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
+                index.format(this._value, 'yyyy-MM-dd', {
+                    locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+                }), min: this.minDate &&
+                index.format(new Date(this.minDate), 'yyyy-MM-dd', {
+                    locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+                }), max: this.maxDate &&
+                index.format(new Date(this.maxDate), 'yyyy-MM-dd', {
+                    locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+                }) })), index$1.h("div", { key: 'af00ad4e2155e2ef287276324ac63432f5506b10', slot: 'items' }, index$1.h("p-calendar", { key: '270d7b3ec4e049b2dcd4b43a41f1ae81e3293117', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {
@@ -3119,7 +3129,10 @@ const Datepicker = class {
                 return;
             }
             const parsedValue = parse(value, parseFormat, new Date());
-            if (!index.isValid(parsedValue) || index.format(parsedValue, parseFormat) !== value) {
+            if (!index.isValid(parsedValue) ||
+                index.format(parsedValue, parseFormat, {
+                    locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+                }) !== value) {
                 if (this.mode === 'day') {
                     this._onValueChange(value, this._defaultFormats['dayNoDashes']);
                 }
@@ -3152,7 +3165,9 @@ const Datepicker = class {
         if (this._isDisabledDay(value)) {
             if (!!this._dateInputRef?.value) {
                 this._dateInputRef.value = this._value
-                    ? index.format(this._value, 'yyyy-MM-dd')
+                    ? index.format(this._value, 'yyyy-MM-dd', {
+                        locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+                    })
                     : null;
             }
             return;
@@ -3183,7 +3198,9 @@ const Datepicker = class {
         if (!this._value) {
             return '';
         }
-        return index.format(this._value, this.format);
+        return index.format(this._value, this.format, {
+            locale: state.state.locale === 'nl' ? index.locale$1 : index.locale,
+        });
     }
     static get formAssociated() { return true; }
     static get watchers() { return {