tango-ui-cw 0.9.2 → 0.9.3

package/dist/styles/ThemeProvider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("react"),r=e.createContext(null);function m({children:o}){const[t,n]=e.useState("light");e.useEffect(()=>{document.documentElement.dataset.theme=t},[t]);const u=()=>{n(s=>s==="dark"?"light":"dark")};return c.jsx(r.Provider,{value:{theme:t,setTheme:n,toggleTheme:u},children:o})}function i(){return e.useContext(r)}exports.ThemeProvider=m;exports.useTheme=i;

package/dist/styles/ThemeProvider.mjs

@@ -0,0 +1,20 @@
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as s, useState as c, useEffect as h, useContext as i } from "react";
+const o = s(null);
+function l({ children: n }) {
+  const [e, t] = c("light");
+  h(() => {
+    document.documentElement.dataset.theme = e;
+  }, [e]);
+  const r = () => {
+    t((m) => m === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ u(o.Provider, { value: { theme: e, setTheme: t, toggleTheme: r }, children: n });
+}
+function f() {
+  return i(o);
+}
+export {
+  l as ThemeProvider,
+  f as useTheme
+};

package/dist/tango-ui-cw.css

@@ -0,0 +1 @@
+html,body{height:100%;margin:0;padding:0;box-sizing:border-box}.ultra{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f0f2f5;border-radius:8px;overflow:hidden}.clay-header{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}.clay-main{flex:1;width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff}.clay-aside{background-color:#6ccb6f;color:#fff;text-align:center;padding:16px;min-width:120px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-right{flex:3;display:flex;flex-direction:column}.clay-content{background-color:#4caf50;color:#fff;flex:1;text-align:center;padding:16px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-footer{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}@media(max-width:768px){.ultra,.clay-main{flex-direction:column}}:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--transparent: rgba(0, 0, 0, 0);--primary-drawer: oklch(.205 0 0);--primary-foreground-drawer: oklch(.922 0 0);--table-background: white;--table-hover: #b1b1b1;--tooltip-background: oklch(.205 0 0);--tooltip-foreground: oklch(.922 0 0);--tooltip-border: oklch(.205 0 0);--ripple-color: oklch(.205 0 0 / 20%)}[data-theme=dark]{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.922 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--primary-drawer: oklch(.985 0 0);--primary-foreground-drawer: oklch(.205 0 0);--table-background: black;--table-hover: #b1b1b1;--tooltip-background: oklch(.922 0 0);--tooltip-foreground: oklch(.205 0 0);--tooltip-border: oklch(.922 0 0)}._btn_1w9w4_5{font-family:Arial,sans-serif;cursor:pointer;font-size:14px;padding:8px 16px;border-radius:8px;transition:all .3s;letter-spacing:.5px;border:1px solid var(--border);background:var(--primary);color:var(--primary-foreground)}._btn_1w9w4_5:hover{transition:.5s;animation:_btn-content_1w9w4_1 1s;outline:.1em solid var(--transparent);outline-offset:.2em}._btn-default_1w9w4_45{background:var(--primary);color:var(--primary-foreground)}._btn-default_1w9w4_45:hover{box-shadow:0 0 .4em #d5d5d5}._btn-transparent_1w9w4_63{background-color:var(--transparent);color:var(--primary-foreground)}._btn-transparent_1w9w4_63:hover{box-shadow:0 0 .4em #d5d5d5}._btn-danger_1w9w4_81{background-color:var(--destructive);color:#fafafa;border:none}._btn-danger_1w9w4_81:hover{box-shadow:0 0 .4em #fafafa}._btn-success_1w9w4_101{background-color:#4caf50;color:#fafafa;border:none}._btn-success_1w9w4_101:hover{box-shadow:0 0 .4em #4caf50}._btn-outline_1w9w4_121{background-color:var(--transparent);border-width:1px;border-color:var(--border)}._btn-default_1w9w4_45._btn-outline_1w9w4_121{color:var(--primary-foreground);border:1px solid var(--border)}._btn-default_1w9w4_45._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em 0 var(--border)}._btn-success_1w9w4_101._btn-outline_1w9w4_121{color:#000;border:1px solid #4caf50}._btn-success_1w9w4_101._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em #28a745}._btn-danger_1w9w4_81._btn-outline_1w9w4_121{color:var(--destructive);border:1px solid var(--destructive)}._btn-danger_1w9w4_81._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em 0 var(--destructive)}._btn-transparent_1w9w4_63._btn-outline_1w9w4_121{color:#0a0a0a;border:1px solid #6c757d}._btn-transparent_1w9w4_63._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em #6c757d}._btn-enu_1w9w4_205{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#fafafa;border:none}._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,4px 4px 8px #bebebe99,-4px -4px 8px #fffc;transform:translateY(-2px)}._btn-enu_1w9w4_205:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(1px)}._btn-success_1w9w4_101._btn-enu_1w9w4_205{background-color:#28a745;box-shadow:inset 4px 4px 8px #145a2599,inset -4px -4px 8px #32c864cc,4px 4px 8px #145a254d,-4px -4px 8px #32c86480}._btn-success_1w9w4_101._btn-enu_1w9w4_205:hover{box-shadow:inset 3px 3px 6px #145a25cc,inset -3px -3px 6px #32c864e6,3px 3px 6px #145a2580,-3px -3px 6px #32c864b3}._btn-success_1w9w4_101._btn-enu_1w9w4_205:active{box-shadow:inset 4px 4px 8px #145a25e6,inset -4px -4px 8px #32c864}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205{background-color:transparent;color:#fafafa;border:1px solid rgba(0,0,0,.1);box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fffc}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,0 0 .4em #d5d5d5cc}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205:active{box-shadow:inset 6px 6px 12px #bebebecc,inset -6px -6px 12px #fff}._btn-danger_1w9w4_81._btn-enu_1w9w4_205{background-color:var(--destructive);box-shadow:4px 4px 8px #91283299,-4px -4px 8px #ff6670cc}._btn-danger_1w9w4_81._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #91283299,inset -4px -4px 8px #ff6670cc,0 0 .4em #dc3545cc}._btn-danger_1w9w4_81._btn-enu_1w9w4_205:active{box-shadow:inset 6px 6px 12px #912832cc,inset -6px -6px 12px #ff6670}._btn-small_1w9w4_351{font-size:12px;padding:4px 8px}._btn-medium_1w9w4_361{font-size:14px;padding:8px 16px}._btn-large_1w9w4_371{font-size:16px;padding:12px 20px}._btn-huge_1w9w4_381{font-size:25px;padding:18px 45px}._btn-disabled_1w9w4_391{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;border:none}._btn-disabled_1w9w4_391:hover{transition:0s;box-shadow:none}._btn-with-icon_1w9w4_417{display:inline-flex;align-items:center;justify-content:center;gap:8px}._btn-icon_1w9w4_433{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}._btn-small_1w9w4_351._btn-with-icon_1w9w4_417{gap:4px}._btn-medium_1w9w4_361._btn-with-icon_1w9w4_417{gap:6px}._btn-large_1w9w4_371._btn-with-icon_1w9w4_417{gap:8px}._btn-huge_1w9w4_381._btn-with-icon_1w9w4_417{gap:12px}._btn-icon_1w9w4_433 img,._btn-icon_1w9w4_433 svg{vertical-align:middle}._btn-disabled_1w9w4_391 ._btn-icon_1w9w4_433{opacity:.5}._btn-loading_1w9w4_507{position:relative;cursor:wait}._btn-loading-icon_1w9w4_517{display:inline-block;transition:all .3s ease}._btn-loading-spin_1w9w4_527{animation:_btn-loading-spin_1w9w4_527 1s linear infinite}@keyframes _btn-loading-spin_1w9w4_527{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._btn-small_1w9w4_351._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:4px}._btn-medium_1w9w4_361._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:6px}._btn-large_1w9w4_371._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:8px}._btn-huge_1w9w4_381._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:12px}._btn-small_1w9w4_351._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:4px}._btn-medium_1w9w4_361._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:6px}._btn-large_1w9w4_371._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:8px}._btn-huge_1w9w4_381._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:12px}._btn-loading-light_1w9w4_631 path{fill:var(--primary-foreground)}._btn-loading-dark_1w9w4_639 path{fill:var(--primary-foreground)}._materialBtn_hu9bm_1{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-weight:500;color:var(--primary-foreground);background-color:var(--primary);transition:background-color .3s ease;-webkit-user-select:none;user-select:none;outline:none;font-size:14px;padding:8px 16px}._materialBtn_hu9bm_1:hover:not(._materialBtnDisabled_hu9bm_37){background-color:var(--primary-foreground);color:var(--primary)}._materialBtn_hu9bm_1:active:not(._materialBtnDisabled_hu9bm_37){background-color:gray}._materialBtnSmall_hu9bm_57{font-size:12px;padding:6px 12px}._materialBtnMedium_hu9bm_67{font-size:14px;padding:8px 16px}._materialBtnLarge_hu9bm_77{font-size:18px;padding:14px 28px}._materialBtnDisabled_hu9bm_37{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}._ripple_hu9bm_103{position:absolute;border-radius:50%;transform:scale(0);animation:_ripple_hu9bm_103 .6s linear;pointer-events:none;z-index:0}@keyframes _ripple_hu9bm_103{to{transform:scale(4);opacity:0}}._materialInput_14rp9_1{width:300px}._inputWrapper_14rp9_9{position:relative;margin:10px 0;width:300px}._materialInputField_14rp9_21{width:300px;padding:16px 8px 8px;font-size:16px;border:none;border-bottom:1px solid var(--primary-foreground);background-color:var(--primary);outline:none;color:var(--primary-foreground)}._materialLabel_14rp9_43{position:absolute;left:8px;top:16px;font-size:16px;color:gray;transition:all .2s ease;pointer-events:none}._filled_14rp9_65~._materialLabel_14rp9_43,._float_14rp9_67{top:2px;font-size:12px;color:var(--primary-foreground)}._colorPicker_4ql5w_1{width:35px;height:35px;padding:0 1px;background:#fff}._colorPickerDisabled_4ql5w_15{cursor:not-allowed}._colorPickerWrapper_4ql5w_23{display:flex;align-items:center;gap:10px}._colorText_4ql5w_35{display:flex;flex-direction:column;font-size:12px;color:gray}._datePicker_e2ozn_1{padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none}._datePickerDisabled_e2ozn_17{background-color:#f0f0f0;color:#999}._drawerOverlay_1pmir_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:flex-end}._drawerContainer_1pmir_25{background:var(--primary);color:var(--primary-foreground);padding:20px;width:320px;height:100vh;position:relative}._drawerHeader_1pmir_43{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}._drawerHeaderTitle_1pmir_57{color:var(--primary-foreground)}._drawerContent_1pmir_63{margin-bottom:24px;color:var(--primary-foreground)}._drawerFooter_1pmir_73{position:absolute;bottom:0;right:0;display:flex;gap:10px;padding:10px 20px;background:var(--primary)}._drawerCloseBtn_1pmir_93{cursor:pointer}._drawerRight_1pmir_111{right:0;top:0;position:fixed;height:100vh;width:320px}._drawerLeft_1pmir_127{left:0;top:0;position:fixed;height:100vh;width:320px}._drawerTop_1pmir_143{top:0;left:0;position:fixed;width:100vw;height:300px}._drawerBottom_1pmir_159{bottom:0;left:0;position:fixed;width:100vw;height:300px}@keyframes _comeInRight_1pmir_353{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _comeOutRight_1pmir_361{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes _comeInLeft_1pmir_369{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _comeOutLeft_1pmir_377{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes _comeInTop_1pmir_385{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _comeOutTop_1pmir_393{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes _comeInBottom_1pmir_401{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _comeOutBottom_1pmir_409{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}._comeInRight_1pmir_353{animation:_comeInRight_1pmir_353 .3s ease-in-out}._comeOutRight_1pmir_361{animation:_comeOutRight_1pmir_361 .3s ease-in-out}._comeInLeft_1pmir_369{animation:_comeInLeft_1pmir_369 .3s ease-in-out}._comeOutLeft_1pmir_377{animation:_comeOutLeft_1pmir_377 .3s ease-in-out}._comeInTop_1pmir_385{animation:_comeInTop_1pmir_385 .3s ease-in-out}._comeOutTop_1pmir_393{animation:_comeOutTop_1pmir_393 .3s ease-in-out}._comeInBottom_1pmir_401{animation:_comeInBottom_1pmir_401 .3s ease-in-out}._comeOutBottom_1pmir_409{animation:_comeOutBottom_1pmir_409 .3s ease-in-out}._drawerButton_1pmir_415{border:1px solid var(--border);background:var(--primary-drawer);color:var(--primary-foreground-drawer)}._input_1xl1h_1{width:300px;border-radius:8px;border:1px solid var(--border);padding:8px 12px;font-size:14px;color:var(--primary-foreground);outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:var(--primary)}._input_1xl1h_1:hover{border-color:#888}._input_1xl1h_1:focus{border-color:var(--border);box-shadow:0 0 5px var(--border)}._inputSmall_1xl1h_45{height:32px;font-size:12px;padding:6px 10px}._inputMedium_1xl1h_57{height:40px;font-size:14px}._inputLarge_1xl1h_67{height:48px;font-size:16px;padding:10px 14px}._inputHuge_1xl1h_79{height:56px;font-size:18px;padding:12px 16px}._inputDisabled_1xl1h_91{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--muted);cursor:not-allowed;box-shadow:none}._inputTextarea_1xl1h_107{min-height:32px;font-size:14px}._inputError_1xl1h_117{border-color:#d93025;background-color:#fef2f2;color:#d93025}._inputError_1xl1h_117:focus{box-shadow:0 0 5px #d9302580}._line_6n8gg_1{display:flex;align-items:center;justify-content:center;position:relative;width:100%}._lineSmall_6n8gg_17{margin:2px 0}._lineMedium_6n8gg_25{margin:6px 0}._lineLarge_6n8gg_33{margin:10px 0}._lineHuge_6n8gg_41{margin:15px 0}._line_6n8gg_1:before,._line_6n8gg_1:after{content:"";flex:1;height:1px;background-color:#b2b2b2}._line_6n8gg_1:before{margin-right:10px}._line_6n8gg_1:after{margin-left:10px}._lineNoText_6n8gg_81:before,._lineNoText_6n8gg_81:after{margin:0}._lineText_6n8gg_91{padding:0 5px;color:inherit;background-color:transparent;white-space:nowrap;z-index:1}._mark_nbq0k_1{width:auto;height:auto;display:inline-block}._modalOverlay_17rup_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}._modalContainer_17rup_27{background:var(--primary);color:var(--primary-foreground);padding:20px;border-radius:8px;width:520px;box-shadow:0 2px 10px #0000001a;position:relative;margin-top:-350px}._modalHeader_17rup_49{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}._modalHeaderTitle_17rup_65{color:var(--primary-foreground)}._modalContent_17rup_73{margin-bottom:24px;color:var(--primary-foreground)}._modalFooter_17rup_83{display:flex;justify-content:flex-end;gap:10px;background:var(--primary)}._modalCloseBtn_17rup_97{cursor:pointer}@keyframes _fade-in_17rup_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_17rup_1{0%{opacity:1}to{opacity:0}}@keyframes _scale-in_17rup_1{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _scale-out_17rup_1{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}._fadeIn_17rup_195{animation:_fade-in_17rup_1 .3s ease-in-out;-webkit-animation:_fade-in_17rup_1 .3s ease-in-out}._fadeOut_17rup_205{animation:_fade-out_17rup_1 .3s ease-in-out;-webkit-animation:_fade-out_17rup_1 .3s ease-in-out}._scaleIn_17rup_215{animation:_scale-in_17rup_1 .3s ease-in-out;-webkit-animation:_scale-in_17rup_1 .3s ease-in-out}._scaleOut_17rup_225{animation:_scale-out_17rup_1 .3s ease-in-out;-webkit-animation:_scale-out_17rup_1 .3s ease-in-out}._modalButton_17rup_233{border:1px solid var(--border);background:var(--primary-drawer);color:var(--primary-foreground-drawer)}._notice_1pn1d_1{display:inline-flex;align-items:center;justify-content:start;padding:8px 10px 8px 11px;text-align:left;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;background-color:#ffffffe6;color:#000;position:absolute;top:20px;left:50%;transform:translate(-50%);animation:_slideDown_1pn1d_1 .1s ease-out;transition:opacity .3s ease-out,transform .5s ease-out;z-index:999}._notice_1pn1d_1 img{width:20px;height:20px;margin-right:8px;flex-shrink:0}._notice_1pn1d_1 span{display:inline-block;vertical-align:middle}._defaultNotice_1pn1d_67{position:fixed;top:20px;left:50%;transform:translate(-50%);animation:_slideDown_1pn1d_1 .1s cubic-bezier(.22,1,.36,1) forwards}._defaultNotice_1pn1d_67._fadeOut_1pn1d_85{animation:_slideUpFade_1pn1d_1 .3s ease-in forwards}._mdNotice_1pn1d_95{position:fixed;bottom:20px!important;top:unset!important;left:20px!important;min-width:140px!important;height:40px!important;text-align:center!important;padding:10px 20px!important;animation:_slideFromBottom_1pn1d_1 .3s ease-out forwards}._mdNotice_1pn1d_95._fadeOut_1pn1d_85{animation:_slideToBottom_1pn1d_1 .3s ease-in forwards}._md_fail_1pn1d_129 span{color:red}._md_caution_1pn1d_139 span{color:orange}._md_success_1pn1d_149 span{color:#000}._fadeOut_1pn1d_85{opacity:0;transform:translate(-50%) translateY(-20px)}@keyframes _slideDown_1pn1d_1{0%{transform:translate(-50%) translateY(-50px);opacity:0}80%{transform:translate(-50%) translateY(4px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes _slideUpFade_1pn1d_1{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-20px);opacity:0}}@keyframes _slideFromBottom_1pn1d_1{0%{transform:translate(0);opacity:0}to{transform:translate(2%);opacity:1}}@keyframes _slideToBottom_1pn1d_1{0%{transform:translate(2%);opacity:1}to{transform:translate(0);opacity:0}}._searchContainer_1mhm8_1{position:relative;width:300px}._searchInput_1mhm8_11{width:300px;border-radius:8px;border:1px solid var(--border);padding:8px 12px;font-size:14px;color:var(--primary-foreground);outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:var(--primary)}._searchInput_1mhm8_11:hover{border-color:#888}._searchInput_1mhm8_11:focus{border-color:var(--border);box-shadow:0 0 5px var(--border)}._searchInput_small_1mhm8_55{height:32px;font-size:12px;padding:6px 10px}._searchInput_medium_1mhm8_67{height:40px;font-size:14px}._searchInput_large_1mhm8_77{height:48px;font-size:16px;padding:10px 14px}._searchInput_huge_1mhm8_89{height:56px;font-size:18px;padding:12px 16px}._searchInputDisabled_1mhm8_101{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--muted);cursor:not-allowed;box-shadow:none}._searchButton_1mhm8_117{position:absolute;right:6px;top:50%;transform:translateY(-50%)}._space_15nmk_1,._space_default_15nmk_3{width:auto;height:auto;background:var(--background);color:var(--foreground)}._space_inline_15nmk_17{display:inline-block}._space_fixed_15nmk_25{position:fixed}._space_absolute_15nmk_33{position:absolute}._space_relative_15nmk_41{position:relative}._space_circle_15nmk_49{border-radius:50%}._space_triangle_15nmk_57{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid #4caf50}._space_halfCircle_15nmk_73{width:100px;height:50px;background:#4caf50;border-radius:100px 100px 0 0}._wrapper_1g73i_1{overflow-x:auto;background:var(--table-background);position:relative}._wrapper_1g73i_1:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}._table_1g73i_33{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--primary-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}._thead_1g73i_51{background:var(--primary);color:var(--primary-foreground);position:sticky;top:0;z-index:10}._tableHeader_1g73i_83{border:none;padding:16px 20px;text-align:left;font-weight:600;letter-spacing:.3px;position:relative}._tableHeader_1g73i_83:first-child{border-top-left-radius:12px}._tableHeader_1g73i_83:last-child{border-top-right-radius:12px}._tableHeader_1g73i_83:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#ffffff26}._tableHeader_1g73i_83:last-child:after{display:none}._headerContent_1g73i_147{display:flex;align-items:center;gap:8px}._tableRow_1g73i_159{transition:all .2s ease;position:relative}._tableRow_1g73i_159:hover{background-color:color-mix(in srgb,var(--table-hover) 20%,transparent)!important}._tableRow_1g73i_159:nth-child(2n){background-color:color-mix(in srgb,var(--table-hover) 6%,transparent)}._tableCell_1g73i_187{border:none;padding:14px 20px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05);position:relative}._tableCell_1g73i_187:before{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#0000000a}._tableCell_1g73i_187:last-child:before{display:none}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187{border-bottom:none}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187:first-child{border-bottom-left-radius:12px}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187:last-child{border-bottom-right-radius:12px}._cellContent_1g73i_255{display:flex;align-items:center;min-height:20px}._empty_1g73i_267{border:none!important;padding:60px 20px!important;text-align:center!important}._emptyState_1g73i_279{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af;font-size:15px}._emptyIcon_1g73i_297{font-size:32px;opacity:.6}._wrapper_1g73i_1::-webkit-scrollbar{height:8px}._wrapper_1g73i_1::-webkit-scrollbar-track{background:#00000008;border-radius:4px;margin:0 12px}._wrapper_1g73i_1::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}._wrapper_1g73i_1::-webkit-scrollbar-thumb:hover{background:#00000026}._tooltipWrapper_19a07_1{position:relative;display:inline-block}._tooltip_19a07_1{position:absolute;padding:8px 15px;font-size:16px;background:var(--tooltip-background);color:var(--tooltip-foreground);border-radius:8px;white-space:nowrap;z-index:999;box-shadow:0 4px 6px #0000001a}._tooltip_19a07_1:after{content:"";position:absolute;border-width:8px;border-style:solid}._tooltipTop_19a07_53 ._tooltip_19a07_1{bottom:130%;left:50%;transform:translate(-50%);margin-bottom:8px}._tooltipTop_19a07_53 ._tooltip_19a07_1:after{top:100%;left:50%;transform:translate(-50%);border-color:var(--tooltip-border) transparent transparent transparent}._tooltipBottom_19a07_81 ._tooltip_19a07_1{top:130%;left:50%;transform:translate(-50%);margin-top:8px}._tooltipBottom_19a07_81 ._tooltip_19a07_1:after{bottom:100%;left:50%;transform:translate(-50%);border-color:transparent transparent var(--tooltip-border) transparent}._tooltipRight_19a07_109 ._tooltip_19a07_1{top:50%;left:110%;transform:translateY(-50%);margin-left:8px}._tooltipRight_19a07_109 ._tooltip_19a07_1:after{top:50%;left:-8px;transform:translateY(-50%);border-color:transparent var(--tooltip-border) transparent transparent}._tooltipLeft_19a07_137 ._tooltip_19a07_1{top:50%;right:110%;transform:translateY(-50%);margin-right:8px}._tooltipLeft_19a07_137 ._tooltip_19a07_1:after{top:50%;right:-16px;transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-border)}._map_vhvc7_1{width:100%;height:400px}a._skiplink_vhvc7_9{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}a._skiplink_vhvc7_9:focus{clip:auto;height:auto;width:auto;background:var(--primary);padding:.3em}#_map_vhvc7_1:focus{outline:#4a74a8 solid .15em}._hiddenInput_vhvc7_49{display:none}._fileList_vhvc7_59{list-style:none;margin-top:20px;padding:0}._fileItem_vhvc7_71{display:flex;align-items:center;gap:8px;margin-bottom:6px}li>span{color:var(--primary-foreground)}._fileIcon_vhvc7_91{width:16px;height:16px}._fileListPhoto_vhvc7_103{list-style:none;margin-top:20px;max-height:150px;max-width:400px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:10px}._fileItemPhoto_vhvc7_127{display:flex;align-items:center;gap:8px;margin-bottom:6px}._fileIconPhoto_vhvc7_139{width:16px;height:16px}._noBorder_vhvc7_151{border:none!important}._banner_1j6sa_1{background:transparent;padding:10px 20px;text-align:center;font-size:24px;width:100%;height:60px;border:1px solid #64b4fa;border-radius:8px;display:flex;justify-content:flex-start;align-items:center;gap:10px}._infoIcon_1j6sa_33{width:25px;height:25px;margin-top:-5px}._info_1j6sa_33{flex-grow:1;text-align:left;font-size:20px;color:#e9e9e9;margin-top:-2px}._closeIcon_1j6sa_61{width:23px;height:23px;cursor:pointer;margin-top:-10px}._svg_1j6sa_77{display:flex;align-items:center;justify-content:center}._smallBanner_1j6sa_89{background:transparent;padding:8px 15px;text-align:center;font-size:18px;width:100%;height:45px;border:1px solid #64b4fa;border-radius:6px;display:flex;justify-content:flex-start;align-items:center;gap:8px}._smallInfo_1j6sa_119{flex-grow:1;text-align:left;font-size:16px;color:#e9e9e9;margin-top:-2px}._smallInfoIcon_1j6sa_135{width:20px;height:20px}._smallCloseIcon_1j6sa_145{width:20px;height:20px;cursor:pointer}._largeBanner_1j6sa_163{background:transparent;padding:12px 25px;text-align:center;font-size:28px;width:100%;height:75px;border:1.5px solid #64b4fa;border-radius:10px;display:flex;justify-content:flex-start;align-items:center;gap:12px}._largeInfoIcon_1j6sa_193{width:30px;height:30px;margin-top:-4px}._largeInfo_1j6sa_193{flex-grow:1;text-align:left;font-size:24px;color:#e9e9e9;margin-top:-2px}._largeCloseIcon_1j6sa_223{width:28px;height:28px;cursor:pointer;margin-top:-6px}._smallInfoTransparent_1j6sa_235,._largeInfoTransparent_1j6sa_237,._infoTransparent_1j6sa_239{color:gray}

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "tango-ui-cw",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "A lightweight ui library with ClayW",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "author": "ClayW",
   "license": "MIT",
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && copy src\\styles\\client.js dist\\client.mjs",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.4.1",
     "vite": "^6.3.5"
   },
- "peerDependencies": {
-  "react": "^18.0.0 || ^19.0.0",
-  "react-dom": "^18.0.0 || ^19.0.0"
-},
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
   "peerDependenciesMeta": {
     "react": {
       "optional": false
@@ -30,12 +30,16 @@
     "dist"
   ],
   "exports": {
-  ".": {
-    "import": "./dist/index.mjs",
-    "require": "./dist/index.js"
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./client": {
+      "import": "./dist/client.mjs",
+      "require": "./dist/client.mjs"
+    },
+    "./index.css": "./dist/index.css"
   },
- "./index.css": "./dist/index.css"
-},
   "dependencies": {
     "prop-types": "^15.8.1"
   }

package/dist/index.css

@@ -1 +0,0 @@
-._btn_1w9w4_5{font-family:Arial,sans-serif;cursor:pointer;font-size:14px;padding:8px 16px;border-radius:8px;transition:all .3s;letter-spacing:.5px;border:1px solid var(--border);background:var(--primary);color:var(--primary-foreground)}._btn_1w9w4_5:hover{transition:.5s;animation:_btn-content_1w9w4_1 1s;outline:.1em solid var(--transparent);outline-offset:.2em}._btn-default_1w9w4_45{background:var(--primary);color:var(--primary-foreground)}._btn-default_1w9w4_45:hover{box-shadow:0 0 .4em #d5d5d5}._btn-transparent_1w9w4_63{background-color:var(--transparent);color:var(--primary-foreground)}._btn-transparent_1w9w4_63:hover{box-shadow:0 0 .4em #d5d5d5}._btn-danger_1w9w4_81{background-color:var(--destructive);color:#fafafa;border:none}._btn-danger_1w9w4_81:hover{box-shadow:0 0 .4em #fafafa}._btn-success_1w9w4_101{background-color:#4caf50;color:#fafafa;border:none}._btn-success_1w9w4_101:hover{box-shadow:0 0 .4em #4caf50}._btn-outline_1w9w4_121{background-color:var(--transparent);border-width:1px;border-color:var(--border)}._btn-default_1w9w4_45._btn-outline_1w9w4_121{color:var(--primary-foreground);border:1px solid var(--border)}._btn-default_1w9w4_45._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em 0 var(--border)}._btn-success_1w9w4_101._btn-outline_1w9w4_121{color:#000;border:1px solid #4caf50}._btn-success_1w9w4_101._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em #28a745}._btn-danger_1w9w4_81._btn-outline_1w9w4_121{color:var(--destructive);border:1px solid var(--destructive)}._btn-danger_1w9w4_81._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em 0 var(--destructive)}._btn-transparent_1w9w4_63._btn-outline_1w9w4_121{color:#0a0a0a;border:1px solid #6c757d}._btn-transparent_1w9w4_63._btn-outline_1w9w4_121:hover{box-shadow:0 0 .4em #6c757d}._btn-enu_1w9w4_205{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#fafafa;border:none}._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,4px 4px 8px #bebebe99,-4px -4px 8px #fffc;transform:translateY(-2px)}._btn-enu_1w9w4_205:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(1px)}._btn-success_1w9w4_101._btn-enu_1w9w4_205{background-color:#28a745;box-shadow:inset 4px 4px 8px #145a2599,inset -4px -4px 8px #32c864cc,4px 4px 8px #145a254d,-4px -4px 8px #32c86480}._btn-success_1w9w4_101._btn-enu_1w9w4_205:hover{box-shadow:inset 3px 3px 6px #145a25cc,inset -3px -3px 6px #32c864e6,3px 3px 6px #145a2580,-3px -3px 6px #32c864b3}._btn-success_1w9w4_101._btn-enu_1w9w4_205:active{box-shadow:inset 4px 4px 8px #145a25e6,inset -4px -4px 8px #32c864}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205{background-color:transparent;color:#fafafa;border:1px solid rgba(0,0,0,.1);box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fffc}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,0 0 .4em #d5d5d5cc}._btn-transparent_1w9w4_63._btn-enu_1w9w4_205:active{box-shadow:inset 6px 6px 12px #bebebecc,inset -6px -6px 12px #fff}._btn-danger_1w9w4_81._btn-enu_1w9w4_205{background-color:var(--destructive);box-shadow:4px 4px 8px #91283299,-4px -4px 8px #ff6670cc}._btn-danger_1w9w4_81._btn-enu_1w9w4_205:hover{box-shadow:inset 4px 4px 8px #91283299,inset -4px -4px 8px #ff6670cc,0 0 .4em #dc3545cc}._btn-danger_1w9w4_81._btn-enu_1w9w4_205:active{box-shadow:inset 6px 6px 12px #912832cc,inset -6px -6px 12px #ff6670}._btn-small_1w9w4_351{font-size:12px;padding:4px 8px}._btn-medium_1w9w4_361{font-size:14px;padding:8px 16px}._btn-large_1w9w4_371{font-size:16px;padding:12px 20px}._btn-huge_1w9w4_381{font-size:25px;padding:18px 45px}._btn-disabled_1w9w4_391{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;border:none}._btn-disabled_1w9w4_391:hover{transition:0s;box-shadow:none}._btn-with-icon_1w9w4_417{display:inline-flex;align-items:center;justify-content:center;gap:8px}._btn-icon_1w9w4_433{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}._btn-small_1w9w4_351._btn-with-icon_1w9w4_417{gap:4px}._btn-medium_1w9w4_361._btn-with-icon_1w9w4_417{gap:6px}._btn-large_1w9w4_371._btn-with-icon_1w9w4_417{gap:8px}._btn-huge_1w9w4_381._btn-with-icon_1w9w4_417{gap:12px}._btn-icon_1w9w4_433 img,._btn-icon_1w9w4_433 svg{vertical-align:middle}._btn-disabled_1w9w4_391 ._btn-icon_1w9w4_433{opacity:.5}._btn-loading_1w9w4_507{position:relative;cursor:wait}._btn-loading-icon_1w9w4_517{display:inline-block;transition:all .3s ease}._btn-loading-spin_1w9w4_527{animation:_btn-loading-spin_1w9w4_527 1s linear infinite}@keyframes _btn-loading-spin_1w9w4_527{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._btn-small_1w9w4_351._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:4px}._btn-medium_1w9w4_361._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:6px}._btn-large_1w9w4_371._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:8px}._btn-huge_1w9w4_381._btn-loading_1w9w4_507 ._btn-loading-icon_1w9w4_517{margin-right:12px}._btn-small_1w9w4_351._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:4px}._btn-medium_1w9w4_361._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:6px}._btn-large_1w9w4_371._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:8px}._btn-huge_1w9w4_381._btn-with-icon_1w9w4_417[iconposition=right] ._btn-loading-icon_1w9w4_517{margin-right:0;margin-left:12px}._btn-loading-light_1w9w4_631 path{fill:var(--primary-foreground)}._btn-loading-dark_1w9w4_639 path{fill:var(--primary-foreground)}._materialBtn_hu9bm_1{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-weight:500;color:var(--primary-foreground);background-color:var(--primary);transition:background-color .3s ease;-webkit-user-select:none;user-select:none;outline:none;font-size:14px;padding:8px 16px}._materialBtn_hu9bm_1:hover:not(._materialBtnDisabled_hu9bm_37){background-color:var(--primary-foreground);color:var(--primary)}._materialBtn_hu9bm_1:active:not(._materialBtnDisabled_hu9bm_37){background-color:gray}._materialBtnSmall_hu9bm_57{font-size:12px;padding:6px 12px}._materialBtnMedium_hu9bm_67{font-size:14px;padding:8px 16px}._materialBtnLarge_hu9bm_77{font-size:18px;padding:14px 28px}._materialBtnDisabled_hu9bm_37{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}._ripple_hu9bm_103{position:absolute;border-radius:50%;transform:scale(0);animation:_ripple_hu9bm_103 .6s linear;pointer-events:none;z-index:0}@keyframes _ripple_hu9bm_103{to{transform:scale(4);opacity:0}}._materialInput_14rp9_1{width:300px}._inputWrapper_14rp9_9{position:relative;margin:10px 0;width:300px}._materialInputField_14rp9_21{width:300px;padding:16px 8px 8px;font-size:16px;border:none;border-bottom:1px solid var(--primary-foreground);background-color:var(--primary);outline:none;color:var(--primary-foreground)}._materialLabel_14rp9_43{position:absolute;left:8px;top:16px;font-size:16px;color:gray;transition:all .2s ease;pointer-events:none}._filled_14rp9_65~._materialLabel_14rp9_43,._float_14rp9_67{top:2px;font-size:12px;color:var(--primary-foreground)}._colorPicker_4ql5w_1{width:35px;height:35px;padding:0 1px;background:#fff}._colorPickerDisabled_4ql5w_15{cursor:not-allowed}._colorPickerWrapper_4ql5w_23{display:flex;align-items:center;gap:10px}._colorText_4ql5w_35{display:flex;flex-direction:column;font-size:12px;color:gray}._datePicker_e2ozn_1{padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none}._datePickerDisabled_e2ozn_17{background-color:#f0f0f0;color:#999}._drawerOverlay_1pmir_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:flex-end}._drawerContainer_1pmir_25{background:var(--primary);color:var(--primary-foreground);padding:20px;width:320px;height:100vh;position:relative}._drawerHeader_1pmir_43{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}._drawerHeaderTitle_1pmir_57{color:var(--primary-foreground)}._drawerContent_1pmir_63{margin-bottom:24px;color:var(--primary-foreground)}._drawerFooter_1pmir_73{position:absolute;bottom:0;right:0;display:flex;gap:10px;padding:10px 20px;background:var(--primary)}._drawerCloseBtn_1pmir_93{cursor:pointer}._drawerRight_1pmir_111{right:0;top:0;position:fixed;height:100vh;width:320px}._drawerLeft_1pmir_127{left:0;top:0;position:fixed;height:100vh;width:320px}._drawerTop_1pmir_143{top:0;left:0;position:fixed;width:100vw;height:300px}._drawerBottom_1pmir_159{bottom:0;left:0;position:fixed;width:100vw;height:300px}@keyframes _comeInRight_1pmir_353{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _comeOutRight_1pmir_361{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes _comeInLeft_1pmir_369{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _comeOutLeft_1pmir_377{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes _comeInTop_1pmir_385{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _comeOutTop_1pmir_393{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes _comeInBottom_1pmir_401{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _comeOutBottom_1pmir_409{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}._comeInRight_1pmir_353{animation:_comeInRight_1pmir_353 .3s ease-in-out}._comeOutRight_1pmir_361{animation:_comeOutRight_1pmir_361 .3s ease-in-out}._comeInLeft_1pmir_369{animation:_comeInLeft_1pmir_369 .3s ease-in-out}._comeOutLeft_1pmir_377{animation:_comeOutLeft_1pmir_377 .3s ease-in-out}._comeInTop_1pmir_385{animation:_comeInTop_1pmir_385 .3s ease-in-out}._comeOutTop_1pmir_393{animation:_comeOutTop_1pmir_393 .3s ease-in-out}._comeInBottom_1pmir_401{animation:_comeInBottom_1pmir_401 .3s ease-in-out}._comeOutBottom_1pmir_409{animation:_comeOutBottom_1pmir_409 .3s ease-in-out}._drawerButton_1pmir_415{border:1px solid var(--border);background:var(--primary-drawer);color:var(--primary-foreground-drawer)}._input_1xl1h_1{width:300px;border-radius:8px;border:1px solid var(--border);padding:8px 12px;font-size:14px;color:var(--primary-foreground);outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:var(--primary)}._input_1xl1h_1:hover{border-color:#888}._input_1xl1h_1:focus{border-color:var(--border);box-shadow:0 0 5px var(--border)}._inputSmall_1xl1h_45{height:32px;font-size:12px;padding:6px 10px}._inputMedium_1xl1h_57{height:40px;font-size:14px}._inputLarge_1xl1h_67{height:48px;font-size:16px;padding:10px 14px}._inputHuge_1xl1h_79{height:56px;font-size:18px;padding:12px 16px}._inputDisabled_1xl1h_91{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--muted);cursor:not-allowed;box-shadow:none}._inputTextarea_1xl1h_107{min-height:32px;font-size:14px}._inputError_1xl1h_117{border-color:#d93025;background-color:#fef2f2;color:#d93025}._inputError_1xl1h_117:focus{box-shadow:0 0 5px #d9302580}html,body{height:100%;margin:0;padding:0;box-sizing:border-box}.ultra{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f0f2f5;border-radius:8px;overflow:hidden}.clay-header{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}.clay-main{flex:1;width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff}.clay-aside{background-color:#6ccb6f;color:#fff;text-align:center;padding:16px;min-width:120px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-right{flex:3;display:flex;flex-direction:column}.clay-content{background-color:#4caf50;color:#fff;flex:1;text-align:center;padding:16px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-footer{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}@media(max-width:768px){.ultra,.clay-main{flex-direction:column}}._line_6n8gg_1{display:flex;align-items:center;justify-content:center;position:relative;width:100%}._lineSmall_6n8gg_17{margin:2px 0}._lineMedium_6n8gg_25{margin:6px 0}._lineLarge_6n8gg_33{margin:10px 0}._lineHuge_6n8gg_41{margin:15px 0}._line_6n8gg_1:before,._line_6n8gg_1:after{content:"";flex:1;height:1px;background-color:#b2b2b2}._line_6n8gg_1:before{margin-right:10px}._line_6n8gg_1:after{margin-left:10px}._lineNoText_6n8gg_81:before,._lineNoText_6n8gg_81:after{margin:0}._lineText_6n8gg_91{padding:0 5px;color:inherit;background-color:transparent;white-space:nowrap;z-index:1}._mark_nbq0k_1{width:auto;height:auto;display:inline-block}._modalOverlay_17rup_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}._modalContainer_17rup_27{background:var(--primary);color:var(--primary-foreground);padding:20px;border-radius:8px;width:520px;box-shadow:0 2px 10px #0000001a;position:relative;margin-top:-350px}._modalHeader_17rup_49{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}._modalHeaderTitle_17rup_65{color:var(--primary-foreground)}._modalContent_17rup_73{margin-bottom:24px;color:var(--primary-foreground)}._modalFooter_17rup_83{display:flex;justify-content:flex-end;gap:10px;background:var(--primary)}._modalCloseBtn_17rup_97{cursor:pointer}@keyframes _fade-in_17rup_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_17rup_1{0%{opacity:1}to{opacity:0}}@keyframes _scale-in_17rup_1{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _scale-out_17rup_1{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}._fadeIn_17rup_195{animation:_fade-in_17rup_1 .3s ease-in-out;-webkit-animation:_fade-in_17rup_1 .3s ease-in-out}._fadeOut_17rup_205{animation:_fade-out_17rup_1 .3s ease-in-out;-webkit-animation:_fade-out_17rup_1 .3s ease-in-out}._scaleIn_17rup_215{animation:_scale-in_17rup_1 .3s ease-in-out;-webkit-animation:_scale-in_17rup_1 .3s ease-in-out}._scaleOut_17rup_225{animation:_scale-out_17rup_1 .3s ease-in-out;-webkit-animation:_scale-out_17rup_1 .3s ease-in-out}._modalButton_17rup_233{border:1px solid var(--border);background:var(--primary-drawer);color:var(--primary-foreground-drawer)}._notice_1pn1d_1{display:inline-flex;align-items:center;justify-content:start;padding:8px 10px 8px 11px;text-align:left;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;background-color:#ffffffe6;color:#000;position:absolute;top:20px;left:50%;transform:translate(-50%);animation:_slideDown_1pn1d_1 .1s ease-out;transition:opacity .3s ease-out,transform .5s ease-out;z-index:999}._notice_1pn1d_1 img{width:20px;height:20px;margin-right:8px;flex-shrink:0}._notice_1pn1d_1 span{display:inline-block;vertical-align:middle}._defaultNotice_1pn1d_67{position:fixed;top:20px;left:50%;transform:translate(-50%);animation:_slideDown_1pn1d_1 .1s cubic-bezier(.22,1,.36,1) forwards}._defaultNotice_1pn1d_67._fadeOut_1pn1d_85{animation:_slideUpFade_1pn1d_1 .3s ease-in forwards}._mdNotice_1pn1d_95{position:fixed;bottom:20px!important;top:unset!important;left:20px!important;min-width:140px!important;height:40px!important;text-align:center!important;padding:10px 20px!important;animation:_slideFromBottom_1pn1d_1 .3s ease-out forwards}._mdNotice_1pn1d_95._fadeOut_1pn1d_85{animation:_slideToBottom_1pn1d_1 .3s ease-in forwards}._md_fail_1pn1d_129 span{color:red}._md_caution_1pn1d_139 span{color:orange}._md_success_1pn1d_149 span{color:#000}._fadeOut_1pn1d_85{opacity:0;transform:translate(-50%) translateY(-20px)}@keyframes _slideDown_1pn1d_1{0%{transform:translate(-50%) translateY(-50px);opacity:0}80%{transform:translate(-50%) translateY(4px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes _slideUpFade_1pn1d_1{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-20px);opacity:0}}@keyframes _slideFromBottom_1pn1d_1{0%{transform:translate(0);opacity:0}to{transform:translate(2%);opacity:1}}@keyframes _slideToBottom_1pn1d_1{0%{transform:translate(2%);opacity:1}to{transform:translate(0);opacity:0}}._searchContainer_1mhm8_1{position:relative;width:300px}._searchInput_1mhm8_11{width:300px;border-radius:8px;border:1px solid var(--border);padding:8px 12px;font-size:14px;color:var(--primary-foreground);outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:var(--primary)}._searchInput_1mhm8_11:hover{border-color:#888}._searchInput_1mhm8_11:focus{border-color:var(--border);box-shadow:0 0 5px var(--border)}._searchInput_small_1mhm8_55{height:32px;font-size:12px;padding:6px 10px}._searchInput_medium_1mhm8_67{height:40px;font-size:14px}._searchInput_large_1mhm8_77{height:48px;font-size:16px;padding:10px 14px}._searchInput_huge_1mhm8_89{height:56px;font-size:18px;padding:12px 16px}._searchInputDisabled_1mhm8_101{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--muted);cursor:not-allowed;box-shadow:none}._searchButton_1mhm8_117{position:absolute;right:6px;top:50%;transform:translateY(-50%)}._space_15nmk_1,._space_default_15nmk_3{width:auto;height:auto;background:var(--background);color:var(--foreground)}._space_inline_15nmk_17{display:inline-block}._space_fixed_15nmk_25{position:fixed}._space_absolute_15nmk_33{position:absolute}._space_relative_15nmk_41{position:relative}._space_circle_15nmk_49{border-radius:50%}._space_triangle_15nmk_57{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid #4caf50}._space_halfCircle_15nmk_73{width:100px;height:50px;background:#4caf50;border-radius:100px 100px 0 0}._wrapper_1g73i_1{overflow-x:auto;background:var(--table-background);position:relative}._wrapper_1g73i_1:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}._table_1g73i_33{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--primary-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}._thead_1g73i_51{background:var(--primary);color:var(--primary-foreground);position:sticky;top:0;z-index:10}._tableHeader_1g73i_83{border:none;padding:16px 20px;text-align:left;font-weight:600;letter-spacing:.3px;position:relative}._tableHeader_1g73i_83:first-child{border-top-left-radius:12px}._tableHeader_1g73i_83:last-child{border-top-right-radius:12px}._tableHeader_1g73i_83:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#ffffff26}._tableHeader_1g73i_83:last-child:after{display:none}._headerContent_1g73i_147{display:flex;align-items:center;gap:8px}._tableRow_1g73i_159{transition:all .2s ease;position:relative}._tableRow_1g73i_159:hover{background-color:color-mix(in srgb,var(--table-hover) 20%,transparent)!important}._tableRow_1g73i_159:nth-child(2n){background-color:color-mix(in srgb,var(--table-hover) 6%,transparent)}._tableCell_1g73i_187{border:none;padding:14px 20px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05);position:relative}._tableCell_1g73i_187:before{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#0000000a}._tableCell_1g73i_187:last-child:before{display:none}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187{border-bottom:none}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187:first-child{border-bottom-left-radius:12px}._tableRow_1g73i_159:last-child ._tableCell_1g73i_187:last-child{border-bottom-right-radius:12px}._cellContent_1g73i_255{display:flex;align-items:center;min-height:20px}._empty_1g73i_267{border:none!important;padding:60px 20px!important;text-align:center!important}._emptyState_1g73i_279{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af;font-size:15px}._emptyIcon_1g73i_297{font-size:32px;opacity:.6}._wrapper_1g73i_1::-webkit-scrollbar{height:8px}._wrapper_1g73i_1::-webkit-scrollbar-track{background:#00000008;border-radius:4px;margin:0 12px}._wrapper_1g73i_1::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}._wrapper_1g73i_1::-webkit-scrollbar-thumb:hover{background:#00000026}._tooltipWrapper_19a07_1{position:relative;display:inline-block}._tooltip_19a07_1{position:absolute;padding:8px 15px;font-size:16px;background:var(--tooltip-background);color:var(--tooltip-foreground);border-radius:8px;white-space:nowrap;z-index:999;box-shadow:0 4px 6px #0000001a}._tooltip_19a07_1:after{content:"";position:absolute;border-width:8px;border-style:solid}._tooltipTop_19a07_53 ._tooltip_19a07_1{bottom:130%;left:50%;transform:translate(-50%);margin-bottom:8px}._tooltipTop_19a07_53 ._tooltip_19a07_1:after{top:100%;left:50%;transform:translate(-50%);border-color:var(--tooltip-border) transparent transparent transparent}._tooltipBottom_19a07_81 ._tooltip_19a07_1{top:130%;left:50%;transform:translate(-50%);margin-top:8px}._tooltipBottom_19a07_81 ._tooltip_19a07_1:after{bottom:100%;left:50%;transform:translate(-50%);border-color:transparent transparent var(--tooltip-border) transparent}._tooltipRight_19a07_109 ._tooltip_19a07_1{top:50%;left:110%;transform:translateY(-50%);margin-left:8px}._tooltipRight_19a07_109 ._tooltip_19a07_1:after{top:50%;left:-8px;transform:translateY(-50%);border-color:transparent var(--tooltip-border) transparent transparent}._tooltipLeft_19a07_137 ._tooltip_19a07_1{top:50%;right:110%;transform:translateY(-50%);margin-right:8px}._tooltipLeft_19a07_137 ._tooltip_19a07_1:after{top:50%;right:-16px;transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-border)}._map_vhvc7_1{width:100%;height:400px}a._skiplink_vhvc7_9{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}a._skiplink_vhvc7_9:focus{clip:auto;height:auto;width:auto;background:var(--primary);padding:.3em}#_map_vhvc7_1:focus{outline:#4a74a8 solid .15em}._hiddenInput_vhvc7_49{display:none}._fileList_vhvc7_59{list-style:none;margin-top:20px;padding:0}._fileItem_vhvc7_71{display:flex;align-items:center;gap:8px;margin-bottom:6px}li>span{color:var(--primary-foreground)}._fileIcon_vhvc7_91{width:16px;height:16px}._fileListPhoto_vhvc7_103{list-style:none;margin-top:20px;max-height:150px;max-width:400px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:10px}._fileItemPhoto_vhvc7_127{display:flex;align-items:center;gap:8px;margin-bottom:6px}._fileIconPhoto_vhvc7_139{width:16px;height:16px}._noBorder_vhvc7_151{border:none!important}._banner_1j6sa_1{background:transparent;padding:10px 20px;text-align:center;font-size:24px;width:100%;height:60px;border:1px solid #64b4fa;border-radius:8px;display:flex;justify-content:flex-start;align-items:center;gap:10px}._infoIcon_1j6sa_33{width:25px;height:25px;margin-top:-5px}._info_1j6sa_33{flex-grow:1;text-align:left;font-size:20px;color:#e9e9e9;margin-top:-2px}._closeIcon_1j6sa_61{width:23px;height:23px;cursor:pointer;margin-top:-10px}._svg_1j6sa_77{display:flex;align-items:center;justify-content:center}._smallBanner_1j6sa_89{background:transparent;padding:8px 15px;text-align:center;font-size:18px;width:100%;height:45px;border:1px solid #64b4fa;border-radius:6px;display:flex;justify-content:flex-start;align-items:center;gap:8px}._smallInfo_1j6sa_119{flex-grow:1;text-align:left;font-size:16px;color:#e9e9e9;margin-top:-2px}._smallInfoIcon_1j6sa_135{width:20px;height:20px}._smallCloseIcon_1j6sa_145{width:20px;height:20px;cursor:pointer}._largeBanner_1j6sa_163{background:transparent;padding:12px 25px;text-align:center;font-size:28px;width:100%;height:75px;border:1.5px solid #64b4fa;border-radius:10px;display:flex;justify-content:flex-start;align-items:center;gap:12px}._largeInfoIcon_1j6sa_193{width:30px;height:30px;margin-top:-4px}._largeInfo_1j6sa_193{flex-grow:1;text-align:left;font-size:24px;color:#e9e9e9;margin-top:-2px}._largeCloseIcon_1j6sa_223{width:28px;height:28px;cursor:pointer;margin-top:-6px}._smallInfoTransparent_1j6sa_235,._largeInfoTransparent_1j6sa_237,._infoTransparent_1j6sa_239{color:gray}:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--transparent: rgba(0, 0, 0, 0);--primary-drawer: oklch(.205 0 0);--primary-foreground-drawer: oklch(.922 0 0);--table-background: white;--table-hover: #b1b1b1;--tooltip-background: oklch(.205 0 0);--tooltip-foreground: oklch(.922 0 0);--tooltip-border: oklch(.205 0 0);--ripple-color: oklch(.205 0 0 / 20%)}[data-theme=dark]{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.922 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--primary-drawer: oklch(.985 0 0);--primary-foreground-drawer: oklch(.205 0 0);--table-background: black;--table-hover: #b1b1b1;--tooltip-background: oklch(.922 0 0);--tooltip-foreground: oklch(.205 0 0);--tooltip-border: oklch(.922 0 0)}