@konoma-development/react-components 0.0.7 → 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 +84 -74
  2. package/dist/@konoma-development/react-components.js.map +1 -1
  3. package/dist/components/table/table.d.ts +6 -1
  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,
@@ -54565,7 +54576,7 @@ function Table({
54565
54576
  async function updateFilters(newFilters) {
54566
54577
  await onUpdateFilters(newFilters);
54567
54578
  }
54568
- return /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
54579
+ return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
54569
54580
  /* @__PURE__ */ jsxs(
54570
54581
  "div",
54571
54582
  {
@@ -54575,7 +54586,7 @@ function Table({
54575
54586
  gridAutoFlow: "row",
54576
54587
  gridAutoRows: "auto"
54577
54588
  },
54578
- 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,
54579
54590
  onScroll,
54580
54591
  children: [
54581
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: [
@@ -54750,74 +54761,69 @@ function Table({
54750
54761
  cellRenderer,
54751
54762
  header,
54752
54763
  onRowClick,
54753
- onRowDoubleClick
54764
+ onRowDoubleClick,
54765
+ rowClasses,
54766
+ rowLeftWrapperClasses,
54767
+ rowCenterWrapperClasses,
54768
+ rowRightWrapperClasses
54754
54769
  },
54755
54770
  i
54756
54771
  );
54757
54772
  }) }) : /* @__PURE__ */ jsx$1(Fragment, { children: data.map((entry, i) => {
54758
- return /* @__PURE__ */ jsxs(
54759
- "div",
54760
- {
54761
- className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
54762
- onClick: () => onRowClick(entry),
54763
- onDoubleClick: () => onRowDoubleClick(entry),
54764
- children: [
54765
- !!currentColumnsLeft.length && /* @__PURE__ */ jsx$1("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
54766
- return /* @__PURE__ */ jsx$1(
54767
- "div",
54768
- {
54769
- style: {
54770
- minWidth: column.initialWidth,
54771
- maxWidth: column.initialWidth
54772
- },
54773
- className: "bg-white group-hover:bg-primary-100",
54774
- title: entry[column.id] || "",
54775
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54776
- },
54777
- column.id.toString()
54778
- );
54779
- }) }),
54780
- currentColumnsCenter.map((column) => {
54781
- return /* @__PURE__ */ jsx$1(
54782
- "div",
54783
- {
54784
- style: {
54785
- minWidth: column.initialWidth,
54786
- maxWidth: column.initialWidth
54787
- },
54788
- className: "bg-white first:grow group-hover:bg-primary-100",
54789
- title: entry[column.id] ? entry[column.id].toString() : "",
54790
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54791
- },
54792
- column.id.toString()
54793
- );
54794
- }),
54795
- !!currentColumnsRight.length && /* @__PURE__ */ jsx$1("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
54796
- return /* @__PURE__ */ jsx$1(
54797
- "div",
54798
- {
54799
- style: {
54800
- minWidth: column.initialWidth,
54801
- maxWidth: column.initialWidth
54802
- },
54803
- className: "bg-white group-hover:bg-primary-100",
54804
- title: entry[column.id] || "",
54805
- children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54806
- },
54807
- column.id.toString()
54808
- );
54809
- }) }),
54810
- /* @__PURE__ */ jsx$1(
54811
- "div",
54812
- {
54813
- style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
54814
- className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
54815
- }
54816
- )
54817
- ]
54818
- },
54819
- i
54820
- );
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);
54821
54827
  }) }),
54822
54828
  data.length === 0 && /* @__PURE__ */ jsx$1("div", { className: noDataClasses, children: noEntryLabel })
54823
54829
  ]
@@ -54837,7 +54843,11 @@ function Row({
54837
54843
  currentColumnsCenter,
54838
54844
  currentColumnsRight,
54839
54845
  cellRenderer,
54840
- header
54846
+ header,
54847
+ rowClasses,
54848
+ rowLeftWrapperClasses,
54849
+ rowCenterWrapperClasses,
54850
+ rowRightWrapperClasses
54841
54851
  }) {
54842
54852
  const dragRef = useRef(null);
54843
54853
  const previewRef = useRef(null);
@@ -54897,7 +54907,7 @@ function Row({
54897
54907
  return /* @__PURE__ */ jsxs(
54898
54908
  "div",
54899
54909
  {
54900
- className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
54910
+ className: rowClasses,
54901
54911
  onClick: () => onRowClick(entry),
54902
54912
  onDoubleClick: () => onRowDoubleClick(entry),
54903
54913
  ref: previewRef,
@@ -54912,7 +54922,7 @@ function Row({
54912
54922
  minWidth: column.initialWidth,
54913
54923
  maxWidth: column.initialWidth
54914
54924
  },
54915
- className: "bg-white group-hover:bg-primary-100",
54925
+ className: rowLeftWrapperClasses,
54916
54926
  title: entry[column.id] || "",
54917
54927
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54918
54928
  },
@@ -54927,7 +54937,7 @@ function Row({
54927
54937
  minWidth: column.initialWidth,
54928
54938
  maxWidth: column.initialWidth
54929
54939
  },
54930
- className: "bg-white first:grow group-hover:bg-primary-100",
54940
+ className: rowCenterWrapperClasses,
54931
54941
  title: entry[column.id] ? entry[column.id].toString() : "",
54932
54942
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54933
54943
  },
@@ -54942,7 +54952,7 @@ function Row({
54942
54952
  minWidth: column.initialWidth,
54943
54953
  maxWidth: column.initialWidth
54944
54954
  },
54945
- className: "bg-white group-hover:bg-primary-100",
54955
+ className: rowRightWrapperClasses,
54946
54956
  title: entry[column.id] || "",
54947
54957
  children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx$1("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
54948
54958
  },