@konoma-development/react-components 0.2.15 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/@konoma-development/react-components.js +274 -222
  2. package/dist/@konoma-development/react-components.js.map +1 -1
  3. package/dist/components/table/table.d.ts +7 -3
  4. package/dist/components/table/tableActions.d.ts +3 -2
  5. package/dist/main.d.ts +2 -2
  6. package/package.json +1 -1
package/dist/@konoma-development/react-components.js CHANGED
@@ -1,7 +1,7 @@
1
1
  (function () {
2
2
  'use strict';
3
3
 
4
- 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}::-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 .block{display:block}#app .contents{display:contents}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline{display:inline}#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);}
4
+ 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}::-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 .ml-12{margin-left:calc(var(--spacing)*12)}#app .block{display:block}#app .contents{display:contents}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline{display:inline}#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-12{width:calc(var(--spacing)*12)}#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);}
5
5
 
6
6
  })();
7
7
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -15843,12 +15843,15 @@ const validators = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
15843
15843
  }, Symbol.toStringTag, { value: 'Module' }));
15844
15844
 
15845
15845
  /*!
15846
- * tabbable 6.4.0
15846
+ * tabbable 6.3.0
15847
15847
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
15848
15848
  */
15849
15849
  // NOTE: separate `:not()` selectors has broader browser support than the newer
15850
15850
  // `:not([inert], [inert] *)` (Feb 2023)
15851
- var candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];
15851
+ // CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes
15852
+ // the entire query to fail, resulting in no nodes found, which will break a lot
15853
+ // of things... so we have to rely on JS to identify nodes inside an inert container
15854
+ var candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable="false"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];
15852
15855
  var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
15853
15856
  var NoElement = typeof Element === 'undefined';
15854
15857
  var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
@@ -15861,7 +15864,7 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
15861
15864
 
15862
15865
  /**
15863
15866
  * Determines if a node is inert or in an inert ancestor.
15864
- * @param {Node} [node]
15867
+ * @param {Element} [node]
15865
15868
  * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to
15866
15869
  * see if any of them are inert. If false, only `node` itself is considered.
15867
15870
  * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
@@ -15881,10 +15884,10 @@ var _isInert = function isInert(node, lookUp) {
15881
15884
  // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
15882
15885
  // if it weren't for `matches()` not being a function on shadow roots; the following
15883
15886
  // code works for any kind of node
15884
- var result = inert || lookUp && node && (
15885
- // closest does not exist on shadow roots, so we fall back to a manual
15886
- // lookup upward, in case it is not defined.
15887
- typeof node.closest === 'function' ? node.closest('[inert]') : _isInert(node.parentNode));
15887
+ // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
15888
+ // so it likely would not support `:is([inert] *)` either...
15889
+ var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
15890
+
15888
15891
  return result;
15889
15892
  };
15890
15893
 
@@ -15910,7 +15913,7 @@ var isContentEditable = function isContentEditable(node) {
15910
15913
  */
15911
15914
  var getCandidates = function getCandidates(el, includeContainer, filter) {
15912
15915
  // even if `includeContainer=false`, we still have to check it for inertness because
15913
- // if it's inert (either by itself or via its parent), then all its children are inert
15916
+ // if it's inert, all its children are inert
15914
15917
  if (_isInert(el)) {
15915
15918
  return [];
15916
15919
  }
@@ -16326,7 +16329,11 @@ var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
16326
16329
  return false;
16327
16330
  };
16328
16331
  var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
16329
- if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
16332
+ if (node.disabled ||
16333
+ // we must do an inert look up to filter out any elements inside an inert ancestor
16334
+ // because we're limited in the type of selectors we can use in JSDom (see related
16335
+ // note related to `candidateSelectors`)
16336
+ _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
16330
16337
  // For a details element with a summary, the summary element gets the focus
16331
16338
  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
16332
16339
  return false;
@@ -22573,6 +22580,7 @@ function Table({
22573
22580
  pagination,
22574
22581
  totalRows,
22575
22582
  totalPagesProp,
22583
+ detailsRow,
22576
22584
  currentPage = 0,
22577
22585
  noEntryLabel,
22578
22586
  allowReorder,
@@ -22643,6 +22651,7 @@ function Table({
22643
22651
  const currentColumnsLeft = useMemo(() => columnsLeft?.filter((column) => !column?.hidden) || [], [columnsLeft]);
22644
22652
  const currentColumnsCenter = useMemo(() => columnsCenter?.filter((column) => !column?.hidden) || [], [columnsCenter]);
22645
22653
  const currentColumnsRight = useMemo(() => columnsRight?.filter((column) => !column?.hidden) || [], [columnsRight]);
22654
+ const [detailsOpen, setDetailsOpen] = useState(false);
22646
22655
  useEffect(() => {
22647
22656
  if (!triggeredFilter) {
22648
22657
  return;
@@ -22673,96 +22682,99 @@ function Table({
22673
22682
  /* @__PURE__ */ jsxs(
22674
22683
  "div",
22675
22684
  {
22676
- "data-testid": name + "-table-header",
22677
22685
  ref: header,
22686
+ "data-testid": name + "-table-header",
22678
22687
  className: "sticky top-0 z-1 flex flex-row items-center justify-between rounded-t-krc-table bg-krc-table-header",
22679
22688
  children: [
22680
- !!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(
22681
- "div",
22682
- {
22683
- "data-testid": `${name}-table-header-left-${column.id.toString()}`,
22684
- style: {
22685
- minWidth: column.initialWidth,
22686
- maxWidth: !column.grow ? column.initialWidth : void 0
22687
- },
22688
- onClick: () => {
22689
- return column.sortKey && onSort(
22690
- Object.assign({}, column, {
22691
- sorting: column.sorting ? { "+": "-", "-": void 0 }[column.sorting] : "+"
22692
- })
22693
- );
22694
- },
22695
- className: [
22696
- headerClasses,
22697
- hasFilters ? "h-24" : "h-12",
22698
- column.sortKey ? "cursor-pointer" : "",
22699
- column.grow ? "grow" : ""
22700
- ].join(" "),
22701
- children: [
22702
- /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
22703
- /* @__PURE__ */ jsx("span", { children: column.title }),
22704
- column.sortKey && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
22705
- Icon,
22706
- {
22707
- className: "h-4 w-4",
22708
- name: column.sorting ? {
22709
- "+": sortingAscIconName || "heroicons:chevron-down-16-solid",
22710
- "-": sortingDescIconName || "heroicons:chevron-up-16-solid"
22711
- }[column.sorting] : sortingDescIconName || "heroicons:chevron-up-down-16-solid",
22712
- path: column.sorting ? column.sorting === "+" ? sortingAscIconPath : sortingDescIconPath : void 0
22713
- }
22714
- ) })
22715
- ] }),
22716
- hasFilters && /* @__PURE__ */ jsx(
22717
- "div",
22718
- {
22719
- className: "bg-krc-table-header w-full text-xs font-medium text-secondary-500 min-h-10",
22720
- onClick: (e) => {
22721
- e.stopPropagation();
22722
- },
22723
- children: column.filterable && column.filterKey && /* @__PURE__ */ jsx(Fragment, { children: column.filterComponent?.(filters, updateFilters) || filterComponents?.[column.id]?.(filters, updateFilters) || /* @__PURE__ */ jsx(
22724
- Input$2,
22689
+ (detailsRow || !!currentColumnsLeft.length) && /* @__PURE__ */ jsxs("div", { className: "sticky left-0 flex flex-row z-1", "data-testid": name + "-table-header-left", children: [
22690
+ detailsRow && /* @__PURE__ */ jsx("div", { className: [headerClasses, "w-12", hasFilters ? "h-24" : "h-12"].join(" ") }),
22691
+ currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
22692
+ "div",
22693
+ {
22694
+ "data-testid": `${name}-table-header-left-${column.id.toString()}`,
22695
+ style: {
22696
+ minWidth: column.initialWidth,
22697
+ maxWidth: !column.grow ? column.initialWidth : void 0
22698
+ },
22699
+ onClick: () => {
22700
+ return column.sortKey && onSort(
22701
+ Object.assign({}, column, {
22702
+ sorting: column.sorting ? { "+": "-", "-": void 0 }[column.sorting] : "+"
22703
+ })
22704
+ );
22705
+ },
22706
+ className: [
22707
+ headerClasses,
22708
+ hasFilters ? "h-24" : "h-12",
22709
+ column.sortKey ? "cursor-pointer" : "",
22710
+ column.grow ? "grow" : ""
22711
+ ].join(" "),
22712
+ children: [
22713
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
22714
+ /* @__PURE__ */ jsx("span", { children: column.title }),
22715
+ column.sortKey && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
22716
+ Icon,
22725
22717
  {
22726
- defaultValue: filters[column.filterKey]?.join(", "),
22727
- dataTestId: `${name}-table-header-left-filter-${column.id.toString()}`,
22728
- onKeyDown: async (e) => {
22729
- if (e.key === "Enter" && column.filterKey) {
22718
+ className: "h-4 w-4",
22719
+ name: column.sorting ? {
22720
+ "+": sortingAscIconName || "heroicons:chevron-down-16-solid",
22721
+ "-": sortingDescIconName || "heroicons:chevron-up-16-solid"
22722
+ }[column.sorting] : sortingDescIconName || "heroicons:chevron-up-down-16-solid",
22723
+ path: column.sorting ? column.sorting === "+" ? sortingAscIconPath : sortingDescIconPath : void 0
22724
+ }
22725
+ ) })
22726
+ ] }),
22727
+ hasFilters && /* @__PURE__ */ jsx(
22728
+ "div",
22729
+ {
22730
+ className: "bg-krc-table-header w-full text-xs font-medium text-secondary-500 min-h-10",
22731
+ onClick: (e) => {
22732
+ e.stopPropagation();
22733
+ },
22734
+ children: column.filterable && column.filterKey && /* @__PURE__ */ jsx(Fragment, { children: column.filterComponent?.(filters, updateFilters) || filterComponents?.[column.id]?.(filters, updateFilters) || /* @__PURE__ */ jsx(
22735
+ Input$2,
22736
+ {
22737
+ defaultValue: filters[column.filterKey]?.join(", "),
22738
+ dataTestId: `${name}-table-header-left-filter-${column.id.toString()}`,
22739
+ onKeyDown: async (e) => {
22740
+ if (e.key === "Enter" && column.filterKey) {
22741
+ const key = column.filterKey;
22742
+ const value = e.currentTarget.value;
22743
+ if (e) {
22744
+ await updateFilters({ ...filters, [key]: [value] }, key);
22745
+ } else {
22746
+ const newFilters = { ...filters };
22747
+ delete newFilters[key];
22748
+ await updateFilters(newFilters, "");
22749
+ }
22750
+ }
22751
+ },
22752
+ onClick: (e) => {
22753
+ e.stopPropagation();
22754
+ },
22755
+ onIconRightClick: async (e) => {
22756
+ e.stopPropagation();
22730
22757
  const key = column.filterKey;
22731
- const value = e.currentTarget.value;
22732
- if (e) {
22733
- await updateFilters({ ...filters, [key]: [value] }, key);
22734
- } else {
22758
+ if (key) {
22735
22759
  const newFilters = { ...filters };
22736
22760
  delete newFilters[key];
22737
22761
  await updateFilters(newFilters, "");
22738
22762
  }
22739
- }
22740
- },
22741
- onClick: (e) => {
22742
- e.stopPropagation();
22743
- },
22744
- onIconRightClick: async (e) => {
22745
- e.stopPropagation();
22746
- const key = column.filterKey;
22747
- if (key) {
22748
- const newFilters = { ...filters };
22749
- delete newFilters[key];
22750
- await updateFilters(newFilters, "");
22751
- }
22763
+ },
22764
+ isClearable: true,
22765
+ className: "h-10",
22766
+ iconRightName: filters[column.filterKey] ? "heroicons:x-mark" : ""
22752
22767
  },
22753
- isClearable: true,
22754
- className: "h-10",
22755
- iconRightName: filters[column.filterKey] ? "heroicons:x-mark" : ""
22756
- },
22757
- filters[column.filterKey]?.join(", ")
22758
- ) })
22759
- },
22760
- Object.keys(filters).join("-")
22761
- )
22762
- ]
22763
- },
22764
- column.id.toString()
22765
- )) }),
22768
+ filters[column.filterKey]?.join(", ")
22769
+ ) })
22770
+ },
22771
+ Object.keys(filters).join("-")
22772
+ )
22773
+ ]
22774
+ },
22775
+ column.id.toString()
22776
+ ))
22777
+ ] }),
22766
22778
  currentColumnsCenter.map((column) => /* @__PURE__ */ jsxs(
22767
22779
  "div",
22768
22780
  {
@@ -22874,6 +22886,7 @@ function Table({
22874
22886
  index: i,
22875
22887
  name,
22876
22888
  entry,
22889
+ allowReorder,
22877
22890
  onDragRow,
22878
22891
  onDropRow,
22879
22892
  currentColumnsCenter,
@@ -22886,76 +22899,93 @@ function Table({
22886
22899
  rowClasses,
22887
22900
  rowLeftWrapperClasses,
22888
22901
  rowCenterWrapperClasses,
22889
- rowRightWrapperClasses
22902
+ rowRightWrapperClasses,
22903
+ detailsRow
22890
22904
  },
22891
22905
  i
22892
22906
  );
22893
22907
  }) }) : /* @__PURE__ */ jsx(Fragment, { children: data.map((entry, i) => {
22894
- return /* @__PURE__ */ jsxs(
22895
- "div",
22896
- {
22897
- "data-testid": `${name}-table-row`,
22898
- "data-foo": "bar",
22899
- className: rowClasses,
22900
- onClick: () => onRowClick(entry),
22901
- onDoubleClick: () => onRowDoubleClick(entry),
22902
- children: [
22903
- !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
22904
- return /* @__PURE__ */ jsx(
22905
- "div",
22906
- {
22907
- style: {
22908
- minWidth: column.initialWidth,
22909
- maxWidth: !column.grow ? column.initialWidth : void 0
22908
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
22909
+ /* @__PURE__ */ jsxs(
22910
+ "div",
22911
+ {
22912
+ "data-testid": `${name}-table-row`,
22913
+ "data-foo": "bar",
22914
+ className: rowClasses,
22915
+ onClick: () => onRowClick(entry),
22916
+ onDoubleClick: () => onRowDoubleClick(entry),
22917
+ children: [
22918
+ (detailsRow || !!currentColumnsLeft.length) && /* @__PURE__ */ jsxs("div", { className: "sticky left-0 flex flex-row border-r", children: [
22919
+ detailsRow && /* @__PURE__ */ jsx("div", { className: ["flex items-center justify-center w-12", rowLeftWrapperClasses].join(" "), children: /* @__PURE__ */ jsx(
22920
+ "button",
22921
+ {
22922
+ className: "w-8 cursor-pointer",
22923
+ onClick: (e) => {
22924
+ e.stopPropagation();
22925
+ e.preventDefault();
22926
+ setDetailsOpen(!detailsOpen);
22927
+ },
22928
+ children: /* @__PURE__ */ jsx(Icon, { name: detailsOpen ? "heroicons:chevron-down" : "heroicons:chevron-right", className: "h-5 w-5" })
22929
+ }
22930
+ ) }),
22931
+ currentColumnsLeft.map((column) => {
22932
+ return /* @__PURE__ */ jsx(
22933
+ "div",
22934
+ {
22935
+ style: {
22936
+ minWidth: column.initialWidth,
22937
+ maxWidth: !column.grow ? column.initialWidth : void 0
22938
+ },
22939
+ className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
22940
+ title: entry[column.id] || "",
22941
+ 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] || "-" })
22942
+ },
22943
+ column.id.toString()
22944
+ );
22945
+ })
22946
+ ] }),
22947
+ currentColumnsCenter.map((column) => {
22948
+ return /* @__PURE__ */ jsx(
22949
+ "div",
22950
+ {
22951
+ style: {
22952
+ minWidth: column.initialWidth,
22953
+ maxWidth: !column.grow ? column.initialWidth : void 0
22954
+ },
22955
+ className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
22956
+ title: entry[column.id] ? entry[column.id].toString() : "",
22957
+ 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] || "-" })
22910
22958
  },
22911
- className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
22912
- title: entry[column.id] || "",
22913
- 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] || "-" })
22914
- },
22915
- column.id.toString()
22916
- );
22917
- }) }),
22918
- currentColumnsCenter.map((column) => {
22919
- return /* @__PURE__ */ jsx(
22920
- "div",
22921
- {
22922
- style: {
22923
- minWidth: column.initialWidth,
22924
- maxWidth: !column.grow ? column.initialWidth : void 0
22959
+ column.id.toString()
22960
+ );
22961
+ }),
22962
+ !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
22963
+ return /* @__PURE__ */ jsx(
22964
+ "div",
22965
+ {
22966
+ style: {
22967
+ minWidth: column.initialWidth,
22968
+ maxWidth: !column.grow ? column.initialWidth : void 0
22969
+ },
22970
+ className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
22971
+ title: entry[column.id] || "",
22972
+ 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] || "-" })
22925
22973
  },
22926
- className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
22927
- title: entry[column.id] ? entry[column.id].toString() : "",
22928
- 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] || "-" })
22929
- },
22930
- column.id.toString()
22931
- );
22932
- }),
22933
- !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
22934
- return /* @__PURE__ */ jsx(
22974
+ column.id.toString()
22975
+ );
22976
+ }) }),
22977
+ /* @__PURE__ */ jsx(
22935
22978
  "div",
22936
22979
  {
22937
- style: {
22938
- minWidth: column.initialWidth,
22939
- maxWidth: !column.grow ? column.initialWidth : void 0
22940
- },
22941
- className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
22942
- title: entry[column.id] || "",
22943
- 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] || "-" })
22944
- },
22945
- column.id.toString()
22946
- );
22947
- }) }),
22948
- /* @__PURE__ */ jsx(
22949
- "div",
22950
- {
22951
- style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
22952
- className: "absolute bottom-0 left-0 right-0 h-px bg-krc-table-header"
22953
- }
22954
- )
22955
- ]
22956
- },
22957
- i
22958
- );
22980
+ style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
22981
+ className: "absolute bottom-0 left-0 right-0 h-px bg-krc-table-header"
22982
+ }
22983
+ )
22984
+ ]
22985
+ }
22986
+ ),
22987
+ detailsRow && detailsOpen && /* @__PURE__ */ jsx("div", { className: "ml-12", children: detailsRow(entry) })
22988
+ ] }, i);
22959
22989
  }) }),
