@konoma-development/react-components 0.0.3 → 0.0.5
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.
|
@@ -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 .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-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-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 .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);}
|
|
5
5
|
|
|
6
6
|
})();
|
|
7
7
|
import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
|
|
@@ -54571,11 +54571,11 @@ function Table({
|
|
|
54571
54571
|
gridAutoFlow: "row",
|
|
54572
54572
|
gridAutoRows: "auto"
|
|
54573
54573
|
},
|
|
54574
|
-
className: "max-h-full max-w-full overflow-x-auto overflow-y-auto rounded-krc-table",
|
|
54574
|
+
className: "max-h-full max-w-full overflow-x-auto overflow-y-auto rounded-krc-table outline-1 outline outline-secondary-300",
|
|
54575
54575
|
onScroll,
|
|
54576
54576
|
children: [
|
|
54577
|
-
/* @__PURE__ */ jsxs("div", { ref: header, className: "sticky top-0 z-[1] flex flex-row items-center justify-between rounded-t-krc-table bg-secondary-
|
|
54578
|
-
!!currentColumnsLeft.length && /* @__PURE__ */ jsx$1("div", { className: "sticky left-0 flex flex-row", children: currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
|
|
54577
|
+
/* @__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: [
|
|
54578
|
+
!!currentColumnsLeft.length && /* @__PURE__ */ jsx$1("div", { className: "sticky left-0 flex flex-row z-[1]", children: currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
|
|
54579
54579
|
"div",
|
|
54580
54580
|
{
|
|
54581
54581
|
style: {
|
|
@@ -54590,22 +54590,25 @@ function Table({
|
|
|
54590
54590
|
);
|
|
54591
54591
|
},
|
|
54592
54592
|
className: [
|
|
54593
|
-
"flex
|
|
54593
|
+
"flex flex-col items-center truncate bg-secondary-50 justify-center px-4 py-3 text-xs font-medium first:rounded-tl-krc-table gap-2",
|
|
54594
|
+
hasFilters ? "h-24" : "h-12",
|
|
54594
54595
|
column.sortKey ? "cursor-pointer" : ""
|
|
54595
54596
|
].join(" "),
|
|
54596
54597
|
children: [
|
|
54597
|
-
/* @__PURE__ */
|
|
54598
|
-
|
|
54599
|
-
|
|
54600
|
-
|
|
54601
|
-
|
|
54602
|
-
|
|
54603
|
-
|
|
54604
|
-
|
|
54605
|
-
|
|
54606
|
-
|
|
54607
|
-
|
|
54608
|
-
|
|
54598
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
|
|
54599
|
+
/* @__PURE__ */ jsx$1("span", { children: column.title }),
|
|
54600
|
+
column.sortKey && /* @__PURE__ */ jsx$1("div", { children: /* @__PURE__ */ jsx$1(
|
|
54601
|
+
Icon,
|
|
54602
|
+
{
|
|
54603
|
+
className: "h-4 w-4",
|
|
54604
|
+
name: column.sorting ? {
|
|
54605
|
+
"+": "heroicons:chevron-down-16-solid",
|
|
54606
|
+
"-": "heroicons:chevron-up-16-solid"
|
|
54607
|
+
}[column.sorting] : "heroicons:chevron-up-down-16-solid"
|
|
54608
|
+
}
|
|
54609
|
+
) })
|
|
54610
|
+
] }),
|
|
54611
|
+
hasFilters && /* @__PURE__ */ jsx$1("div", { className: "bg-secondary-50 text-xs font-medium text-secondary-500", children: column.filterable && column.filterKey && /* @__PURE__ */ jsx$1(Fragment, { children: column.filterComponent?.(filters, updateFilters) || /* @__PURE__ */ jsx$1(
|
|
54609
54612
|
Input$2,
|
|
54610
54613
|
{
|
|
54611
54614
|
defaultValue: filters[column.filterKey],
|
|
@@ -54625,9 +54628,20 @@ function Table({
|
|
|
54625
54628
|
onClick: (e) => {
|
|
54626
54629
|
e.stopPropagation();
|
|
54627
54630
|
},
|
|
54631
|
+
onIconRightClick: async (e) => {
|
|
54632
|
+
e.stopPropagation();
|
|
54633
|
+
const key = column.filterKey;
|
|
54634
|
+
if (key) {
|
|
54635
|
+
const newFilters = { ...filters };
|
|
54636
|
+
delete newFilters[key];
|
|
54637
|
+
await updateFilters(newFilters);
|
|
54638
|
+
}
|
|
54639
|
+
},
|
|
54640
|
+
isClearable: true,
|
|
54628
54641
|
className: "h-10",
|
|
54629
|
-
iconRightName: "heroicons:
|
|
54630
|
-
}
|
|
54642
|
+
iconRightName: filters[column.filterKey] ? "heroicons:x-mark" : ""
|
|
54643
|
+
},
|
|
54644
|
+
filters[column.filterKey]
|
|
54631
54645
|
) }) })
|
|
54632
54646
|
]
|
|
54633
54647
|
},
|
|
@@ -54641,7 +54655,8 @@ function Table({
|
|
|
54641
54655
|
maxWidth: column.initialWidth
|
|
54642
54656
|
},
|
|
54643
54657
|
className: [
|
|
54644
|
-
"flex
|
|
54658
|
+
"flex flex-col items-center truncate bg-secondary-50 justify-center px-4 py-3 text-xs font-medium first:rounded-tl-krc-table gap-2",
|
|
54659
|
+
hasFilters ? "h-24" : "h-12",
|
|
54645
54660
|
column.sortKey ? "cursor-pointer" : ""
|
|
54646
54661
|
].join(" "),
|
|
54647
54662
|
onClick: () => {
|
|
@@ -54652,18 +54667,20 @@ function Table({
|
|
|
54652
54667
|
);
|
|
54653
54668
|
},
|
|
54654
54669
|
children: [
|
|
54655
|
-
/* @__PURE__ */
|
|
54656
|
-
|
|
54657
|
-
|
|
54658
|
-
|
|
54659
|
-
|
|
54660
|
-
|
|
54661
|
-
|
|
54662
|
-
|
|
54663
|
-
|
|
54664
|
-
|
|
54665
|
-
|
|
54666
|
-
|
|
54670
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
|
|
54671
|
+
/* @__PURE__ */ jsx$1("span", { children: column.title }),
|
|
54672
|
+
column.sortKey && /* @__PURE__ */ jsx$1("div", { children: /* @__PURE__ */ jsx$1(
|
|
54673
|
+
Icon,
|
|
54674
|
+
{
|
|
54675
|
+
className: "h-4 w-4",
|
|
54676
|
+
name: column.sorting ? {
|
|
54677
|
+
"+": "heroicons:chevron-down-16-solid",
|
|
54678
|
+
"-": "heroicons:chevron-up-16-solid"
|
|
54679
|
+
}[column.sorting] : "heroicons:chevron-up-down-16-solid"
|
|
54680
|
+
}
|
|
54681
|
+
) })
|
|
54682
|
+
] }),
|
|
54683
|
+
hasFilters && /* @__PURE__ */ jsx$1("div", { className: "bg-secondary-50 text-xs font-medium text-secondary-500", children: column.filterable && column.filterKey && /* @__PURE__ */ jsx$1(Fragment, { children: column.filterComponent?.(filters, updateFilters) || /* @__PURE__ */ jsx$1(
|
|
54667
54684
|
Input$2,
|
|
54668
54685
|
{
|
|
54669
54686
|
defaultValue: filters[column.filterKey],
|
|
@@ -54683,22 +54700,33 @@ function Table({
|
|
|
54683
54700
|
onClick: (e) => {
|
|
54684
54701
|
e.stopPropagation();
|
|
54685
54702
|
},
|
|
54703
|
+
onIconRightClick: async (e) => {
|
|
54704
|
+
e.stopPropagation();
|
|
54705
|
+
const key = column.filterKey;
|
|
54706
|
+
if (key) {
|
|
54707
|
+
const newFilters = { ...filters };
|
|
54708
|
+
delete newFilters[key];
|
|
54709
|
+
await updateFilters(newFilters);
|
|
54710
|
+
}
|
|
54711
|
+
},
|
|
54712
|
+
isClearable: true,
|
|
54686
54713
|
className: "h-10",
|
|
54687
|
-
iconRightName: "heroicons:
|
|
54688
|
-
}
|
|
54714
|
+
iconRightName: filters[column.filterKey] ? "heroicons:x-mark" : ""
|
|
54715
|
+
},
|
|
54716
|
+
filters[column.filterKey]
|
|
54689
54717
|
) }) })
|
|
54690
54718
|
]
|
|
54691
54719
|
},
|
|
54692
54720
|
column.id.toString()
|
|
54693
54721
|
)),
|
|
54694
|
-
!!currentColumnsRight.length && /* @__PURE__ */ jsx$1("div", { className: "sticky right-0 flex flex-row", children: currentColumnsRight.map((column) => /* @__PURE__ */ jsx$1(
|
|
54722
|
+
!!currentColumnsRight.length && /* @__PURE__ */ jsx$1("div", { className: "sticky right-0 flex flex-row h-full items-center", children: currentColumnsRight.map((column) => /* @__PURE__ */ jsx$1(
|
|
54695
54723
|
"div",
|
|
54696
54724
|
{
|
|
54697
54725
|
style: {
|
|
54698
54726
|
minWidth: column.initialWidth,
|
|
54699
54727
|
maxWidth: column.initialWidth
|
|
54700
54728
|
},
|
|
54701
|
-
className: "flex h-
|
|
54729
|
+
className: "flex h-full flex-row items-center justify-end truncate bg-secondary-50 px-4 py-3 text-xs font-medium last:rounded-tr-krc-table",
|
|
54702
54730
|
children: column.title
|
|
54703
54731
|
},
|
|
54704
54732
|
column.id.toString()
|
|
@@ -54725,7 +54753,7 @@ function Table({
|
|
|
54725
54753
|
return /* @__PURE__ */ jsxs(
|
|
54726
54754
|
"div",
|
|
54727
54755
|
{
|
|
54728
|
-
className: `group relative flex flex-row justify-between
|
|
54756
|
+
className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
|
|
54729
54757
|
onClick: () => onRowClick(entry),
|
|
54730
54758
|
onDoubleClick: () => onRowDoubleClick(entry),
|
|
54731
54759
|
children: [
|
|
@@ -54778,7 +54806,7 @@ function Table({
|
|
|
54778
54806
|
"div",
|
|
54779
54807
|
{
|
|
54780
54808
|
style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
|
|
54781
|
-
className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-
|
|
54809
|
+
className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
|
|
54782
54810
|
}
|
|
54783
54811
|
)
|
|
54784
54812
|
]
|
|
@@ -54854,7 +54882,7 @@ function Row({
|
|
|
54854
54882
|
return /* @__PURE__ */ jsxs(
|
|
54855
54883
|
"div",
|
|
54856
54884
|
{
|
|
54857
|
-
className: `group relative flex flex-row justify-between
|
|
54885
|
+
className: `group relative flex flex-row justify-between bg-white last:rounded-b-krc-table hover:bg-primary-100`,
|
|
54858
54886
|
onClick: () => onRowClick(entry),
|
|
54859
54887
|
onDoubleClick: () => onRowDoubleClick(entry),
|
|
54860
54888
|
ref: previewRef,
|
|
@@ -54910,7 +54938,7 @@ function Row({
|
|
|
54910
54938
|
"div",
|
|
54911
54939
|
{
|
|
54912
54940
|
style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
|
|
54913
|
-
className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-
|
|
54941
|
+
className: "absolute bottom-0 left-0 right-0 h-px bg-secondary-50"
|
|
54914
54942
|
}
|
|
54915
54943
|
)
|
|
54916
54944
|
]
|