@konoma-development/react-components 0.2.1 → 0.2.3

package/dist/@konoma-development/react-components.js

@@ -1,7 +1,7 @@
 (function () {
 	'use strict';
 
-	try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@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-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--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:calc(1.5/1);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}:-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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{#app .pointer-events-none{pointer-events:none}#app .visible{visibility:visible}#app .absolute{position:absolute}#app .fixed{position:fixed}#app .relative{position:relative}#app .sticky{position:sticky}#app .inset-0{inset:calc(var(--spacing)*0)}#app .top-0{top:calc(var(--spacing)*0)}#app .top-\\[5px\\]{top:5px}#app .right-0{right:calc(var(--spacing)*0)}#app .right-3{right:calc(var(--spacing)*3)}#app .right-4{right:calc(var(--spacing)*4)}#app .-bottom-0\\.5{bottom:calc(var(--spacing)*-.5)}#app .bottom-0{bottom:calc(var(--spacing)*0)}#app .bottom-4{bottom:calc(var(--spacing)*4)}#app .left-0{left:calc(var(--spacing)*0)}#app .left-3{left:calc(var(--spacing)*3)}#app .left-\\[5px\\]{left:5px}#app .z-1{z-index:1}#app .z-10{z-index:10}#app .z-20{z-index:20}#app .my-auto{margin-block:auto}#app .mt-3{margin-top:calc(var(--spacing)*3)}#app .ml-2{margin-left:calc(var(--spacing)*2)}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline-flex{display:inline-flex}#app .h-0{height:calc(var(--spacing)*0)}#app .h-0\\.5{height:calc(var(--spacing)*.5)}#app .h-1\\.5{height:calc(var(--spacing)*1.5)}#app .h-3{height:calc(var(--spacing)*3)}#app .h-4{height:calc(var(--spacing)*4)}#app .h-5{height:calc(var(--spacing)*5)}#app .h-6{height:calc(var(--spacing)*6)}#app .h-8{height:calc(var(--spacing)*8)}#app .h-10{height:calc(var(--spacing)*10)}#app .h-12{height:calc(var(--spacing)*12)}#app .h-14{height:calc(var(--spacing)*14)}#app .h-16{height:calc(var(--spacing)*16)}#app .h-24{height:calc(var(--spacing)*24)}#app .h-auto{height:auto}#app .h-fit{height:fit-content}#app .h-full{height:100%}#app .h-px{height:1px}#app .max-h-100{max-height:calc(var(--spacing)*100)}#app .max-h-full{max-height:100%}#app .min-h-10{min-height:calc(var(--spacing)*10)}#app .w-0{width:calc(var(--spacing)*0)}#app .w-1\\.5{width:calc(var(--spacing)*1.5)}#app .w-3{width:calc(var(--spacing)*3)}#app .w-4{width:calc(var(--spacing)*4)}#app .w-5{width:calc(var(--spacing)*5)}#app .w-6{width:calc(var(--spacing)*6)}#app .w-8{width:calc(var(--spacing)*8)}#app .w-16{width:calc(var(--spacing)*16)}#app .w-18{width:calc(var(--spacing)*18)}#app .w-48{width:calc(var(--spacing)*48)}#app .w-full{width:100%}#app .max-w-full{max-width:100%}#app .min-w-4{min-width:calc(var(--spacing)*4)}#app .grow{flex-grow:1}#app .animate-spin{animation:var(--animate-spin)}#app .cursor-not-allowed{cursor:not-allowed}#app .cursor-pointer{cursor:pointer}#app .cursor-row-resize{cursor:row-resize}#app .cursor-text{cursor:text}#app .resize{resize:both}#app .resize-none{resize:none}#app .appearance-none{appearance:none}#app .flex-col{flex-direction:column}#app .flex-col-reverse{flex-direction:column-reverse}#app .flex-row{flex-direction:row}#app .flex-row-reverse{flex-direction:row-reverse}#app .flex-wrap{flex-wrap:wrap}#app .items-center{align-items:center}#app .items-start{align-items:flex-start}#app .justify-between{justify-content:space-between}#app .justify-center{justify-content:center}#app .justify-end{justify-content:flex-end}#app .justify-start{justify-content:flex-start}#app .gap-1{gap:calc(var(--spacing)*1)}#app .gap-2{gap:calc(var(--spacing)*2)}#app .gap-4{gap:calc(var(--spacing)*4)}#app .gap-5{gap:calc(var(--spacing)*5)}#app .gap-10{gap:calc(var(--spacing)*10)}:where(#app .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)))}#app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app .overflow-x-auto{overflow-x:auto}#app .overflow-y-auto{overflow-y:auto}#app .rounded-full{border-radius:3.40282e38px}#app .rounded-krc-button{border-radius:var(--krc-button-borderRadius,1.5rem)}#app .rounded-krc-checkbox{border-radius:var(--krc-checkbox-borderRadius,.25rem)}#app .rounded-krc-input{border-radius:var(--krc-input-borderRadius,1.5rem)}#app .rounded-krc-modal{border-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-krc-phone-input{border-radius:var(--krc-phoneInput-borderRadius,1.5rem)}#app .rounded-krc-radiobutton-group{border-radius:var(--krc-radiobuttonGroup-borderRadius,.5rem)}#app .rounded-krc-select{border-radius:var(--krc-select-borderRadius,1.5rem)}#app .rounded-krc-table{border-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-krc-table-column-chooser{border-radius:var(--krc-tableColumnChooser-borderRadius,.375rem)}#app .rounded-krc-tag{border-radius:var(--krc-tag-borderRadius,.75rem)}#app .rounded-krc-tag-list{border-radius:var(--krc-tagList-borderRadius,1.5rem)}#app .rounded-krc-tag-list-add{border-radius:var(--krc-tagListAdd-borderRadius,.75rem)}#app .rounded-krc-textarea{border-radius:var(--krc-textarea-borderRadius,1rem)}#app .rounded-md{border-radius:var(--radius-md)}#app .rounded-t-krc-modal{border-top-left-radius:var(--krc-modal-borderRadius,.5rem);border-top-right-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-t-krc-table{border-top-left-radius:var(--krc-table-borderRadius,1rem);border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}#app .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}#app .rounded-b-krc-modal{border-bottom-right-radius:var(--krc-modal-borderRadius,.5rem);border-bottom-left-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-b-krc-table{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .border{border-style:var(--tw-border-style);border-width:1px}#app .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}#app .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}#app .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}#app .border-none{--tw-border-style:none;border-style:none}#app .bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){#app .bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}#app .bg-krc-table-header{background-color:var(--krc-table-header-backgroundColor,#f9fafb)}#app .bg-white{background-color:var(--color-white)}#app .fill-white{fill:var(--color-white)}#app .p-2{padding:calc(var(--spacing)*2)}#app .p-4{padding:calc(var(--spacing)*4)}#app .px-1{padding-inline:calc(var(--spacing)*1)}#app .px-3{padding-inline:calc(var(--spacing)*3)}#app .px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}#app .px-4{padding-inline:calc(var(--spacing)*4)}#app .px-6{padding-inline:calc(var(--spacing)*6)}#app .py-0{padding-block:calc(var(--spacing)*0)}#app .py-1{padding-block:calc(var(--spacing)*1)}#app .py-2{padding-block:calc(var(--spacing)*2)}#app .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}#app .py-3{padding-block:calc(var(--spacing)*3)}#app .pt-4{padding-top:calc(var(--spacing)*4)}#app .pr-0{padding-right:calc(var(--spacing)*0)}#app .pr-10{padding-right:calc(var(--spacing)*10)}#app .pr-12{padding-right:calc(var(--spacing)*12)}#app .pb-2{padding-bottom:calc(var(--spacing)*2)}#app .pb-4{padding-bottom:calc(var(--spacing)*4)}#app .pl-0{padding-left:calc(var(--spacing)*0)}#app .pl-1{padding-left:calc(var(--spacing)*1)}#app .pl-10{padding-left:calc(var(--spacing)*10)}#app .pl-11{padding-left:calc(var(--spacing)*11)}#app .pl-13{padding-left:calc(var(--spacing)*13)}#app .pl-16{padding-left:calc(var(--spacing)*16)}#app .text-center{text-align:center}#app .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}#app .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#app .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#app .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#app .text-white{color:var(--color-white)}#app .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)}#app .shadow-none{--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)}#app .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)}#app .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)}#app .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .outline-hidden{outline-offset:2px;outline:2px solid #0000}}#app .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}#app .outline-offset-2{outline-offset:2px}#app .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}#app .outline-solid{--tw-outline-style:solid;outline-style:solid}#app .not-disabled\\:bg-white:not(:disabled){background-color:var(--color-white)}#app .group-active\\:outline-solid:is(:where(.group):active *){--tw-outline-style:solid;outline-style:solid}#app .placeholder\\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .first\\:grow:first-child{flex-grow:1}#app .first\\:rounded-tl-krc-table:first-child{border-top-left-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-tr-krc-table:last-child{border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-b-krc-table:last-child{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .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)}#app .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)}#app .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}#app .disabled\\:pointer-events-none:disabled{pointer-events:none}#app .disabled\\:\\!cursor-not-allowed:disabled{cursor:not-allowed!important}#app .disabled\\:\\!opacity-50:disabled{opacity:.5!important}#app .disabled\\:\\!shadow-none:disabled{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .disabled\\:\\!ring-0:disabled{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .has-focus\\:ring-2:has(: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)}}@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-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
+	try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@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-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--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:calc(1.5/1);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{#app .pointer-events-none{pointer-events:none}#app .visible{visibility:visible}#app .absolute{position:absolute}#app .fixed{position:fixed}#app .relative{position:relative}#app .sticky{position:sticky}#app .inset-0{inset:calc(var(--spacing)*0)}#app .top-0{top:calc(var(--spacing)*0)}#app .top-\\[5px\\]{top:5px}#app .right-0{right:calc(var(--spacing)*0)}#app .right-3{right:calc(var(--spacing)*3)}#app .right-4{right:calc(var(--spacing)*4)}#app .-bottom-0\\.5{bottom:calc(var(--spacing)*-.5)}#app .bottom-0{bottom:calc(var(--spacing)*0)}#app .bottom-4{bottom:calc(var(--spacing)*4)}#app .left-0{left:calc(var(--spacing)*0)}#app .left-3{left:calc(var(--spacing)*3)}#app .left-\\[5px\\]{left:5px}#app .z-1{z-index:1}#app .z-10{z-index:10}#app .z-20{z-index:20}#app .my-auto{margin-block:auto}#app .-mt-4{margin-top:calc(var(--spacing)*-4)}#app .mt-3{margin-top:calc(var(--spacing)*3)}#app .ml-2{margin-left:calc(var(--spacing)*2)}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline-flex{display:inline-flex}#app .h-0{height:calc(var(--spacing)*0)}#app .h-0\\.5{height:calc(var(--spacing)*.5)}#app .h-1\\.5{height:calc(var(--spacing)*1.5)}#app .h-3{height:calc(var(--spacing)*3)}#app .h-4{height:calc(var(--spacing)*4)}#app .h-5{height:calc(var(--spacing)*5)}#app .h-6{height:calc(var(--spacing)*6)}#app .h-8{height:calc(var(--spacing)*8)}#app .h-10{height:calc(var(--spacing)*10)}#app .h-12{height:calc(var(--spacing)*12)}#app .h-14{height:calc(var(--spacing)*14)}#app .h-16{height:calc(var(--spacing)*16)}#app .h-24{height:calc(var(--spacing)*24)}#app .h-auto{height:auto}#app .h-fit{height:fit-content}#app .h-full{height:100%}#app .h-px{height:1px}#app .max-h-100{max-height:calc(var(--spacing)*100)}#app .max-h-full{max-height:100%}#app .min-h-10{min-height:calc(var(--spacing)*10)}#app .w-0{width:calc(var(--spacing)*0)}#app .w-1\\.5{width:calc(var(--spacing)*1.5)}#app .w-3{width:calc(var(--spacing)*3)}#app .w-4{width:calc(var(--spacing)*4)}#app .w-5{width:calc(var(--spacing)*5)}#app .w-6{width:calc(var(--spacing)*6)}#app .w-8{width:calc(var(--spacing)*8)}#app .w-16{width:calc(var(--spacing)*16)}#app .w-18{width:calc(var(--spacing)*18)}#app .w-48{width:calc(var(--spacing)*48)}#app .w-full{width:100%}#app .max-w-full{max-width:100%}#app .min-w-4{min-width:calc(var(--spacing)*4)}#app .grow{flex-grow:1}#app .animate-spin{animation:var(--animate-spin)}#app .cursor-not-allowed{cursor:not-allowed}#app .cursor-pointer{cursor:pointer}#app .cursor-row-resize{cursor:row-resize}#app .cursor-text{cursor:text}#app .resize{resize:both}#app .resize-none{resize:none}#app .appearance-none{appearance:none}#app .flex-col{flex-direction:column}#app .flex-col-reverse{flex-direction:column-reverse}#app .flex-row{flex-direction:row}#app .flex-row-reverse{flex-direction:row-reverse}#app .flex-wrap{flex-wrap:wrap}#app .items-center{align-items:center}#app .items-start{align-items:flex-start}#app .justify-between{justify-content:space-between}#app .justify-center{justify-content:center}#app .justify-end{justify-content:flex-end}#app .justify-start{justify-content:flex-start}#app .gap-1{gap:calc(var(--spacing)*1)}#app .gap-2{gap:calc(var(--spacing)*2)}#app .gap-4{gap:calc(var(--spacing)*4)}#app .gap-5{gap:calc(var(--spacing)*5)}#app .gap-10{gap:calc(var(--spacing)*10)}:where(#app .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)))}#app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app .overflow-x-auto{overflow-x:auto}#app .overflow-y-auto{overflow-y:auto}#app .rounded-full{border-radius:3.40282e38px}#app .rounded-krc-button{border-radius:var(--krc-button-borderRadius,1.5rem)}#app .rounded-krc-checkbox{border-radius:var(--krc-checkbox-borderRadius,.25rem)}#app .rounded-krc-input{border-radius:var(--krc-input-borderRadius,1.5rem)}#app .rounded-krc-modal{border-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-krc-phone-input{border-radius:var(--krc-phoneInput-borderRadius,1.5rem)}#app .rounded-krc-radiobutton-group{border-radius:var(--krc-radiobuttonGroup-borderRadius,.5rem)}#app .rounded-krc-select{border-radius:var(--krc-select-borderRadius,1.5rem)}#app .rounded-krc-table{border-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-krc-table-column-chooser{border-radius:var(--krc-tableColumnChooser-borderRadius,.375rem)}#app .rounded-krc-tag{border-radius:var(--krc-tag-borderRadius,.75rem)}#app .rounded-krc-tag-list{border-radius:var(--krc-tagList-borderRadius,1.5rem)}#app .rounded-krc-tag-list-add{border-radius:var(--krc-tagListAdd-borderRadius,.75rem)}#app .rounded-krc-textarea{border-radius:var(--krc-textarea-borderRadius,1rem)}#app .rounded-md{border-radius:var(--radius-md)}#app .rounded-t-krc-modal{border-top-left-radius:var(--krc-modal-borderRadius,.5rem);border-top-right-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-t-krc-table{border-top-left-radius:var(--krc-table-borderRadius,1rem);border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}#app .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}#app .rounded-b-krc-modal{border-bottom-right-radius:var(--krc-modal-borderRadius,.5rem);border-bottom-left-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-b-krc-table{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .border{border-style:var(--tw-border-style);border-width:1px}#app .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}#app .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}#app .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}#app .border-none{--tw-border-style:none;border-style:none}#app .bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){#app .bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}#app .bg-krc-table-header{background-color:var(--krc-table-header-backgroundColor,#f9fafb)}#app .bg-white{background-color:var(--color-white)}#app .fill-white{fill:var(--color-white)}#app .p-2{padding:calc(var(--spacing)*2)}#app .p-4{padding:calc(var(--spacing)*4)}#app .px-1{padding-inline:calc(var(--spacing)*1)}#app .px-3{padding-inline:calc(var(--spacing)*3)}#app .px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}#app .px-4{padding-inline:calc(var(--spacing)*4)}#app .px-6{padding-inline:calc(var(--spacing)*6)}#app .py-0{padding-block:calc(var(--spacing)*0)}#app .py-1{padding-block:calc(var(--spacing)*1)}#app .py-2{padding-block:calc(var(--spacing)*2)}#app .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}#app .py-3{padding-block:calc(var(--spacing)*3)}#app .pt-4{padding-top:calc(var(--spacing)*4)}#app .pr-0{padding-right:calc(var(--spacing)*0)}#app .pr-10{padding-right:calc(var(--spacing)*10)}#app .pr-12{padding-right:calc(var(--spacing)*12)}#app .pb-2{padding-bottom:calc(var(--spacing)*2)}#app .pb-4{padding-bottom:calc(var(--spacing)*4)}#app .pl-0{padding-left:calc(var(--spacing)*0)}#app .pl-1{padding-left:calc(var(--spacing)*1)}#app .pl-10{padding-left:calc(var(--spacing)*10)}#app .pl-11{padding-left:calc(var(--spacing)*11)}#app .pl-13{padding-left:calc(var(--spacing)*13)}#app .pl-16{padding-left:calc(var(--spacing)*16)}#app .text-center{text-align:center}#app .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}#app .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#app .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#app .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#app .text-white{color:var(--color-white)}#app .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)}#app .shadow-none{--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)}#app .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)}#app .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)}#app .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .outline-hidden{outline-offset:2px;outline:2px solid #0000}}#app .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}#app .outline-offset-2{outline-offset:2px}#app .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}#app .outline-solid{--tw-outline-style:solid;outline-style:solid}#app .not-disabled\\:bg-white:not(:disabled){background-color:var(--color-white)}#app .group-active\\:outline-solid:is(:where(.group):active *){--tw-outline-style:solid;outline-style:solid}#app .placeholder\\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .first\\:grow:first-child{flex-grow:1}#app .first\\:rounded-tl-krc-table:first-child{border-top-left-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-tr-krc-table:last-child{border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-b-krc-table:last-child{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .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)}#app .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)}#app .focus\\:not-disabled\\:ring-2:focus:not(:disabled){--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)}#app .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}#app .disabled\\:pointer-events-none:disabled{pointer-events:none}#app .disabled\\:\\!cursor-not-allowed:disabled{cursor:not-allowed!important}#app .disabled\\:\\!opacity-50:disabled{opacity:.5!important}#app .disabled\\:\\!shadow-none:disabled{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .disabled\\:\\!ring-0:disabled{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .has-focus\\:ring-2:has(: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)}}@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-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
 
 })();
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -2335,9 +2335,10 @@ var Icon$1 = React__default.forwardRef(
 function Icon({
   path,
   name,
+  dataTestId,
   ...props
 }) {
-  return path ? /* @__PURE__ */ jsx("svg", { ...props, children: /* @__PURE__ */ jsx("use", { href: path }) }) : name ? /* @__PURE__ */ jsx(Icon$1, { icon: name, height: "none", width: "none", ...props }) : /* @__PURE__ */ jsx(Fragment, {});
+  return path ? /* @__PURE__ */ jsx("svg", { ...props, "data-testid": dataTestId, children: /* @__PURE__ */ jsx("use", { href: path }) }) : name ? /* @__PURE__ */ jsx(Icon$1, { "data-testid": dataTestId, icon: name, height: "none", width: "none", ...props }) : /* @__PURE__ */ jsx(Fragment, {});
 }
 
 const baseClasses$d = {
@@ -2372,6 +2373,7 @@ function Checkbox({
   className = "",
   name,
   error,
+  dataTestId,
   ...props
 }) {
   const ref = useRef(null);
@@ -2393,6 +2395,7 @@ function Checkbox({
           className: "h-0 w-0 appearance-none",
           defaultChecked: !!defaultValue,
           checked: !!value,
+          "data-testid": dataTestId,
           onChange: (e) => onChange(e.target.checked, e),
           disabled,
           ...props
@@ -2412,6 +2415,7 @@ function Checkbox({
           name,
           className: "h-0 w-0 appearance-none",
           defaultChecked: !!defaultValue,
+          "data-testid": dataTestId,
           onChange: (e) => onChange(e.target.checked, e),
           disabled
         }
@@ -2431,6 +2435,7 @@ function Checkbox({
           value: 0,
           className: "h-0 w-0 appearance-none",
           defaultChecked: !!defaultValue,
+          "data-testid": dataTestId,
           onChange: (e) => onChange(e.target.checked, e),
           disabled
         }
@@ -2469,6 +2474,7 @@ function CheckboxList({
   required,
   labelPosition = "top",
   values = [],
+  dataTestId = "",
   onChange = () => {
     return;
   }
@@ -2483,6 +2489,7 @@ function CheckboxList({
       return /* @__PURE__ */ jsx(
         Checkbox,
         {
+          dataTestId: dataTestId + i,
           name,
           label: option.label.toString(),
           error,
@@ -2509,6 +2516,7 @@ function Form({
   validators,
   data,
   formRef,
+  dataTestId,
   onValidation = () => {
     return;
   },
@@ -2557,7 +2565,7 @@ function Form({
     setErrors(errors2);
     onValidation(errors2);
   }
-  return /* @__PURE__ */ jsx("form", { ref: formRef, onSubmit: submit, className, children: /* @__PURE__ */ jsx(ErrorContext.Provider, { value: { errors, setErrors: updateErrors }, children }) });
+  return /* @__PURE__ */ jsx("form", { ref: formRef, "data-testid": dataTestId, onSubmit: submit, className, children: /* @__PURE__ */ jsx(ErrorContext.Provider, { value: { errors, setErrors: updateErrors }, children }) });
 }
 
 /** Checks if value is string */
@@ -7530,20 +7538,21 @@ const IMaskInputFn = (props, ref) => React__default.createElement(IMaskInputClas
 const IMaskInput = React__default.forwardRef(IMaskInputFn);
 
 const baseClasses$b = {
-  classes: "w-full h-10 rounded-krc-input px-3 py-2 outline-hidden placeholder:text-secondary-500 placeholder:text-sm text-secondary-900 text-sm disabled:pointer-events-none not-disabled:bg-white disabled:bg-secondary-50",
+  controlClasses: "w-full h-10 rounded-krc-input px-3 py-2 outline-hidden placeholder:text-secondary-500 placeholder:text-sm text-secondary-900 text-sm disabled:pointer-events-none not-disabled:bg-white disabled:bg-secondary-50 disabled:text-secondary-400",
   wrapperClasses: "group flex flex-col gap-1",
   labelClasses: "flex flex-row justify-start text-sm font-medium text-secondary-900",
   iconLeftClasses: "absolute bottom-0 left-3 top-0 my-auto h-5 w-5 text-secondary-300",
   iconRightClasses: "h-5 w-5",
-  wrapperRightClasses: "absolute bottom-0 right-3 top-0 my-auto flex flex-row items-center gap-2 text-secondary-300 text-sm",
-  errorClasses: "text-sm text-error-500",
+  wrapperRightClasses: "absolute right-3 top-0 my-auto flex flex-row items-center gap-2 text-secondary-300 text-sm h-10",
+  errorClasses: "text-sm text-error-500 -mt-4",
   classesError: "ring-error-500 ring-2",
-  classesNeutral: "border-secondary-300 border focus:ring-2 hover:border-secondary-400 focus:ring-primary-900",
+  classesNeutral: "border-secondary-300 border focus:not-disabled:ring-2 hover:not-disabled:border-secondary-400 focus:not-disabled:ring-primary-900",
   additionalClassesIconLeft: "pl-10",
-  additionalClassesIconRight: "pr-12"
+  additionalClassesIconRight: "pr-12",
+  classes: "relative h-14"
 };
 function Input$2({
-  classes = baseClasses$b.classes,
+  controlClasses = baseClasses$b.controlClasses,
   wrapperClasses = baseClasses$b.wrapperClasses,
   labelClasses = baseClasses$b.labelClasses,
   iconLeftClasses = baseClasses$b.iconLeftClasses,
@@ -7551,6 +7560,7 @@ function Input$2({
   errorClasses = baseClasses$b.errorClasses,
   classesError = baseClasses$b.classesError,
   classesNeutral = baseClasses$b.classesNeutral,
+  classes = baseClasses$b.classes,
   additionalClassesIconLeft = baseClasses$b.additionalClassesIconLeft,
   additionalClassesIconRight = baseClasses$b.additionalClassesIconRight,
   wrapperRightClasses = baseClasses$b.wrapperRightClasses,
@@ -7570,6 +7580,7 @@ function Input$2({
   defaultValue,
   placeholder,
   className = "",
+  dataTestId,
   onIconRightClick = () => {
     return;
   },
@@ -7590,7 +7601,7 @@ function Input$2({
   },
   ...props
 }) {
-  const classesFull = [classes];
+  const classesFull = [controlClasses];
   if (iconLeftPath || iconLeftName) {
     classesFull.push(additionalClassesIconLeft);
   }
@@ -7614,7 +7625,7 @@ function Input$2({
       " ",
       required && "*"
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs("div", { className: classes, children: [
       mask ? /* @__PURE__ */ jsx(
         IMaskInput,
         {
@@ -7623,6 +7634,7 @@ function Input$2({
           unmask: true,
           ref,
           step,
+          "data-testid": dataTestId,
           inputRef,
           placeholder,
           value: value?.toString(),
@@ -7632,7 +7644,9 @@ function Input$2({
             onChange(e.currentTarget.value);
           },
           onClick: (e) => {
-            ref.current?.showPicker?.();
+            if (e.isTrusted) {
+              ref.current?.showPicker?.();
+            }
             onClick(e);
           },
           onBlur,
@@ -7646,13 +7660,16 @@ function Input$2({
           ...props,
           ref,
           placeholder,
-          value: value?.toString(),
-          defaultValue: defaultValue?.toString(),
+          "data-testid": dataTestId,
+          value: value?.toString() || "",
+          defaultValue: defaultValue?.toString() || "",
           onInput: (e) => {
             onChange(e.currentTarget.value);
           },
           onClick: (e) => {
-            ref.current?.showPicker();
+            if (e.isTrusted) {
+              ref.current?.showPicker?.();
+            }
             onClick(e);
           },
           step,
@@ -8197,7 +8214,7 @@ function requireReactDom_production () {
 	reactDom_production.useFormStatus = function () {
 	  return ReactSharedInternals.H.useHostTransitionStatus();
 	};
-	reactDom_production.version = "19.1.0";
+	reactDom_production.version = "19.2.0";
 	return reactDom_production;
 }
 
@@ -8625,7 +8642,7 @@ function requireReactDom_development () {
 	    reactDom_development.useFormStatus = function () {
 	      return resolveDispatcher().useHostTransitionStatus();
 	    };
-	    reactDom_development.version = "19.1.0";
+	    reactDom_development.version = "19.2.0";
 	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
 	      "function" ===
 	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -8722,8 +8739,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
+const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
+  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -8748,19 +8766,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
+const lrPlacement = ['left', 'right'];
+const rlPlacement = ['right', 'left'];
+const tbPlacement = ['top', 'bottom'];
+const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
-  const lr = ['left', 'right'];
-  const rl = ['right', 'left'];
-  const tb = ['top', 'bottom'];
-  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
     case 'left':
     case 'right':
-      return isStart ? tb : bt;
+      return isStart ? tbPlacement : btPlacement;
     default:
       return [];
   }
@@ -9102,7 +9120,7 @@ const flip$2 = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -9281,6 +9299,7 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -9288,27 +9307,32 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
+const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-  return ['table', 'td', 'th'].includes(getNodeName(element));
+  return tableElements.has(getNodeName(element));
 }
+const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-  return [':popover-open', ':modal'].some(selector => {
+  return topLayerSelectors.some(selector => {
     try {
       return element.matches(selector);
-    } catch (e) {
+    } catch (_e) {
       return false;
     }
   });
 }
+const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
+const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
+const containValues = ['paint', 'layout', 'strict', 'content'];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
   const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -9326,8 +9350,9 @@ function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
 }
+const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return ['html', 'body', '#document'].includes(getNodeName(node));
+  return lastTraversableNodeNames.has(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
@@ -9527,14 +9552,9 @@ function getWindowScrollBarX(element, rect) {
   return rect.left + leftScroll;
 }
 
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
-  // RTL <body> scrollbar.
-  getWindowScrollBarX(documentElement, htmlRect));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -9573,7 +9593,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -9607,6 +9627,10 @@ function getDocumentRect(element) {
   };
 }
 
+// Safety check: ensure the scrollbar space is reasonable in case this
+// calculation is affected by unusual styles.
+// Most scrollbars leave 15-18px of space.
+const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -9624,6 +9648,24 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
+  // visual width of the <html> but this is not considered in the size
+  // of `html.clientWidth`.
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    // If the <body> scrollbar is on the left, the width needs to be extended
+    // by the scrollbar amount so there isn't extra space on the right.
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -9632,6 +9674,7 @@ function getViewportRect(element, strategy) {
   };
 }
 
+const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -9696,7 +9739,7 @@ function getClippingElementAncestors(element, cache) {
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       // Drop non-containing blocks.
       result = result.filter(ancestor => ancestor !== currentNode);
@@ -12671,7 +12714,8 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       prevWasFocused: false,
       inputIsHiddenAfterUpdate: undefined,
       prevProps: undefined,
-      instancePrefix: ''
+      instancePrefix: '',
+      isAppleDevice: false
     };
     _this.blockOptionHover = false;
     _this.isComposing = false;
@@ -12681,7 +12725,6 @@ var Select$1 = /*#__PURE__*/function (_Component) {
     _this.openAfterFocus = false;
     _this.scrollToFocusedOptionOnUpdate = false;
     _this.userIsDragging = void 0;
-    _this.isAppleDevice = isAppleDevice();
     _this.controlRef = null;
     _this.getControlRef = function (ref) {
       _this.controlRef = ref;
@@ -13218,6 +13261,12 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) {
         scrollIntoView(this.menuListRef, this.focusedOptionRef);
       }
+      if (isAppleDevice()) {
+        // eslint-disable-next-line react/no-did-mount-set-state
+        this.setState({
+          isAppleDevice: true
+        });
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -13597,7 +13646,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         'aria-labelledby': this.props['aria-labelledby'],
         'aria-required': required,
         role: 'combobox',
-        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId || ''
+        'aria-activedescendant': this.state.isAppleDevice ? undefined : this.state.focusedOptionId || ''
       }, menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }), !isSearchable && {
@@ -13846,7 +13895,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1,
           role: 'option',
-          'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
+          'aria-selected': _this4.state.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
 
         return /*#__PURE__*/React.createElement(Option, _extends({}, commonProps, {
@@ -14025,7 +14074,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         isFocused: isFocused,
         selectValue: selectValue,
         focusableOptions: focusableOptions,
-        isAppleDevice: this.isAppleDevice
+        isAppleDevice: this.state.isAppleDevice
       }));
     }
   }, {
@@ -14245,7 +14294,7 @@ function ComponentsWrapper({ children, locale }) {
 const CUSTOM_ENTRY_VALUE = "CUSTOM_ENTRY_VALUE";
 const baseClasses$a = {
   classes: "rounded-krc-select h-10 py-0 border shadow-none",
-  errorClasses: "text-sm text-error-500",
+  errorClasses: "text-sm text-error-500 -mt-4",
   labelClasses: "text-sm font-medium text-secondary-900",
   labelWrapperClasses: "group flex flex-col gap-1",
   classesNeutral: "border-secondary-300 group-hover:border-secondary-400",
@@ -14295,6 +14344,7 @@ function Select({
   customValueLabel = "Eigenen Wert hinzufügen",
   menuPortalTarget,
   isMulti,
+  dataTestId,
   onInput = () => {
     return;
   },
@@ -14348,6 +14398,8 @@ function Select({
               borderRadius: void 0
             })
           },
+          "data-testid": dataTestId,
+          id: dataTestId,
           isSearchable: searchable,
           menuPlacement,
           isDisabled: disabled,
@@ -14474,6 +14526,7 @@ function PhoneInput({
   name,
   value,
   defaultValue,
+  dataTestId,
   className = "",
   onChange = () => {
     return;
@@ -14563,6 +14616,7 @@ function PhoneInput({
             mask: masks[countryCode.label],
             radix: ".",
             unmask: true,
+            "data-testid": dataTestId,
             ref,
             id: name,
             placeholder: placeholders[countryCode.label],
@@ -14615,6 +14669,7 @@ function RadioButtonGroup({
   value,
   label,
   name,
+  dataTestId = "",
   arrangement = "horizontal",
   onChange = () => {
     return;
@@ -14634,6 +14689,7 @@ function RadioButtonGroup({
           {
             className: "appearance-none",
             type: "radio",
+            "data-testid": dataTestId + i,
             name,
             value: option.value.toString(),
             checked: value?.toString() === option.value.toString(),
@@ -14664,6 +14720,7 @@ function Tag({
   iconLeftName,
   iconRightPath,
   iconRightName,
+  dataTestId,
   title,
   onClick = () => {
     return;
@@ -14675,7 +14732,7 @@ function Tag({
     return;
   }
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, onClick, children: [
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, onClick, "data-testid": dataTestId, children: [
     (iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { name: iconLeftName, path: iconLeftPath, className: iconLeftClasses, onClick: onClickIconLeft }),
     /* @__PURE__ */ jsx("div", { className: titleClasses, children: title }),
     (iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { name: iconRightName, path: iconRightPath, className: iconRightClasses, onClick: onClickIconRight })
@@ -14700,6 +14757,7 @@ function TagList({
   error,
   required,
   values,
+  dataTestId,
   addTagTitle = "",
   onChange = () => {
     return;
@@ -14720,12 +14778,22 @@ function TagList({
       required && "*"
     ] }),
     /* @__PURE__ */ jsxs("div", { className: classesFull.join(" "), children: [
-      values?.map((value, i) => /* @__PURE__ */ jsx(Tag, { title: value.toString(), onClick: () => onChange(value), iconRightName: "heroicons:x-mark-16-solid" }, i)),
+      values?.map((value, i) => /* @__PURE__ */ jsx(
+        Tag,
+        {
+          title: value.toString(),
+          onClick: () => onChange(value),
+          "data-testid": dataTestId,
+          iconRightName: "heroicons:x-mark-16-solid"
+        },
+        i
+      )),
       /* @__PURE__ */ jsx(
         Tag,
         {
           title: addTagTitle,
           iconLeftName: "heroicons:plus-16-solid",
+          "data-testid": dataTestId,
           wrapperClasses: "flex flex-row h-6 cursor-pointer items-center justify-center gap-1 rounded-krc-tag-list-add border border-secondary-300 px-3 py-1 bg-white",
           onClick: () => onChange("")
         }
@@ -15608,6 +15676,7 @@ function Textarea({
   value,
   disabled,
   defaultValue,
+  dataTestId,
   maxLengthLabel,
   /** UNUSED, only listed so that the typing for onInput does not clash with the onInput event of the textarea */
   onInput = () => {
@@ -15667,6 +15736,7 @@ function Textarea({
           {
             maxLength: maxLength || void 0,
             ref: textarea,
+            "data-testid": dataTestId,
             value: text,
             disabled,
             defaultValue: defaultValue?.toString(),
@@ -15750,7 +15820,7 @@ const validators = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
 }, Symbol.toStringTag, { value: 'Module' }));
 
 /*!
-* tabbable 6.2.0
+* tabbable 6.3.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer
@@ -15777,7 +15847,7 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
  * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
  *  False if `node` is falsy.
  */
-var isInert = function isInert(node, lookUp) {
+var _isInert = function isInert(node, lookUp) {
   var _node$getAttribute;
   if (lookUp === void 0) {
     lookUp = true;
@@ -15793,7 +15863,7 @@ var isInert = function isInert(node, lookUp) {
   //  code works for any kind of node
   // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
   //  so it likely would not support `:is([inert] *)` either...
-  var result = inert || lookUp && node && isInert(node.parentNode); // recursive
+  var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
 
   return result;
 };
@@ -15821,7 +15891,7 @@ var isContentEditable = function isContentEditable(node) {
 var getCandidates = function getCandidates(el, includeContainer, filter) {
   // even if `includeContainer=false`, we still have to check it for inertness because
   //  if it's inert, all its children are inert
-  if (isInert(el)) {
+  if (_isInert(el)) {
     return [];
   }
   var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
@@ -15866,12 +15936,12 @@ var getCandidates = function getCandidates(el, includeContainer, filter) {
  * @param {IterativeOptions} options
  * @returns {Array.<Element|CandidateScope>}
  */
-var getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
+var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
   var candidates = [];
   var elementsToCheck = Array.from(elements);
   while (elementsToCheck.length) {
     var element = elementsToCheck.shift();
-    if (isInert(element, false)) {
+    if (_isInert(element, false)) {
       // no need to look up since we're drilling down
       // anything inside this container will also be inert
       continue;
@@ -15880,7 +15950,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
       // add shadow dom slot scope (slot itself cannot be focusable)
       var assigned = element.assignedElements();
       var content = assigned.length ? assigned : element.children;
-      var nestedCandidates = getCandidatesIteratively(content, true, options);
+      var nestedCandidates = _getCandidatesIteratively(content, true, options);
       if (options.flatten) {
         candidates.push.apply(candidates, nestedCandidates);
       } else {
@@ -15904,7 +15974,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
       // no inert look up because we're already drilling down and checking for inertness
       //  on the way down, so all containers to this root node should have already been
       //  vetted as non-inert
-      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
+      var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
       if (shadowRoot && validShadowRoot) {
         // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed
         //  shadow exists, so look at light dom children as fallback BUT create a scope for any
@@ -15912,7 +15982,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
         //  children of the web component element (which has the shadow), in the light dom, but
         //  slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,
         //  _after_ we return from this recursive call
-        var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
+        var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
         if (options.flatten) {
           candidates.push.apply(candidates, _nestedCandidates);
         } else {
@@ -16089,6 +16159,28 @@ var isZeroArea = function isZeroArea(node) {
 var isHidden = function isHidden(node, _ref) {
   var displayCheck = _ref.displayCheck,
     getShadowRoot = _ref.getShadowRoot;
+  if (displayCheck === 'full-native') {
+    if ('checkVisibility' in node) {
+      // Chrome >= 105, Edge >= 105, Firefox >= 106, Safari >= 17.4
+      // @see https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility#browser_compatibility
+      var visible = node.checkVisibility({
+        // Checking opacity might be desirable for some use cases, but natively,
+        // opacity zero elements _are_ focusable and tabbable.
+        checkOpacity: false,
+        opacityProperty: false,
+        contentVisibilityAuto: true,
+        visibilityProperty: true,
+        // This is an alias for `visibilityProperty`. Contemporary browsers
+        // support both. However, this alias has wider browser support (Chrome
+        // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+        // we include it anyway.
+        checkVisibilityCSS: true
+      });
+      return !visible;
+    }
+    // Fall through to manual visibility checks
+  }
+
   // NOTE: visibility will be `undefined` if node is detached from the document
   //  (see notes about this further down), which means we will consider it visible
   //  (this is legacy behavior from a very long way back)
@@ -16102,7 +16194,10 @@ var isHidden = function isHidden(node, _ref) {
   if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {
     return true;
   }
-  if (!displayCheck || displayCheck === 'full' || displayCheck === 'legacy-full') {
+  if (!displayCheck || displayCheck === 'full' ||
+  // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  displayCheck === 'full-native' || displayCheck === 'legacy-full') {
     if (typeof getShadowRoot === 'function') {
       // figure out if we should consider the node to be in an undisclosed shadow and use the
       //  'non-zero-area' fallback
@@ -16215,7 +16310,7 @@ var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(o
   // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
+  _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
   // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
@@ -16228,7 +16323,7 @@ var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(opt
   }
   return true;
 };
-var isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNode) {
+var isShadowRootTabbable = function isShadowRootTabbable(shadowHostNode) {
   var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);
   if (isNaN(tabIndex) || tabIndex >= 0) {
     return true;
@@ -16242,14 +16337,14 @@ var isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNod
  * @param {Array.<Element|CandidateScope>} candidates
  * @returns Element[]
  */
-var sortByOrder = function sortByOrder(candidates) {
+var _sortByOrder = function sortByOrder(candidates) {
   var regularTabbables = [];
   var orderedTabbables = [];
   candidates.forEach(function (item, i) {
     var isScope = !!item.scopeParent;
     var element = isScope ? item.scopeParent : item;
     var candidateTabindex = getSortOrderTabIndex(element, isScope);
-    var elements = isScope ? sortByOrder(item.candidates) : element;
+    var elements = isScope ? _sortByOrder(item.candidates) : element;
     if (candidateTabindex === 0) {
       isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
     } else {
@@ -16271,22 +16366,22 @@ var tabbable = function tabbable(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorTabbable.bind(null, options),
       flatten: false,
       getShadowRoot: options.getShadowRoot,
-      shadowRootFilter: isValidShadowRootTabbable
+      shadowRootFilter: isShadowRootTabbable
     });
   } else {
     candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
   }
-  return sortByOrder(candidates);
+  return _sortByOrder(candidates);
 };
 var focusable = function focusable(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorFocusable.bind(null, options),
       flatten: true,
       getShadowRoot: options.getShadowRoot
@@ -16422,23 +16517,15 @@ function getFloatingFocusElement(floatingElement) {
   return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE$1) ? floatingElement : floatingElement.querySelector("[" + FOCUSABLE_ATTRIBUTE$1 + "]") || floatingElement;
 }
 
-function getNodeChildren(nodes, id) {
-  let allChildren = nodes.filter(node => {
+function getNodeChildren(nodes, id, onlyOpenChildren) {
+  if (onlyOpenChildren === void 0) {
+    onlyOpenChildren = true;
+  }
+  const directChildren = nodes.filter(node => {
     var _node$context;
-    return node.parentId === id && ((_node$context = node.context) == null ? void 0 : _node$context.open);
+    return node.parentId === id && (!onlyOpenChildren || ((_node$context = node.context) == null ? void 0 : _node$context.open));
   });
-  let currentChildren = allChildren;
-  while (currentChildren.length) {
-    currentChildren = nodes.filter(node => {
-      var _currentChildren;
-      return (_currentChildren = currentChildren) == null ? void 0 : _currentChildren.some(n => {
-        var _node$context2;
-        return node.parentId === n.id && ((_node$context2 = node.context) == null ? void 0 : _node$context2.open);
-      });
-    });
-    allChildren = allChildren.concat(currentChildren);
-  }
-  return allChildren;
+  return directChildren.flatMap(child => [child, ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);
 }
 function getNodeAncestors(nodes, id) {
   var _nodes$find;
@@ -17064,7 +17151,7 @@ function markOthers(avoidElements, ariaHidden, inert) {
     inert = false;
   }
   const body = getDocument(avoidElements[0]).body;
-  return applyAttributeToOthers(avoidElements.concat(Array.from(body.querySelectorAll('[aria-live]'))), body, ariaHidden, inert);
+  return applyAttributeToOthers(avoidElements.concat(Array.from(body.querySelectorAll('[aria-live],[role="status"],output'))), body, ariaHidden, inert);
 }
 
 const HIDDEN_STYLES = {
@@ -17157,7 +17244,7 @@ function useFloatingPortalNode(props) {
     if (!uniqueId) return;
     if (portalNodeRef.current) return;
     let container = root || (portalContext == null ? void 0 : portalContext.portalNode);
-    if (container && !isElement(container)) container = container.current;
+    if (container && !isNode(container)) container = container.current;
     container = container || document.body;
     let idWrapper = null;
     if (id) {
@@ -17300,8 +17387,11 @@ function useLiteMergeRefs(refs) {
 
 const LIST_LIMIT = 20;
 let previouslyFocusedElements = [];
-function addPreviouslyFocusedElement(element) {
+function clearDisconnectedPreviouslyFocusedElements() {
   previouslyFocusedElements = previouslyFocusedElements.filter(el => el.isConnected);
+}
+function addPreviouslyFocusedElement(element) {
+  clearDisconnectedPreviouslyFocusedElements();
   if (element && getNodeName(element) !== 'body') {
     previouslyFocusedElements.push(element);
     if (previouslyFocusedElements.length > LIST_LIMIT) {
@@ -17310,7 +17400,8 @@ function addPreviouslyFocusedElement(element) {
   }
 }
 function getPreviouslyFocusedElement() {
-  return previouslyFocusedElements.slice().reverse().find(el => el.isConnected);
+  clearDisconnectedPreviouslyFocusedElements();
+  return previouslyFocusedElements[previouslyFocusedElements.length - 1];
 }
 function getFirstTabbableElement(container) {
   const tabbableOptions = getTabbableOptions();
@@ -17406,6 +17497,7 @@ function FloatingFocusManager(props) {
   const preventReturnFocusRef = React.useRef(false);
   const isPointerDownRef = React.useRef(false);
   const tabbableIndexRef = React.useRef(-1);
+  const blurTimeoutRef = React.useRef(-1);
   const isInsidePortal = portalContext != null;
   const floatingFocusElement = getFloatingFocusElement(floating);
   const getTabbableContent = useEffectEvent(function (container) {
@@ -17533,14 +17625,28 @@ function FloatingFocusManager(props) {
         }
       });
     }
+    const shouldHandleBlurCapture = Boolean(!tree && portalContext);
+    function markInsideReactTree() {
+      clearTimeoutIfSet(blurTimeoutRef);
+      dataRef.current.insideReactTree = true;
+      blurTimeoutRef.current = window.setTimeout(() => {
+        dataRef.current.insideReactTree = false;
+      });
+    }
     if (floating && isHTMLElement(domReference)) {
       domReference.addEventListener('focusout', handleFocusOutside);
       domReference.addEventListener('pointerdown', handlePointerDown);
       floating.addEventListener('focusout', handleFocusOutside);
+      if (shouldHandleBlurCapture) {
+        floating.addEventListener('focusout', markInsideReactTree, true);
+      }
       return () => {
         domReference.removeEventListener('focusout', handleFocusOutside);
         domReference.removeEventListener('pointerdown', handlePointerDown);
         floating.removeEventListener('focusout', handleFocusOutside);
+        if (shouldHandleBlurCapture) {
+          floating.removeEventListener('focusout', markInsideReactTree, true);
+        }
       };
     }
   }, [disabled, domReference, floating, floatingFocusElement, modal, tree, portalContext, onOpenChange, closeOnFocusOut, restoreFocus, getTabbableContent, isUntrappedTypeableCombobox, getNodeId, orderRef, dataRef]);
@@ -17556,15 +17662,11 @@ function FloatingFocusManager(props) {
     // Don't hide portals nested within the parent portal.
     const portalNodes = Array.from((portalContext == null || (_portalContext$portal = portalContext.portalNode) == null ? void 0 : _portalContext$portal.querySelectorAll("[" + createAttribute('portal') + "]")) || []);
     const ancestors = tree ? getNodeAncestors(tree.nodesRef.current, getNodeId()) : [];
-    const ancestorFloatingNodes = tree && !modal ? ancestors.map(node => {
-      var _node$context6;
-      return (_node$context6 = node.context) == null ? void 0 : _node$context6.elements.floating;
-    }) : [];
     const rootAncestorComboboxDomReference = (_ancestors$find = ancestors.find(node => {
-      var _node$context7;
-      return isTypeableCombobox(((_node$context7 = node.context) == null ? void 0 : _node$context7.elements.domReference) || null);
+      var _node$context6;
+      return isTypeableCombobox(((_node$context6 = node.context) == null ? void 0 : _node$context6.elements.domReference) || null);
     })) == null || (_ancestors$find = _ancestors$find.context) == null ? void 0 : _ancestors$find.elements.domReference;
-    const insideElements = [floating, rootAncestorComboboxDomReference, ...portalNodes, ...ancestorFloatingNodes, ...getInsideElements(), startDismissButtonRef.current, endDismissButtonRef.current, beforeGuardRef.current, afterGuardRef.current, portalContext == null ? void 0 : portalContext.beforeOutsideRef.current, portalContext == null ? void 0 : portalContext.afterOutsideRef.current, orderRef.current.includes('reference') || isUntrappedTypeableCombobox ? domReference : null].filter(x => x != null);
+    const insideElements = [floating, rootAncestorComboboxDomReference, ...portalNodes, ...getInsideElements(), startDismissButtonRef.current, endDismissButtonRef.current, beforeGuardRef.current, afterGuardRef.current, portalContext == null ? void 0 : portalContext.beforeOutsideRef.current, portalContext == null ? void 0 : portalContext.afterOutsideRef.current, orderRef.current.includes('reference') || isUntrappedTypeableCombobox ? domReference : null].filter(x => x != null);
     const cleanup = modal || isUntrappedTypeableCombobox ? markOthers(insideElements, !useInert, useInert) : markOthers(insideElements);
     return () => {
       cleanup();
@@ -17643,9 +17745,9 @@ function FloatingFocusManager(props) {
     return () => {
       events.off('openchange', onOpenChange);
       const activeEl = activeElement(doc);
-      const isFocusInsideFloatingTree = contains(floating, activeEl) || tree && getNodeChildren(tree.nodesRef.current, getNodeId()).some(node => {
-        var _node$context8;
-        return contains((_node$context8 = node.context) == null ? void 0 : _node$context8.elements.floating, activeEl);
+      const isFocusInsideFloatingTree = contains(floating, activeEl) || tree && getNodeChildren(tree.nodesRef.current, getNodeId(), false).some(node => {
+        var _node$context7;
+        return contains((_node$context7 = node.context) == null ? void 0 : _node$context7.elements.floating, activeEl);
       });
       const returnElement = getReturnElement();
       queueMicrotask(() => {
@@ -17672,6 +17774,9 @@ function FloatingFocusManager(props) {
     queueMicrotask(() => {
       preventReturnFocusRef.current = false;
     });
+    return () => {
+      queueMicrotask(clearDisconnectedPreviouslyFocusedElements);
+    };
   }, [disabled]);
 
   // Synchronize the `context` & `modal` value to the FloatingPortal context.
@@ -17912,7 +18017,6 @@ function useDismiss(context, props) {
     outsidePress: outsidePressCapture
   } = normalizeProp(capture);
   const isComposingRef = React.useRef(false);
-  const blurTimeoutRef = React.useRef(-1);
   const closeOnEscapeKeyDown = useEffectEvent(event => {
     var _dataRef$current$floa;
     if (!open || !enabled || !escapeKey || event.key !== 'Escape') {
@@ -18147,16 +18251,8 @@ function useDismiss(context, props) {
     },
     [captureHandlerKeys[outsidePressEvent]]: () => {
       dataRef.current.insideReactTree = true;
-    },
-    onBlurCapture() {
-      if (tree) return;
-      clearTimeoutIfSet(blurTimeoutRef);
-      dataRef.current.insideReactTree = true;
-      blurTimeoutRef.current = window.setTimeout(() => {
-        dataRef.current.insideReactTree = false;
-      });
     }
-  }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef, tree]);
+  }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
   return React.useMemo(() => enabled ? {
     reference,
     floating
@@ -18485,17 +18581,11 @@ function useRole(context, props) {
     // avoid defaulting to `menuitem` as it may overwrite custom role props.
     switch (role) {
       case 'select':
+      case 'combobox':
         return {
           ...commonProps,
-          'aria-selected': active && selected
+          'aria-selected': selected
         };
-      case 'combobox':
-        {
-          return {
-            ...commonProps,
-            'aria-selected': selected
-          };
-        }
     }
     return {};
   }, [floatingId, role]);
@@ -18598,11 +18688,9 @@ function Pagination({
   controlClasses = baseClasses$3.controlClasses,
   xToY,
   currentPage,
-  currentStart,
-  currentEnd,
-  currentTotal,
   totalPages,
   showButtons,
+  dataTestId,
   onFirstPage = () => {
     return;
   },
@@ -18615,7 +18703,7 @@ function Pagination({
   onLastPage = () => {
     return;
   },
-  toPage = (page) => {
+  toPage = () => {
     return;
   }
 }) {
@@ -18640,6 +18728,7 @@ function Pagination({
           Icon,
           {
             className: previousPageActive ? activeIconClasses : inactiveIconClasses,
+            dataTestId: dataTestId ? dataTestId + "-first-page" : void 0,
             name: "lucide:chevron-first",
             onClick: () => previousPageActive ? onFirstPage() : void 0
           }
@@ -18648,6 +18737,7 @@ function Pagination({
           Icon,
           {
             className: previousPageActive ? activeIconClasses : inactiveIconClasses,
+            dataTestId: dataTestId ? dataTestId + "-previous-page" : void 0,
             name: "lucide:chevron-left",
             onClick: () => previousPageActive ? onPreviousPage() : void 0
           }
@@ -18656,6 +18746,7 @@ function Pagination({
           Input$2,
           {
             centered: true,
+            dataTestId: dataTestId ? dataTestId + "-page-input" : void 0,
             value: pageInternal,
             onChange: (v) => setPageInternal(+v),
             onKeyDown: (e) => onKeyDown(e)
@@ -18665,6 +18756,7 @@ function Pagination({
           Icon,
           {
             className: nextPageActive ? activeIconClasses : inactiveIconClasses,
+            dataTestId: dataTestId ? dataTestId + "-next-page" : void 0,
             name: "lucide:chevron-right",
             onClick: () => nextPageActive ? onNextPage() : void 0
           }
@@ -18673,6 +18765,7 @@ function Pagination({
           Icon,
           {
             className: nextPageActive ? activeIconClasses : inactiveIconClasses,
+            dataTestId: dataTestId ? dataTestId + "-last-page" : void 0,
             name: "lucide:chevron-last",
             onClick: () => nextPageActive ? onLastPage() : void 0
           }
@@ -22459,6 +22552,7 @@ function Table({
   pagesize = 10,
   xToY,
   isInfinite = true,
+  name = "",
   onDragRow = () => {
     return;
   },
@@ -22508,7 +22602,7 @@ function Table({
   async function updateFilters(newFilters) {
     await onUpdateFilters(newFilters);
   }
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-testid": name + "-table", children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -22524,12 +22618,14 @@ function Table({
           /* @__PURE__ */ jsxs(
             "div",
             {
+              "data-testid": name + "-table-header",
               ref: header,
               className: "sticky top-0 z-1 flex flex-row items-center justify-between rounded-t-krc-table bg-krc-table-header",
               children: [
-                !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row z-1", children: currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
+                !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row z-1", "data-testid": name + "-table-header-left", children: currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
                   "div",
                   {
+                    "data-testid": `${name}-table-header-left-${column.id.toString()}`,
                     style: {
                       minWidth: column.initialWidth,
                       maxWidth: !column.grow ? column.initialWidth : void 0
@@ -22572,6 +22668,7 @@ function Table({
                             Input$2,
                             {
                               defaultValue: filters[column.filterKey]?.join(", "),
+                              dataTestId: `${name}-table-header-left-filter-${column.id.toString()}`,
                               onKeyDown: async (e) => {
                                 if (e.key === "Enter" && column.filterKey) {
                                   const key = column.filterKey;
@@ -22617,6 +22714,7 @@ function Table({
                       minWidth: column.initialWidth,
                       maxWidth: !column.grow ? column.initialWidth : void 0
                     },
+                    "data-testid": `${name}-table-header-center-${column.id.toString()}`,
                     className: [
                       headerClasses,
                       hasFilters ? "h-24" : "h-12",
@@ -22655,6 +22753,7 @@ function Table({
                             Input$2,
                             {
                               defaultValue: filters[column.filterKey]?.join(", "),
+                              dataTestId: `${name}-table-header-center-filter-${column.id.toString()}`,
                               onKeyDown: async (e) => {
                                 if (e.key === "Enter" && column.filterKey) {
                                   const key = column.filterKey;
@@ -22700,6 +22799,7 @@ function Table({
                       minWidth: column.initialWidth,
                       maxWidth: !column.grow ? column.initialWidth : void 0
                     },
+                    "data-testid": `${name}-table-header-right-${column.id.toString()}`,
                     className: "flex h-full flex-row items-start justify-end truncate bg-krc-table-header px-4 py-3 text-xs font-medium last:rounded-tr-krc-table",
                     children: column.title
                   },
@@ -22714,6 +22814,7 @@ function Table({
               Row,
               {
                 index: i,
+                name,
                 entry,
                 onDragRow,
                 onDropRow,
@@ -22732,62 +22833,73 @@ function Table({
               i
             );
           }) }) : /* @__PURE__ */ jsx(Fragment, { children: data.map((entry, i) => {
-            return /* @__PURE__ */ jsxs("div", { className: rowClasses, onClick: () => onRowClick(entry), onDoubleClick: () => onRowDoubleClick(entry), children: [
-              !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      minWidth: column.initialWidth,
-                      maxWidth: !column.grow ? column.initialWidth : void 0
-                    },
-                    className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
-                    title: entry[column.id] || "",
-                    children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
-                  },
-                  column.id.toString()
-                );
-              }) }),
-              currentColumnsCenter.map((column) => {
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      minWidth: column.initialWidth,
-                      maxWidth: !column.grow ? column.initialWidth : void 0
-                    },
-                    className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
-                    title: entry[column.id] ? entry[column.id].toString() : "",
-                    children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
-                  },
-                  column.id.toString()
-                );
-              }),
-              !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      minWidth: column.initialWidth,
-                      maxWidth: !column.grow ? column.initialWidth : void 0
-                    },
-                    className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
-                    title: entry[column.id] || "",
-                    children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
-                  },
-                  column.id.toString()
-                );
-              }) }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
-                  className: "absolute bottom-0 left-0 right-0 h-px bg-krc-table-header"
-                }
-              )
-            ] }, i);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-testid": `${name}-table-row`,
+                "data-foo": "bar",
+                className: rowClasses,
+                onClick: () => onRowClick(entry),
+                onDoubleClick: () => onRowDoubleClick(entry),
+                children: [
+                  !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          minWidth: column.initialWidth,
+                          maxWidth: !column.grow ? column.initialWidth : void 0
+                        },
+                        className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
+                        title: entry[column.id] || "",
+                        children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { "data-testid": `${name}-table-row-left-${column.id.toString()}`, className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
+                      },
+                      column.id.toString()
+                    );
+                  }) }),
+                  currentColumnsCenter.map((column) => {
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          minWidth: column.initialWidth,
+                          maxWidth: !column.grow ? column.initialWidth : void 0
+                        },
+                        className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
+                        title: entry[column.id] ? entry[column.id].toString() : "",
+                        children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { "data-testid": `${name}-table-row-center-${column.id.toString()}}`, className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
+                      },
+                      column.id.toString()
+                    );
+                  }),
+                  !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          minWidth: column.initialWidth,
+                          maxWidth: !column.grow ? column.initialWidth : void 0
+                        },
+                        className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
+                        title: entry[column.id] || "",
+                        children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { "data-testid": `${name}-table-row-right-${column.id.toString()}`, className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
+                      },
+                      column.id.toString()
+                    );
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
+                      className: "absolute bottom-0 left-0 right-0 h-px bg-krc-table-header"
+                    }
+                  )
+                ]
+              },
+              i
+            );
           }) }),
-          data.length === 0 && /* @__PURE__ */ jsx("div", { className: noDataClasses, children: noEntryLabel })
+          data.length === 0 && /* @__PURE__ */ jsx("div", { "data-testid": name + "-table-no-data", className: noDataClasses, children: noEntryLabel })
         ]
       }
     ),
@@ -22796,6 +22908,7 @@ function Table({
       {
         showButtons: !isInfinite,
         xToY,
+        dataTestId: `${name}-table-pagination`,
         currentTotal: totalRows,
         currentLoaded: data.length,
         currentStart,
@@ -22827,7 +22940,8 @@ function Row({
   rowClasses,
   rowLeftWrapperClasses,
   rowCenterWrapperClasses,
-  rowRightWrapperClasses
+  rowRightWrapperClasses,
+  name
 }) {
   const dragRef = useRef(null);
   const previewRef = useRef(null);
@@ -22893,6 +23007,7 @@ function Row({
       ref: previewRef,
       style: { opacity },
       "data-handler-id": handlerId,
+      "data-testid": `${name}-table-row`,
       children: [
         !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
           return /* @__PURE__ */ jsx(
@@ -23053,6 +23168,8 @@ function Button({
   iconLeftName,
   iconRightPath,
   iconRightName,
+  name,
+  dataTestId,
   onClick
 }) {
   const classes = [classesBase, className];
@@ -23079,12 +23196,23 @@ function Button({
       loadingClasses.push(loadingClassesAlert);
       break;
   }
-  return /* @__PURE__ */ jsxs("button", { onClick: async (e) => await onClick?.(e), className: classes.join(" "), disabled, type, children: [
-    (iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { className: iconLeftClasses, name: iconLeftName, path: iconLeftPath }),
-    label && /* @__PURE__ */ jsx("span", { children: label }),
-    (iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { className: iconRightClasses, name: iconRightName, path: iconRightPath }),
-    loading && /* @__PURE__ */ jsx(LoadingIndicator, { className: loadingClasses.join(" ") })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-testid": dataTestId,
+      name,
+      onClick: async (e) => await onClick?.(e),
+      className: classes.join(" "),
+      disabled,
+      type,
+      children: [
+        (iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { className: iconLeftClasses, name: iconLeftName, path: iconLeftPath }),
+        label && /* @__PURE__ */ jsx("span", { children: label }),
+        (iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { className: iconRightClasses, name: iconRightName, path: iconRightPath }),
+        loading && /* @__PURE__ */ jsx(LoadingIndicator, { className: loadingClasses.join(" ") })
+      ]
+    }
+  );
 }
 
 function Modal({
@@ -23101,12 +23229,13 @@ function Modal({
   headerContent,
   footerContent,
   title,
+  dataTestId,
   footerActions,
   hasCloseIcon,
   onClose
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: reactDomExports.createPortal(
-    /* @__PURE__ */ jsx("div", { className: backdropClasses, onMouseDown: onClose, role: "presentation", children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: backdropClasses, onMouseDown: onClose, role: "presentation", "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(
       "div",
       {
         role: "presentation",
@@ -23151,6 +23280,7 @@ function Tabs({
   showCounts = true,
   tabs,
   active,
+  dataTestId = "",
   onClick
 }) {
   function equalTabs(tab1, tab2) {
@@ -23162,6 +23292,7 @@ function Tabs({
   return /* @__PURE__ */ jsx("div", { className: wrapperClasses, children: tabs.map((tab, i) => /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-testid": dataTestId + i,
       onClick: () => {
         onClick(tab.id);
       },