22960
22990
  data.length === 0 && /* @__PURE__ */ jsx("div", { "data-testid": name + "-table-no-data", className: noDataClasses, children: noEntryLabel })
22961
22991
  ]
@@ -23007,11 +23037,14 @@ function Row({
23007
23037
  rowLeftWrapperClasses,
23008
23038
  rowCenterWrapperClasses,
23009
23039
  rowRightWrapperClasses,
23040
+ allowReorder,
23041
+ detailsRow,
23010
23042
  name
23011
23043
  }) {
23012
23044
  const dragRef = useRef(null);
23013
23045
  const previewRef = useRef(null);
23014
- if (!Object.prototype.hasOwnProperty.call(entry, "index")) {
23046
+ const [detailsOpen, setDetailsOpen] = useState(false);
23047
+ if (allowReorder && !Object.prototype.hasOwnProperty.call(entry, "index")) {
23015
23048
  throw new Error("Entry must have index property");
23016
23049
  }
23017
23050
  const [{ handlerId }, drop] = useDrop({
@@ -23022,7 +23055,7 @@ function Row({
23022
23055
  };
23023
23056
  },
23024
23057
  hover(item, monitor) {
23025
- if (!previewRef.current) {
23058
+ if (!allowReorder || !previewRef.current) {
23026
23059
  return;
23027
23060
  }
23028
23061
  const dragIndex = item.index;
@@ -23062,74 +23095,93 @@ function Row({
23062
23095
  opacity: monitor.isDragging() ? 0.4 : 1
23063
23096
  })
23064
23097
  });
23065
- preview(drop(previewRef));
23066
- drag(dragRef);
23067
- return /* @__PURE__ */ jsxs(
23068
- "div",
23069
- {
23070
- className: rowClasses,
23071
- onClick: () => onRowClick(entry),
23072
- onDoubleClick: () => onRowDoubleClick(entry),
23073
- ref: previewRef,
23074
- style: { opacity },
23075
- "data-handler-id": handlerId,
23076
- "data-testid": `${name}-table-row`,
23077
- children: [
23078
- !!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
23079
- return /* @__PURE__ */ jsx(
23080
- "div",
23081
- {
23082
- style: {
23083
- minWidth: column.initialWidth,
23084
- maxWidth: !column.grow ? column.initialWidth : void 0
23098
+ if (allowReorder) {
23099
+ preview(drop(previewRef));
23100
+ drag(dragRef);
23101
+ }
23102
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
23103
+ /* @__PURE__ */ jsxs(
23104
+ "div",
23105
+ {
23106
+ className: rowClasses,
23107
+ onClick: () => onRowClick(entry),
23108
+ onDoubleClick: () => onRowDoubleClick(entry),
23109
+ ref: previewRef,
23110
+ style: { opacity },
23111
+ "data-handler-id": handlerId,
23112
+ "data-testid": `${name}-table-row`,
23113
+ children: [
23114
+ (detailsRow || !!currentColumnsLeft.length) && /* @__PURE__ */ jsxs("div", { className: "sticky left-0 flex flex-row border-r", children: [
23115
+ detailsRow && /* @__PURE__ */ jsx("div", { className: ["flex items-center justify-center w-12", rowLeftWrapperClasses].join(" "), children: /* @__PURE__ */ jsx(
23116
+ "button",
23117
+ {
23118
+ className: "w-8 cursor-pointer",
23119
+ onClick: (e) => {
23120
+ e.stopPropagation();
23121
+ e.preventDefault();
23122
+ setDetailsOpen(!detailsOpen);
23123
+ },
23124
+ children: /* @__PURE__ */ jsx(Icon, { name: detailsOpen ? "heroicons:chevron-down" : "heroicons:chevron-right", className: "h-5 w-5" })
23125
+ }
23126
+ ) }),
23127
+ currentColumnsLeft.map((column) => {
23128
+ return /* @__PURE__ */ jsx(
23129
+ "div",
23130
+ {
23131
+ style: {
23132
+ minWidth: column.initialWidth,
23133
+ maxWidth: !column.grow ? column.initialWidth : void 0
23134
+ },
23135
+ className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
23136
+ title: entry[column.id] || "",
23137
+ children: dragRef && cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23138
+ },
23139
+ column.id.toString()
23140
+ );
23141
+ })
23142
+ ] }),
23143
+ currentColumnsCenter.map((column) => {
23144
+ return /* @__PURE__ */ jsx(
23145
+ "div",
23146
+ {
23147
+ style: {
23148
+ minWidth: column.initialWidth,
23149
+ maxWidth: !column.grow ? column.initialWidth : void 0
23150
+ },
23151
+ className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
23152
+ title: entry[column.id] ? entry[column.id].toString() : "",
23153
+ children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23085
23154
  },
23086
- className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
23087
- title: entry[column.id] || "",
23088
- children: dragRef && cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23089
- },
23090
- column.id.toString()
23091
- );
23092
- }) }),
23093
- currentColumnsCenter.map((column) => {
23094
- return /* @__PURE__ */ jsx(
23095
- "div",
23096
- {
23097
- style: {
23098
- minWidth: column.initialWidth,
23099
- maxWidth: !column.grow ? column.initialWidth : void 0
23155
+ column.id.toString()
23156
+ );
23157
+ }),
23158
+ !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
23159
+ return /* @__PURE__ */ jsx(
23160
+ "div",
23161
+ {
23162
+ style: {
23163
+ minWidth: column.initialWidth,
23164
+ maxWidth: !column.grow ? column.initialWidth : void 0
23165
+ },
23166
+ className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
23167
+ title: entry[column.id] || "",
23168
+ children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23100
23169
  },
23101
- className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
23102
- title: entry[column.id] ? entry[column.id].toString() : "",
23103
- children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23104
- },
23105
- column.id.toString()
23106
- );
23107
- }),
23108
- !!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
23109
- return /* @__PURE__ */ jsx(
23170
+ column.id.toString()
23171
+ );
23172
+ }) }),
23173
+ /* @__PURE__ */ jsx(
23110
23174
  "div",
23111
23175
  {
23112
- style: {
23113
- minWidth: column.initialWidth,
23114
- maxWidth: !column.grow ? column.initialWidth : void 0
23115
- },
23116
- className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
23117
- title: entry[column.id] || "",
23118
- children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
23119
- },
23120
- column.id.toString()
23121
- );
23122
- }) }),
23123
- /* @__PURE__ */ jsx(
23124
- "div",
23125
- {
23126
- style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
23127
- className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
23128
- }
23129
- )
23130
- ]
23131
- }
23132
- );
23176
+ style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
23177
+ className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
23178
+ }
23179
+ )
23180
+ ]
23181
+ }
23182
+ ),
23183
+ detailsRow && detailsOpen && /* @__PURE__ */ jsx("div", { className: "ml-12", children: detailsRow(entry) })
23184
+ ] });
23133
23185
  }
