@divayth/brick-ui 0.0.2 → 0.0.3

package/dist/styles.css

@@ -1 +1 @@
-@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-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--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: 1.5 ;--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);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.block{display:block}.flex{display:flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_1cq4m_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._hover_1cq4m_12:hover{background:var(--color-gray-3);cursor:pointer}._root_1cq4m_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1cq4m_2{transition:none}}}._root_19xvf_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_19xvf_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_19xvf_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_19xvf_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_19xvf_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_19xvf_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_19xvf_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_19xvf_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_19xvf_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_19xvf_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_19xvf_61{color:var(--color-primary-1);background:transparent}._transparent_19xvf_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_19xvf_39._error_19xvf_71{background:var(--color-error-1)}._filled_19xvf_39._error_19xvf_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_19xvf_50._error_19xvf_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_19xvf_50._error_19xvf_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_19xvf_61._error_19xvf_71{color:var(--color-error-1)}._transparent_19xvf_61._error_19xvf_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._disabled_19xvf_96{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_19xvf_96:hover{cursor:auto;background:var(--color-gray-2)}._error_19xvf_71._disabled_19xvf_96,._error_19xvf_71._disabled_19xvf_96:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_19xvf_115{position:absolute}._spinner_19xvf_116{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_19xvf_116 .8s linear infinite}._root_19xvf_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_19xvf_116{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_19xvf_116{animation:none}._root_19xvf_1{transition:none}}._root_zthip_1{width:fit-content;padding:0 1rem;font-weight:500}._filled_zthip_7._primary_zthip_7{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_zthip_7._info_zthip_13{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_zthip_7._error_zthip_19{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_zthip_7._success_zthip_25{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_zthip_7._warning_zthip_31{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_zthip_7._secondary_zthip_37{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_zthip_43._primary_zthip_7{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_zthip_43._info_zthip_13{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_zthip_43._error_zthip_19{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_zthip_43._success_zthip_25{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_zthip_43._warning_zthip_31{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_zthip_43._secondary_zthip_37{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_1o2bt_2{position:relative;padding:.25rem;font:inherit;font-size:calc(var(--size) * .6);line-height:1;box-sizing:border-box;flex-shrink:0;transition:.3s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_1o2bt_21{--size: var(--height-xs)}._sm_1o2bt_25{--size: var(--height-sm)}._md_1o2bt_29{--size: var(--height-md)}._lg_1o2bt_33{--size: var(--height-lg)}._xl_1o2bt_37{--size: var(--height-xl)}._primary_1o2bt_41{color:var(--color-primary-1)}._primary_1o2bt_41:hover{background:var(--color-primary-3)}._secondary_1o2bt_49{color:var(--color-gray-1)}._secondary_1o2bt_49:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1o2bt_58{color:var(--color-error-1)}._danger_1o2bt_58:hover{color:var(--color-error-1);background:var(--color-error-3)}._disabled_1o2bt_67{color:var(--color-gray-1);pointer-events:none}._content_1o2bt_72{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1o2bt_80{position:absolute}._content_1o2bt_72 svg{width:1em;height:1em;flex-shrink:0;stroke-width:2}._content_1o2bt_72 svg *{vector-effect:non-scaling-stroke}._root_1o2bt_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1o2bt_2{transition:none}}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}
+@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-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--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: 1.5 ;--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);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.block{display:block}.flex{display:flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_jppw0_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._root_jppw0_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_jppw0_2{transition:none}}}._root_u00ub_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_u00ub_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_u00ub_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_u00ub_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_u00ub_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_u00ub_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_u00ub_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_u00ub_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_u00ub_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_u00ub_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_u00ub_61{color:var(--color-primary-1);background:transparent}._transparent_u00ub_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_u00ub_39._error_u00ub_71{background:var(--color-error-1)}._filled_u00ub_39._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_u00ub_50._error_u00ub_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_u00ub_50._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_u00ub_61._error_u00ub_71{color:var(--color-error-1)}._transparent_u00ub_61._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_u00ub_39._secondary_u00ub_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_u00ub_39._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96:hover,._transparent_u00ub_61._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_u00ub_61._secondary_u00ub_96{color:var(--color-gray-1)}._disabled_u00ub_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_u00ub_121:hover{cursor:auto;background:var(--color-gray-2)}._error_u00ub_71._disabled_u00ub_121,._error_u00ub_71._disabled_u00ub_121:hover,._secondary_u00ub_96._disabled_u00ub_121,._secondary_u00ub_96._disabled_u00ub_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_u00ub_142{position:absolute}._spinner_u00ub_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_u00ub_143 .8s linear infinite}._root_u00ub_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_u00ub_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_u00ub_143{animation:none}._root_u00ub_1{transition:none}}._root_zthip_1{width:fit-content;padding:0 1rem;font-weight:500}._filled_zthip_7._primary_zthip_7{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_zthip_7._info_zthip_13{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_zthip_7._error_zthip_19{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_zthip_7._success_zthip_25{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_zthip_7._warning_zthip_31{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_zthip_7._secondary_zthip_37{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_zthip_43._primary_zthip_7{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_zthip_43._info_zthip_13{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_zthip_43._error_zthip_19{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_zthip_43._success_zthip_25{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_zthip_43._warning_zthip_31{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_zthip_43._secondary_zthip_37{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_1cl4z_2{position:relative;padding:0;font:inherit;font-size:calc(var(--size) * .5);width:var(--size);height:var(--size);line-height:1;box-sizing:border-box;flex-shrink:0;transition:.3s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_1cl4z_23{--size: var(--height-xs);--stroke-width: 1.25}._sm_1cl4z_28{--size: var(--height-sm);--stroke-width: 1.5}._md_1cl4z_33{--size: var(--height-md);--stroke-width: 1.75}._lg_1cl4z_38{--size: var(--height-lg);--stroke-width: 2}._xl_1cl4z_43{--size: var(--height-xl);--stroke-width: 2.25}._primary_1cl4z_48{color:var(--color-primary-1)}._primary_1cl4z_48:hover{background:var(--color-primary-3)}._secondary_1cl4z_56{color:var(--color-gray-1)}._secondary_1cl4z_56:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1cl4z_65{color:var(--color-error-1)}._danger_1cl4z_65:hover{color:var(--color-error-1);background:var(--color-error-3)}._filled_1cl4z_74._primary_1cl4z_48{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1cl4z_74._primary_1cl4z_48:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1cl4z_74._secondary_1cl4z_56{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1cl4z_74._secondary_1cl4z_56:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1cl4z_74._danger_1cl4z_65{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1cl4z_74._danger_1cl4z_65:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1cl4z_2._disabled_1cl4z_104{color:var(--color-gray-1);pointer-events:none}._root_1cl4z_2._filled_1cl4z_74._disabled_1cl4z_104{background:var(--color-gray-2)}._content_1cl4z_113{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1cl4z_121{position:absolute}._content_1cl4z_113 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1cl4z_113 svg *{vector-effect:non-scaling-stroke}._root_1cl4z_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1cl4z_2{transition:none}}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}

package/dist/ui/Button/Button.d.ts

@@ -1,21 +1,21 @@
-import type { AriaAttributes, ComponentPropsWithRef, ElementType, ReactNode } from 'react';
-import type { Size } from '../../lib/sizes.js';
+import type { AriaAttributes, ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { Size } from "../../lib/sizes.js";
 type ButtonOwnProps<T extends ElementType> = {
     isLoading?: boolean;
     disabled?: boolean;
-    'aria-disabled'?: AriaAttributes['aria-disabled'];
-    'aria-busy'?: AriaAttributes['aria-busy'];
-    type?: 'button' | 'submit' | 'reset';
-    variant?: 'filled' | 'outlined' | 'transparent';
+    "aria-disabled"?: AriaAttributes["aria-disabled"];
+    "aria-busy"?: AriaAttributes["aria-busy"];
+    type?: "button" | "submit" | "reset";
+    variant?: "filled" | "outlined" | "transparent";
     size?: Size;
-    color?: 'primary' | 'error';
+    color?: "primary" | "secondary" | "error";
     className?: string;
     component?: T;
     children?: ReactNode;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
 };
-export type ButtonProps<T extends ElementType = 'button'> = ButtonOwnProps<T> & Omit<ComponentPropsWithRef<T>, keyof ButtonOwnProps<T>>;
+export type ButtonProps<T extends ElementType = "button"> = ButtonOwnProps<T> & Omit<ComponentPropsWithRef<T>, keyof ButtonOwnProps<T>>;
 export declare const Button: <T extends ElementType = "button">({ isLoading, variant, size, color, type, component, children, startIcon, endIcon, className, disabled, onClick, onKeyDown, tabIndex, "aria-disabled": ariaDisabled, "aria-busy": ariaBusy, ...props }: ButtonProps<T>) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/ui/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,WAAW,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAItH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAM/C,KAAK,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IACtD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9E,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,uMAkBtD,WAAW,CAAC,CAAC,CAAC,gCA4ChB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,WAAW,EAGX,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAM/C,KAAK,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,uMAkBtD,WAAW,CAAC,CAAC,CAAC,gCAwDhB,CAAC"}

package/dist/ui/Button/Button.js

@@ -15,15 +15,15 @@ const q = ({
   startIcon: y,
   endIcon: x,
   className: C,
-  disabled: h = !1,
-  onClick: D,
-  onKeyDown: g,
+  disabled: g = !1,
+  onClick: h,
+  onKeyDown: D,
   tabIndex: j,
   "aria-disabled": k,
   "aria-busy": I,
   ...N
 }) => {
-  const s = f || "button", r = h || e, a = s === "button", i = typeof s != "string";
+  const s = f || "button", r = g || e, a = s === "button", i = typeof s != "string";
   return /* @__PURE__ */ l(
     s,
     {
@@ -33,28 +33,44 @@ const q = ({
       "aria-disabled": r || k,
       "aria-busy": e || I,
       tabIndex: !a && r ? -1 : j,
-      className: B(o.root, o[p], o[c], o[d], { [o.disabled]: r }, C),
+      className: B(
+        o.root,
+        o[p],
+        o[c],
+        o[d],
+        { [o.disabled]: r },
+        C
+      ),
       onClick: (t) => {
         if (r) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
-        D?.(t);
+        h?.(t);
       },
       onKeyDown: (t) => {
         if (r && (t.key === "Enter" || t.key === " ")) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
-        g?.(t);
+        D?.(t);
       },
       children: [
-        /* @__PURE__ */ l(m, { alignItems: "center", style: { opacity: e ? 0 : 1 }, children: [
+        /* @__PURE__ */ l(m, { alignItems: "center", gap: "sm", style: { opacity: e ? 0 : 1 }, children: [
           y,
           /* @__PURE__ */ n(P, { children: b }),
           x
         ] }),
-        e && /* @__PURE__ */ n(m, { alignItems: "center", justifyContent: "center", className: o.loading, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: o.spinner }) })
+        e && /* @__PURE__ */ n(
+          m,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            className: o.loading,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ n("span", { className: o.spinner })
+          }
+        )
       ]
     }
   );

package/dist/ui/Button/Button.module.css.js

@@ -1,33 +1,35 @@
-const _ = "_root_19xvf_1", n = "_xs_19xvf_14", s = "_sm_19xvf_19", o = "_md_19xvf_24", t = "_lg_19xvf_29", l = "_xl_19xvf_34", r = "_filled_19xvf_39", x = "_outlined_19xvf_50", e = "_transparent_19xvf_61", d = "_error_19xvf_71", f = "_disabled_19xvf_96", i = "_loading_19xvf_115", c = "_spinner_19xvf_116", a = "_spin_19xvf_116", v = {
+const _ = "_root_u00ub_1", n = "_xs_u00ub_14", s = "_sm_u00ub_19", o = "_md_u00ub_24", u = "_lg_u00ub_29", t = "_xl_u00ub_34", r = "_filled_u00ub_39", e = "_outlined_u00ub_50", l = "_transparent_u00ub_61", d = "_error_u00ub_71", c = "_secondary_u00ub_96", b = "_disabled_u00ub_121", i = "_loading_u00ub_142", a = "_spinner_u00ub_143", p = "_spin_u00ub_143", x = {
   root: _,
   xs: n,
   sm: s,
   md: o,
-  lg: t,
-  xl: l,
+  lg: u,
+  xl: t,
   filled: r,
-  outlined: x,
-  transparent: e,
+  outlined: e,
+  transparent: l,
   error: d,
-  disabled: f,
+  secondary: c,
+  disabled: b,
   loading: i,
-  spinner: c,
-  spin: a
+  spinner: a,
+  spin: p
 };
 export {
-  v as default,
-  f as disabled,
+  x as default,
+  b as disabled,
   d as error,
   r as filled,
-  t as lg,
+  u as lg,
   i as loading,
   o as md,
-  x as outlined,
+  e as outlined,
   _ as root,
+  c as secondary,
   s as sm,
-  a as spin,
-  c as spinner,
-  e as transparent,
-  l as xl,
+  p as spin,
+  a as spinner,
+  l as transparent,
+  t as xl,
   n as xs
 };

package/dist/ui/Card/Card.js

@@ -1,20 +1,20 @@
-import { jsx as i } from "react/jsx-runtime";
-import { twMerge as f } from "tailwind-merge";
-import o from "./Card.module.css.js";
-const p = ({ children: t, className: a, onClick: e, onKeyDown: d, tabIndex: u, ...g }) => e ? /* @__PURE__ */ i(
+import { jsx as g } from "react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+import n from "./Card.module.css.js";
+const l = ({ children: o, className: t, onClick: a, onKeyDown: e, tabIndex: u, ...d }) => a ? /* @__PURE__ */ g(
   "div",
   {
-    onClick: e,
+    onClick: a,
     onKeyDown: (r) => {
-      d?.(r), !(r.defaultPrevented || r.target !== r.currentTarget) && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.repeat || r.currentTarget.click());
+      e?.(r), !(r.defaultPrevented || r.target !== r.currentTarget) && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.repeat || r.currentTarget.click());
     },
     role: "button",
     tabIndex: u ?? 0,
-    className: f(o.root, o.hover, "p-4", "rounded-lg", "bg-background-primary", a),
-    ...g,
-    children: t
+    className: i(n.root, "p-4 rounded-lg bg-background-primary hover:bg-gray-3 cursor-pointer", t),
+    ...d,
+    children: o
   }
-) : /* @__PURE__ */ i("div", { className: f(o.root, "p-4", "rounded-lg", "bg-background-primary", a), onKeyDown: d, tabIndex: u, ...g, children: t });
+) : /* @__PURE__ */ g("div", { className: i(n.root, "p-4", "rounded-lg", "bg-background-primary", t), onKeyDown: e, tabIndex: u, ...d, children: o });
 export {
-  p as Card
+  l as Card
 };

package/dist/ui/Card/Card.module.css.js

@@ -1,9 +1,7 @@
-const o = "_root_1cq4m_2", t = "_hover_1cq4m_12", r = {
-  root: o,
-  hover: t
+const o = "_root_jppw0_2", t = {
+  root: o
 };
 export {
-  r as default,
-  t as hover,
+  t as default,
   o as root
 };

package/dist/ui/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/ui/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,CAAC;AAUhB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,GAAI,sFAUlB,SAAS,gCAqBX,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/ui/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,CAAC;AAUhB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,GAAI,sFAUlB,SAAS,gCAsBX,CAAC"}

package/dist/ui/Chip/Chip.js

@@ -1,8 +1,8 @@
 import { jsxs as i } from "react/jsx-runtime";
-import u from "clsx";
-import { Flex as x } from "../Flex/Flex.js";
+import p from "clsx";
+import { Flex as u } from "../Flex/Flex.js";
 import r from "./Chip.module.css.js";
-const p = {
+const x = {
   xs: "rounded-xs",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -11,31 +11,32 @@ const p = {
 }, j = ({
   variant: e = "filled",
   color: s = "secondary",
-  className: t,
-  label: d,
-  startIcon: m,
+  className: m,
+  label: t,
+  startIcon: d,
   endIcon: n,
   rounded: l = "sm",
   onClick: o,
   ...c
 }) => /* @__PURE__ */ i(
-  x,
+  u,
   {
     justifyContent: "center",
     alignItems: "center",
-    className: u(
+    gap: "sm",
+    className: p(
       r.root,
       r[e],
       r[s],
-      p[l],
+      x[l],
       { "cursor-pointer": o },
-      t
+      m
     ),
     onClick: o,
     ...c,
     children: [
-      m,
       d,
+      t,
       n
     ]
   }

package/dist/ui/Flex/Flex.js

@@ -4,7 +4,7 @@ import { GAP_SX as N, DIRECTION_SX as T, ALIGN_ITEMS_SX as f, JUSTIFY_CONTENT_SX
 const a = ({
   children: r,
   direction: t = "row",
-  gap: o = "sm",
+  gap: o = "md",
   justifyContent: e = "start",
   alignItems: m = "stretch",
   className: s,

package/dist/ui/Flex/constants.d.ts

@@ -26,5 +26,5 @@ export declare const GAP_SX: {
 export type AlignItemsType = keyof typeof ALIGN_ITEMS_SX;
 export type JustifayContentType = keyof typeof JUSTIFY_CONTENT_SX;
 export type DirectionType = keyof typeof DIRECTION_SX;
-export type GapType = Size;
+export type GapType = Size | 'none';
 //# sourceMappingURL=constants.d.ts.map

package/dist/ui/Flex/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/ui/Flex/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/ui/Flex/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC"}

package/dist/ui/IconButton/IconButton.d.ts

@@ -1,19 +1,21 @@
-import type { AriaAttributes, ComponentPropsWithRef, ElementType, ReactNode } from 'react';
-import type { Size } from '../../lib/sizes.js';
-export type IconButtonColor = 'primary' | 'secondary' | 'danger';
+import type { AriaAttributes, ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { Size } from "../../lib/sizes.js";
+export type IconButtonColor = "primary" | "secondary" | "danger";
+export type IconButtonVariant = "transparent" | "filled";
 type IconButtonOwnProps<T extends ElementType> = {
     color?: IconButtonColor;
+    variant?: IconButtonVariant;
     size?: Size;
     isLoading?: boolean;
     disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
+    type?: "button" | "submit" | "reset";
     component?: T;
     children?: ReactNode;
     className?: string;
-    'aria-disabled'?: AriaAttributes['aria-disabled'];
-    'aria-busy'?: AriaAttributes['aria-busy'];
+    "aria-disabled"?: AriaAttributes["aria-disabled"];
+    "aria-busy"?: AriaAttributes["aria-busy"];
 };
-export type IconButtonProps<T extends ElementType = 'button'> = IconButtonOwnProps<T> & Omit<ComponentPropsWithRef<T>, keyof IconButtonOwnProps<T>>;
-export declare const IconButton: <T extends ElementType = "button">({ color, size, disabled, isLoading, component, children, className, type, onClick, onKeyDown, tabIndex, "aria-disabled": ariaDisabled, "aria-busy": ariaBusy, ...props }: IconButtonProps<T>) => import("react").JSX.Element;
+export type IconButtonProps<T extends ElementType = "button"> = IconButtonOwnProps<T> & Omit<ComponentPropsWithRef<T>, keyof IconButtonOwnProps<T>>;
+export declare const IconButton: <T extends ElementType = "button">({ color, variant, size, disabled, isLoading, component, children, className, type, onClick, onKeyDown, tabIndex, "aria-disabled": ariaDisabled, "aria-busy": ariaBusy, ...props }: IconButtonProps<T>) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/ui/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/ui/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,WAAW,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAI/C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEjE,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC1D,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,0KAI1D,eAAe,CAAC,CAAC,CAAC,gCA8BpB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/ui/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,WAAW,EAGX,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAI/C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC1D,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,mLAgB1D,eAAe,CAAC,CAAC,CAAC,gCAoDpB,CAAC"}

package/dist/ui/IconButton/IconButton.js

@@ -1,56 +1,72 @@
 "use client";
-import { jsxs as g, jsx as l } from "react/jsx-runtime";
-import k from "clsx";
-import { CircularLoading as N } from "../CircularLoading/CircularLoading.js";
-import a from "./IconButton.module.css.js";
-const P = ({
-  color: m = "primary",
-  size: n = "md",
-  disabled: p = !1,
+import { jsxs as k, jsx as l } from "react/jsx-runtime";
+import N from "clsx";
+import { CircularLoading as j } from "../CircularLoading/CircularLoading.js";
+import o from "./IconButton.module.css.js";
+const E = ({
+  color: p = "primary",
+  variant: m = "transparent",
+  size: i = "md",
+  disabled: c = !1,
   isLoading: r = !1,
-  component: c,
-  children: d,
-  className: u,
-  type: b = "button",
-  onClick: f,
-  onKeyDown: y,
-  tabIndex: h,
-  "aria-disabled": x,
-  "aria-busy": C,
-  ...D
+  component: d,
+  children: u,
+  className: b,
+  type: f = "button",
+  onClick: y,
+  onKeyDown: h,
+  tabIndex: x,
+  "aria-disabled": C,
+  "aria-busy": D,
+  ...g
 }) => {
-  const s = c || "button", o = p || r, i = s === "button", e = typeof s != "string";
-  return /* @__PURE__ */ g(
+  const s = d || "button", a = c || r, n = s === "button", e = typeof s != "string";
+  return /* @__PURE__ */ k(
     s,
     {
-      ...D,
-      type: i || e ? b : void 0,
-      disabled: i || e ? o : void 0,
-      "aria-disabled": o || x,
-      "aria-busy": r || C,
-      tabIndex: !i && o ? -1 : h,
-      className: k(a.root, a[m], a[n], { [a.disabled]: o }, u),
+      ...g,
+      type: n || e ? f : void 0,
+      disabled: n || e ? a : void 0,
+      "aria-disabled": a || C,
+      "aria-busy": r || D,
+      tabIndex: !n && a ? -1 : x,
+      className: N(
+        o.root,
+        o[p],
+        o[m],
+        o[i],
+        { [o.disabled]: a },
+        b
+      ),
       onClick: (t) => {
-        if (o) {
+        if (a) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
-        f?.(t);
+        y?.(t);
       },
       onKeyDown: (t) => {
-        if (o && (t.key === "Enter" || t.key === " ")) {
+        if (a && (t.key === "Enter" || t.key === " ")) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
-        y?.(t);
+        h?.(t);
       },
       children: [
-        /* @__PURE__ */ l("span", { className: a.content, style: { opacity: r ? 0 : 1 }, children: d }),
-        r && /* @__PURE__ */ l(N, { size: n, style: { width: "1em", height: "1em" }, className: a.loading, "aria-hidden": "true" })
+        /* @__PURE__ */ l("span", { className: o.content, style: { opacity: r ? 0 : 1 }, children: u }),
+        r && /* @__PURE__ */ l(
+          j,
+          {
+            size: i,
+            style: { width: "1em", height: "1em" },
+            className: o.loading,
+            "aria-hidden": "true"
+          }
+        )
       ]
     }
   );
 };
 export {
-  P as IconButton
+  E as IconButton
 };

package/dist/ui/IconButton/IconButton.module.css.js

@@ -1,29 +1,31 @@
-const o = "_root_1o2bt_2", t = "_xs_1o2bt_21", _ = "_sm_1o2bt_25", n = "_md_1o2bt_29", s = "_lg_1o2bt_33", c = "_xl_1o2bt_37", d = "_primary_1o2bt_41", a = "_secondary_1o2bt_49", r = "_danger_1o2bt_58", b = "_disabled_1o2bt_67", e = "_content_1o2bt_72", l = "_loading_1o2bt_80", g = {
-  root: o,
-  xs: t,
-  sm: _,
-  md: n,
-  lg: s,
-  xl: c,
-  primary: d,
-  secondary: a,
-  danger: r,
-  disabled: b,
-  content: e,
-  loading: l
+const _ = "_root_1cl4z_2", c = "_xs_1cl4z_23", l = "_sm_1cl4z_28", o = "_md_1cl4z_33", n = "_lg_1cl4z_38", s = "_xl_1cl4z_43", t = "_primary_1cl4z_48", d = "_secondary_1cl4z_56", a = "_danger_1cl4z_65", e = "_filled_1cl4z_74", r = "_disabled_1cl4z_104", z = "_content_1cl4z_113", i = "_loading_1cl4z_121", g = {
+  root: _,
+  xs: c,
+  sm: l,
+  md: o,
+  lg: n,
+  xl: s,
+  primary: t,
+  secondary: d,
+  danger: a,
+  filled: e,
+  disabled: r,
+  content: z,
+  loading: i
 };
 export {
-  e as content,
-  r as danger,
+  z as content,
+  a as danger,
   g as default,
-  b as disabled,
-  s as lg,
-  l as loading,
-  n as md,
-  d as primary,
-  o as root,
-  a as secondary,
-  _ as sm,
-  c as xl,
-  t as xs
+  r as disabled,
+  e as filled,
+  n as lg,
+  i as loading,
+  o as md,
+  t as primary,
+  _ as root,
+  d as secondary,
+  l as sm,
+  s as xl,
+  c as xs
 };

package/dist/ui/index.d.ts

@@ -4,7 +4,7 @@ export { Button, type ButtonProps } from "./Button/Button.js";
 export { Card, type CardProps } from "./Card/Card.js";
 export { Chip, type ChipProps, type ChipColor, type ChipVariant, } from "./Chip/Chip.js";
 export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton.js";
-export { IconButton, type IconButtonProps, type IconButtonColor, } from "./IconButton/IconButton.js";
+export { IconButton, type IconButtonProps, type IconButtonColor, type IconButtonVariant, } from "./IconButton/IconButton.js";
 export { CircularLoading, type CircularLoadingProps, } from "./CircularLoading/CircularLoading.js";
 export { ProgressBar, type ProgressBarProps, } from "./ProgressBar/ProgressBar.js";
 export { Accordion, type AccordionProps } from "./Accordion/Accordion.js";

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [