@konoma-development/react-components 0.0.6 → 0.0.8

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 (4) hide show
  1. package/dist/@konoma-development/react-components.js +102 -78
  2. package/dist/@konoma-development/react-components.js.map +1 -1
  3. package/dist/components/table/table.d.ts +8 -2
  4. 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("*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n#app .pointer-events-none {\n pointer-events: none;\n}\n#app .visible {\n visibility: visible;\n}\n#app .fixed {\n position: fixed;\n}\n#app .absolute {\n position: absolute;\n}\n#app .relative {\n position: relative;\n}\n#app .sticky {\n position: sticky;\n}\n#app .inset-0 {\n inset: 0px;\n}\n#app .-bottom-0\\.5 {\n bottom: -0.125rem;\n}\n#app .bottom-0 {\n bottom: 0px;\n}\n#app .bottom-4 {\n bottom: 1rem;\n}\n#app .left-0 {\n left: 0px;\n}\n#app .left-3 {\n left: 0.75rem;\n}\n#app .left-\\[5px\\] {\n left: 5px;\n}\n#app .right-0 {\n right: 0px;\n}\n#app .right-3 {\n right: 0.75rem;\n}\n#app .right-4 {\n right: 1rem;\n}\n#app .top-0 {\n top: 0px;\n}\n#app .top-\\[5px\\] {\n top: 5px;\n}\n#app .z-10 {\n z-index: 10;\n}\n#app .z-\\[1\\] {\n z-index: 1;\n}\n#app .z-\\[20\\] {\n z-index: 20;\n}\n#app .my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n#app .ml-2 {\n margin-left: 0.5rem;\n}\n#app .mt-3 {\n margin-top: 0.75rem;\n}\n#app .flex {\n display: flex;\n}\n#app .inline-flex {\n display: inline-flex;\n}\n#app .table {\n display: table;\n}\n#app .grid {\n display: grid;\n}\n#app .hidden {\n display: none;\n}\n#app .h-0 {\n height: 0px;\n}\n#app .h-0\\.5 {\n height: 0.125rem;\n}\n#app .h-1\\.5 {\n height: 0.375rem;\n}\n#app .h-10 {\n height: 2.5rem;\n}\n#app .h-12 {\n height: 3rem;\n}\n#app .h-14 {\n height: 3.5rem;\n}\n#app .h-16 {\n height: 4rem;\n}\n#app .h-24 {\n height: 6rem;\n}\n#app .h-3 {\n height: 0.75rem;\n}\n#app .h-4 {\n height: 1rem;\n}\n#app .h-5 {\n height: 1.25rem;\n}\n#app .h-6 {\n height: 1.5rem;\n}\n#app .h-8 {\n height: 2rem;\n}\n#app .h-auto {\n height: auto;\n}\n#app .h-fit {\n height: fit-content;\n}\n#app .h-full {\n height: 100%;\n}\n#app .h-px {\n height: 1px;\n}\n#app .max-h-\\[25rem\\] {\n max-height: 25rem;\n}\n#app .max-h-full {\n max-height: 100%;\n}\n#app .w-0 {\n width: 0px;\n}\n#app .w-1\\.5 {\n width: 0.375rem;\n}\n#app .w-10 {\n width: 2.5rem;\n}\n#app .w-3 {\n width: 0.75rem;\n}\n#app .w-4 {\n width: 1rem;\n}\n#app .w-48 {\n width: 12rem;\n}\n#app .w-5 {\n width: 1.25rem;\n}\n#app .w-6 {\n width: 1.5rem;\n}\n#app .w-\\[4\\.5rem\\] {\n width: 4.5rem;\n}\n#app .w-full {\n width: 100%;\n}\n#app .min-w-4 {\n min-width: 1rem;\n}\n#app .max-w-full {\n max-width: 100%;\n}\n#app .grow {\n flex-grow: 1;\n}\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n#app .animate-spin {\n animation: spin 1s linear infinite;\n}\n#app .cursor-not-allowed {\n cursor: not-allowed;\n}\n#app .cursor-pointer {\n cursor: pointer;\n}\n#app .cursor-row-resize {\n cursor: row-resize;\n}\n#app .cursor-text {\n cursor: text;\n}\n#app .resize-none {\n resize: none;\n}\n#app .resize {\n resize: both;\n}\n#app .appearance-none {\n appearance: none;\n}\n#app .flex-row {\n flex-direction: row;\n}\n#app .flex-row-reverse {\n flex-direction: row-reverse;\n}\n#app .flex-col {\n flex-direction: column;\n}\n#app .flex-col-reverse {\n flex-direction: column-reverse;\n}\n#app .flex-wrap {\n flex-wrap: wrap;\n}\n#app .items-center {\n align-items: center;\n}\n#app .justify-start {\n justify-content: flex-start;\n}\n#app .justify-end {\n justify-content: flex-end;\n}\n#app .justify-center {\n justify-content: center;\n}\n#app .justify-between {\n justify-content: space-between;\n}\n#app .gap-1 {\n gap: 0.25rem;\n}\n#app .gap-10 {\n gap: 2.5rem;\n}\n#app .gap-2 {\n gap: 0.5rem;\n}\n#app .gap-4 {\n gap: 1rem;\n}\n#app .gap-5 {\n gap: 1.25rem;\n}\n#app .overflow-x-auto {\n overflow-x: auto;\n}\n#app .overflow-y-auto {\n overflow-y: auto;\n}\n#app .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#app .rounded-full {\n border-radius: 9999px;\n}\n#app .rounded-krc-button {\n border-radius: var(--krc-button-borderRadius, 1.5rem);\n}\n#app .rounded-krc-checkbox {\n border-radius: var(--krc-checkbox-borderRadius, 0.25rem);\n}\n#app .rounded-krc-input {\n border-radius: var(--krc-input-borderRadius, 1.5rem);\n}\n#app .rounded-krc-modal {\n border-radius: var(--krc-modal-borderRadius, 0.5rem);\n}\n#app .rounded-krc-phoneInput {\n border-radius: var(--krc-phoneInput-borderRadius, 1.5rem);\n}\n#app .rounded-krc-radiobuttonGroup {\n border-radius: var(--krc-radiobuttonGroup-borderRadius, 0.5rem);\n}\n#app .rounded-krc-select {\n border-radius: var(--krc-select-borderRadius, 1.5rem);\n}\n#app .rounded-krc-table {\n border-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .rounded-krc-tableColumnChooser {\n border-radius: var(--krc-tableColumnChooser-borderRadius, 0.375rem);\n}\n#app .rounded-krc-tag {\n border-radius: var(--krc-tag-borderRadius, 0.75rem);\n}\n#app .rounded-krc-tagList {\n border-radius: var(--krc-tagList-borderRadius, 1.5rem);\n}\n#app .rounded-krc-tagListAdd {\n border-radius: var(--krc-tagListAdd-borderRadius, 0.75rem);\n}\n#app .rounded-krc-textarea {\n border-radius: var(--krc-textarea-borderRadius, 1rem);\n}\n#app .rounded-md {\n border-radius: 0.375rem;\n}\n#app .rounded-b {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n#app .rounded-b-krc-table {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .rounded-l-none {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n#app .rounded-r-none {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n#app .rounded-t {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n#app .rounded-t-krc-table {\n border-top-left-radius: var(--krc-table-borderRadius, 1rem);\n border-top-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .border {\n border-width: 1px;\n}\n#app .border-b {\n border-bottom-width: 1px;\n}\n#app .border-l {\n border-left-width: 1px;\n}\n#app .border-r {\n border-right-width: 1px;\n}\n#app .border-none {\n border-style: none;\n}\n#app .bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n#app .bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n#app .bg-opacity-50 {\n --tw-bg-opacity: 0.5;\n}\n#app .fill-white {\n fill: #fff;\n}\n#app .p-2 {\n padding: 0.5rem;\n}\n#app .p-4 {\n padding: 1rem;\n}\n#app .px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n#app .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n#app .px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n#app .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n#app .px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n#app .py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n#app .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n#app .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n#app .py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n#app .py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n#app .pb-4 {\n padding-bottom: 1rem;\n}\n#app .pl-0 {\n padding-left: 0px;\n}\n#app .pl-1 {\n padding-left: 0.25rem;\n}\n#app .pl-10 {\n padding-left: 2.5rem;\n}\n#app .pl-16 {\n padding-left: 4rem;\n}\n#app .pl-\\[2\\.75rem\\] {\n padding-left: 2.75rem;\n}\n#app .pl-\\[3\\.25rem\\] {\n padding-left: 3.25rem;\n}\n#app .pr-0 {\n padding-right: 0px;\n}\n#app .pr-10 {\n padding-right: 2.5rem;\n}\n#app .pr-12 {\n padding-right: 3rem;\n}\n#app .pt-4 {\n padding-top: 1rem;\n}\n#app .text-center {\n text-align: center;\n}\n#app .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n#app .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n#app .text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n#app .font-medium {\n font-weight: 500;\n}\n#app .font-semibold {\n font-weight: 600;\n}\n#app .text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n#app .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .shadow-none {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n#app .outline {\n outline-style: solid;\n}\n#app .outline-1 {\n outline-width: 1px;\n}\n#app .outline-offset-2 {\n outline-offset: 2px;\n}\n#app .ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app .filter {\n 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);\n}\n#app .placeholder\\:text-sm::placeholder {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n#app .first\\:grow:first-child {\n flex-grow: 1;\n}\n#app .first\\:rounded-tl-krc-table:first-child {\n border-top-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-b-krc-table:last-child {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-b-none:last-child {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n#app .last\\:rounded-bl-krc-table:last-child {\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-br-krc-table:last-child {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-tr-krc-table:last-child {\n border-top-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:border-none:last-child {\n border-style: none;\n}\n#app .focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app .focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n#app .focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n#app .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n#app .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n#app .disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n#app .disabled\\:shadow-none:disabled {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .disabled\\:ring-0:disabled {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app :is(.group:active .group-active\\:outline) {\n outline-style: solid;\n}\n#app .has-\\[\\:focus\\]\\:ring-2:has(:focus) {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}"));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("*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n#app .pointer-events-none {\n pointer-events: none;\n}\n#app .visible {\n visibility: visible;\n}\n#app .fixed {\n position: fixed;\n}\n#app .absolute {\n position: absolute;\n}\n#app .relative {\n position: relative;\n}\n#app .sticky {\n position: sticky;\n}\n#app .inset-0 {\n inset: 0px;\n}\n#app .-bottom-0\\.5 {\n bottom: -0.125rem;\n}\n#app .bottom-0 {\n bottom: 0px;\n}\n#app .bottom-4 {\n bottom: 1rem;\n}\n#app .left-0 {\n left: 0px;\n}\n#app .left-3 {\n left: 0.75rem;\n}\n#app .left-\\[5px\\] {\n left: 5px;\n}\n#app .right-0 {\n right: 0px;\n}\n#app .right-3 {\n right: 0.75rem;\n}\n#app .right-4 {\n right: 1rem;\n}\n#app .top-0 {\n top: 0px;\n}\n#app .top-\\[5px\\] {\n top: 5px;\n}\n#app .z-10 {\n z-index: 10;\n}\n#app .z-\\[1\\] {\n z-index: 1;\n}\n#app .z-\\[20\\] {\n z-index: 20;\n}\n#app .my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n#app .ml-2 {\n margin-left: 0.5rem;\n}\n#app .mt-3 {\n margin-top: 0.75rem;\n}\n#app .flex {\n display: flex;\n}\n#app .inline-flex {\n display: inline-flex;\n}\n#app .table {\n display: table;\n}\n#app .grid {\n display: grid;\n}\n#app .hidden {\n display: none;\n}\n#app .h-0 {\n height: 0px;\n}\n#app .h-0\\.5 {\n height: 0.125rem;\n}\n#app .h-1\\.5 {\n height: 0.375rem;\n}\n#app .h-10 {\n height: 2.5rem;\n}\n#app .h-12 {\n height: 3rem;\n}\n#app .h-14 {\n height: 3.5rem;\n}\n#app .h-16 {\n height: 4rem;\n}\n#app .h-24 {\n height: 6rem;\n}\n#app .h-3 {\n height: 0.75rem;\n}\n#app .h-4 {\n height: 1rem;\n}\n#app .h-5 {\n height: 1.25rem;\n}\n#app .h-6 {\n height: 1.5rem;\n}\n#app .h-8 {\n height: 2rem;\n}\n#app .h-auto {\n height: auto;\n}\n#app .h-fit {\n height: fit-content;\n}\n#app .h-full {\n height: 100%;\n}\n#app .h-px {\n height: 1px;\n}\n#app .max-h-\\[25rem\\] {\n max-height: 25rem;\n}\n#app .max-h-full {\n max-height: 100%;\n}\n#app .w-0 {\n width: 0px;\n}\n#app .w-1\\.5 {\n width: 0.375rem;\n}\n#app .w-10 {\n width: 2.5rem;\n}\n#app .w-3 {\n width: 0.75rem;\n}\n#app .w-4 {\n width: 1rem;\n}\n#app .w-48 {\n width: 12rem;\n}\n#app .w-5 {\n width: 1.25rem;\n}\n#app .w-6 {\n width: 1.5rem;\n}\n#app .w-\\[4\\.5rem\\] {\n width: 4.5rem;\n}\n#app .w-full {\n width: 100%;\n}\n#app .min-w-4 {\n min-width: 1rem;\n}\n#app .max-w-full {\n max-width: 100%;\n}\n#app .grow {\n flex-grow: 1;\n}\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n#app .animate-spin {\n animation: spin 1s linear infinite;\n}\n#app .cursor-not-allowed {\n cursor: not-allowed;\n}\n#app .cursor-pointer {\n cursor: pointer;\n}\n#app .cursor-row-resize {\n cursor: row-resize;\n}\n#app .cursor-text {\n cursor: text;\n}\n#app .resize-none {\n resize: none;\n}\n#app .resize {\n resize: both;\n}\n#app .appearance-none {\n appearance: none;\n}\n#app .flex-row {\n flex-direction: row;\n}\n#app .flex-row-reverse {\n flex-direction: row-reverse;\n}\n#app .flex-col {\n flex-direction: column;\n}\n#app .flex-col-reverse {\n flex-direction: column-reverse;\n}\n#app .flex-wrap {\n flex-wrap: wrap;\n}\n#app .items-center {\n align-items: center;\n}\n#app .justify-start {\n justify-content: flex-start;\n}\n#app .justify-end {\n justify-content: flex-end;\n}\n#app .justify-center {\n justify-content: center;\n}\n#app .justify-between {\n justify-content: space-between;\n}\n#app .gap-1 {\n gap: 0.25rem;\n}\n#app .gap-10 {\n gap: 2.5rem;\n}\n#app .gap-2 {\n gap: 0.5rem;\n}\n#app .gap-4 {\n gap: 1rem;\n}\n#app .gap-5 {\n gap: 1.25rem;\n}\n#app :is(.divide-y > :not([hidden]) ~ :not([hidden])) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n#app .overflow-x-auto {\n overflow-x: auto;\n}\n#app .overflow-y-auto {\n overflow-y: auto;\n}\n#app .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#app .rounded-full {\n border-radius: 9999px;\n}\n#app .rounded-krc-button {\n border-radius: var(--krc-button-borderRadius, 1.5rem);\n}\n#app .rounded-krc-checkbox {\n border-radius: var(--krc-checkbox-borderRadius, 0.25rem);\n}\n#app .rounded-krc-input {\n border-radius: var(--krc-input-borderRadius, 1.5rem);\n}\n#app .rounded-krc-modal {\n border-radius: var(--krc-modal-borderRadius, 0.5rem);\n}\n#app .rounded-krc-phoneInput {\n border-radius: var(--krc-phoneInput-borderRadius, 1.5rem);\n}\n#app .rounded-krc-radiobuttonGroup {\n border-radius: var(--krc-radiobuttonGroup-borderRadius, 0.5rem);\n}\n#app .rounded-krc-select {\n border-radius: var(--krc-select-borderRadius, 1.5rem);\n}\n#app .rounded-krc-table {\n border-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .rounded-krc-tableColumnChooser {\n border-radius: var(--krc-tableColumnChooser-borderRadius, 0.375rem);\n}\n#app .rounded-krc-tag {\n border-radius: var(--krc-tag-borderRadius, 0.75rem);\n}\n#app .rounded-krc-tagList {\n border-radius: var(--krc-tagList-borderRadius, 1.5rem);\n}\n#app .rounded-krc-tagListAdd {\n border-radius: var(--krc-tagListAdd-borderRadius, 0.75rem);\n}\n#app .rounded-krc-textarea {\n border-radius: var(--krc-textarea-borderRadius, 1rem);\n}\n#app .rounded-md {\n border-radius: 0.375rem;\n}\n#app .rounded-b {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n#app .rounded-b-krc-table {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .rounded-l-none {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n#app .rounded-r-none {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n#app .rounded-t {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n#app .rounded-t-krc-table {\n border-top-left-radius: var(--krc-table-borderRadius, 1rem);\n border-top-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .border {\n border-width: 1px;\n}\n#app .border-b {\n border-bottom-width: 1px;\n}\n#app .border-l {\n border-left-width: 1px;\n}\n#app .border-r {\n border-right-width: 1px;\n}\n#app .border-none {\n border-style: none;\n}\n#app .bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n#app .bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n#app .bg-opacity-50 {\n --tw-bg-opacity: 0.5;\n}\n#app .fill-white {\n fill: #fff;\n}\n#app .p-2 {\n padding: 0.5rem;\n}\n#app .p-4 {\n padding: 1rem;\n}\n#app .px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n#app .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n#app .px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n#app .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n#app .px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n#app .py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n#app .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n#app .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n#app .py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n#app .py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n#app .pb-4 {\n padding-bottom: 1rem;\n}\n#app .pl-0 {\n padding-left: 0px;\n}\n#app .pl-1 {\n padding-left: 0.25rem;\n}\n#app .pl-10 {\n padding-left: 2.5rem;\n}\n#app .pl-16 {\n padding-left: 4rem;\n}\n#app .pl-\\[2\\.75rem\\] {\n padding-left: 2.75rem;\n}\n#app .pl-\\[3\\.25rem\\] {\n padding-left: 3.25rem;\n}\n#app .pr-0 {\n padding-right: 0px;\n}\n#app .pr-10 {\n padding-right: 2.5rem;\n}\n#app .pr-12 {\n padding-right: 3rem;\n}\n#app .pt-4 {\n padding-top: 1rem;\n}\n#app .text-center {\n text-align: center;\n}\n#app .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n#app .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n#app .text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n#app .font-medium {\n font-weight: 500;\n}\n#app .font-semibold {\n font-weight: 600;\n}\n#app .text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n#app .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .shadow-none {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n#app .outline {\n outline-style: solid;\n}\n#app .outline-1 {\n outline-width: 1px;\n}\n#app .outline-offset-2 {\n outline-offset: 2px;\n}\n#app .ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app .filter {\n 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);\n}\n#app .placeholder\\:text-sm::placeholder {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n#app .first\\:grow:first-child {\n flex-grow: 1;\n}\n#app .first\\:rounded-tl-krc-table:first-child {\n border-top-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-b-krc-table:last-child {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-b-none:last-child {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n#app .last\\:rounded-bl-krc-table:last-child {\n border-bottom-left-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-br-krc-table:last-child {\n border-bottom-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:rounded-tr-krc-table:last-child {\n border-top-right-radius: var(--krc-table-borderRadius, 1rem);\n}\n#app .last\\:border-none:last-child {\n border-style: none;\n}\n#app .focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app .focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n#app .focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n#app .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n#app .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n#app .disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n#app .disabled\\:shadow-none:disabled {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n#app .disabled\\:ring-0:disabled {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n#app :is(.group:active .group-active\\:outline) {\n outline-style: solid;\n}\n#app .has-\\[\\:focus\\]\\:ring-2:has(:focus) {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
5
5
 
6
6
  })();
7
7
  import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
@@ -54514,15 +54514,26 @@ const HTML5Backend = function createBackend(manager, context, options) {
54514
54514
  };
54515
54515
 
54516
54516
  const baseClasses$2 = {
54517
- wrapperClasses: "flex flex-col rounded-krc-table border",
54517
+ wrapperClasses: "relative h-full",
54518
+ tableClasses: "max-h-full max-w-full overflow-x-auto overflow-y-auto rounded-krc-table outline-1 outline outline-secondary-300 divide-y divide-secondary-200",
54518
54519
  columnsWrapperClasses: "flex flex-row overflow-x-auto overflow-y-auto h-full",
54519
54520
  columnsLeftClasses: "flex flex-row h-fit overflow-x-auto border-r first:rounded-tl-krc-table last:rounded-tr-krc-table",
54520
54521
  columnsCenterClasses: "flex grow flex-row h-fit overflow-x-auto first:rounded-tl-krc-table last:rounded-tr-krc-table",
54521
54522
  columnsRightClasses: "flex flex-row h-fit overflow-x-auto border-l first:rounded-tl-krc-table last:rounded-tr-krc-table",
54522
- noDataClasses: "flex h-16 items-center justify-start pl-16 rounded-b-krc-table bg-white text-secondary-500 w-full"
54523
+ noDataClasses: "flex h-16 items-center justify-start pl-16 rounded-b-krc-table bg-white text-secondary-500 w-full",
54524
+ rowClasses: "group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100",
54525
+ rowLeftWrapperClasses: "bg-white group-hover:bg-primary-100",
54526
+ rowCenterWrapperClasses: "bg-white first:grow group-hover:bg-primary-100",
54527
+ rowRightWrapperClasses: "bg-white group-hover:bg-primary-100"
54523
54528
  };
54524
54529
  function Table({
54525
54530
  noDataClasses = baseClasses$2.noDataClasses,
54531
+ wrapperClasses = baseClasses$2.wrapperClasses,
54532
+ tableClasses = baseClasses$2.tableClasses,
54533
+ rowClasses = baseClasses$2.rowClasses,
54534
+ rowLeftWrapperClasses = baseClasses$2.rowLeftWrapperClasses,
54535
+ rowCenterWrapperClasses = baseClasses$2.rowCenterWrapperClasses,
54536
+ rowRightWrapperClasses = baseClasses$2.rowRightWrapperClasses,
54526
54537
  paginationClasses,
54527
54538
  columnsCenter,
54528
54539
  columnsRight,
@@ -54535,7 +54546,10 @@ function Table({
54535
54546
  noEntryLabel,
54536
54547
  allowReorder,
54537
54548
  showFilters,
54538
- onMoveRow = () => {
54549
+ onDragRow = () => {
54550
+ return;
54551
+ },
54552
+ onDropRow = () => {
54539
54553
  return;
54540
54554
  },
54541
54555
  onRowClick = () => {
@@ -54562,7 +54576,7 @@ function Table({
54562
54576
  async function updateFilters(newFilters) {
54563
54577
  await onUpdateFilters(newFilters);
54564
54578
  }
54565
- return /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
54579
+ return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
54566
54580
  /* @__PURE__ */ jsxs(
54567
54581
  "div",
54568
54582
  {
@@ -54572,7 +54586,7 @@ function Table({
54572
54586
  gridAutoFlow: "row",
54573
54587
  gridAutoRows: "auto"
54574
54588
  },
54575
- className: "max-h-full max-w-full overflow-x-auto overflow-y-auto rounded-krc-table outline-1 outline outline-secondary-300",
54589
+ className: tableClasses,
54576
54590
  onScroll,
54577
54591
  children: [
54578
54592
  /* @__PURE__ */ jsxs("div", { ref: header, className: "sticky top-0 z-[1] flex flex-row items-center justify-between rounded-t-krc-table bg-secondary-50", children: [
@@ -54739,81 +54753,77 @@ function Table({
54739
54753
  {
54740
54754
  index: i,
54741
54755
  entry,
54742
- moveRow: onMoveRow,
54756
+ onDragRow,
54757
+ onDropRow,
54743
54758
  currentColumnsCenter,
54744
54759
  currentColumnsLeft,
54745
54760
  currentColumnsRight,
54746
54761
  cellRenderer,
54747
54762
  header,
54748
54763
  onRowClick,
54749
- onRowDoubleClick
54764
+ onRowDoubleClick,
54765
+ rowClasses,
54766
+ rowLeftWrapperClasses,
54767
+ rowCenterWrapperClasses,
54768
+ rowRightWrapperClasses
54750
54769
  },
54751
54770
  i
54752
54771
  );
54753
54772
  }) }) : /* @__PURE__ */ jsx$1(Fragment, { children: data.map((entry, i) => {
54754
- return /* @__PURE__ */ jsxs(
54755
- "div",
54756
- {
54757
- className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
54758
- onClick: () => onRowClick(entry),
54759
- onDoubleClick: () => onRowDoubleClick(entry),
54760
- children: [
54761
- !!currentColumnsLeft.length && /* @__PURE__ */ jsx$1("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
54762
- return /* @__PURE__ */ jsx$1(
54763
- "div",
54764
- {
54765
- style: {
54766
- minWidth: column.initialWidth,
54767
- maxWidth: column.initialWidth
54768
- },
54769
- className: "bg-white group-hover:bg-primary-100",
54770
- title: entry[column.id] || "",
54771
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54772
- },
54773
- column.id.toString()
54774
- );
54775
- }) }),
54776
- currentColumnsCenter.map((column) => {
54777
- return /* @__PURE__ */ jsx$1(
54778
- "div",
54779
- {
54780
- style: {
54781
- minWidth: column.initialWidth,
54782
- maxWidth: column.initialWidth
54783
- },
54784
- className: "bg-white first:grow group-hover:bg-primary-100",
54785
- title: entry[column.id] ? entry[column.id].toString() : "",
54786
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54787
- },
54788
- column.id.toString()
54789
- );
54790
- }),
54791
- !!currentColumnsRight.length && /* @__PURE__ */ jsx$1("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
54792
- return /* @__PURE__ */ jsx$1(
54793
- "div",
54794
- {
54795
- style: {
54796
- minWidth: column.initialWidth,
54797
- maxWidth: column.initialWidth
54798
- },
54799
- className: "bg-white group-hover:bg-primary-100",
54800
- title: entry[column.id] || "",
54801
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54802
- },
54803
- column.id.toString()
54804
- );
54805
- }) }),
54806
- /* @__PURE__ */ jsx$1(
54807
- "div",
54808
- {
54809
- style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
54810
- className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
54811
- }
54812
- )
54813
- ]
54814
- },
54815
- i
54816
- );
54773
+ return /* @__PURE__ */ jsxs("div", { className: rowClasses, onClick: () => onRowClick(entry), onDoubleClick: () => onRowDoubleClick(entry), children: [
54774
+ !!currentColumnsLeft.length && /* @__PURE__ */ jsx$1("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
54775
+ return /* @__PURE__ */ jsx$1(
54776
+ "div",
54777
+ {
54778
+ style: {
54779
+ minWidth: column.initialWidth,
54780
+ maxWidth: column.initialWidth
54781
+ },
54782
+ className: rowLeftWrapperClasses,
54783
+ title: entry[column.id] || "",
54784
+ children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54785
+ },
54786
+ column.id.toString()
54787
+ );
54788
+ }) }),
54789
+ currentColumnsCenter.map((column) => {
54790
+ return /* @__PURE__ */ jsx$1(
54791
+ "div",
54792
+ {
54793
+ style: {
54794
+ minWidth: column.initialWidth,
54795
+ maxWidth: column.initialWidth
54796
+ },
54797
+ className: rowCenterWrapperClasses,
54798
+ title: entry[column.id] ? entry[column.id].toString() : "",
54799
+ children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54800
+ },
54801
+ column.id.toString()
54802
+ );
54803
+ }),
54804
+ !!currentColumnsRight.length && /* @__PURE__ */ jsx$1("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
54805
+ return /* @__PURE__ */ jsx$1(
54806
+ "div",
54807
+ {
54808
+ style: {
54809
+ minWidth: column.initialWidth,
54810
+ maxWidth: column.initialWidth
54811
+ },
54812
+ className: rowRightWrapperClasses,
54813
+ title: entry[column.id] || "",
54814
+ children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54815
+ },
54816
+ column.id.toString()
54817
+ );
54818
+ }) }),
54819
+ /* @__PURE__ */ jsx$1(
54820
+ "div",
54821
+ {
54822
+ style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
54823
+ className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
54824
+ }
54825
+ )
54826
+ ] }, i);
54817
54827
  }) }),