23134
23186
 
23135
23187
  function TableActions({
@@ -23155,7 +23207,7 @@ function TableActions({
23155
23207
  actionsVisible && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsx(
23156
23208
  "div",
23157
23209
  {
23158
- className: "flex w-48 flex-col rounded-md border border-secondary-200 bg-white py-2 text-sm font-medium shadow-sm",
23210
+ className: "flex w-48 flex-col rounded-md border border-secondary-200 bg-white py-2 text-sm font-medium shadow-sm z-1",
23159
23211
  ref: refs.setFloating,
23160
23212
  style: floatingStyles,
23161
23213
  ...getFloatingProps(),
@@ -23165,7 +23217,7 @@ function TableActions({
23165
23217
  ] });
23166
23218
  }
23167
23219
  function TableActionEntry({
23168
- text,
23220
+ content,
23169
23221
  errorClasses = "cursor-pointer px-4 py-2 text-error-900 hover:bg-error-100",
23170
23222
  defaultClasses = "cursor-pointer px-4 py-2 text-secondary-900 hover:bg-primary-100",
23171
23223
  variant = "default",
@@ -23173,9 +23225,9 @@ function TableActionEntry({
23173
23225
  }) {
23174
23226
  switch (variant) {
23175
23227
  case "error":
23176
- return /* @__PURE__ */ jsx("span", { onClick, className: errorClasses, children: text });
23228
+ return /* @__PURE__ */ jsx("span", { onClick, className: errorClasses, children: content });
23177
23229
  default:
23178
- return /* @__PURE__ */ jsx("span", { onClick, className: defaultClasses, children: text });
23230
+ return /* @__PURE__ */ jsx("span", { onClick, className: defaultClasses, children: content });
23179
23231
  }
23180
23232
  }
23181
23233