npm - json-crud-ui-comp-table - Versions diffs - 1.2.5 → 1.3.3 - Mend

json-crud-ui-comp-table 1.2.5 → 1.3.3

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 (517) hide show

package/bin/v1/commands/Vertical/template/v1/Index/FormLoad/start.js DELETED Viewed

@@ -1,5 +0,0 @@
-import { startDomContentLoaded } from "./DomContentLoaded/start.js";
-export function startFormLoad() {
-    startDomContentLoaded();
-}

package/bin/v1/commands/Vertical/template/v1/Index/headers.json DELETED Viewed

@@ -1,41 +0,0 @@
-{
-    "uiClasses": {
-        "ulClass1": "[&_svg]:size-10",
-        "svgDivClass": "size-6"
-    },
-    "title": {
-        "text": "Ledgers",
-        "htmlId": "htmlId"
-    },
-    "items": [
-        {
-            "text": "Create",
-            "id": "CreateHtmlId",
-            "icon": [],
-            "uiClasses": {
-                "aClass": ""
-            },
-            "svgName": "home"
-        },
-        {
-            "text": "TallyUp",
-            "id": "tallyUpId",
-            "icon": [
-                "M12 3v12",
-                "M8 11l4 4 4-4",
-                "M5 21h14"
-            ],
-            "svgName": "wifi"
-        },
-        {
-            "text": "TallyDown",
-            "id": "tallyDownId",
-            "icon": [
-                "M12 3v12",
-                "M8 11l4 4 4-4",
-                "M5 21h14"
-            ],
-            "svgName": "exclamation"
-        }
-    ]
-}

package/bin/v1/commands/Vertical/template/v1/Index/start.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { startFormLoad } from "./FormLoad/start.js";
-function startApp() {
-    startFormLoad();
-};
-startApp();

package/bin/v1/commands/Vertical/template/v1/Index/tallyStatus.js DELETED Viewed

@@ -1,53 +0,0 @@
-const startFunc = async () => {
-    const tallyPromise = await fetch("/FromTally/V3/Status");
-    if (tallyPromise.status === 200) {
-        jFLocalDisplayShowtallyUpId();
-        jFLocalDisplayNonetallyDownId();
-    } else {
-        jFLocalDisplayNonetallyUpId();
-        jFLocalDisplayShowtallyDownId();
-    };
-};
-let jFLocalDisplayShowtallyDownId = () => {
-    let jVarLocalHtmlId = 'tallyDownId';
-    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
-    if (jVarLocaltallyDownId === null === false) {
-        jVarLocaltallyDownId.style.display = '';
-        jVarLocaltallyDownId.classList.add("danger");
-    };
-};
-let jFLocalDisplayNonetallyUpId = () => {
-    let jVarLocalHtmlId = 'tallyUpId';
-    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
-    if (jVarLocaltallyUpId === null === false) {
-        jVarLocaltallyUpId.style.display = 'none';
-    };
-};
-let jFLocalDisplayShowtallyUpId = () => {
-    let jVarLocalHtmlId = 'tallyUpId';
-    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
-    if (jVarLocaltallyUpId === null === false) {
-        jVarLocaltallyUpId.style.display = '';
-        jVarLocaltallyUpId.classList.add("active");
-    };
-};
-let jFLocalDisplayNonetallyDownId = () => {
-    let jVarLocalHtmlId = 'tallyDownId';
-    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
-    if (jVarLocaltallyDownId === null === false) {
-        jVarLocaltallyDownId.style.display = 'none';
-    };
-};
-export default startFunc;

package/bin/v1/commands/Vertical/template/v1/index.html DELETED Viewed

@@ -1,184 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>KeshavSoft10.6</title>
-    <!-- Tailwind CDN -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <!-- <link rel="stylesheet" href="./tailwind-3.css"> -->
-    <!-- Heroicons (SVG inline, no extra CDN needed) -->
-    <style>
-        tfoot tr {
-            background-color: #fff8dc;
-        }
-        tfoot tr:has(input:focus) {
-            background-color: #ffe082;
-        }
-        input:focus {
-            outline: none;
-            border: 2px solid #2563eb;
-            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
-        }
-        mark {
-            background-color: yellow;
-            color: black;
-        }
-        .active svg {
-            stroke: #3b82f6;
-            /* Example color */
-        }
-        .active span {
-            color: #3b82f6;
-            /* Example color */
-        }
-        .danger svg {
-            stroke: #c41d14;
-            /* Example color */
-        }
-        .danger span {
-            color: #c41d14;
-            /* Example color */
-        }
-    </style>
-</head>
-<body class="bg-gray-100 flex flex-col min-h-screen">
-    <main class="flex-grow">
-        <!-- NAVBAR -->
-        <div id="header"></div>
-        <!-- body -->
-        <section class="mx-auto px-3 py-6
-                max-w-3xl
-                lg:max-w-5xl
-                xl:max-w-6xl">
-            <!-- Table container -->
-            <div id="kSTableContainer">
-            </div>
-            <div id="kSSubTableContainer">
-            </div>
-        </section>
-    </main>
-    <footer class="bg-gray-200 text-gray-700 text-center py-4">
-        <div class="max-w-6xl mx-auto px-4">
-            © 2026 KeshavSoft • Contact
-        </div>
-    </footer>
-    <!-- <script src="https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js" type="module"></script> -->
-    <!-- <script src="https://keshavsoft.github.io/tailwind-header-dom/Public/v4.2/ksheader.js" type="module"></script> -->
-    <!-- <script src="https://keshavsoft.github.io/tailwind-table-dom/Public/v10/kstable.js" type="module"></script> -->
-<!--
-    <script>
-        class KsDataListInput extends HTMLElement {
-            connectedCallback() {
-                const label = this.getAttribute("label") || "";
-                const name = this.getAttribute("name") || "";
-                const list = this.getAttribute("list") || "";
-                const source = this.getAttribute("source") || "";
-                this.innerHTML = `
-            <div class="flex items-center space-x-4">
-                <label class="w-24 text-sm font-medium">${label}</label>
-                <input
-                    class="flex-1 border rounded px-3 py-2"
-                    name="${name}"
-                    list="${list}"
-                    data-data-list-fill-name="${name}"
-                    data-data-list-source="${source}">
-            </div>
-        `;
-            }
-        }
-        customElements.define("ks-datalist-input", KsDataListInput);
-        class KsButton extends HTMLElement {
-            connectedCallback() {
-                const text = this.getAttribute("text") || "Save";
-                this.innerHTML = `
-            <button class="w-full mt-2 px-4 py-1 bg-green-500 text-white rounded">
-                ${text}
-            </button>
-        `;
-                this.querySelector("button").addEventListener("click", (e) => {
-                    e.preventDefault(); // stop refresh
-                    const form = this.closest("form");
-                    const data = Object.fromEntries(
-                        [...form.querySelectorAll("input")]
-                            .map(input => [input.name, input.value])
-                    );
-                    console.log(data);
-                    this.onClick?.(data);
-                });
-            }
-        }
-        customElements.define("ks-button", KsButton);
-        class DateInput extends HTMLElement {
-            connectedCallback() {
-                this.innerHTML = `
-            <div class="flex items-center space-x-4 w-1/2">
-                <label class="w-36 text-sm font-medium">InvoiceDate</label>
-                <input type="date" name="InvoiceDate"
-                       class="flex-1 border rounded px-3 py-2">
-            </div>
-        `;
-            }
-        }
-        customElements.define("date-input", DateInput);
-        class KsInput extends HTMLElement {
-            connectedCallback() {
-                const label = this.getAttribute("label") || "";
-                const name = this.getAttribute("name") || "";
-                const type = this.getAttribute("type") || "text";
-                this.innerHTML = `
-            <div class="flex items-center space-x-4 w-1/2">
-                <label class="w-36 text-sm font-medium">${label}</label>
-                <input
-                    type="${type}"
-                    name="${name}"
-                    class="flex-1 border rounded px-3 py-2">
-            </div>
-        `;
-            }
-        }
-        customElements.define("ks-input", KsInput);
-    </script> -->
-    <script src="../../vertical/v1/entry.js" type="module"></script>
-    <script type="module" src="./Index/start.js"></script>
-</body>
-</html>

package/bin/v1/commands/Vertical/template/v1/loadCss.js DELETED Viewed

@@ -1,55 +0,0 @@
-async function ensureTailwind() {
-    function loadCss(href) {
-        return new Promise((resolve, reject) => {
-            const link = document.createElement("link");
-            link.rel = "stylesheet";
-            link.href = href;
-            link.onload = resolve;
-            link.onerror = reject;
-            document.head.appendChild(link);
-        });
-    };
-    const tryLocal = async () => {
-        try {
-            await loadCss("./tailwind-3.css");
-            console.log("Tailwind loaded locally");
-            return true;
-        } catch { return false; }
-    };
-    const tryKsWebExtension = async () => {
-        try {
-            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
-            console.log("Tailwind loaded from KsWebExtension");
-            return true;
-        } catch { return false; }
-    };
-    const tryGit = async () => {
-        try {
-            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
-            console.log("Tailwind loaded from tailwind-gen-css");
-            return true;
-        } catch { return false; }
-    };
-    if (document.getElementById("KSTableTailwind")) {
-        console.log("Tailwind loaded from Firefox Extension");
-        return;
-    };
-    if (await tryLocal()) return;
-    if (await tryKsWebExtension()) return;
-    if (await tryGit()) return;
-    throw new Error("Tailwind could not be loaded");
-};
-await ensureTailwind();