54818
54828
  data.length === 0 && /* @__PURE__ */ jsx$1("div", { className: noDataClasses, children: noEntryLabel })
54819
54829
  ]
@@ -54825,14 +54835,19 @@ function Table({
54825
54835
  function Row({
54826
54836
  index,
54827
54837
  entry,
54828
- moveRow,
54838
+ onDragRow,
54839
+ onDropRow,
54829
54840
  onRowClick,
54830
54841
  onRowDoubleClick,
54831
54842
  currentColumnsLeft,
54832
54843
  currentColumnsCenter,
54833
54844
  currentColumnsRight,
54834
54845
  cellRenderer,
54835
- header
54846
+ header,
54847
+ rowClasses,
54848
+ rowLeftWrapperClasses,
54849
+ rowCenterWrapperClasses,
54850
+ rowRightWrapperClasses
54836
54851
  }) {
54837
54852
  const dragRef = useRef(null);
54838
54853
  const previewRef = useRef(null);
@@ -54865,12 +54880,21 @@ function Row({
54865
54880
  if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
54866
54881
  return;
54867
54882
  }
54868
- moveRow(dragIndex, hoverIndex);
54883
+ onDragRow(dragIndex, hoverIndex);
54869
54884
  item.index = hoverIndex;
54870
54885
  }
54871
54886
  });
54872
54887
  const [{ opacity }, drag, preview] = useDrag({
54873
54888
  type: "row",
54889
+ end: (item, monitor) => {
54890
+ if (!monitor.didDrop()) {
54891
+ return;
54892
+ }
54893
+ const dropResult = monitor.getDropResult();
54894
+ if (dropResult) {
54895
+ onDropRow(item.index, dropResult.index);
54896
+ }
54897
+ },
54874
54898
  item: () => {
54875
54899
  return { id: entry.index, index };
54876
54900
  },
@@ -54883,7 +54907,7 @@ function Row({
54883
54907
  return /* @__PURE__ */ jsxs(
54884
54908
  "div",
54885
54909
  {
54886
- className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
54910
+ className: rowClasses,
54887
54911
  onClick: () => onRowClick(entry),
54888
54912
  onDoubleClick: () => onRowDoubleClick(entry),
54889
54913
  ref: previewRef,
@@ -54898,7 +54922,7 @@ function Row({
54898
54922
  minWidth: column.initialWidth,
54899
54923
  maxWidth: column.initialWidth
54900
54924
  },
54901
- className: "bg-white group-hover:bg-primary-100",
54925
+ className: rowLeftWrapperClasses,
54902
54926
  title: entry[column.id] || "",
54903
54927
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54904
54928
  },
@@ -54913,7 +54937,7 @@ function Row({
54913
54937
  minWidth: column.initialWidth,
54914
54938
  maxWidth: column.initialWidth
54915
54939
  },
54916
- className: "bg-white first:grow group-hover:bg-primary-100",
54940
+ className: rowCenterWrapperClasses,
54917
54941
  title: entry[column.id] ? entry[column.id].toString() : "",
54918
54942
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54919
54943
  },
@@ -54928,7 +54952,7 @@ function Row({
54928
54952
  minWidth: column.initialWidth,
54929
54953
  maxWidth: column.initialWidth
54930
54954
  },
54931
- className: "bg-white group-hover:bg-primary-100",
54955
+ className: rowRightWrapperClasses,
54932
54956
  title: entry[column.id] || "",
54933
54957
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54934
54958
  },