cisse-vue-ui 0.1.0 → 0.1.2

package/dist/style.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-inter:"Inter","sans-serif";--font-outfit:Outfit,sans-serif;--color-primary:oklch(55.892% .22344 260);--color-primary-50:oklch(97% .02 260);--color-primary-100:oklch(94% .04 260);--color-primary-200:oklch(88% .08 260);--color-primary-300:oklch(78% .14 260);--color-primary-400:oklch(68% .18 260);--color-primary-500:oklch(55.892% .22344 260);--color-primary-600:oklch(48% .2 260);--color-primary-700:oklch(40% .17 260);--color-primary-800:oklch(32% .14 260);--color-primary-900:oklch(25% .1 260);--color-primary-950:oklch(18% .08 260);--color-primary-foreground:oklch(100% 0 none);--color-secondary:oklch(55% .2 10);--color-secondary-foreground:oklch(100% 0 none)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.25{top:calc(var(--spacing)*.25)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-12{top:calc(var(--spacing)*12)}.right-0{right:calc(var(--spacing)*0)}.right-0\.25{right:calc(var(--spacing)*.25)}.right-5{right:calc(var(--spacing)*5)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.left-6{left:calc(var(--spacing)*6)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing)*.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[2000px\]{max-height:2000px}.w-0\.5{width:calc(var(--spacing)*.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-76{width:calc(var(--spacing)*76)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[10rem\]{min-width:10rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-76{--tw-translate-x:calc(var(--spacing)*-76);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-8{--tw-translate-x:calc(var(--spacing)*8);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-primary{border-color:var(--color-primary)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-r-transparent{border-right-color:#0000}.bg-\[\#172b4c\]{background-color:#172b4c}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#0768f31a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-950\/20{background-color:#02061833}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/20{background-color:color-mix(in oklab,var(--color-slate-950)20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-inter{font-family:var(--font-inter)}.font-outfit{font-family:var(--font-outfit)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary\/90{color:#0768f3e6}@supports (color:color-mix(in lab, red, red)){.text-primary\/90{color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary\/20{--tw-ring-color:#0768f333}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:text-blue-900:is(:where(.group):hover *){color:var(--color-blue-900)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:text-green-900:is(:where(.group):hover *){color:var(--color-green-900)}.group-hover\:text-red-900:is(:where(.group):hover *){color:var(--color-red-900)}.group-hover\:text-white\/80:is(:where(.group):hover *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-white\/80:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-white)80%,transparent)}}.group-hover\:text-yellow-900:is(:where(.group):hover *){color:var(--color-yellow-900)}}.peer-invalid\:visible:is(:where(.peer):invalid~*){visibility:visible}.invalid\:border-pink-500:invalid{border-color:var(--color-pink-500)}.invalid\:text-pink-600:invalid{color:var(--color-pink-600)}@media (hover:hover){.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-primary\/90:hover{background-color:#0768f3e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-secondary\/90:hover{background-color:#ca2356e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--color-secondary)90%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-primary\/90:hover{color:#0768f3e6}@supports (color:color-mix(in lab, red, red)){.hover\:text-primary\/90:hover{color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-secondary:focus{--tw-ring-color:var(--color-secondary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:invalid\:border-pink-500:focus:invalid{border-color:var(--color-pink-500)}.focus\:invalid\:ring-pink-500:focus:invalid{--tw-ring-color:var(--color-pink-500)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-200:disabled{border-color:var(--color-gray-200)}.disabled\:bg-gray-50:disabled{background-color:var(--color-gray-50)}.disabled\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[error\=true\]\:text-red-500[data-error=true]{color:var(--color-red-500)}@media (min-width:64rem){.lg\:relative{position:relative}.lg\:hidden{display:none}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-60{width:calc(var(--spacing)*60)}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-blue-800:is(.dark *){border-color:var(--color-blue-800)}.dark\:border-gray-600:is(.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\:border-green-800:is(.dark *){border-color:var(--color-green-800)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:border-slate-800:is(.dark *){border-color:var(--color-slate-800)}.dark\:border-yellow-800:is(.dark *){border-color:var(--color-yellow-800)}.dark\:bg-black:is(.dark *){background-color:var(--color-black)}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-blue-950:is(.dark *){background-color:var(--color-blue-950)}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-950:is(.dark *){background-color:var(--color-gray-950)}.dark\:bg-green-900\/20:is(.dark *){background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30:is(.dark *){background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7e2a0c4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark\:bg-pink-900\/30:is(.dark *){background-color:#8610434d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-pink-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-pink-900)30%,transparent)}}.dark\:bg-purple-900\/30:is(.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\:bg-red-900\/20:is(.dark *){background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-900\/30:is(.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-red-950:is(.dark *){background-color:var(--color-red-950)}.dark\:bg-slate-900:is(.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-950:is(.dark *){background-color:var(--color-slate-950)}.dark\:bg-white\/20:is(.dark *){background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#733e0a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#733e0a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:bg-yellow-950:is(.dark *){background-color:var(--color-yellow-950)}.dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:is(.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:is(.dark *){color:var(--color-gray-600)}.dark\:text-gray-700:is(.dark *){color:var(--color-gray-700)}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\:text-orange-400:is(.dark *){color:var(--color-orange-400)}.dark\:text-pink-400:is(.dark *){color:var(--color-pink-400)}.dark\:text-primary:is(.dark *){color:var(--color-primary)}.dark\:text-purple-400:is(.dark *){color:var(--color-purple-400)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:text-yellow-400:is(.dark *){color:var(--color-yellow-400)}.dark\:placeholder-gray-500:is(.dark *)::placeholder{color:var(--color-gray-500)}.dark\:ring-gray-900:is(.dark *){--tw-ring-color:var(--color-gray-900)}@media (hover:hover){.dark\:group-hover\:text-blue-100:is(.dark *):is(:where(.group):hover *){color:var(--color-blue-100)}.dark\:group-hover\:text-gray-100:is(.dark *):is(:where(.group):hover *){color:var(--color-gray-100)}.dark\:group-hover\:text-gray-500:is(.dark *):is(:where(.group):hover *){color:var(--color-gray-500)}.dark\:group-hover\:text-green-100:is(.dark *):is(:where(.group):hover *){color:var(--color-green-100)}.dark\:group-hover\:text-red-100:is(.dark *):is(:where(.group):hover *){color:var(--color-red-100)}.dark\:group-hover\:text-yellow-100:is(.dark *):is(:where(.group):hover *){color:var(--color-yellow-100)}.dark\:hover\:border-gray-600:is(.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:bg-blue-900:is(.dark *):hover{background-color:var(--color-blue-900)}.dark\:hover\:bg-gray-700:is(.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-green-900:is(.dark *):hover{background-color:var(--color-green-900)}.dark\:hover\:bg-red-900:is(.dark *):hover{background-color:var(--color-red-900)}.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:bg-yellow-900:is(.dark *):hover{background-color:var(--color-yellow-900)}.dark\:hover\:text-gray-100:is(.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-300:is(.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-gray-400:is(.dark *):hover{color:var(--color-gray-400)}}.dark\:focus\:border-primary:is(.dark *):focus{border-color:var(--color-primary)}.dark\:focus\:ring-primary:is(.dark *):focus{--tw-ring-color:var(--color-primary)}.dark\:focus\:ring-offset-gray-900:is(.dark *):focus{--tw-ring-offset-color:var(--color-gray-900)}.dark\:disabled\:border-gray-800:is(.dark *):disabled{border-color:var(--color-gray-800)}.dark\:disabled\:bg-gray-950:is(.dark *):disabled{background-color:var(--color-gray-950)}.dark\:disabled\:text-gray-500:is(.dark *):disabled{color:var(--color-gray-500)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/types/components.d.ts

@@ -16,3 +16,10 @@ export interface PaginationProps {
     pageSizeOptions?: number[];
     showPageSize?: boolean;
 }
+export type { ButtonVariant, ButtonSize } from '../components/core/Button.vue';
+export type { AvatarSize } from '../components/core/Avatar.vue';
+export type { Tab } from '../components/core/Tabs.vue';
+export type { DropdownItem } from '../components/core/Dropdown.vue';
+export type { Step } from '../components/core/Stepper.vue';
+export type { AlertVariant } from '../components/feedback/Alert.vue';
+export type { Breadcrumb } from '../components/layout/PageLayout.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cisse-vue-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Vue 3 + TypeScript + Tailwind CSS v4 component library",
   "author": "Cisse",
   "license": "MIT",
@@ -43,6 +43,12 @@
         "default": "./dist/components/feedback/index.js"
       }
     },
+    "./components/layout": {
+      "import": {
+        "types": "./dist/components/layout/index.d.ts",
+        "default": "./dist/components/layout/index.js"
+      }
+    },
     "./components/type": {
       "import": {
         "types": "./dist/components/type/index.d.ts",
@@ -61,7 +67,8 @@
         "default": "./dist/types/index.js"
       }
     },
-    "./styles/theme.css": "./dist/styles/theme.css"
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css"
   },
   "files": [
     "dist",
@@ -87,7 +94,9 @@
   },
   "scripts": {
     "dev": "vite --config playground/vite.config.ts",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc --noEmit && vite build && bun run build:css",
+    "build:css": "bunx @tailwindcss/cli -i ./src/styles/components.css -o ./dist/style.css --minify",
+    "build:watch": "vite build --watch",
     "preview": "vite preview",
     "test": "vitest",
     "type-check": "vue-tsc --noEmit",

package/dist/NotificationList.vue_vue_type_script_setup_true_lang-B2hjbMm4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationList.vue_vue_type_script_setup_true_lang-B2hjbMm4.js","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      ></div>\n      <p v-if=\"text\" class=\"mt-4 text-gray-600 dark:text-gray-400\">{{ text }}</p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon class=\"h-5 w-5\" icon=\"lucide:x\" />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex items-center justify-between border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n  >\n    <div class=\"flex items-center gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div v-if=\"showPageSize\" class=\"flex items-center gap-2\">\n        <label class=\"text-sm text-gray-600 dark:text-gray-400\" for=\"page-size\">\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"size in pageSizeOptions\" :key=\"size\" :value=\"size\">\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n    <div class=\"flex gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon class=\"h-4 w-4\" icon=\"lucide:chevron-left\" />\n        {{ previousLabel }}\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        {{ nextLabel }}\n        <Icon class=\"h-4 w-4\" icon=\"lucide:chevron-right\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon :class=\"iconColor\" :icon=\"iconName\" class=\"h-5 w-5\" />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4 v-if=\"notification.title\" class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\">\n        {{ notification.title }}\n      </h4>\n      <p v-if=\"notification.message\" class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\">\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon class=\"h-4 w-4\" icon=\"lucide:x\" />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","$slots","_renderSlot","_createVNode","_unref","_hoisted_4","_hoisted_5","_Fragment","_renderList","_createTextVNode","_createBlock","NotificationComponent"],"mappings":"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"}

package/dist/NotificationList.vue_vue_type_script_setup_true_lang-Ci3zIvrv.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationList.vue_vue_type_script_setup_true_lang-Ci3zIvrv.cjs","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      ></div>\n      <p v-if=\"text\" class=\"mt-4 text-gray-600 dark:text-gray-400\">{{ text }}</p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon class=\"h-5 w-5\" icon=\"lucide:x\" />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex items-center justify-between border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n  >\n    <div class=\"flex items-center gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div v-if=\"showPageSize\" class=\"flex items-center gap-2\">\n        <label class=\"text-sm text-gray-600 dark:text-gray-400\" for=\"page-size\">\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"size in pageSizeOptions\" :key=\"size\" :value=\"size\">\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n    <div class=\"flex gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon class=\"h-4 w-4\" icon=\"lucide:chevron-left\" />\n        {{ previousLabel }}\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        {{ nextLabel }}\n        <Icon class=\"h-4 w-4\" icon=\"lucide:chevron-right\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon :class=\"iconColor\" :icon=\"iconName\" class=\"h-5 w-5\" />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4 v-if=\"notification.title\" class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\">\n        {{ notification.title }}\n      </h4>\n      <p v-if=\"notification.message\" class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\">\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon class=\"h-4 w-4\" icon=\"lucide:x\" />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","onMounted","onUnmounted","$slots","_renderSlot","_createVNode","_unref","Icon","_hoisted_4","_hoisted_5","_Fragment","_renderList","_createTextVNode","computed","_createBlock","NotificationComponent"],"mappings":"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"}

package/dist/SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs

@@ -1,234 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vue$1 = require("@iconify/vue");
-const _hoisted_1$5 = ["data-error", "for"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormLabel",
-  props: {
-    error: { type: [String, Boolean] },
-    htmlFor: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", {
-        "data-error": !!__props.error,
-        for: __props.htmlFor ?? "",
-        class: "block text-sm font-medium text-gray-700 data-[error=true]:text-red-500 dark:text-gray-300"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$5);
-    };
-  }
-});
-const _hoisted_1$4 = ["data-error"];
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormHelp",
-  props: {
-    error: { type: Boolean },
-    text: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("p", {
-        "data-error": __props.error,
-        class: "mt-2 text-sm text-gray-400 peer-invalid:visible data-[error=true]:text-red-500 dark:text-gray-500"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(__props.text ?? ""), 1)
-        ])
-      ], 8, _hoisted_1$4);
-    };
-  }
-});
-const _hoisted_1$3 = ["id", "disabled", "name", "placeholder", "type"];
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormInput",
-  props: /* @__PURE__ */ vue.mergeModels({
-    type: { default: "text" },
-    value: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    id: {},
-    name: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = vue.useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
-        id: __props.id ?? __props.name ?? "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-        disabled: __props.disabled,
-        name: __props.name ?? "",
-        placeholder: __props.placeholder,
-        type: __props.type,
-        class: "mt-1 block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-slate-400 shadow-sm invalid:border-pink-500 invalid:text-pink-600 focus:border-slate-700 focus:ring-1 focus:ring-slate-700 focus:outline-none focus:invalid:border-pink-500 focus:invalid:ring-pink-500 disabled:border-slate-200 disabled:bg-slate-50 disabled:text-gray-500 disabled:shadow-none dark:border-slate-700 dark:bg-black dark:text-gray-200 dark:placeholder-slate-600 dark:focus:border-slate-300 dark:focus:ring-slate-300 dark:disabled:border-slate-800 dark:disabled:bg-slate-950 dark:disabled:text-gray-500"
-      }, _ctx.$attrs), null, 16, _hoisted_1$3)), [
-        [vue.vModelDynamic, modelValue.value]
-      ]);
-    };
-  }
-});
-const _hoisted_1$2 = ["id", "disabled", "name"];
-const _hoisted_2$1 = {
-  key: 0,
-  value: null,
-  disabled: ""
-};
-const _hoisted_3 = ["value"];
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormSelect",
-  props: /* @__PURE__ */ vue.mergeModels({
-    options: {},
-    type: {},
-    value: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    id: {},
-    name: {}
-  }, {
-    "modelValue": { type: [String, Number, Boolean, null] },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = vue.useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", vue.mergeProps({
-        id: __props.id ?? __props.name ?? "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-        disabled: __props.disabled,
-        name: __props.name ?? "",
-        class: "mt-1 block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-slate-400 shadow-sm invalid:border-pink-500 invalid:text-pink-600 focus:border-slate-700 focus:ring-1 focus:ring-slate-700 focus:outline-none focus:invalid:border-pink-500 focus:invalid:ring-pink-500 disabled:border-slate-200 disabled:bg-slate-50 disabled:text-gray-500 disabled:shadow-none dark:border-slate-700 dark:bg-black dark:text-gray-200 dark:placeholder-slate-600 dark:focus:border-slate-300 dark:focus:ring-slate-300 dark:disabled:border-slate-800 dark:disabled:bg-slate-950 dark:disabled:text-gray-500"
-      }, _ctx.$attrs), [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          __props.placeholder ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_2$1, vue.toDisplayString(__props.placeholder), 1)) : vue.createCommentVNode("", true),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((__props.options ?? []).filter((el) => !el.hidden), (option) => {
-            return vue.openBlock(), vue.createElementBlock("option", {
-              key: String(option.value),
-              value: option.value
-            }, vue.toDisplayString(option.label), 9, _hoisted_3);
-          }), 128))
-        ])
-      ], 16, _hoisted_1$2)), [
-        [vue.vModelSelect, modelValue.value]
-      ]);
-    };
-  }
-});
-const _hoisted_1$1 = ["hidden"];
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FormGroup",
-  props: /* @__PURE__ */ vue.mergeModels({
-    label: {},
-    cols: { default: 6 },
-    hidden: { type: Boolean },
-    error: { type: [String, Boolean] },
-    type: {},
-    value: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    id: {},
-    name: {},
-    options: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const modelValue = vue.useModel(__props, "modelValue");
-    const computedCols = vue.computed(() => `span ${props.cols} / span ${props.cols}`);
-    const isSelect = vue.computed(() => props.type === "select");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        style: vue.normalizeStyle({ gridColumn: computedCols.value }),
-        hidden: __props.hidden
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.renderSlot(_ctx.$slots, "label", {}, () => [
-            __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
-              key: 0,
-              "html-for": __props.id ?? __props.name,
-              error: __props.error
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(__props.label), 1)
-              ]),
-              _: 1
-            }, 8, ["html-for", "error"])) : vue.createCommentVNode("", true)
-          ]),
-          vue.renderSlot(_ctx.$slots, "input", {}, () => [
-            isSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$2, vue.mergeProps({
-              key: 0,
-              modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-            }, { ..._ctx.$attrs, ..._ctx.$props }), null, 16, ["modelValue"])) : (vue.openBlock(), vue.createBlock(_sfc_main$3, vue.mergeProps({
-              key: 1,
-              modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
-            }, { ..._ctx.$attrs, ..._ctx.$props }), null, 16, ["modelValue"]))
-          ]),
-          __props.error && typeof __props.error === "string" ? (vue.openBlock(), vue.createBlock(_sfc_main$4, {
-            key: 0,
-            error: true
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(__props.error), 1)
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("", true)
-        ])
-      ], 12, _hoisted_1$1);
-    };
-  }
-});
-const _hoisted_1 = { class: "relative" };
-const _hoisted_2 = ["disabled", "placeholder", "value"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "SearchInput",
-  props: {
-    modelValue: {},
-    placeholder: { default: "Search..." },
-    icon: { default: "lucide:search" },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const handleInput = (event) => {
-      const target = event.target;
-      emit("update:modelValue", target.value);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(vue$1.Icon), {
-          icon: __props.icon,
-          class: "absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 text-gray-400"
-        }, null, 8, ["icon"]),
-        vue.createElementVNode("input", {
-          disabled: __props.disabled,
-          placeholder: __props.placeholder,
-          value: __props.modelValue,
-          class: "focus:border-primary focus:ring-primary w-full rounded-lg border border-gray-300 bg-white py-2 pr-4 pl-10 text-gray-900 placeholder-gray-400 transition-colors disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-500",
-          type: "text",
-          onInput: handleInput
-        }, null, 40, _hoisted_2)
-      ]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main$5;
-exports._sfc_main$1 = _sfc_main$4;
-exports._sfc_main$2 = _sfc_main$3;
-exports._sfc_main$3 = _sfc_main$2;
-exports._sfc_main$4 = _sfc_main$1;
-exports._sfc_main$5 = _sfc_main;
-//# sourceMappingURL=SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs.map

package/dist/SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.vue_vue_type_script_setup_true_lang-Be73hShP.cjs","sources":["../src/components/form/FormLabel.vue","../src/components/form/FormHelp.vue","../src/components/form/FormInput.vue","../src/components/form/FormSelect.vue","../src/components/form/FormGroup.vue","../src/components/form/SearchInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  error?: string | boolean\n  htmlFor?: string\n}>()\n</script>\n\n<template>\n  <label\n    :data-error=\"!!error\"\n    :for=\"htmlFor ?? ''\"\n    class=\"block text-sm font-medium text-gray-700 data-[error=true]:text-red-500 dark:text-gray-300\"\n  >\n    <slot />\n  </label>\n</template>\n","<script lang=\"ts\" setup>\ndefineProps<{\n  error?: boolean\n  text?: string\n}>()\n</script>\n\n<template>\n  <p\n    :data-error=\"error\"\n    class=\"mt-2 text-sm text-gray-400 peer-invalid:visible data-[error=true]:text-red-500 dark:text-gray-500\"\n  >\n    <slot>{{ text ?? '' }}</slot>\n  </p>\n</template>\n","<script lang=\"ts\" setup>\nimport type { InputProps } from '@/types'\n\nwithDefaults(defineProps<InputProps>(), {\n  type: 'text',\n})\n\nconst modelValue = defineModel<string>()\n</script>\n\n<template>\n  <input\n    :id=\"id ?? name ?? ''\"\n    v-model=\"modelValue\"\n    :disabled=\"disabled\"\n    :name=\"name ?? ''\"\n    :placeholder=\"placeholder\"\n    :type=\"type\"\n    class=\"mt-1 block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-slate-400 shadow-sm invalid:border-pink-500 invalid:text-pink-600 focus:border-slate-700 focus:ring-1 focus:ring-slate-700 focus:outline-none focus:invalid:border-pink-500 focus:invalid:ring-pink-500 disabled:border-slate-200 disabled:bg-slate-50 disabled:text-gray-500 disabled:shadow-none dark:border-slate-700 dark:bg-black dark:text-gray-200 dark:placeholder-slate-600 dark:focus:border-slate-300 dark:focus:ring-slate-300 dark:disabled:border-slate-800 dark:disabled:bg-slate-950 dark:disabled:text-gray-500\"\n    v-bind=\"$attrs\"\n  />\n</template>\n","<script lang=\"ts\" setup>\nimport type { SelectProps, SelectOption } from '@/types'\n\ndefineProps<SelectProps>()\n\nconst modelValue = defineModel<string | number | boolean | null>()\n</script>\n\n<template>\n  <select\n    :id=\"id ?? name ?? ''\"\n    v-model=\"modelValue\"\n    :disabled=\"disabled\"\n    :name=\"name ?? ''\"\n    class=\"mt-1 block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-slate-400 shadow-sm invalid:border-pink-500 invalid:text-pink-600 focus:border-slate-700 focus:ring-1 focus:ring-slate-700 focus:outline-none focus:invalid:border-pink-500 focus:invalid:ring-pink-500 disabled:border-slate-200 disabled:bg-slate-50 disabled:text-gray-500 disabled:shadow-none dark:border-slate-700 dark:bg-black dark:text-gray-200 dark:placeholder-slate-600 dark:focus:border-slate-300 dark:focus:ring-slate-300 dark:disabled:border-slate-800 dark:disabled:bg-slate-950 dark:disabled:text-gray-500\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <option v-if=\"placeholder\" :value=\"null\" disabled>\n        {{ placeholder }}\n      </option>\n\n      <option\n        v-for=\"option in (options ?? []).filter((el: SelectOption) => !el.hidden)\"\n        :key=\"String(option.value)\"\n        :value=\"option.value\"\n      >\n        {{ option.label }}\n      </option>\n    </slot>\n  </select>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport type { FormGroupProps } from '@/types'\nimport FormLabel from './FormLabel.vue'\nimport FormInput from './FormInput.vue'\nimport FormSelect from './FormSelect.vue'\nimport FormHelp from './FormHelp.vue'\n\nconst props = withDefaults(defineProps<FormGroupProps>(), {\n  cols: 6,\n})\n\nconst modelValue = defineModel()\n\nconst computedCols = computed(() => `span ${props.cols} / span ${props.cols}`)\n\nconst isSelect = computed(() => props.type === 'select')\n</script>\n\n<template>\n  <div :style=\"{ gridColumn: computedCols }\" :hidden=\"hidden\">\n    <slot>\n      <slot name=\"label\">\n        <FormLabel v-if=\"label\" :html-for=\"id ?? name\" :error=\"error\">\n          {{ label }}\n        </FormLabel>\n      </slot>\n\n      <slot name=\"input\">\n        <FormSelect\n          v-if=\"isSelect\"\n          v-model=\"modelValue\"\n          v-bind=\"{ ...$attrs, ...$props }\"\n        />\n        <FormInput\n          v-else\n          v-model=\"modelValue\"\n          v-bind=\"{ ...$attrs, ...$props }\"\n        />\n      </slot>\n\n      <FormHelp v-if=\"error && typeof error === 'string'\" :error=\"true\">\n        {{ error }}\n      </FormHelp>\n    </slot>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  placeholder = 'Search...',\n  icon = 'lucide:search',\n  disabled = false,\n} = defineProps<{\n  modelValue?: string\n  placeholder?: string\n  icon?: string\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst handleInput = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  emit('update:modelValue', target.value)\n}\n</script>\n\n<template>\n  <div class=\"relative\">\n    <Icon :icon=\"icon\" class=\"absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 text-gray-400\" />\n    <input\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      :value=\"modelValue\"\n      class=\"focus:border-primary focus:ring-primary w-full rounded-lg border border-gray-300 bg-white py-2 pr-4 pl-10 text-gray-900 placeholder-gray-400 transition-colors disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-500\"\n      type=\"text\"\n      @input=\"handleInput\"\n    />\n  </div>\n</template>\n"],"names":["_createElementBlock","_renderSlot","_useModel","_withDirectives","_openBlock","_mergeProps","$attrs","_hoisted_1","_hoisted_2","_toDisplayString","_Fragment","_renderList","computed","_createBlock","FormLabel","FormSelect","$props","FormInput","FormHelp","_createVNode","_unref","Icon","_createElementVNode"],"mappings":"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"}