package/bin/v1/commands/Vertical/template/v1/loadJs.js DELETED Viewed

@@ -1,55 +0,0 @@
-async function ensureKSTable() {
-    function loadScriptAsModule(src) {
-        return new Promise((resolve, reject) => {
-            const script = document.createElement("script");
-            script.src = src;
-            script.onload = () => resolve(true);
-            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
-            script.type = "module";
-            document.head.appendChild(script);
-        });
-    };
-    function isKSTableLoaded() {
-        return !!window.KSTable;
-    };
-    async function tryGitHub() {
-        try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
-            console.log("KSTable loaded from Local Server");
-            if (fromPromise) return true;
-        } catch { return false };
-        return false;
-    };
-    async function tryLocal() {
-        try {
-            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
-            console.log("KSTable loaded from Local Server");
-            if (fromPromise) return true;
-        } catch { return false };
-        return false;
-    };
-    if (isKSTableLoaded()) {
-        console.log("KSTable loaded from Firefox Extension");
-        return;
-    };
-    if (await tryLocal()) return;
-    if (await tryGitHub()) return;
-    throw new Error("KSTable could not be loaded");
-};
-await ensureKSTable();

package/bin/v1/commands/Vertical/template/v1/script.js DELETED Viewed

@@ -1,124 +0,0 @@
-async function ensureTailwind() {
-    const isTailwindLoaded = () => {
-        const div = document.createElement("div");
-        div.className = "h-4";
-        document.body.appendChild(div);
-        const loaded = getComputedStyle(div).height === "16px";
-        div.remove();
-        return loaded;
-    };
-    function loadCss(href) {
-        return new Promise((resolve, reject) => {
-            const link = document.createElement("link");
-            link.rel = "stylesheet";
-            link.href = href;
-            link.onload = resolve;
-            link.onerror = reject;
-            document.head.appendChild(link);
-        });
-    };
-    const tryLocal = async () => {
-        try {
-            await loadCss("./tailwind-3-min.css");
-            console.log("Tailwind min loaded locally");
-            return true;
-        } catch { return false; }
-    };
-    const tryKsWebExtension = async () => {
-        try {
-            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
-            console.log("Tailwind loaded from KsWebExtension");
-            return true;
-        } catch { return false; }
-    };
-    const tryGit = async () => {
-        try {
-            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
-            console.log("Tailwind loaded from tailwind-gen-css");
-            return true;
-        } catch { return false; }
-    };
-    if (isTailwindLoaded()) {
-        console.log("Tailwind already loaded");
-        return;
-    };
-    if (await tryLocal()) return;
-    if (await tryKsWebExtension()) return;
-    if (await tryGit()) return;
-    throw new Error("Tailwind could not be loaded");
-};
-async function ensureKSHeader() {
-    function loadScriptAsModule(src) {
-        return new Promise((resolve, reject) => {
-            const script = document.createElement("script");
-            script.src = src;
-            script.onload = () => resolve(true);
-            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
-            script.type = "module";
-            document.head.appendChild(script);
-        });
-    };
-    function isKSTableLoaded() {
-        return !!window.KSTable;
-    };
-    async function tryGitHub() {
-        try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.3/ksheader.js");
-            console.log("KSTable loaded from Local Server");
-            if (fromPromise) return true;
-        } catch { return false };
-        return false;
-    };
-    async function tryLocal() {
-        try {
-            const fromPromise = await loadScriptAsModule("/header/v3/initHeader.js");
-            console.log("KSHeader loaded from Local Server");
-            if (fromPromise) return true;
-        } catch { return false };
-        return false;
-    };
-    if (isKSTableLoaded()) {
-        console.log("KSHeader loaded from Firefox Extension");
-        return;
-    };
-    if (await tryGitHub()) return;
-    if (await tryLocal()) return;
-    throw new Error("KSTable could not be loaded");
-};
-await ensureTailwind();
-await ensureKSHeader();
-// await ensureKSTable();

package/bin/v1/commands/Vertical/template/v1/tailwind-3-min.css DELETED Viewed

@@ -1 +0,0 @@

- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-6{width:1.5rem;height:1.5rem}.h-4{height:1rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-\[1000px\]{width:1000px}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pr-9{padding-right:2.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.odd\:bg-gray-100:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-500:active{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:ml-0{margin-left:0}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-4{gap:1rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:max-w-5xl{max-width:64rem}.lg\:bg-transparent{background-color:transparent}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-full{max-width:100%}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}}