@sandurtech/sandui 0.0.1 → 0.0.2
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.
- package/README.md +73 -35
- package/dist/index.d.ts +127 -4
- package/dist/sandui.js +1295 -596
- package/dist/sandui.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +23 -4
package/dist/sandui.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.SandUI={},b.React,b.ReactDOM))})(this,(function(b,d,wa){"use strict";var q={exports:{}},V={};var Se;function ka(){if(Se)return V;Se=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(t,r,c){var l=null;if(c!==void 0&&(l=""+c),r.key!==void 0&&(l=""+r.key),"key"in r){c={};for(var i in r)i!=="key"&&(c[i]=r[i])}else c=r;return r=c.ref,{$$typeof:s,type:t,key:l,ref:r!==void 0?r:null,props:c}}return V.Fragment=e,V.jsx=n,V.jsxs=n,V}var G={};var xe;function Na(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&(function(){function s(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===Xa?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case I:return"Fragment";case be:return"Profiler";case x:return"StrictMode";case ae:return"Suspense";case ne:return"SuspenseList";case Ja:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case C:return"Portal";case T:return o.displayName||"Context";case Q:return(o._context.displayName||"Context")+".Consumer";case D:var v=o.render;return o=o.displayName,o||(o=v.displayName||v.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case te:return v=o.displayName||null,v!==null?v:s(o.type)||"Memo";case pe:v=o._payload,o=o._init;try{return s(o(v))}catch{}}return null}function e(o){return""+o}function n(o){try{e(o);var v=!1}catch{v=!0}if(v){v=console;var S=v.error,w=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return S.call(v,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",w),e(o)}}function t(o){if(o===I)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===pe)return"<...>";try{var v=s(o);return v?"<"+v+">":"<...>"}catch{return"<...>"}}function r(){var o=he.A;return o===null?null:o.getOwner()}function c(){return Error("react-stack-top-frame")}function l(o){if(ha.call(o,"key")){var v=Object.getOwnPropertyDescriptor(o,"key").get;if(v&&v.isReactWarning)return!1}return o.key!==void 0}function i(o,v){function S(){va||(va=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",v))}S.isReactWarning=!0,Object.defineProperty(o,"key",{get:S,configurable:!0})}function u(){var o=s(this.type);return ya[o]||(ya[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function f(o,v,S,w,se,ye){var k=S.ref;return o={$$typeof:g,type:o,key:v,props:S,_owner:w},(k!==void 0?k:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:u}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:se}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ye}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function m(o,v,S,w,se,ye){var k=v.children;if(k!==void 0)if(w)if(Za(k)){for(w=0;w<k.length;w++)h(k[w]);Object.freeze&&Object.freeze(k)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else h(k);if(ha.call(v,"key")){k=s(o);var L=Object.keys(v).filter(function(Qa){return Qa!=="key"});w=0<L.length?"{key: someKey, "+L.join(": ..., ")+": ...}":"{key: someKey}",xa[k+w]||(L=0<L.length?"{"+L.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,v,j,M,j),Ua[j+v]=!0)}if(j=null,h!==void 0&&(n(h),j=""+h),c(i)&&(n(i.key),j=""+i.key),"key"in i){h={};for(var la in i)la!=="key"&&(h[la]=i[la])}else h=i;return j&&b(h,typeof a=="function"?a.displayName||a.name||"Unknown":a),y(a,j,h,o(),W,ca)}function p(a){k(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===ta&&(a._payload.status==="fulfilled"?k(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function k(a){return typeof a=="object"&&a!==null&&a.$$typeof===R}var S=t,R=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),sa=Symbol.for("react.strict_mode"),da=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),x=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),H=Symbol.for("react.suspense_list"),U=Symbol.for("react.memo"),ta=Symbol.for("react.lazy"),$a=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),oa=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,La=Object.prototype.hasOwnProperty,ee=Array.isArray,ra=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(a){return a()}};var za,Ya={},Ga=S.react_stack_bottom_frame.bind(S,l)(),Ha=ra(d(l)),Ua={};O.Fragment=A,O.jsx=function(a,i,h){var v=1e4>oa.recentlyCreatedOwnerStacks++;return _(a,i,h,!1,v?Error("react-stack-top-frame"):Ga,v?ra(d(a)):Ha)},O.jsxs=function(a,i,h){var v=1e4>oa.recentlyCreatedOwnerStacks++;return _(a,i,h,!0,v?Error("react-stack-top-frame"):Ga,v?ra(d(a)):Ha)}})()),O}var fa;function Va(){return fa||(fa=1,process.env.NODE_ENV==="production"?z.exports=Wa():z.exports=Ka()),z.exports}var s=Va();const ba={"sand-badge":"_sand-badge_uye3i_1","sand-badge-primary":"_sand-badge-primary_uye3i_14","sand-badge-secondary":"_sand-badge-secondary_uye3i_19","sand-badge-success":"_sand-badge-success_uye3i_24","sand-badge-failed":"_sand-badge-failed_uye3i_30"};function u(...r){return r.filter(Boolean).join(" ")}function Ja(r){return Array.from(r.querySelectorAll(["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))).filter(e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))}function K(r,e,n,d){if(n!==0)switch(r.key){case"ArrowRight":case"ArrowDown":r.preventDefault(),d((e+1)%n);break;case"ArrowLeft":case"ArrowUp":r.preventDefault(),d((e-1+n)%n);break;case"Home":r.preventDefault(),d(0);break;case"End":r.preventDefault(),d(n-1);break}}const _a=t.forwardRef(function({variant:e="primary",className:n="",...d},o){const l=t.useMemo(()=>ba[`sand-badge-${e}`],[e]);return s.jsx("span",{ref:o,className:u(ba["sand-badge"],l,n),...d})});_a.displayName="SandBadge";const P={"sand-breadcrumbs":"_sand-breadcrumbs_1uxir_1","sand-breadcrumb-item":"_sand-breadcrumb-item_1uxir_10","sand-breadcrumb-link":"_sand-breadcrumb-link_1uxir_17","sand-breadcrumb-current":"_sand-breadcrumb-current_1uxir_32","sand-breadcrumb-separator":"_sand-breadcrumb-separator_1uxir_37"},ma=t.forwardRef(function({items:e,className:n="","aria-label":d="Breadcrumb",...o},l){const c=t.useMemo(()=>e.map((b,m)=>{const y=m===e.length-1;return s.jsxs("li",{className:P["sand-breadcrumb-item"],children:[b.href&&!y?s.jsx("a",{href:b.href,className:P["sand-breadcrumb-link"],children:b.label}):s.jsx("span",{"aria-current":y?"page":void 0,className:y?P["sand-breadcrumb-current"]:void 0,children:b.label}),!y&&s.jsx("span",{className:u(P["sand-breadcrumb-separator"],"material-symbols-rounded"),"aria-hidden":"true",children:"chevron_right"})]},`${String(b.label)}-${m}`)}),[e]);return s.jsx("nav",{ref:l,"aria-label":d,className:u(P["sand-breadcrumbs"],n),...o,children:s.jsx("ol",{children:c})})});ma.displayName="SandBreadcrumbs";const pa={"sand-btn":"_sand-btn_9grrt_1","sand-btn-primary":"_sand-btn-primary_9grrt_42","sand-btn-secondary":"_sand-btn-secondary_9grrt_54","sand-btn-outline":"_sand-btn-outline_9grrt_63","sand-btn-success":"_sand-btn-success_9grrt_74","sand-btn-failed":"_sand-btn-failed_9grrt_85"},ha=t.forwardRef(function({variant:e="primary",className:n="",type:d="button",...o},l){const c=t.useMemo(()=>pa[`sand-btn-${e}`],[e]);return s.jsx("button",{ref:l,className:u(pa["sand-btn"],c,n),type:d,...o})});ha.displayName="SandButton";const Y={"sand-card":"_sand-card_i3njl_1","sand-card-header":"_sand-card-header_i3njl_15","sand-card-body":"_sand-card-body_i3njl_22","sand-card-footer":"_sand-card-footer_i3njl_26"},ya=t.forwardRef(function({header:e,footer:n,children:d,className:o="",...l},c){return s.jsxs("article",{ref:c,className:u(Y["sand-card"],o),...l,children:[e&&s.jsx("header",{className:Y["sand-card-header"],children:e}),s.jsx("div",{className:Y["sand-card-body"],children:d}),n&&s.jsx("footer",{className:Y["sand-card-footer"],children:n})]})});ya.displayName="SandCard";const C={"sand-code-block":"_sand-code-block_197ic_1","sand-copy-btn":"_sand-copy-btn_197ic_15","sand-code-tabs":"_sand-code-tabs_197ic_41","sand-tab-headers":"_sand-tab-headers_197ic_53","sand-tab-btn":"_sand-tab-btn_197ic_60",active:"_active_197ic_77"},V=t.forwardRef(function({code:e,className:n="",...d},o){const[l,c]=t.useState(!1),b=t.useCallback(()=>{navigator.clipboard.writeText(e).then(()=>{c(!0),setTimeout(()=>c(!1),2e3)})},[e]);return s.jsxs("pre",{ref:o,className:u(C["sand-code-block"],n),...d,children:[s.jsx("button",{className:C["sand-copy-btn"],onClick:b,type:"button","aria-label":l?"Code copied to clipboard":"Copy code to clipboard",children:l?"Copied":"Copy"}),s.jsx("code",{children:e})]})});V.displayName="SandCodeBlock";const Sa=t.forwardRef(function({tabs:e,defaultTab:n=0,className:d="",onTabChange:o},l){const[c,b]=t.useState(n),m=t.useId(),y=t.useRef([]),_=t.useCallback(k=>{b(k),o?.(k),y.current[k]?.focus()},[o]),p=t.useMemo(()=>e[c]?.code??"",[c,e]);return s.jsxs("div",{ref:l,className:u(C["sand-code-tabs"],d),children:[s.jsx("div",{className:C["sand-tab-headers"],role:"tablist","aria-label":"Code examples",children:e.map((k,S)=>s.jsx("button",{ref:R=>{y.current[S]=R},className:u(C["sand-tab-btn"],c===S&&C.active),type:"button",role:"tab","aria-selected":c===S,"aria-controls":`${m}-code-panel-${S}`,id:`${m}-code-tab-${S}`,tabIndex:c===S?0:-1,onClick:()=>_(S),onKeyDown:R=>K(R,S,e.length,E=>_(E)),children:k.name},S))}),s.jsx("div",{role:"tabpanel",id:`${m}-code-panel-${c}`,"aria-labelledby":`${m}-code-tab-${c}`,children:s.jsx(V,{code:p})})]})});Sa.displayName="SandCodeTabs";const Xa={"sand-divider":"_sand-divider_svs0p_1"},ka=t.forwardRef(function({className:e="",...n},d){return s.jsx("hr",{ref:d,className:u(Xa["sand-divider"],e),...n})});ka.displayName="SandDivider";const w={"sand-feedback":"_sand-feedback_1pp8i_1","sand-feedback-toast":"_sand-feedback-toast_1pp8i_11","sand-feedback-snackbar":"_sand-feedback-snackbar_1pp8i_24","sand-feedback-row":"_sand-feedback-row_1pp8i_33","sand-feedback-icon":"_sand-feedback-icon_1pp8i_39","sand-feedback-content":"_sand-feedback-content_1pp8i_45","sand-feedback-title":"_sand-feedback-title_1pp8i_52","sand-feedback-message":"_sand-feedback-message_1pp8i_57","sand-feedback-action":"_sand-feedback-action_1pp8i_64","sand-feedback-success":"_sand-feedback-success_1pp8i_69","sand-feedback-failed":"_sand-feedback-failed_1pp8i_81","sand-feedback-info":"_sand-feedback-info_1pp8i_93"},Za={info:"info",success:"check_circle",failed:"error"},va=t.forwardRef(function({heading:e,message:n,action:d,variant:o="info",className:l="",mode:c,...b},m){const y=t.useMemo(()=>Za[o],[o]),_=o==="failed"?"alert":"status";return s.jsx("div",{ref:m,role:_,"aria-live":o==="failed"?"assertive":"polite",className:u(w["sand-feedback"],w[`sand-feedback-${c}`],w[`sand-feedback-${o}`],l),...b,children:s.jsxs("div",{className:w["sand-feedback-row"],children:[s.jsx("span",{className:u(w["sand-feedback-icon"],"material-symbols-rounded"),"aria-hidden":"true",children:y}),s.jsxs("div",{className:w["sand-feedback-content"],children:[e&&s.jsx("span",{className:w["sand-feedback-title"],children:e}),s.jsx("span",{className:w["sand-feedback-message"],children:n})]}),d&&s.jsx("div",{className:w["sand-feedback-action"],children:d})]})})}),ja=t.forwardRef(function(e,n){return s.jsx(va,{ref:n,mode:"toast",...e})});ja.displayName="SandToast";const Na=t.forwardRef(function(e,n){return s.jsx(va,{ref:n,mode:"snackbar",...e})});Na.displayName="SandSnackbar";const D={"sand-form-group":"_sand-form-group_fyw0t_1","sand-label":"_sand-label_fyw0t_8","sand-input":"_sand-input_fyw0t_17","sand-input-error":"_sand-input-error_fyw0t_38","sand-helper-text-error":"_sand-helper-text-error_fyw0t_47"},J=t.forwardRef(function({label:e,children:n,className:d="",htmlFor:o,...l},c){return s.jsxs("div",{ref:c,className:u(D["sand-form-group"],d),...l,children:[e&&s.jsx("label",{className:D["sand-label"],htmlFor:o,children:e}),n]})});J.displayName="SandFormGroup";const X=t.forwardRef(function({error:e,className:n="",...d},o){return s.jsx("input",{ref:o,className:u(D["sand-input"],e&&D["sand-input-error"],n),"aria-invalid":e||d["aria-invalid"],...d})});X.displayName="SandInput";const xa=t.forwardRef(function({label:e,helperText:n,error:d,groupClassName:o,className:l="","aria-describedby":c,...b},m){const y=t.useId(),_=b.id??y,p=n?`${_}-help`:void 0,k=t.useMemo(()=>[c,p].filter(Boolean).join(" ")||void 0,[c,p]);return s.jsxs(J,{label:e,className:o,htmlFor:_,children:[s.jsx(X,{ref:m,id:_,error:d,className:l,"aria-describedby":k,...b}),n&&s.jsx("span",{id:p,className:d?D["sand-helper-text-error"]:"",children:n})]})});xa.displayName="SandInputGroup";const Qa={"sand-kbd":"_sand-kbd_mo78g_1"},Ra=t.forwardRef(function({className:e="",...n},d){return s.jsx("kbd",{ref:d,className:u(Qa["sand-kbd"],e),...n})});Ra.displayName="SandKBD";const B={"sand-container":"_sand-container_174rd_1","sand-header":"_sand-header_174rd_7","sand-tool-layout":"_sand-tool-layout_174rd_17","sand-tool-panel":"_sand-tool-panel_174rd_24","sand-result-panel":"_sand-result-panel_174rd_34"},wa=t.forwardRef(function({className:e="",...n},d){return s.jsx("div",{ref:d,className:u(B["sand-container"],e),...n})});wa.displayName="SandContainer";const ga=t.forwardRef(function({className:e="",...n},d){return s.jsx("header",{ref:d,className:u(B["sand-header"],e),...n})});ga.displayName="SandHeader";const Z=t.forwardRef(function({className:e="",...n},d){return s.jsx("div",{ref:d,className:u(B["sand-tool-layout"],e),...n})});Z.displayName="SandToolLayout";const Ea=t.forwardRef(function({className:e="",...n},d){return s.jsx("aside",{ref:d,className:u(B["sand-tool-panel"],e),...n})});Ea.displayName="SandToolPanel";const Ta=t.forwardRef(function({className:e="",...n},d){return s.jsx("main",{ref:d,className:u(B["sand-result-panel"],e),...n})});Ta.displayName="SandResultPanel";const Ca=t.forwardRef(function({header:e,panel:n,result:d},o){return s.jsxs(s.Fragment,{children:[e,s.jsxs(Z,{ref:o,children:[n,d]})]})});Ca.displayName="SandMicroserviceLayout";const g={"sand-modal-root":"_sand-modal-root_uryk1_1","sand-modal-backdrop":"_sand-modal-backdrop_uryk1_11","sand-modal-panel":"_sand-modal-panel_uryk1_18","sand-modal-header":"_sand-modal-header_uryk1_29","sand-modal-title":"_sand-modal-title_uryk1_38","sand-modal-description":"_sand-modal-description_uryk1_44","sand-modal-close":"_sand-modal-close_uryk1_51","sand-modal-body":"_sand-modal-body_uryk1_73","sand-modal-footer":"_sand-modal-footer_uryk1_77"},Aa=t.createContext(null);function Ma(){const r=t.useContext(Aa);if(!r)throw new Error("SandModal sub-components must be used within SandModal.");return r}const Q=t.forwardRef(function({className:e="",...n},d){return s.jsx("div",{ref:d,className:u(g["sand-modal-header"],e),...n})});Q.displayName="SandModal.Header";const q=t.forwardRef(function({className:e="",...n},d){return s.jsx("div",{ref:d,className:u(g["sand-modal-body"],e),...n})});q.displayName="SandModal.Body";const $=t.forwardRef(function({className:e="",...n},d){return s.jsx("div",{ref:d,className:u(g["sand-modal-footer"],e),...n})});$.displayName="SandModal.Footer";const aa=t.forwardRef(function({className:e="",...n},d){const{titleId:o}=Ma();return s.jsx("div",{ref:d,id:o,className:u(g["sand-modal-title"],e),...n})});aa.displayName="SandModal.Title";const ea=t.forwardRef(function({className:e="",...n},d){const{descriptionId:o}=Ma();return s.jsx("div",{ref:d,id:o,className:u(g["sand-modal-description"],e),...n})});ea.displayName="SandModal.Description";const Ia=t.forwardRef(function({open:e,onClose:n,title:d,description:o,footer:l,closeOnOverlay:c=!0,initialFocusRef:b,children:m,className:y="",..._},p){const k=t.useId(),S=t.useId(),R=t.useRef(null),E=t.useRef(null),A=t.useRef(null),sa=t.useMemo(()=>({titleId:k,descriptionId:S}),[S,k]),da=t.useCallback(x=>{E.current=x,typeof p=="function"?p(x):p&&(p.current=x)},[p]),L=t.useCallback(x=>{if(x.key==="Escape"){x.preventDefault(),n();return}if(x.key!=="Tab"||!E.current)return;const T=Ja(E.current);if(T.length===0){x.preventDefault(),E.current.focus();return}const G=T[0],H=T[T.length-1],U=document.activeElement;x.shiftKey&&U===G?(x.preventDefault(),H.focus()):!x.shiftKey&&U===H&&(x.preventDefault(),G.focus())},[n]);return t.useEffect(()=>{if(!e){A.current?.focus();return}A.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const x=document.body.style.overflow;return document.body.style.overflow="hidden",(b?.current??R.current??E.current)?.focus(),window.addEventListener("keydown",L),()=>{document.body.style.overflow=x,window.removeEventListener("keydown",L)}},[L,b,e]),e?s.jsxs("div",{className:g["sand-modal-root"],children:[s.jsx("button",{type:"button",className:g["sand-modal-backdrop"],"aria-label":"Close dialog",onClick:c?n:void 0}),s.jsx("div",{ref:da,role:"dialog","aria-modal":"true","aria-labelledby":d?k:void 0,"aria-describedby":o?S:void 0,className:u(g["sand-modal-panel"],y),tabIndex:-1,..._,children:s.jsxs(Aa.Provider,{value:sa,children:[(d||o)&&s.jsxs(Q,{children:[s.jsxs("div",{children:[d&&s.jsx(aa,{children:d}),o&&s.jsx(ea,{children:o})]}),s.jsx("button",{ref:R,type:"button",className:g["sand-modal-close"],onClick:n,"aria-label":"Close dialog",children:s.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"close"})})]}),s.jsx(q,{children:m}),l&&s.jsx($,{children:l})]})})]}):null});Ia.displayName="SandModal";const qa=Object.assign(Ia,{Header:Q,Body:q,Footer:$,Title:aa,Description:ea}),F={"sand-pagination":"_sand-pagination_cizv5_1","sand-page-btn":"_sand-page-btn_cizv5_8","sand-page-btn-active":"_sand-page-btn-active_cizv5_36"},Oa=t.forwardRef(function({currentPage:e,totalPages:n,onPageChange:d,className:o="",...l},c){const b=t.useMemo(()=>Array.from({length:n},(_,p)=>p+1),[n]),m=t.useCallback(_=>{_<1||_>n||_===e||d?.(_)},[e,d,n]),y=t.useCallback(_=>{K(_,e-1,n,p=>m(p+1))},[e,m,n]);return s.jsxs("nav",{ref:c,"aria-label":"Pagination",className:u(F["sand-pagination"],o),onKeyDown:y,...l,children:[s.jsx("button",{type:"button",className:F["sand-page-btn"],disabled:e===1,"aria-label":"Previous page",onClick:()=>m(e-1),children:s.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"chevron_left"})}),b.map(_=>s.jsx("button",{type:"button","aria-current":_===e?"page":void 0,"aria-label":`Page ${_}`,className:u(F["sand-page-btn"],_===e&&F["sand-page-btn-active"]),onClick:()=>m(_),children:_},_)),s.jsx("button",{type:"button",className:F["sand-page-btn"],disabled:e===n,"aria-label":"Next page",onClick:()=>m(e+1),children:s.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"chevron_right"})})]})});Oa.displayName="SandPagination";const N={"sand-choice-group":"_sand-choice-group_viqgz_1","sand-choice-row":"_sand-choice-row_viqgz_7","sand-choice-input":"_sand-choice-input_viqgz_16","sand-choice-control":"_sand-choice-control_viqgz_22","sand-checkbox":"_sand-checkbox_viqgz_41","sand-checkbox-icon":"_sand-checkbox-icon_viqgz_59","sand-radio":"_sand-radio_viqgz_76","sand-switch":"_sand-switch_viqgz_94","sand-choice-content":"_sand-choice-content_viqgz_123","sand-choice-label":"_sand-choice-label_viqgz_129","sand-choice-description":"_sand-choice-description_viqgz_134"},na=({label:r,description:e})=>s.jsxs("span",{className:N["sand-choice-content"],children:[s.jsx("span",{className:N["sand-choice-label"],children:r}),e&&s.jsx("span",{className:N["sand-choice-description"],children:e})]}),Pa=t.forwardRef(function({label:e,description:n,id:d,className:o="",...l},c){const b=t.useId(),m=d??b;return s.jsxs("label",{className:u(N["sand-choice-row"],o),htmlFor:m,children:[s.jsx("input",{ref:c,id:m,type:"checkbox",className:N["sand-choice-input"],...l}),s.jsx("span",{className:u(N["sand-choice-control"],N["sand-checkbox"]),"aria-hidden":"true",children:s.jsx("span",{className:u(N["sand-checkbox-icon"],"material-symbols-rounded"),children:"check"})}),s.jsx(na,{label:e,description:n})]})});Pa.displayName="SandCheckbox";const Da=t.forwardRef(function({label:e,description:n,id:d,className:o="",onKeyDown:l,...c},b){const m=t.useId(),y=d??m,_=p=>{if(l?.(p),p.defaultPrevented||!c.name)return;const k=Array.from(document.querySelectorAll(`input[type="radio"][name="${c.name}"]`)),S=k.findIndex(R=>R.id===y);K(p,S,k.length,R=>{k[R]?.focus(),k[R]?.click()})};return s.jsxs("label",{className:u(N["sand-choice-row"],o),htmlFor:y,children:[s.jsx("input",{ref:b,id:y,type:"radio",className:N["sand-choice-input"],onKeyDown:_,...c}),s.jsx("span",{className:u(N["sand-choice-control"],N["sand-radio"]),"aria-hidden":"true"}),s.jsx(na,{label:e,description:n})]})});Da.displayName="SandRadio";const Ba=t.forwardRef(function({label:e,description:n,id:d,className:o="",...l},c){const b=t.useId(),m=d??b;return s.jsxs("label",{className:u(N["sand-choice-row"],o),htmlFor:m,children:[s.jsx("input",{ref:c,id:m,type:"checkbox",role:"switch",className:N["sand-choice-input"],...l}),s.jsx("span",{className:u(N["sand-choice-control"],N["sand-switch"]),"aria-hidden":"true"}),s.jsx(na,{label:e,description:n})]})});Ba.displayName="SandSwitch";const Fa=t.forwardRef(function({className:e="",label:n,...d},o){return s.jsx("div",{ref:o,role:"group","aria-label":typeof n=="string"?n:void 0,className:u(N["sand-choice-group"],e),...d})});Fa.displayName="SandChoiceGroup",f.SandBadge=_a,f.SandBreadcrumbs=ma,f.SandButton=ha,f.SandCard=ya,f.SandCheckbox=Pa,f.SandChoiceGroup=Fa,f.SandCodeBlock=V,f.SandCodeTabs=Sa,f.SandContainer=wa,f.SandDivider=ka,f.SandFormGroup=J,f.SandHeader=ga,f.SandInput=X,f.SandInputGroup=xa,f.SandKBD=Ra,f.SandMicroserviceLayout=Ca,f.SandModal=qa,f.SandPagination=Oa,f.SandRadio=Da,f.SandResultPanel=Ta,f.SandSnackbar=Na,f.SandSwitch=Ba,f.SandToast=ja,f.SandToolLayout=Z,f.SandToolPanel=Ea,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|
|
6
|
+
<%s key={someKey} {...props} />`,w,k,L,k),xa[k+w]=!0)}if(k=null,S!==void 0&&(n(S),k=""+S),l(v)&&(n(v.key),k=""+v.key),"key"in v){S={};for(var ge in v)ge!=="key"&&(S[ge]=v[ge])}else S=v;return k&&i(S,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,k,S,r(),se,ye)}function h(o){y(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===pe&&(o._payload.status==="fulfilled"?y(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function y(o){return typeof o=="object"&&o!==null&&o.$$typeof===g}var p=d,g=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),I=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),be=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),T=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),pe=Symbol.for("react.lazy"),Ja=Symbol.for("react.activity"),Xa=Symbol.for("react.client.reference"),he=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ha=Object.prototype.hasOwnProperty,Za=Array.isArray,ve=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(o){return o()}};var va,ya={},ga=p.react_stack_bottom_frame.bind(p,c)(),Sa=ve(t(c)),xa={};G.Fragment=I,G.jsx=function(o,v,S){var w=1e4>he.recentlyCreatedOwnerStacks++;return m(o,v,S,!1,w?Error("react-stack-top-frame"):ga,w?ve(t(o)):Sa)},G.jsxs=function(o,v,S){var w=1e4>he.recentlyCreatedOwnerStacks++;return m(o,v,S,!0,w?Error("react-stack-top-frame"):ga,w?ve(t(o)):Sa)}})()),G}var we;function ja(){return we||(we=1,process.env.NODE_ENV==="production"?q.exports=ka():q.exports=Na()),q.exports}var a=ja();function _(...s){return s.filter(Boolean).join(" ")}const Ta={none:"0","2xs":"var(--sand-space-1)",xs:"var(--sand-space-2)",sm:"var(--sand-space-3)",md:"var(--sand-space-4)",lg:"var(--sand-space-5)",xl:"var(--sand-space-6)","2xl":"var(--sand-space-7)","3xl":"var(--sand-space-8)"},Ra={sm:"var(--radius-sm)",md:"var(--radius-md)",lg:"var(--radius-lg)",xl:"var(--radius-xl)",full:"var(--radius-full)"};function H(s){if(s!==void 0)return typeof s=="number"?`${s}px`:Ta[s]??s}function ke(s){if(s!==void 0)return typeof s=="number"?`${s}px`:Ra[s]??s}function N(s,e,n){return n===void 0?s:{...s,[e]:n}}function Ne(s,e,n){if(n===void 0)return s;if(typeof n!="object"||n===null||Array.isArray(n))return N(s,`--${e}`,String(n));let t=s;for(const[r,c]of Object.entries(n))c!==void 0&&(t=N(t,`--${e}-${r}`,String(c)));return t}function Ca(s){return Array.from(s.querySelectorAll(["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))).filter(e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))}function $(s,e,n,t){if(n!==0)switch(s.key){case"ArrowRight":case"ArrowDown":s.preventDefault(),t((e+1)%n);break;case"ArrowLeft":case"ArrowUp":s.preventDefault(),t((e-1+n)%n);break;case"Home":s.preventDefault(),t(0);break;case"End":s.preventDefault(),t(n-1);break}}const O=d.forwardRef(function({icon:e,size:n,fill:t,className:r,style:c,...l},i){if(typeof e=="function"){const u=e;return a.jsx(u,{ref:i,width:n??18,height:n??18,className:_(r),...l})}return a.jsx("span",{ref:i,className:_("material-symbols-rounded",r),style:{fontSize:n,fontVariationSettings:t?"'FILL' 1":void 0,display:"inline-flex",alignItems:"center",justifyContent:"center",...c},"aria-hidden":l["aria-label"]?void 0:!0,...l,children:e})});O.displayName="SandIcon";const Y={alert:"_alert_f8qp0_1",icon:"_icon_f8qp0_13",content:"_content_f8qp0_25",title:"_title_f8qp0_30",description:"_description_f8qp0_35"},Ea={info:{icon:"info",color:"var(--color-info)",soft:"var(--color-info-soft)"},success:{icon:"check_circle",color:"var(--color-success)",soft:"var(--color-success-soft)"},warning:{icon:"warning",color:"var(--color-warning)",soft:"var(--color-warning-soft)"},error:{icon:"error",color:"var(--color-error)",soft:"var(--color-error-soft)"}},je=d.forwardRef(function({status:e="info",title:n,description:t,className:r,style:c,children:l,...i},u){const f=Ea[e];return a.jsxs("div",{ref:u,role:"status",className:_(Y.alert,r),style:{"--sand-alert-border":f.color,"--sand-alert-bg":`color-mix(in srgb, ${f.soft} 74%, var(--theme-surface))`,"--sand-alert-soft":f.soft,"--sand-alert-color":f.color,...c},...i,children:[a.jsx("span",{className:Y.icon,children:a.jsx(O,{icon:f.icon,size:20})}),a.jsxs("div",{className:Y.content,children:[n&&a.jsx("div",{className:Y.title,children:n}),t&&a.jsx("div",{className:Y.description,children:t}),l]})]})});je.displayName="SandAlert";const E={accordion:"_accordion_rsxio_1",item:"_item_rsxio_7",trigger:"_trigger_rsxio_26",triggerMain:"_triggerMain_rsxio_40",itemIcon:"_itemIcon_rsxio_48",triggerText:"_triggerText_rsxio_67",title:"_title_rsxio_74",description:"_description_rsxio_82",content:"_content_rsxio_90",contentOpen:"_contentOpen_rsxio_96",contentInner:"_contentInner_rsxio_100",chevron:"_chevron_rsxio_108",chevronOpen:"_chevronOpen_rsxio_114"},Te=d.forwardRef(function({items:e,defaultOpen:n,className:t,...r},c){const[l,i]=d.useState(n),u=d.useId();return a.jsx("div",{ref:c,className:_(E.accordion,t),...r,children:e.map(f=>{const m=l===f.id,h=`${u}-trigger-${f.id}`,y=`${u}-content-${f.id}`;return a.jsxs("div",{className:E.item,"data-state":m?"open":"closed",children:[a.jsxs("button",{id:h,type:"button",className:E.trigger,"aria-expanded":m,"aria-controls":y,onClick:()=>i(p=>p===f.id?void 0:f.id),children:[a.jsxs("div",{className:E.triggerMain,children:[f.icon&&a.jsx(O,{icon:f.icon,className:E.itemIcon,size:24,"aria-hidden":"true"}),a.jsxs("div",{className:E.triggerText,children:[a.jsx("span",{className:E.title,children:f.title}),f.description&&a.jsx("span",{className:E.description,children:f.description})]})]}),a.jsx(O,{icon:"expand_more",className:_(E.chevron,m&&E.chevronOpen),size:20,"aria-hidden":"true"})]}),a.jsx("div",{id:y,"aria-labelledby":h,className:_(E.content,m&&E.contentOpen),role:"region",children:a.jsx("div",{className:E.contentInner,children:f.content})})]},f.id)})})});Te.displayName="SandAccordion";const Re={"sand-badge":"_sand-badge_ezp2k_1","sand-badge-primary":"_sand-badge-primary_ezp2k_15","sand-badge-secondary":"_sand-badge-secondary_ezp2k_21","sand-badge-success":"_sand-badge-success_ezp2k_27","sand-badge-failed":"_sand-badge-failed_ezp2k_33"},Ce=d.forwardRef(function({variant:e="primary",className:n="",...t},r){const c=d.useMemo(()=>Re[`sand-badge-${e}`],[e]);return a.jsx("span",{ref:r,className:_(Re["sand-badge"],c,n),...t})});Ce.displayName="SandBadge";const W={"sand-breadcrumbs":"_sand-breadcrumbs_1uxir_1","sand-breadcrumb-item":"_sand-breadcrumb-item_1uxir_10","sand-breadcrumb-link":"_sand-breadcrumb-link_1uxir_17","sand-breadcrumb-current":"_sand-breadcrumb-current_1uxir_32","sand-breadcrumb-separator":"_sand-breadcrumb-separator_1uxir_37"},Ee=d.forwardRef(function({items:e,className:n="","aria-label":t="Breadcrumb",...r},c){const l=d.useMemo(()=>e.map((i,u)=>{const f=u===e.length-1;return a.jsxs("li",{className:W["sand-breadcrumb-item"],children:[i.href&&!f?a.jsx("a",{href:i.href,className:W["sand-breadcrumb-link"],children:i.label}):a.jsx("span",{"aria-current":f?"page":void 0,className:f?W["sand-breadcrumb-current"]:void 0,children:i.label}),!f&&a.jsx("span",{className:_(W["sand-breadcrumb-separator"],"material-symbols-rounded"),"aria-hidden":"true",children:"chevron_right"})]},`${String(i.label)}-${u}`)}),[e]);return a.jsx("nav",{ref:c,"aria-label":t,className:_(W["sand-breadcrumbs"],n),...r,children:a.jsx("ol",{children:l})})});Ee.displayName="SandBreadcrumbs";const K={box:"_box_t20vf_1",surface:"_surface_t20vf_19",inline:"_inline_t20vf_27"},Ia={stretch:"stretch",start:"flex-start",center:"center",end:"flex-end",baseline:"baseline"},Ma={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"},Ie=d.forwardRef(function({as:e,padding:n,margin:t,gap:r,align:c,justify:l,surface:i,inline:u,width:f,radius:m,shadow:h="none",className:y,style:p,...g},C){const I=e??"div";let x=p;return x=N(x,"--sand-padding",H(n)),x=N(x,"--sand-margin",H(t)),x=N(x,"--sand-gap",H(r)),x=N(x,"--sand-align",c?Ia[c]:void 0),x=N(x,"--sand-justify",l?Ma[l]:void 0),x=N(x,"--sand-width",typeof f=="number"?`${f}px`:f),x=N(x,"--sand-box-radius",ke(m)),x=N(x,"--sand-box-shadow",h==="none"?"none":`var(--shadow-${h})`),a.jsx(I,{ref:C,className:_(K.box,i&&K.surface,u&&K.inline,y),style:x,...g})});Ie.displayName="SandBox";const Me={"sand-btn":"_sand-btn_9p0tq_1","sand-btn-primary":"_sand-btn-primary_9p0tq_28","sand-btn-secondary":"_sand-btn-secondary_9p0tq_39","sand-btn-outline":"_sand-btn-outline_9p0tq_49","sand-btn-success":"_sand-btn-success_9p0tq_59","sand-btn-failed":"_sand-btn-failed_9p0tq_69"},Ae=d.forwardRef(function({variant:e="primary",className:n="",type:t="button",...r},c){const l=d.useMemo(()=>Me[`sand-btn-${e}`],[e]);return a.jsx("button",{ref:c,className:_(Me["sand-btn"],l,n),type:t,...r})});Ae.displayName="SandButton";const ee={"sand-card":"_sand-card_hf89l_1","sand-card-header":"_sand-card-header_hf89l_14","sand-card-body":"_sand-card-body_hf89l_22","sand-card-footer":"_sand-card-footer_hf89l_29"},Oe=d.forwardRef(function({header:e,footer:n,children:t,className:r="",...c},l){return a.jsxs("article",{ref:l,className:_(ee["sand-card"],r),...c,children:[e&&a.jsx("header",{className:ee["sand-card-header"],children:e}),a.jsx("div",{className:ee["sand-card-body"],children:t}),n&&a.jsx("footer",{className:ee["sand-card-footer"],children:n})]})});Oe.displayName="SandCard";const B={"sand-code-block":"_sand-code-block_1i66s_1","sand-copy-btn":"_sand-copy-btn_1i66s_20","sand-code-tabs":"_sand-code-tabs_1i66s_40","sand-tab-headers":"_sand-tab-headers_1i66s_51","sand-tab-btn":"_sand-tab-btn_1i66s_58",active:"_active_1i66s_73"};function Aa(s){if(!s)return"";let e=s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");const n=[],t=(r,c)=>{const l=`___TOKEN_${n.length}___`;return n.push(`<span class="token-${c}">${r}</span>`),l};return e=e.replace(/\/\/.*/g,r=>t(r,"comment")),e=e.replace(/\/\*[\s\S]*?\*\//g,r=>t(r,"comment")),e=e.replace(/(["'`])(?:\\.|[^\\])*?\1/g,r=>t(r,"string")),e=e.replace(/\b(true|false|null|undefined)\b/g,r=>t(r,"boolean")),e=e.replace(/\b(const|let|var|function|return|if|else|for|while|import|export|from|default|class|extends|type|interface|enum|async|await|try|catch|finally|throw|new|this|super|public|private|protected|readonly|static|get|set|as|in|of|void|any|number|string|boolean|symbol|bigint)\b/g,r=>t(r,"keyword")),e=e.replace(/\b(React|useState|useEffect|useMemo|useCallback|useId|useRef|forwardRef|ComponentPropsWithoutRef|ReactNode|FC|HTMLAttributes)\b/g,r=>t(r,"class")),e=e.replace(/\b([a-z_][a-z0-9_]*)(?=\s*\()/gi,r=>t(r,"function")),e=e.replace(/<[A-Z][a-zA-Z0-9]*/g,r=>t(r,"component")),e=e.replace(/<\/?[a-z][a-z0-9]*/g,r=>t(r,"tag")),e=e.replace(/<\/[a-zA-Z0-9]+>/gi,r=>t(r,"tag")),e=e.replace(/\b([a-z][a-zA-Z0-9]*)(?=\s*=\s*[{"])/g,r=>t(r,"attr")),e=e.replace(/\b(\d+)\b/g,r=>t(r,"number")),e=e.replace(/(=>|===|==|=|\+|-|\*|\/|&&|\|\||!)/g,r=>t(r,"operator")),n.forEach((r,c)=>{e=e.replace(`___TOKEN_${c}___`,r)}),e}const re=d.forwardRef(function({code:e,className:n="",...t},r){const[c,l]=d.useState(!1),i=d.useCallback(()=>{navigator.clipboard.writeText(e).then(()=>{l(!0),setTimeout(()=>l(!1),2e3)})},[e]),u=d.useMemo(()=>Aa(e),[e]);return a.jsxs("pre",{ref:r,className:_(B["sand-code-block"],n),...t,children:[a.jsx("button",{className:B["sand-copy-btn"],onClick:i,type:"button","aria-label":c?"Code copied to clipboard":"Copy code to clipboard",children:c?"Copied":"Copy"}),a.jsx("code",{dangerouslySetInnerHTML:{__html:u}})]})});re.displayName="SandCodeBlock";const Pe=d.forwardRef(function({tabs:e,defaultTab:n=0,className:t="",onTabChange:r},c){const[l,i]=d.useState(n),u=d.useId(),f=d.useRef([]),m=d.useCallback(y=>{i(y),r?.(y),f.current[y]?.focus()},[r]),h=d.useMemo(()=>e[l]?.code??"",[l,e]);return a.jsxs("div",{ref:c,className:_(B["sand-code-tabs"],t),children:[a.jsx("div",{className:B["sand-tab-headers"],role:"tablist","aria-label":"Code examples",children:e.map((y,p)=>a.jsx("button",{ref:g=>{f.current[p]=g},className:_(B["sand-tab-btn"],l===p&&B.active),type:"button",role:"tab","aria-selected":l===p,"aria-controls":`${u}-code-panel-${p}`,id:`${u}-code-tab-${p}`,tabIndex:l===p?0:-1,onClick:()=>m(p),onKeyDown:g=>$(g,p,e.length,C=>m(C)),children:y.name},p))}),a.jsx("div",{role:"tabpanel",id:`${u}-code-panel-${l}`,"aria-labelledby":`${u}-code-tab-${l}`,children:a.jsx(re,{code:h})})]})});Pe.displayName="SandCodeTabs";const Oa={"sand-divider":"_sand-divider_svs0p_1"},De=d.forwardRef(function({className:e="",...n},t){return a.jsx("hr",{ref:t,className:_(Oa["sand-divider"],e),...n})});De.displayName="SandDivider";const M={"sand-feedback":"_sand-feedback_1fyl0_1","sand-feedback-toast":"_sand-feedback-toast_1fyl0_12","sand-feedback-snackbar":"_sand-feedback-snackbar_1fyl0_18","sand-feedback-row":"_sand-feedback-row_1fyl0_28","sand-feedback-icon":"_sand-feedback-icon_1fyl0_34","sand-feedback-content":"_sand-feedback-content_1fyl0_41","sand-feedback-title":"_sand-feedback-title_1fyl0_49","sand-feedback-message":"_sand-feedback-message_1fyl0_55","sand-feedback-action":"_sand-feedback-action_1fyl0_61","sand-feedback-success":"_sand-feedback-success_1fyl0_65","sand-feedback-failed":"_sand-feedback-failed_1fyl0_72","sand-feedback-info":"_sand-feedback-info_1fyl0_79"},Pa={info:"info",success:"check_circle",failed:"error"},Be=d.forwardRef(function({heading:e,message:n,action:t,variant:r="info",className:c="",mode:l,...i},u){const f=d.useMemo(()=>Pa[r],[r]),m=r==="failed"?"alert":"status";return a.jsx("div",{ref:u,role:m,"aria-live":r==="failed"?"assertive":"polite",className:_(M["sand-feedback"],M[`sand-feedback-${l}`],M[`sand-feedback-${r}`],c),...i,children:a.jsxs("div",{className:M["sand-feedback-row"],children:[a.jsx("span",{className:_(M["sand-feedback-icon"],"material-symbols-rounded"),"aria-hidden":"true",children:f}),a.jsxs("div",{className:M["sand-feedback-content"],children:[e&&a.jsx("span",{className:M["sand-feedback-title"],children:e}),a.jsx("span",{className:M["sand-feedback-message"],children:n})]}),t&&a.jsx("div",{className:M["sand-feedback-action"],children:t})]})})}),Fe=d.forwardRef(function(e,n){return a.jsx(Be,{ref:n,mode:"toast",...e})});Fe.displayName="SandToast";const ze=d.forwardRef(function(e,n){return a.jsx(Be,{ref:n,mode:"snackbar",...e})});ze.displayName="SandSnackbar";const Le={grid:"_grid_g8kr4_1",item:"_item_g8kr4_7"},Ve=d.forwardRef(function({columns:e=12,gap:n="md",className:t,style:r,...c},l){let i=r;return i=Ne(i,"sand-grid-columns",e),i=N(i,"--sand-grid-gap",H(n)),a.jsx("div",{ref:l,className:_(Le.grid,t),style:i,...c})});Ve.displayName="SandGrid";const Ge=d.forwardRef(function({span:e=1,className:n,style:t,...r},c){let l=t;return l=Ne(l,"sand-grid-span",e),a.jsx("div",{ref:c,className:_(Le.item,n),style:l,...r})});Ge.displayName="SandGrid.Item";const Da=Object.assign(Ve,{Item:Ge}),U={"sand-form-group":"_sand-form-group_6kvlc_1","sand-label":"_sand-label_6kvlc_8","sand-input":"_sand-input_6kvlc_17","sand-input-error":"_sand-input-error_6kvlc_37","sand-helper-text-error":"_sand-helper-text-error_6kvlc_45"},oe=d.forwardRef(function({label:e,children:n,className:t="",htmlFor:r,...c},l){return a.jsxs("div",{ref:l,className:_(U["sand-form-group"],t),...c,children:[e&&a.jsx("label",{className:U["sand-label"],htmlFor:r,children:e}),n]})});oe.displayName="SandFormGroup";const de=d.forwardRef(function({error:e,className:n="",...t},r){return a.jsx("input",{ref:r,className:_(U["sand-input"],e&&U["sand-input-error"],n),"aria-invalid":e||t["aria-invalid"],...t})});de.displayName="SandInput";const He=d.forwardRef(function({label:e,helperText:n,error:t,groupClassName:r,className:c="","aria-describedby":l,...i},u){const f=d.useId(),m=i.id??f,h=n?`${m}-help`:void 0,y=d.useMemo(()=>[l,h].filter(Boolean).join(" ")||void 0,[l,h]);return a.jsxs(oe,{label:e,className:r,htmlFor:m,children:[a.jsx(de,{ref:u,id:m,error:t,className:c,"aria-describedby":y,...i}),n&&a.jsx("span",{id:h,className:t?U["sand-helper-text-error"]:"",children:n})]})});He.displayName="SandInputGroup";const Ba={"sand-kbd":"_sand-kbd_mo78g_1"},Ye=d.forwardRef(function({className:e="",...n},t){return a.jsx("kbd",{ref:t,className:_(Ba["sand-kbd"],e),...n})});Ye.displayName="SandKBD";const We={loader:"_loader_1onos_1",skeleton:"_skeleton_1onos_10"},Ke=d.forwardRef(function({size:e=40,className:n,style:t,...r},c){return a.jsx("span",{ref:c,className:_(We.loader,n),style:{"--sand-loader-size":`${e}px`,...t},...r})});Ke.displayName="SandLoader";const Ue=d.forwardRef(function({width:e="100%",height:n=16,radius:t="md",className:r,style:c,...l},i){return a.jsx("div",{ref:i,"aria-hidden":"true",className:_(We.skeleton,r),style:{width:e,height:n,"--sand-skeleton-radius":ke(t),...c},...l})});Ue.displayName="SandSkeleton";const J={"sand-container":"_sand-container_174rd_1","sand-header":"_sand-header_174rd_7","sand-tool-layout":"_sand-tool-layout_174rd_17","sand-tool-panel":"_sand-tool-panel_174rd_24","sand-result-panel":"_sand-result-panel_174rd_34"},Je=d.forwardRef(function({className:e="",...n},t){return a.jsx("div",{ref:t,className:_(J["sand-container"],e),...n})});Je.displayName="SandContainer";const Xe=d.forwardRef(function({className:e="",...n},t){return a.jsx("header",{ref:t,className:_(J["sand-header"],e),...n})});Xe.displayName="SandHeader";const Ze=d.forwardRef(function({className:e="",...n},t){return a.jsx("div",{ref:t,className:_(J["sand-tool-layout"],e),...n})});Ze.displayName="SandToolLayout";const Qe=d.forwardRef(function({className:e="",...n},t){return a.jsx("aside",{ref:t,className:_(J["sand-tool-panel"],e),...n})});Qe.displayName="SandToolPanel";const qe=d.forwardRef(function({className:e="",...n},t){return a.jsx("main",{ref:t,className:_(J["sand-result-panel"],e),...n})});qe.displayName="SandResultPanel";const A={"sand-modal-root":"_sand-modal-root_1e60v_1","sand-modal-backdrop":"_sand-modal-backdrop_1e60v_11","sand-modal-panel":"_sand-modal-panel_1e60v_22","sand-modal-header":"_sand-modal-header_1e60v_36","sand-modal-title":"_sand-modal-title_1e60v_45","sand-modal-description":"_sand-modal-description_1e60v_52","sand-modal-close":"_sand-modal-close_1e60v_59","sand-modal-body":"_sand-modal-body_1e60v_78","sand-modal-footer":"_sand-modal-footer_1e60v_86"},$e=d.createContext(null);function ea(){const s=d.useContext($e);if(!s)throw new Error("SandModal sub-components must be used within SandModal.");return s}const ce=d.forwardRef(function({className:e="",...n},t){return a.jsx("div",{ref:t,className:_(A["sand-modal-header"],e),...n})});ce.displayName="SandModal.Header";const le=d.forwardRef(function({className:e="",...n},t){return a.jsx("div",{ref:t,className:_(A["sand-modal-body"],e),...n})});le.displayName="SandModal.Body";const ie=d.forwardRef(function({className:e="",...n},t){return a.jsx("div",{ref:t,className:_(A["sand-modal-footer"],e),...n})});ie.displayName="SandModal.Footer";const ue=d.forwardRef(function({className:e="",...n},t){const{titleId:r}=ea();return a.jsx("div",{ref:t,id:r,className:_(A["sand-modal-title"],e),...n})});ue.displayName="SandModal.Title";const fe=d.forwardRef(function({className:e="",...n},t){const{descriptionId:r}=ea();return a.jsx("div",{ref:t,id:r,className:_(A["sand-modal-description"],e),...n})});fe.displayName="SandModal.Description";const aa=d.forwardRef(function({open:e,onClose:n,title:t,description:r,footer:c,closeOnOverlay:l=!0,initialFocusRef:i,children:u,className:f="",...m},h){const y=d.useId(),p=d.useId(),g=d.useRef(null),C=d.useRef(null),I=d.useRef(null),x=d.useMemo(()=>({titleId:y,descriptionId:p}),[p,y]),be=d.useCallback(T=>{C.current=T,typeof h=="function"?h(T):h&&(h.current=T)},[h]),Q=d.useCallback(T=>{if(T.key==="Escape"){T.preventDefault(),n();return}if(T.key!=="Tab"||!C.current)return;const D=Ca(C.current);if(D.length===0){T.preventDefault(),C.current.focus();return}const ae=D[0],ne=D[D.length-1],te=document.activeElement;T.shiftKey&&te===ae?(T.preventDefault(),ne.focus()):!T.shiftKey&&te===ne&&(T.preventDefault(),ae.focus())},[n]);return d.useEffect(()=>{if(!e){I.current?.focus();return}I.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const T=document.body.style.overflow;return document.body.style.overflow="hidden",(i?.current??g.current??C.current)?.focus(),window.addEventListener("keydown",Q),()=>{document.body.style.overflow=T,window.removeEventListener("keydown",Q)}},[Q,i,e]),e?a.jsxs("div",{className:A["sand-modal-root"],children:[a.jsx("button",{type:"button",className:A["sand-modal-backdrop"],"aria-label":"Close dialog",onClick:l?n:void 0}),a.jsx("div",{ref:be,role:"dialog","aria-modal":"true","aria-labelledby":t?y:void 0,"aria-describedby":r?p:void 0,className:_(A["sand-modal-panel"],f),tabIndex:-1,...m,children:a.jsxs($e.Provider,{value:x,children:[(t||r)&&a.jsxs(ce,{children:[a.jsxs("div",{children:[t&&a.jsx(ue,{children:t}),r&&a.jsx(fe,{children:r})]}),a.jsx("button",{ref:g,type:"button",className:A["sand-modal-close"],onClick:n,"aria-label":"Close dialog",children:a.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"close"})})]}),a.jsx(le,{children:u}),c&&a.jsx(ie,{children:c})]})})]}):null});aa.displayName="SandModal";const Fa=Object.assign(aa,{Header:ce,Body:le,Footer:ie,Title:ue,Description:fe}),R={navbar:"_navbar_ce3ap_1",container:"_container_ce3ap_11",brand:"_brand_ce3ap_20",links:"_links_ce3ap_30",link:"_link_ce3ap_30",linkActive:"_linkActive_ce3ap_55",mobileToggle:"_mobileToggle_ce3ap_64",overlay:"_overlay_ce3ap_86",overlayVisible:"_overlayVisible_ce3ap_97",drawer:"_drawer_ce3ap_102",drawerOpen:"_drawerOpen_ce3ap_118",drawerHeader:"_drawerHeader_ce3ap_122",drawerTitle:"_drawerTitle_ce3ap_130",drawerClose:"_drawerClose_ce3ap_136",drawerContent:"_drawerContent_ce3ap_150"},za=d.forwardRef(function({brand:e,items:n=[],onMenuClick:t,className:r,children:c,...l},i){return a.jsx("nav",{ref:i,className:_(R.navbar,r),...l,children:a.jsxs("div",{className:R.container,children:[a.jsx("div",{className:R.brand,children:e}),a.jsxs("div",{className:R.links,children:[n.map(u=>a.jsx("a",{href:u.href,className:_(R.link,u.active&&R.linkActive),children:u.label},u.href)),c]}),a.jsx("button",{type:"button",className:R.mobileToggle,onClick:t,"aria-label":"Toggle menu",children:a.jsx(O,{icon:"menu",size:24})})]})})}),La=d.forwardRef(function({open:e,onClose:n,title:t,children:r,className:c,...l},i){return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:_(R.overlay,e&&R.overlayVisible),onClick:n,"aria-hidden":"true"}),a.jsxs("div",{ref:i,className:_(R.drawer,e&&R.drawerOpen,c),role:"dialog","aria-modal":"true",...l,children:[a.jsxs("div",{className:R.drawerHeader,children:[a.jsx("div",{className:R.drawerTitle,children:t}),a.jsx("button",{type:"button",className:R.drawerClose,onClick:n,"aria-label":"Close menu",children:a.jsx(O,{icon:"close",size:24})})]}),a.jsx("div",{className:R.drawerContent,children:r})]})]})}),X={"sand-pagination":"_sand-pagination_cizv5_1","sand-page-btn":"_sand-page-btn_cizv5_8","sand-page-btn-active":"_sand-page-btn-active_cizv5_36"},na=d.forwardRef(function({currentPage:e,totalPages:n,onPageChange:t,className:r="",...c},l){const i=d.useMemo(()=>Array.from({length:n},(m,h)=>h+1),[n]),u=d.useCallback(m=>{m<1||m>n||m===e||t?.(m)},[e,t,n]),f=d.useCallback(m=>{$(m,e-1,n,h=>u(h+1))},[e,u,n]);return a.jsxs("nav",{ref:l,"aria-label":"Pagination",className:_(X["sand-pagination"],r),onKeyDown:f,...c,children:[a.jsx("button",{type:"button",className:X["sand-page-btn"],disabled:e===1,"aria-label":"Previous page",onClick:()=>u(e-1),children:a.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"chevron_left"})}),i.map(m=>a.jsx("button",{type:"button","aria-current":m===e?"page":void 0,"aria-label":`Page ${m}`,className:_(X["sand-page-btn"],m===e&&X["sand-page-btn-active"]),onClick:()=>u(m),children:m},m)),a.jsx("button",{type:"button",className:X["sand-page-btn"],disabled:e===n,"aria-label":"Next page",onClick:()=>u(e+1),children:a.jsx("span",{className:"material-symbols-rounded","aria-hidden":"true",children:"chevron_right"})})]})});na.displayName="SandPagination";const F={track:"_track_1b1ni_1",bar:"_bar_1b1ni_8",ring:"_ring_1b1ni_15",ringTrack:"_ringTrack_1b1ni_19",ringValue:"_ringValue_1b1ni_24",label:"_label_1b1ni_32"};function Va(s,e){return Math.min(Math.max(s,0),e)}const ta=d.forwardRef(function({value:e,max:n=100,size:t=96,thickness:r=8,variant:c="linear",showValue:l,className:i,style:u,...f},m){const h=Va(e,n),y=h/n*100;if(c==="circular"){const p=(t-r)/2,g=2*Math.PI*p,C=g-y/100*g;return a.jsxs("div",{ref:m,role:"progressbar","aria-valuemin":0,"aria-valuemax":n,"aria-valuenow":h,className:_(i),style:{position:"relative",width:t,height:t,...u},...f,children:[a.jsxs("svg",{className:F.ring,width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:[a.jsx("circle",{className:F.ringTrack,cx:t/2,cy:t/2,r:p,strokeWidth:r}),a.jsx("circle",{className:F.ringValue,cx:t/2,cy:t/2,r:p,strokeWidth:r,strokeDasharray:g,strokeDashoffset:C})]}),l&&a.jsxs("span",{className:F.label,children:[Math.round(y),"%"]})]})}return a.jsx("div",{ref:m,role:"progressbar","aria-valuemin":0,"aria-valuemax":n,"aria-valuenow":h,className:_(F.track,i),style:{height:r,...u},...f,children:a.jsx("div",{className:F.bar,style:{width:`${y}%`}})})});ta.displayName="SandProgress";const j={"sand-choice-group":"_sand-choice-group_viqgz_1","sand-choice-row":"_sand-choice-row_viqgz_7","sand-choice-input":"_sand-choice-input_viqgz_16","sand-choice-control":"_sand-choice-control_viqgz_22","sand-checkbox":"_sand-checkbox_viqgz_41","sand-checkbox-icon":"_sand-checkbox-icon_viqgz_59","sand-radio":"_sand-radio_viqgz_76","sand-switch":"_sand-switch_viqgz_94","sand-choice-content":"_sand-choice-content_viqgz_123","sand-choice-label":"_sand-choice-label_viqgz_129","sand-choice-description":"_sand-choice-description_viqgz_134"},_e=({label:s,description:e})=>a.jsxs("span",{className:j["sand-choice-content"],children:[a.jsx("span",{className:j["sand-choice-label"],children:s}),e&&a.jsx("span",{className:j["sand-choice-description"],children:e})]}),sa=d.forwardRef(function({label:e,description:n,id:t,className:r="",...c},l){const i=d.useId(),u=t??i;return a.jsxs("label",{className:_(j["sand-choice-row"],r),htmlFor:u,children:[a.jsx("input",{ref:l,id:u,type:"checkbox",className:j["sand-choice-input"],...c}),a.jsx("span",{className:_(j["sand-choice-control"],j["sand-checkbox"]),"aria-hidden":"true",children:a.jsx("span",{className:_(j["sand-checkbox-icon"],"material-symbols-rounded"),children:"check"})}),a.jsx(_e,{label:e,description:n})]})});sa.displayName="SandCheckbox";const ra=d.forwardRef(function({label:e,description:n,id:t,className:r="",onKeyDown:c,...l},i){const u=d.useId(),f=t??u,m=h=>{if(c?.(h),h.defaultPrevented||!l.name)return;const y=Array.from(document.querySelectorAll(`input[type="radio"][name="${l.name}"]`)),p=y.findIndex(g=>g.id===f);$(h,p,y.length,g=>{y[g]?.focus(),y[g]?.click()})};return a.jsxs("label",{className:_(j["sand-choice-row"],r),htmlFor:f,children:[a.jsx("input",{ref:i,id:f,type:"radio",className:j["sand-choice-input"],onKeyDown:m,...l}),a.jsx("span",{className:_(j["sand-choice-control"],j["sand-radio"]),"aria-hidden":"true"}),a.jsx(_e,{label:e,description:n})]})});ra.displayName="SandRadio";const oa=d.forwardRef(function({label:e,description:n,id:t,className:r="",...c},l){const i=d.useId(),u=t??i;return a.jsxs("label",{className:_(j["sand-choice-row"],r),htmlFor:u,children:[a.jsx("input",{ref:l,id:u,type:"checkbox",role:"switch",className:j["sand-choice-input"],...c}),a.jsx("span",{className:_(j["sand-choice-control"],j["sand-switch"]),"aria-hidden":"true"}),a.jsx(_e,{label:e,description:n})]})});oa.displayName="SandSwitch";const da=d.forwardRef(function({className:e="",label:n,...t},r){return a.jsx("div",{ref:r,role:"group","aria-label":typeof n=="string"?n:void 0,className:_(j["sand-choice-group"],e),...t})});da.displayName="SandChoiceGroup";const ca=d.forwardRef(function({as:e,direction:n="column",gap:t="md",align:r,justify:c,wrap:l,surface:i,className:u,style:f,...m},h){const y=e??"div";let p=f;return p=N(p,"--sand-display","flex"),p=N(p,"--sand-gap",H(t)),p=N(p,"--sand-align",r),p=N(p,"--sand-justify",c),p=N(p,"--sand-stack-direction",n),p=N(p,"--sand-stack-wrap",l?"wrap":"nowrap"),a.jsx(y,{ref:h,className:_(K.box,i&&K.surface,u),style:{flexDirection:"var(--sand-stack-direction)",flexWrap:"var(--sand-stack-wrap)",...p},...m})});ca.displayName="SandStack";const Z={wrapper:"_wrapper_1142m_1",table:"_table_1142m_9",stickyHeader:"_stickyHeader_1142m_36",striped:"_striped_1142m_42",hoverable:"_hoverable_1142m_50"},la=d.forwardRef(function({striped:e,hoverable:n=!0,stickyHeader:t,className:r,wrapperProps:c,...l},i){return a.jsx("div",{...c,className:_(Z.wrapper,c?.className),children:a.jsx("table",{ref:i,className:_(Z.table,e&&Z.striped,n&&Z.hoverable,t&&Z.stickyHeader,r),...l})})});la.displayName="SandTable";const z={root:"_root_yi163_1",list:"_list_yi163_6",trigger:"_trigger_yi163_18",active:"_active_yi163_41",indicator:"_indicator_yi163_45",panel:"_panel_yi163_57"};function Ga({items:s,defaultValue:e,className:n,...t}){const r=d.useId(),[c,l]=d.useState(e??s[0]?.id),i=Math.max(s.findIndex(m=>m.id===c),0),u=s[i],f=d.useMemo(()=>({"--sand-tabs-left":`calc(4px + ${i} * (100% - 8px) / ${Math.max(s.length,1)})`,"--sand-tabs-width":`calc((100% - 8px) / ${Math.max(s.length,1)})`}),[i,s.length]);return a.jsxs("div",{className:_(z.root,n),...t,children:[a.jsxs("div",{role:"tablist","aria-label":"Tabs",className:z.list,style:f,children:[a.jsx("span",{"aria-hidden":"true",className:z.indicator}),s.map((m,h)=>{const y=`${r}-tab-${m.id}`,p=`${r}-panel-${m.id}`,g=m.id===c;return a.jsx("button",{id:y,role:"tab",type:"button",tabIndex:g?0:-1,"aria-selected":g,"aria-controls":p,className:_(z.trigger,g&&z.active),onClick:()=>l(m.id),onKeyDown:C=>$(C,h,s.length,I=>l(s[I].id)),children:m.label},m.id)})]}),u&&a.jsx("div",{id:`${r}-panel-${u.id}`,role:"tabpanel","aria-labelledby":`${r}-tab-${u.id}`,className:z.panel,children:u.content})]})}const ia=d.createContext(null);function ua(s){return s!=="system"?s:typeof window>"u"||typeof window.matchMedia!="function"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Ha(s){if(!s)return;const e={};return s.accent&&(e["--sand-accent"]=s.accent),s.accentDark&&(e["--sand-accent-dark"]=s.accentDark),s.surface&&(e["--theme-surface"]=s.surface),s.surfaceVariant&&(e["--theme-surface-variant"]=s.surfaceVariant),s.text&&(e["--theme-text"]=s.text),s.textMuted&&(e["--theme-text-muted"]=s.textMuted),s.border&&(e["--theme-border"]=s.border),s.shadowSm&&(e["--shadow-sm"]=s.shadowSm),s.shadowMd&&(e["--shadow-md"]=s.shadowMd),s.shadowLg&&(e["--shadow-lg"]=s.shadowLg),e}function Ya({children:s,defaultTheme:e="system",theme:n,tokens:t,className:r,root:c=!1}){const[l,i]=d.useState(e),u=n??l,f=ua(u);d.useEffect(()=>{!c||typeof document>"u"||(document.documentElement.dataset.theme=f)},[f,c]);const m=d.useMemo(()=>({theme:u,resolvedTheme:f,setTheme:i,toggleTheme:()=>i(h=>ua(h)==="dark"?"light":"dark")}),[f,u]);return a.jsx(ia.Provider,{value:m,children:a.jsx("div",{className:r,"data-theme":f,style:Ha(t),children:s})})}function Wa(){const s=d.useContext(ia);if(!s)throw new Error("useSandTheme must be used within SandThemeProvider.");return s}const P={title:"_title_huapx_1",text:"_text_huapx_8",code:"_code_huapx_14",gradient:"_gradient_huapx_25",muted:"_muted_huapx_31"},me={regular:400,medium:500,semibold:600,bold:700},Ka={xs:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2rem",xl:"2.75rem",display:"clamp(3rem, 6vw, 4.75rem)"},fa={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem"},_a=d.forwardRef(function({as:e,level:n=2,size:t="lg",weight:r="semibold",gradient:c,muted:l,className:i,style:u,...f},m){const h=e??`h${n}`;return a.jsx(h,{ref:m,className:_(P.title,c&&P.gradient,l&&P.muted,i),style:{fontSize:Ka[t],fontWeight:me[r],...u},...f})});_a.displayName="SandTitle";const ma=d.forwardRef(function({as:e,size:n="md",weight:t="regular",gradient:r,muted:c,className:l,style:i,...u},f){const m=e??"p";return a.jsx(m,{ref:f,className:_(P.text,r&&P.gradient,c&&P.muted,l),style:{fontSize:fa[n],fontWeight:me[t],...i},...u})});ma.displayName="SandText";const ba=d.forwardRef(function({as:e,block:n,size:t="sm",weight:r="medium",className:c,style:l,...i},u){const f=e??(n?"pre":"code");return a.jsx(f,{ref:u,className:_(P.code,c),style:{fontSize:fa[t],fontWeight:me[r],display:n?"block":void 0,whiteSpace:n?"pre-wrap":void 0,...l},...i})});ba.displayName="SandCode";const pa={trigger:"_trigger_ehjfy_1",content:"_content_ehjfy_5"};function Ua({content:s,children:e}){const n=d.useId(),[t,r]=d.useState(null);if(!d.isValidElement(e))return null;const c=i=>{const u=i.getBoundingClientRect();r({top:u.bottom+10,left:u.left+u.width/2})},l=d.cloneElement(e,{"aria-describedby":n,onMouseEnter:i=>{c(i.currentTarget),e.props.onMouseEnter?.(i)},onMouseLeave:i=>{r(null),e.props.onMouseLeave?.(i)},onFocus:i=>{c(i.currentTarget),e.props.onFocus?.(i)},onBlur:i=>{r(null),e.props.onBlur?.(i)}});return a.jsxs(a.Fragment,{children:[a.jsx("span",{className:pa.trigger,children:l}),t&&typeof document<"u"?wa.createPortal(a.jsx("div",{id:n,role:"tooltip",className:pa.content,style:{top:t.top,left:t.left,transform:"translateX(-50%)"},children:s}),document.body):null]})}b.SandAccordion=Te,b.SandAlert=je,b.SandBadge=Ce,b.SandBox=Ie,b.SandBreadcrumbs=Ee,b.SandButton=Ae,b.SandCard=Oe,b.SandCheckbox=sa,b.SandChoiceGroup=da,b.SandCode=ba,b.SandCodeBlock=re,b.SandCodeTabs=Pe,b.SandContainer=Je,b.SandDivider=De,b.SandDrawer=La,b.SandFormGroup=oe,b.SandGrid=Da,b.SandHeader=Xe,b.SandIcon=O,b.SandInput=de,b.SandInputGroup=He,b.SandKBD=Ye,b.SandLoader=Ke,b.SandModal=Fa,b.SandNavbar=za,b.SandPagination=na,b.SandProgress=ta,b.SandRadio=ra,b.SandResultPanel=qe,b.SandSkeleton=Ue,b.SandSnackbar=ze,b.SandStack=ca,b.SandSwitch=oa,b.SandTable=la,b.SandTabs=Ga,b.SandText=ma,b.SandThemeProvider=Ya,b.SandTitle=_a,b.SandToast=Fe,b.SandToolLayout=Ze,b.SandToolPanel=Qe,b.SandTooltip=Ua,b.useSandTheme=Wa,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--theme-bg: #F2F2F2;--theme-surface: #FFFFFF;--theme-surface-variant: rgb(229.25, 229.25, 229.25);--theme-text: #262626;--theme-text-muted: rgba(38, 38, 38, .6);--theme-border: rgb(229.25, 229.25, 229.25);--theme-footer-bg: #262626;--theme-footer-text: #F2F2F2;--sand-accent: orange;--sand-accent-dark: #cc8400;--sand-accent-soft: rgba(255, 165, 0, .1);--sand-accent-glow: rgba(255, 165, 0, .3);--sand-accent-muted: rgba(255, 165, 0, .18);--sand-primary: #262626;--sand-primary-light: rgb(76.25, 76.25, 76.25);--sand-primary-muted: rgba(38, 38, 38, .6);--sand-secondary: #F2F2F2;--sand-secondary-dark: rgb(229.25, 229.25, 229.25);--sand-secondary-light: #FFFFFF;--color-success: #1f9d55;--color-success-soft: rgba(31, 157, 85, .12);--color-error: #e53935;--color-error-soft: rgba(229, 57, 53, .1);--font-main: Outfit, Inter, system-ui, -apple-system, sans-serif;--font-mono: Fira Code, ui-monospace, monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--glow: 0 0 20px rgba(255, 165, 0, .3);--transition: all .4s cubic-bezier(.165, .84, .44, 1);--container-max: 1100px}[data-theme=dark]{--theme-bg: #101112;--theme-surface: #17191c;--theme-surface-variant: #20242a;--theme-text: #F2F2F2;--theme-text-muted: rgba(242, 242, 242, .68);--theme-border: rgba(255, 255, 255, .12);--theme-footer-bg: #0a0b0c;--theme-footer-text: #F2F2F2;--sand-accent-soft: rgba(255, 165, 0, .14);--sand-accent-muted: rgba(255, 165, 0, .22);--sand-accent-glow: rgba(255, 165, 0, .18);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .28);--shadow-md: 0 22px 60px rgba(0, 0, 0, .38)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--theme-bg);color:var(--theme-text);line-height:1.6;display:flex;transition:background-color .4s ease}.u-mt-4{margin-top:1rem}.u-mb-4{margin-bottom:1rem}._sand-badge_uye3i_1{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;border:1px solid transparent}._sand-badge-primary_uye3i_14{background:var(--sand-accent-soft);color:var(--sand-accent)}._sand-badge-secondary_uye3i_19{background:var(--theme-surface-variant);color:var(--theme-text-muted)}._sand-badge-success_uye3i_24{background:var(--color-success-soft);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 24%,transparent)}._sand-badge-failed_uye3i_30{background:var(--color-error-soft);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 24%,transparent)}._sand-breadcrumbs_1uxir_1{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--theme-text-muted);font-size:.88rem}._sand-breadcrumb-item_1uxir_10{display:inline-flex;align-items:center;gap:.45rem;min-width:0}._sand-breadcrumb-link_1uxir_17{color:inherit;text-decoration:none;padding:.2rem .35rem;border-radius:.35rem}._sand-breadcrumb-link_1uxir_17:hover{color:var(--sand-accent);background:var(--sand-accent-soft)}._sand-breadcrumb-link_1uxir_17:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-breadcrumb-current_1uxir_32{color:var(--theme-text);font-weight:700}._sand-breadcrumb-separator_1uxir_37{font-size:1rem;opacity:.7}._sand-btn_9grrt_1{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 2rem;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition);border:2px solid transparent;font-family:var(--font-main);text-decoration:none;line-height:1.2;min-height:3rem;min-width:0}._sand-btn_9grrt_1:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}._sand-btn_9grrt_1:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:3px}._sand-btn_9grrt_1 .material-symbols-rounded{font-size:1.1rem;flex-shrink:0}@media(max-width:640px){._sand-btn_9grrt_1{width:100%;padding:.85rem 1rem;white-space:normal}}._sand-btn-primary_9grrt_42{background:var(--sand-accent);color:#fff;box-shadow:var(--glow);border-color:var(--sand-accent)}._sand-btn-primary_9grrt_42:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px var(--sand-accent-glow);background:var(--sand-accent-dark)}._sand-btn-secondary_9grrt_54{background-color:var(--sand-primary);color:var(--sand-secondary)}._sand-btn-secondary_9grrt_54:hover:not(:disabled){background-color:var(--sand-primary-light);transform:translateY(-2px)}._sand-btn-outline_9grrt_63{background:transparent;border-color:var(--theme-border);color:var(--theme-text)}._sand-btn-outline_9grrt_63:hover:not(:disabled){border-color:var(--sand-accent);color:var(--sand-accent);background:var(--sand-accent-soft)}._sand-btn-success_9grrt_74{background:var(--color-success);color:#fff;border-color:var(--color-success)}._sand-btn-success_9grrt_74:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-success) 30%,transparent);filter:brightness(1.04)}._sand-btn-failed_9grrt_85{background:var(--color-error);color:#fff;border-color:var(--color-error)}._sand-btn-failed_9grrt_85:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-error) 28%,transparent);filter:brightness(.98)}._sand-card_i3njl_1{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);width:100%}._sand-card_i3njl_1:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--sand-accent)}._sand-card-header_i3njl_15{padding:1.25rem 1.5rem;border-bottom:1px solid var(--theme-border);font-weight:800;font-size:1.2rem}._sand-card-body_i3njl_22{padding:1.5rem}._sand-card-footer_i3njl_26{padding:1rem 1.5rem;background-color:var(--theme-surface-variant);border-top:1px solid var(--theme-border);display:flex;gap:1rem}@media(max-width:640px){._sand-card-header_i3njl_15,._sand-card-body_i3njl_22,._sand-card-footer_i3njl_26{padding-inline:1rem}._sand-card-footer_i3njl_26{flex-direction:column}}._sand-code-block_197ic_1{margin:0;padding:1.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:#d1d5db;overflow-x:auto;background:var(--sand-primary);border-radius:var(--radius-lg);border:1px solid var(--theme-border);position:relative}._sand-copy-btn_197ic_15{position:absolute;top:1rem;right:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--sand-secondary-dark);padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:6px;transition:var(--transition)}._sand-copy-btn_197ic_15:hover{border-color:var(--sand-accent);color:#fff}._sand-copy-btn_197ic_15:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-code-tabs_197ic_41{background:var(--sand-primary);border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem;border:1px solid var(--theme-border)}._sand-code-tabs_197ic_41 ._sand-code-block_197ic_1{border:none;border-radius:0}._sand-tab-headers_197ic_53{display:flex;background:var(--sand-primary-light);padding:0 .75rem;overflow-x:auto}._sand-tab-btn_197ic_60{padding:.9rem 1rem;background:none;border:none;color:#f2f2f280;font-family:var(--font-main);font-weight:700;font-size:.8rem;cursor:pointer;position:relative;transition:var(--transition);white-space:nowrap}._sand-tab-btn_197ic_60:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:-3px}._sand-tab-btn_197ic_60._active_197ic_77{color:#fff}._sand-tab-btn_197ic_60._active_197ic_77:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--sand-accent)}@media(max-width:640px){._sand-code-block_197ic_1{padding:1.1rem;font-size:.8rem}._sand-copy-btn_197ic_15{top:.75rem;right:.75rem}}._sand-divider_svs0p_1{height:1px;background:var(--theme-border);width:100%;margin:1rem 0}._sand-feedback_1pp8i_1{width:min(100%,26rem);border-radius:var(--radius-lg);border:1px solid var(--theme-border);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 95%,white) 0%,var(--theme-surface) 100%);box-shadow:var(--shadow-md);color:var(--theme-text);overflow:hidden}._sand-feedback-toast_1pp8i_11{padding:1rem 1.1rem;position:relative}._sand-feedback-toast_1pp8i_11:before{content:"";position:absolute;inset:0 auto 0 0;width:.26rem;background:var(--sand-accent)}._sand-feedback-snackbar_1pp8i_24{width:min(100%,34rem);padding:.95rem 1rem;border-radius:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--sand-primary) 88%,black),color-mix(in srgb,var(--sand-primary-light) 86%,black));color:var(--sand-secondary);border-color:#ffffff14}._sand-feedback-row_1pp8i_33{display:flex;align-items:flex-start;gap:.85rem}._sand-feedback-icon_1pp8i_39{font-size:1.2rem;margin-top:.05rem;flex-shrink:0}._sand-feedback-content_1pp8i_45{display:flex;flex-direction:column;gap:.2rem;min-width:0}._sand-feedback-title_1pp8i_52{font-size:.95rem;font-weight:800}._sand-feedback-message_1pp8i_57{font-size:.84rem;line-height:1.5;color:inherit;opacity:.86}._sand-feedback-action_1pp8i_64{margin-left:auto;flex-shrink:0}._sand-feedback-success_1pp8i_69{border-color:color-mix(in srgb,var(--color-success) 22%,var(--theme-border))}._sand-feedback-success_1pp8i_69._sand-feedback-toast_1pp8i_11:before{background:var(--color-success)}._sand-feedback-success_1pp8i_69 ._sand-feedback-icon_1pp8i_39{color:var(--color-success)}._sand-feedback-failed_1pp8i_81{border-color:color-mix(in srgb,var(--color-error) 22%,var(--theme-border))}._sand-feedback-failed_1pp8i_81._sand-feedback-toast_1pp8i_11:before{background:var(--color-error)}._sand-feedback-failed_1pp8i_81 ._sand-feedback-icon_1pp8i_39{color:var(--color-error)}._sand-feedback-info_1pp8i_93._sand-feedback-toast_1pp8i_11:before{background:var(--sand-accent)}._sand-feedback-info_1pp8i_93 ._sand-feedback-icon_1pp8i_39{color:var(--sand-accent)}[data-theme=dark] ._sand-feedback_1pp8i_1{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 96%,white 4%),color-mix(in srgb,var(--theme-surface-variant) 82%,black))}[data-theme=dark] ._sand-feedback-snackbar_1pp8i_24{background:linear-gradient(180deg,#1b1f24,#242a31);border-color:#ffffff1a}@media(max-width:640px){._sand-feedback-row_1pp8i_33{flex-wrap:wrap}._sand-feedback-action_1pp8i_64{margin-left:0;width:100%}}._sand-form-group_fyw0t_1{display:flex;flex-direction:column;gap:.6rem;width:100%}._sand-label_fyw0t_8{font-size:.75rem;font-weight:800;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer}._sand-input_fyw0t_17{width:100%;background-color:var(--theme-surface);border:2px solid var(--theme-border);border-radius:var(--radius-md);padding:1rem 1.25rem;font-family:inherit;color:var(--theme-text);transition:var(--transition);font-size:1rem}._sand-input_fyw0t_17:focus{outline:none;border-color:var(--sand-accent);box-shadow:0 0 0 5px var(--sand-accent-soft)}._sand-input_fyw0t_17:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 40%,white);outline-offset:2px}._sand-input-error_fyw0t_38{border-color:var(--color-error);background:var(--color-error-soft)}._sand-input-error_fyw0t_38:focus{border-color:var(--color-error);box-shadow:0 0 0 5px var(--color-error-soft)}._sand-helper-text-error_fyw0t_47{color:var(--color-error);font-size:.75rem;font-weight:700}@media(max-width:640px){._sand-input_fyw0t_17{padding:.9rem 1rem;font-size:.95rem}}._sand-kbd_mo78g_1{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;min-height:2rem;padding:.34rem .68rem;border-radius:.5rem;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f3f4f6);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #94a3b82e,0 0 0 1px #ffffffb3,0 2px #cbd5e1e6,0 6px 14px #0f172a1a;color:#1f2937;font-family:var(--font-mono);font-size:.78rem;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}[data-theme=dark] ._sand-kbd_mo78g_1{border-color:#ffffff0f;background:linear-gradient(180deg,#434a54,#2a3038);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000006b,0 0 0 1px #ffffff08,0 2px #161a20,0 8px 18px #00000057;color:#f8fafc}._sand-container_174rd_1{max-width:var(--container-max);margin:0 auto;width:100%}._sand-header_174rd_7{background:var(--theme-surface);border-bottom:1px solid var(--theme-border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}._sand-tool-layout_174rd_17{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:stretch}._sand-tool-panel_174rd_24{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}._sand-result-panel_174rd_34{background:var(--theme-surface-variant);border-radius:var(--radius-lg);padding:3rem;min-height:400px;border:2px dashed var(--theme-border);display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted)}@media(max-width:900px){._sand-tool-layout_174rd_17{grid-template-columns:1fr}._sand-result-panel_174rd_34{min-height:240px}}@media(max-width:640px){._sand-header_174rd_7{padding:.9rem 1rem;flex-wrap:wrap}._sand-tool-panel_174rd_24,._sand-result-panel_174rd_34{padding:1rem}}._sand-modal-root_uryk1_1{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem}._sand-modal-backdrop_uryk1_11{position:absolute;inset:0;background:#00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._sand-modal-panel_uryk1_18{position:relative;width:min(100%,38rem);max-height:min(88vh,48rem);overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:0 24px 80px #00000047}._sand-modal-header_uryk1_29{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--theme-border)}._sand-modal-title_uryk1_38{font-size:1.15rem;font-weight:800;line-height:1.2}._sand-modal-description_uryk1_44{margin-top:.35rem;font-size:.9rem;color:var(--theme-text-muted);line-height:1.5}._sand-modal-close_uryk1_51{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--theme-border);background:var(--theme-surface-variant);color:var(--theme-text);cursor:pointer;transition:var(--transition)}._sand-modal-close_uryk1_51:hover{color:var(--sand-accent);border-color:var(--sand-accent)}._sand-modal-close_uryk1_51:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-modal-body_uryk1_73{padding:1.25rem}._sand-modal-footer_uryk1_77{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:0 1.25rem 1.25rem}@media(max-width:640px){._sand-modal-root_uryk1_1{padding:.85rem;align-items:flex-end}._sand-modal-panel_uryk1_18{width:100%;max-height:92vh}._sand-modal-header_uryk1_29,._sand-modal-body_uryk1_73,._sand-modal-footer_uryk1_77{padding-inline:1rem}._sand-modal-footer_uryk1_77>*{width:100%}}._sand-pagination_cizv5_1{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}._sand-page-btn_cizv5_8{min-width:2.5rem;height:2.5rem;padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);cursor:pointer;transition:var(--transition);font-weight:700}._sand-page-btn_cizv5_8:hover:not(:disabled){border-color:var(--sand-accent);color:var(--sand-accent)}._sand-page-btn_cizv5_8:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-page-btn_cizv5_8:disabled{opacity:.45;cursor:not-allowed}._sand-page-btn-active_cizv5_36{background:var(--sand-accent);border-color:var(--sand-accent);color:#fff}._sand-choice-group_viqgz_1{display:flex;flex-direction:column;gap:.85rem}._sand-choice-row_viqgz_7{display:inline-flex;align-items:center;gap:.75rem;width:fit-content;cursor:pointer;color:var(--theme-text)}._sand-choice-input_viqgz_16{position:absolute;opacity:0;pointer-events:none}._sand-choice-control_viqgz_22{width:1.2rem;height:1.2rem;flex-shrink:0;border:2px solid var(--theme-border);background:var(--theme-surface);transition:var(--transition);position:relative}._sand-choice-input_viqgz_16:focus-visible+._sand-choice-control_viqgz_22{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:3px}._sand-choice-row_viqgz_7:hover ._sand-choice-control_viqgz_22{border-color:var(--sand-accent)}._sand-checkbox_viqgz_41{border-radius:.35rem}._sand-checkbox_viqgz_41:after{content:"";position:absolute;inset:.12rem;border-radius:.2rem;background:var(--sand-accent);transform:scale(0);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-checkbox_viqgz_41:after{transform:scale(1)}._sand-checkbox-icon_viqgz_59{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;z-index:1;opacity:0;transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-checkbox_viqgz_41 ._sand-checkbox-icon_viqgz_59{opacity:1}._sand-radio_viqgz_76{border-radius:999px}._sand-radio_viqgz_76:after{content:"";position:absolute;inset:.22rem;border-radius:999px;background:var(--sand-accent);transform:scale(0);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-radio_viqgz_76:after{transform:scale(1)}._sand-switch_viqgz_94{width:2.7rem;height:1.55rem;border-radius:999px;background:var(--theme-surface-variant)}._sand-switch_viqgz_94:after{content:"";position:absolute;top:.12rem;left:.14rem;width:1rem;height:1rem;border-radius:999px;background:var(--sand-secondary-light);box-shadow:var(--shadow-sm);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-switch_viqgz_94{background:var(--sand-accent);border-color:var(--sand-accent)}._sand-choice-input_viqgz_16:checked+._sand-switch_viqgz_94:after{transform:translate(1.05rem)}._sand-choice-content_viqgz_123{display:flex;flex-direction:column;gap:.1rem}._sand-choice-label_viqgz_129{font-weight:700;font-size:.92rem}._sand-choice-description_viqgz_134{color:var(--theme-text-muted);font-size:.8rem;line-height:1.45}@media(max-width:640px){._sand-choice-row_viqgz_7{width:100%;align-items:flex-start}}
|
|
1
|
+
:root{--theme-bg: #F2F2F2;--theme-surface: rgba(255, 255, 255, .82);--theme-surface-variant: rgb(231.8, 231.8, 231.8);--theme-surface-strong: rgba(255, 255, 255, .9);--theme-overlay: rgba(38, 38, 38, .48);--theme-text: #262626;--theme-text-muted: rgba(38, 38, 38, .72);--theme-text-subtle: rgba(38, 38, 38, .52);--theme-border: rgba(38, 38, 38, .16);--theme-border-strong: rgba(38, 38, 38, .24);--theme-footer-bg: rgb(25.25, 25.25, 25.25);--theme-footer-text: #F2F2F2;--sand-accent: orange;--sand-accent-dark: #cc8400;--sand-accent-soft: rgba(255, 165, 0, .12);--sand-accent-glow: rgba(255, 165, 0, .2);--sand-accent-muted: rgba(255, 165, 0, .16);--sand-primary: #262626;--sand-primary-light: rgb(63.5, 63.5, 63.5);--sand-primary-muted: rgba(38, 38, 38, .72);--sand-secondary: #F2F2F2;--sand-secondary-dark: rgb(231.8, 231.8, 231.8);--sand-secondary-light: #ffffff;--color-info: hsl(212, 95%, 56%);--color-info-soft: rgba(36.21, 135.694, 249.39, .14);--color-success: hsl(152, 63%, 38%);--color-success-soft: rgba(35.853, 157.947, 100.9698, .14);--color-warning: hsl(38, 96%, 50%);--color-warning-soft: rgba(249.9, 160.14, 5.1, .16);--color-error: hsl(4, 84%, 58%);--color-error-soft: rgba(237.864, 69.9312, 57.936, .14);--font-main: Outfit, Sora, Avenir Next, system-ui, sans-serif;--font-mono: JetBrains Mono, SFMono-Regular, ui-monospace, monospace;--sand-space-1: .25rem;--sand-space-2: .5rem;--sand-space-3: .75rem;--sand-space-4: 1rem;--sand-space-5: 1.25rem;--sand-space-6: 1.5rem;--sand-space-7: 2rem;--sand-space-8: 2.5rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 10px 30px hsla(220, 30%, 20%, .08);--shadow-md: 0 18px 48px hsla(220, 32%, 18%, .12);--shadow-lg: 0 28px 72px hsla(220, 35%, 16%, .16);--glow: 0 0 0 1px rgba(255, 165, 0, .16), 0 18px 42px rgba(255, 165, 0, .2);--transition: .25s cubic-bezier(.4, 0, .2, 1);--container-max: 1200px;--sand-gradient-brand: linear-gradient(135deg, var(--sand-accent), rgb(229.5, 72, 0));--sand-gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(#F2F2F2, .95));--sand-glass: saturate(180%) blur(20px)}[data-theme=dark]{--theme-bg: #1a1a1a;--theme-surface: #222222;--theme-surface-variant: #2a2a2a;--theme-surface-strong: #333333;--theme-overlay: rgba(0, 0, 0, .72);--theme-text: #f5f5f5;--theme-text-muted: rgba(245, 245, 245, .72);--theme-text-subtle: rgba(245, 245, 245, .52);--theme-border: rgba(255, 255, 255, .1);--theme-border-strong: rgba(255, 255, 255, .2);--sand-accent-soft: rgba(255, 165, 0, .12);--sand-accent-muted: rgba(255, 165, 0, .16);--sand-accent-glow: rgba(255, 165, 0, .14);--shadow-sm: 0 10px 30px rgba(0, 0, 0, .3);--shadow-md: 0 18px 48px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .5);--sand-gradient-surface: linear-gradient(180deg, #2a2a2a, #222222)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:radial-gradient(circle at top,rgba(255,165,0,.05),transparent 28%),linear-gradient(180deg,var(--theme-bg),color-mix(in srgb,var(--theme-bg) 98%,var(--theme-text) 2%));color:var(--theme-text);line-height:1.6;display:flex;min-height:100vh;transition:background-color var(--transition),color var(--transition);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--sand-accent);outline-offset:2px}[data-sand-surface=glass]{background:var(--sand-gradient-surface);border:1px solid var(--theme-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--sand-glass);backdrop-filter:var(--sand-glass)}.u-mt-4{margin-top:1rem}.u-mb-4{margin-bottom:1rem}._alert_f8qp0_1{display:flex;gap:var(--sand-space-4);align-items:flex-start;padding:var(--sand-space-4);border:1px solid var(--sand-alert-border, var(--theme-border));border-radius:var(--radius-lg);background:var(--sand-alert-bg, var(--theme-surface));box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--sand-glass);backdrop-filter:var(--sand-glass)}._icon_f8qp0_13{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--sand-alert-soft, var(--sand-accent-soft));color:var(--sand-alert-color, var(--sand-accent));flex-shrink:0}._content_f8qp0_25{display:grid;gap:.35rem}._title_f8qp0_30{color:var(--theme-text);font-weight:600}._description_f8qp0_35{color:var(--theme-text-muted)}._accordion_rsxio_1{display:flex;flex-direction:column;gap:.5rem}._item_rsxio_7{overflow:hidden;border:1px solid var(--theme-border);border-radius:var(--radius-lg);background:var(--theme-surface);transition:all .3s cubic-bezier(.4,0,.2,1)}._item_rsxio_7:hover:not([data-state=open]){border-color:var(--theme-border-strong);background:var(--theme-surface-variant);transform:translateY(-1px)}._item_rsxio_7[data-state=open]{border-color:var(--sand-accent);box-shadow:0 20px 40px -12px #0000001f;background:var(--theme-surface);transform:scale(1.01)}._trigger_rsxio_26{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border:0;background:transparent;cursor:pointer;text-align:left;transition:all var(--transition)}._triggerMain_rsxio_40{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:0}._itemIcon_rsxio_48{color:var(--sand-accent);background:var(--sand-accent-soft);width:2.75rem;height:2.75rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition);border:1px solid transparent}._item_rsxio_7[data-state=open] ._itemIcon_rsxio_48{background:var(--sand-accent);color:#fff}._triggerText_rsxio_67{display:flex;flex-direction:column;gap:.15rem;min-width:0}._title_rsxio_74{color:var(--theme-text);font-weight:700;font-size:1.125rem;line-height:1.2;transition:color var(--transition)}._description_rsxio_82{color:var(--theme-text-muted);font-size:.875rem;font-weight:500;line-height:1.4;display:block}._content_rsxio_90{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}._contentOpen_rsxio_96{grid-template-rows:1fr}._contentInner_rsxio_100{overflow:hidden;padding:0 1.5rem 1.5rem;color:var(--theme-text-muted);font-size:.9375rem;line-height:1.6}._chevron_rsxio_108{color:var(--theme-text-subtle);transition:all .3s ease;flex-shrink:0}._chevronOpen_rsxio_114{transform:rotate(180deg);color:var(--sand-accent)}[data-state=open] ._title_rsxio_74{color:var(--sand-accent)}[data-theme=dark] ._item_rsxio_7[data-state=open]{box-shadow:0 20px 60px -12px #0009;background:var(--theme-surface-strong)}._sand-badge_ezp2k_1{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}._sand-badge-primary_ezp2k_15{background:var(--sand-accent-soft);color:var(--sand-accent);border-color:var(--sand-accent-muted)}._sand-badge-secondary_ezp2k_21{background:var(--theme-surface-variant);color:var(--theme-text-muted);border-color:var(--theme-border)}._sand-badge-success_ezp2k_27{background:var(--color-success-soft);color:var(--color-success);border-color:#249e6533}._sand-badge-failed_ezp2k_33{background:var(--color-error-soft);color:var(--color-error);border-color:#ee463a33}._sand-breadcrumbs_1uxir_1{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--theme-text-muted);font-size:.88rem}._sand-breadcrumb-item_1uxir_10{display:inline-flex;align-items:center;gap:.45rem;min-width:0}._sand-breadcrumb-link_1uxir_17{color:inherit;text-decoration:none;padding:.2rem .35rem;border-radius:.35rem}._sand-breadcrumb-link_1uxir_17:hover{color:var(--sand-accent);background:var(--sand-accent-soft)}._sand-breadcrumb-link_1uxir_17:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-breadcrumb-current_1uxir_32{color:var(--theme-text);font-weight:700}._sand-breadcrumb-separator_1uxir_37{font-size:1rem;opacity:.7}._box_t20vf_1{position:relative;display:var(--sand-display, block);padding:var(--sand-padding, 0);margin:var(--sand-margin, 0);width:var(--sand-width, auto);min-width:0;background:var(--sand-box-background, transparent);border:var(--sand-box-border, 0);border-radius:var(--sand-box-radius, 0);box-shadow:var(--sand-box-shadow, none);gap:var(--sand-gap, 0);align-items:var(--sand-align, stretch);justify-content:var(--sand-justify, flex-start);-webkit-backdrop-filter:var(--sand-box-backdrop, none);backdrop-filter:var(--sand-box-backdrop, none);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}._surface_t20vf_19{--sand-box-background: var(--sand-gradient-surface);--sand-box-border: 1px solid var(--theme-border);--sand-box-radius: var(--radius-lg);--sand-box-shadow: var(--shadow-sm);--sand-box-backdrop: var(--sand-glass)}._inline_t20vf_27{--sand-display: inline-flex}._responsive_t20vf_31{--sand-grid-span: var(--sand-grid-span-sm, var(--sand-grid-span, 1))}@media(min-width:640px){._responsive_t20vf_31{--sand-grid-span: var(--sand-grid-span-sm, var(--sand-grid-span, 1))}}@media(min-width:768px){._responsive_t20vf_31{--sand-grid-span: var(--sand-grid-span-md, var(--sand-grid-span-sm, var(--sand-grid-span, 1)))}}@media(min-width:1024px){._responsive_t20vf_31{--sand-grid-span: var(--sand-grid-span-lg, var(--sand-grid-span-md, var(--sand-grid-span-sm, var(--sand-grid-span, 1))))}}@media(min-width:1280px){._responsive_t20vf_31{--sand-grid-span: var(--sand-grid-span-xl, var(--sand-grid-span-lg, var(--sand-grid-span-md, var(--sand-grid-span-sm, var(--sand-grid-span, 1)))))}}._sand-btn_9p0tq_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);border:1px solid transparent;font-family:inherit;text-decoration:none;line-height:1.25;min-height:2.5rem;white-space:nowrap}._sand-btn_9p0tq_1:disabled{opacity:.5;cursor:not-allowed}._sand-btn_9p0tq_1:focus-visible{outline:2px solid var(--sand-accent);outline-offset:2px}._sand-btn-primary_9p0tq_28{background:var(--sand-accent);color:#fff;border-color:var(--sand-accent)}._sand-btn-primary_9p0tq_28:hover:not(:disabled){background:var(--sand-accent-dark);border-color:var(--sand-accent-dark);box-shadow:var(--shadow-sm)}._sand-btn-secondary_9p0tq_39{background:var(--theme-surface-variant);color:var(--theme-text);border-color:var(--theme-border)}._sand-btn-secondary_9p0tq_39:hover:not(:disabled){background:var(--theme-surface-strong);border-color:var(--theme-border-strong)}._sand-btn-outline_9p0tq_49{background:transparent;border-color:var(--theme-border);color:var(--theme-text)}._sand-btn-outline_9p0tq_49:hover:not(:disabled){background:var(--theme-surface-variant);border-color:var(--theme-border-strong)}._sand-btn-success_9p0tq_59{background:var(--color-success);color:#fff;border-color:var(--color-success)}._sand-btn-success_9p0tq_59:hover:not(:disabled){background:#1f8958;box-shadow:var(--shadow-sm)}._sand-btn-failed_9p0tq_69{background:var(--color-error);color:#fff;border-color:var(--color-error)}._sand-btn-failed_9p0tq_69:hover:not(:disabled){background:#ec3022;box-shadow:var(--shadow-sm)}._sand-card_hf89l_1{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);width:100%}._sand-card_hf89l_1:hover{border-color:var(--theme-border-strong);box-shadow:var(--shadow-md)}._sand-card-header_hf89l_14{padding:1.25rem 1.5rem;border-bottom:1px solid var(--theme-border);font-weight:700;font-size:1.125rem;color:var(--theme-text)}._sand-card-body_hf89l_22{padding:1.5rem;color:var(--theme-text-muted);font-size:.9375rem;line-height:1.6}._sand-card-footer_hf89l_29{padding:1rem 1.5rem;background-color:var(--theme-surface-variant);border-top:1px solid var(--theme-border);display:flex;align-items:center;gap:1rem}@media(max-width:640px){._sand-card-header_hf89l_14,._sand-card-body_hf89l_22,._sand-card-footer_hf89l_29{padding-inline:1rem}._sand-card-footer_hf89l_29{flex-direction:column}}._sand-code-block_1i66s_1{margin:0;padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:#e5e7eb;overflow-x:auto;background:#111;border-radius:var(--radius-lg);border:1px solid var(--theme-border);position:relative;tab-size:2}[data-theme=dark] ._sand-code-block_1i66s_1{background:#0d0d0d}._sand-copy-btn_1i66s_20{position:absolute;top:.75rem;right:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:.375rem .625rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition)}._sand-copy-btn_1i66s_20:hover{background:#ffffff1a;color:#fff;border-color:var(--sand-accent)}._sand-code-tabs_1i66s_40{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--theme-border);background:#111}._sand-code-tabs_1i66s_40 ._sand-code-block_1i66s_1{border:none;border-radius:0}._sand-tab-headers_1i66s_51{display:flex;background:#1a1a1a;padding:0 .5rem;border-bottom:1px solid rgba(255,255,255,.06)}._sand-tab-btn_1i66s_58{padding:.75rem 1rem;background:none;border:none;color:#fff6;font-family:var(--font-main);font-weight:600;font-size:.8125rem;cursor:pointer;position:relative;transition:all var(--transition)}._sand-tab-btn_1i66s_58:hover{color:#fffc}._sand-tab-btn_1i66s_58._active_1i66s_73{color:#fff}._sand-tab-btn_1i66s_58._active_1i66s_73:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--sand-accent)}.token-comment{color:#6a9955;font-style:italic}.token-string{color:#ce9178}.token-keyword,.token-boolean{color:#569cd6;font-weight:600}.token-number{color:#b5cea8}.token-function{color:#dcdcaa}.token-class{color:#4ec9b0}.token-component{color:#4ec9b0;font-weight:600}.token-tag{color:#569cd6}.token-attr{color:#9cdcfe}.token-operator{color:#d4d4d4}@media(max-width:640px){._sand-code-block_1i66s_1{padding:1rem;font-size:.8125rem}}._sand-divider_svs0p_1{height:1px;background:var(--theme-border);width:100%;margin:1rem 0}._sand-feedback_1fyl0_1{width:min(100%,28rem);border-radius:var(--radius-lg);border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:var(--shadow-md);color:var(--theme-text);overflow:hidden;transition:all var(--transition)}._sand-feedback-toast_1fyl0_12{padding:1.125rem 1.25rem;position:relative;border-left:4px solid var(--sand-accent)}._sand-feedback-snackbar_1fyl0_18{width:min(100%,36rem);padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--theme-surface-strong);color:var(--theme-text);border:1px solid var(--theme-border-strong);box-shadow:var(--shadow-lg)}._sand-feedback-row_1fyl0_28{display:flex;align-items:center;gap:1rem}._sand-feedback-icon_1fyl0_34{font-size:1.375rem;flex-shrink:0;display:flex;align-items:center}._sand-feedback-content_1fyl0_41{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}._sand-feedback-title_1fyl0_49{font-size:.9375rem;font-weight:700;line-height:1.4}._sand-feedback-message_1fyl0_55{font-size:.875rem;line-height:1.5;color:var(--theme-text-muted)}._sand-feedback-action_1fyl0_61{flex-shrink:0}._sand-feedback-success_1fyl0_65{border-left-color:var(--color-success)}._sand-feedback-success_1fyl0_65 ._sand-feedback-icon_1fyl0_34{color:var(--color-success)}._sand-feedback-failed_1fyl0_72{border-left-color:var(--color-error)}._sand-feedback-failed_1fyl0_72 ._sand-feedback-icon_1fyl0_34{color:var(--color-error)}._sand-feedback-info_1fyl0_79{border-left-color:var(--sand-accent)}._sand-feedback-info_1fyl0_79 ._sand-feedback-icon_1fyl0_34{color:var(--sand-accent)}[data-theme=dark] ._sand-feedback-snackbar_1fyl0_18{background:#2a2a2a;border-color:#ffffff26}@media(max-width:640px){._sand-feedback-row_1fyl0_28{flex-wrap:wrap}._sand-feedback-action_1fyl0_61{margin-left:0;width:100%}}._grid_g8kr4_1{display:grid;gap:var(--sand-grid-gap, var(--sand-space-4));grid-template-columns:repeat(var(--sand-grid-columns, 12),minmax(0,1fr))}._item_g8kr4_7{min-width:0;grid-column:span var(--sand-grid-span, 1)/span var(--sand-grid-span, 1)}@media(min-width:640px){._grid_g8kr4_1{grid-template-columns:repeat(var(--sand-grid-columns-sm, var(--sand-grid-columns, 12)),minmax(0,1fr))}}@media(min-width:768px){._grid_g8kr4_1{grid-template-columns:repeat(var(--sand-grid-columns-md, var(--sand-grid-columns-sm, var(--sand-grid-columns, 12))),minmax(0,1fr))}}@media(min-width:1024px){._grid_g8kr4_1{grid-template-columns:repeat(var(--sand-grid-columns-lg, var(--sand-grid-columns-md, var(--sand-grid-columns-sm, var(--sand-grid-columns, 12)))),minmax(0,1fr))}}@media(min-width:1280px){._grid_g8kr4_1{grid-template-columns:repeat(var(--sand-grid-columns-xl, var(--sand-grid-columns-lg, var(--sand-grid-columns-md, var(--sand-grid-columns-sm, var(--sand-grid-columns, 12))))),minmax(0,1fr))}}._sand-form-group_6kvlc_1{display:flex;flex-direction:column;gap:.5rem;width:100%}._sand-label_6kvlc_8{font-size:.75rem;font-weight:700;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}._sand-input_6kvlc_17{width:100%;background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:inherit;color:var(--theme-text);transition:all var(--transition);font-size:.9375rem}._sand-input_6kvlc_17:hover{border-color:var(--theme-border-strong)}._sand-input_6kvlc_17:focus{outline:none;border-color:var(--sand-accent);box-shadow:0 0 0 3px var(--sand-accent-soft)}._sand-input-error_6kvlc_37{border-color:var(--color-error)}._sand-input-error_6kvlc_37:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}._sand-helper-text-error_6kvlc_45{color:var(--color-error);font-size:.8125rem;font-weight:500;margin-top:.25rem}@media(max-width:640px){._sand-input_6kvlc_17{padding:.9rem 1rem;font-size:.95rem}}._sand-kbd_mo78g_1{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;min-height:2rem;padding:.34rem .68rem;border-radius:.5rem;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f3f4f6);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #94a3b82e,0 0 0 1px #ffffffb3,0 2px #cbd5e1e6,0 6px 14px #0f172a1a;color:#1f2937;font-family:var(--font-mono);font-size:.78rem;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}[data-theme=dark] ._sand-kbd_mo78g_1{border-color:#ffffff0f;background:linear-gradient(180deg,#434a54,#2a3038);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000006b,0 0 0 1px #ffffff08,0 2px #161a20,0 8px 18px #00000057;color:#f8fafc}._loader_1onos_1{width:var(--sand-loader-size, 2rem);height:var(--sand-loader-size, 2rem);border-radius:50%;border:2px solid var(--sand-accent-soft);border-top-color:var(--sand-accent);animation:_sand-spin_1onos_1 .8s cubic-bezier(.4,0,.2,1) infinite}._skeleton_1onos_10{position:relative;overflow:hidden;border-radius:var(--sand-skeleton-radius, var(--radius-sm));background:var(--theme-surface-variant)}._skeleton_1onos_10:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:_sand-shimmer_1onos_1 2s infinite ease-in-out}[data-theme=dark] ._skeleton_1onos_10:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)}@keyframes _sand-spin_1onos_1{to{transform:rotate(360deg)}}@keyframes _sand-shimmer_1onos_1{to{transform:translate(100%)}}._sand-container_174rd_1{max-width:var(--container-max);margin:0 auto;width:100%}._sand-header_174rd_7{background:var(--theme-surface);border-bottom:1px solid var(--theme-border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}._sand-tool-layout_174rd_17{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:stretch}._sand-tool-panel_174rd_24{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}._sand-result-panel_174rd_34{background:var(--theme-surface-variant);border-radius:var(--radius-lg);padding:3rem;min-height:400px;border:2px dashed var(--theme-border);display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted)}@media(max-width:900px){._sand-tool-layout_174rd_17{grid-template-columns:1fr}._sand-result-panel_174rd_34{min-height:240px}}@media(max-width:640px){._sand-header_174rd_7{padding:.9rem 1rem;flex-wrap:wrap}._sand-tool-panel_174rd_24,._sand-result-panel_174rd_34{padding:1rem}}._sand-modal-root_1e60v_1{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}._sand-modal-backdrop_1e60v_11{position:absolute;inset:0;background:var(--theme-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;width:100%;height:100%;cursor:default}._sand-modal-panel_1e60v_22{position:relative;width:min(100%,36rem);max-height:min(90vh,48rem);overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:_sand-modal-in_1e60v_1 .3s cubic-bezier(.4,0,.2,1)}._sand-modal-header_1e60v_36{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-bottom:1px solid var(--theme-border)}._sand-modal-title_1e60v_45{font-size:1.25rem;font-weight:800;line-height:1.2;color:var(--theme-text)}._sand-modal-description_1e60v_52{margin-top:.5rem;font-size:.9375rem;color:var(--theme-text-muted);line-height:1.5}._sand-modal-close_1e60v_59{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--theme-border);background:var(--theme-surface-variant);color:var(--theme-text-muted);cursor:pointer;transition:all var(--transition)}._sand-modal-close_1e60v_59:hover{color:var(--theme-text);border-color:var(--sand-accent);background:var(--theme-surface-strong)}._sand-modal-body_1e60v_78{padding:1.5rem;flex:1;overflow-y:auto;color:var(--theme-text-muted);line-height:1.6}._sand-modal-footer_1e60v_86{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;background:var(--theme-surface-variant);border-top:1px solid var(--theme-border)}@keyframes _sand-modal-in_1e60v_1{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){._sand-modal-root_1e60v_1{padding:1rem;align-items:flex-end}._sand-modal-panel_1e60v_22{width:100%;max-height:95vh;border-bottom-left-radius:0;border-bottom-right-radius:0}._sand-modal-header_1e60v_36,._sand-modal-body_1e60v_78,._sand-modal-footer_1e60v_86{padding:1.25rem}}._navbar_ce3ap_1{width:100%;border:1px solid var(--theme-border);border-radius:var(--radius-lg);background:var(--theme-surface);box-shadow:var(--shadow-sm);padding:.75rem 1.25rem;transition:all var(--transition)}._container_ce3ap_11{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:var(--container-max);margin:0 auto}._brand_ce3ap_20{font-weight:800;font-size:1.25rem;color:var(--theme-text);display:flex;align-items:center;gap:.5rem;text-decoration:none}._links_ce3ap_30{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){._links_ce3ap_30{display:none}}._link_ce3ap_30{padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--theme-text-muted);font-weight:600;font-size:.9375rem;text-decoration:none;transition:all var(--transition)}._link_ce3ap_30:hover{color:var(--theme-text);background:var(--theme-surface-variant)}._linkActive_ce3ap_55,._linkActive_ce3ap_55:hover{color:var(--sand-accent);background:var(--sand-accent-soft)}._mobileToggle_ce3ap_64{display:none;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--theme-border);border-radius:var(--radius-md);background:var(--theme-surface-variant);color:var(--theme-text);cursor:pointer;transition:all var(--transition)}@media(max-width:768px){._mobileToggle_ce3ap_64{display:flex}}._mobileToggle_ce3ap_64:hover{border-color:var(--sand-accent);color:var(--sand-accent)}._overlay_ce3ap_86{position:fixed;inset:0;background:var(--theme-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition)}._overlayVisible_ce3ap_97{opacity:1;pointer-events:auto}._drawer_ce3ap_102{position:fixed;top:0;right:0;bottom:0;width:min(20rem,80vw);background:var(--theme-surface);border-left:1px solid var(--theme-border);box-shadow:var(--shadow-lg);z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition)}._drawerOpen_ce3ap_118{transform:translate(0)}._drawerHeader_ce3ap_122{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border)}._drawerTitle_ce3ap_130{font-weight:700;font-size:1.125rem;color:var(--theme-text)}._drawerClose_ce3ap_136{padding:.5rem;border:0;background:transparent;color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;transition:color var(--transition)}._drawerClose_ce3ap_136:hover{color:var(--theme-text)}._drawerContent_ce3ap_150{padding:1.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}._drawerContent_ce3ap_150 a{display:block;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--theme-text-muted);font-weight:600;text-decoration:none;transition:all var(--transition)}._drawerContent_ce3ap_150 a:hover{background:var(--theme-surface-variant);color:var(--theme-text)}._sand-pagination_cizv5_1{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}._sand-page-btn_cizv5_8{min-width:2.5rem;height:2.5rem;padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);cursor:pointer;transition:var(--transition);font-weight:700}._sand-page-btn_cizv5_8:hover:not(:disabled){border-color:var(--sand-accent);color:var(--sand-accent)}._sand-page-btn_cizv5_8:focus-visible{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:2px}._sand-page-btn_cizv5_8:disabled{opacity:.45;cursor:not-allowed}._sand-page-btn-active_cizv5_36{background:var(--sand-accent);border-color:var(--sand-accent);color:#fff}._track_1b1ni_1{position:relative;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--theme-surface-variant) 72%,transparent)}._bar_1b1ni_8{height:100%;border-radius:inherit;background:var(--sand-gradient-brand);transition:width var(--transition)}._ring_1b1ni_15{transform:rotate(-90deg)}._ringTrack_1b1ni_19{fill:none;stroke:color-mix(in srgb,var(--theme-surface-variant) 72%,transparent)}._ringValue_1b1ni_24{fill:none;stroke:var(--sand-accent);stroke-linecap:round;transition:stroke-dashoffset var(--transition);filter:drop-shadow(0 0 8px var(--sand-accent-glow))}._label_1b1ni_32{position:absolute;inset:0;display:grid;place-items:center;color:var(--theme-text);font-size:.85rem;font-weight:600}._sand-choice-group_viqgz_1{display:flex;flex-direction:column;gap:.85rem}._sand-choice-row_viqgz_7{display:inline-flex;align-items:center;gap:.75rem;width:fit-content;cursor:pointer;color:var(--theme-text)}._sand-choice-input_viqgz_16{position:absolute;opacity:0;pointer-events:none}._sand-choice-control_viqgz_22{width:1.2rem;height:1.2rem;flex-shrink:0;border:2px solid var(--theme-border);background:var(--theme-surface);transition:var(--transition);position:relative}._sand-choice-input_viqgz_16:focus-visible+._sand-choice-control_viqgz_22{outline:3px solid color-mix(in srgb,var(--sand-accent) 55%,white);outline-offset:3px}._sand-choice-row_viqgz_7:hover ._sand-choice-control_viqgz_22{border-color:var(--sand-accent)}._sand-checkbox_viqgz_41{border-radius:.35rem}._sand-checkbox_viqgz_41:after{content:"";position:absolute;inset:.12rem;border-radius:.2rem;background:var(--sand-accent);transform:scale(0);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-checkbox_viqgz_41:after{transform:scale(1)}._sand-checkbox-icon_viqgz_59{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;z-index:1;opacity:0;transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-checkbox_viqgz_41 ._sand-checkbox-icon_viqgz_59{opacity:1}._sand-radio_viqgz_76{border-radius:999px}._sand-radio_viqgz_76:after{content:"";position:absolute;inset:.22rem;border-radius:999px;background:var(--sand-accent);transform:scale(0);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-radio_viqgz_76:after{transform:scale(1)}._sand-switch_viqgz_94{width:2.7rem;height:1.55rem;border-radius:999px;background:var(--theme-surface-variant)}._sand-switch_viqgz_94:after{content:"";position:absolute;top:.12rem;left:.14rem;width:1rem;height:1rem;border-radius:999px;background:var(--sand-secondary-light);box-shadow:var(--shadow-sm);transition:var(--transition)}._sand-choice-input_viqgz_16:checked+._sand-switch_viqgz_94{background:var(--sand-accent);border-color:var(--sand-accent)}._sand-choice-input_viqgz_16:checked+._sand-switch_viqgz_94:after{transform:translate(1.05rem)}._sand-choice-content_viqgz_123{display:flex;flex-direction:column;gap:.1rem}._sand-choice-label_viqgz_129{font-weight:700;font-size:.92rem}._sand-choice-description_viqgz_134{color:var(--theme-text-muted);font-size:.8rem;line-height:1.45}@media(max-width:640px){._sand-choice-row_viqgz_7{width:100%;align-items:flex-start}}._wrapper_1142m_1{overflow:auto;border:1px solid var(--theme-border);border-radius:var(--radius-lg);background:var(--theme-surface);box-shadow:var(--shadow-sm)}._table_1142m_9{width:100%;border-collapse:collapse;min-width:640px}._table_1142m_9 th,._table_1142m_9 td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--theme-border)}._table_1142m_9 th{background:var(--theme-surface-variant);color:var(--theme-text);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}._table_1142m_9 td{font-size:.9375rem;color:var(--theme-text-muted)}._stickyHeader_1142m_36 thead th{position:sticky;top:0;z-index:1}._striped_1142m_42 tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] ._striped_1142m_42 tbody tr:nth-child(2n){background:#ffffff05}._hoverable_1142m_50 tbody tr{transition:background-color var(--transition)}._hoverable_1142m_50 tbody tr:hover{background:var(--sand-accent-soft)}._root_yi163_1{display:grid;gap:var(--sand-space-4)}._list_yi163_6{position:relative;display:inline-flex;padding:4px;background:var(--theme-surface-variant);border:1px solid var(--theme-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:12rem;max-width:100%}._trigger_yi163_18{position:relative;flex:1 1 0%;min-width:5rem;padding:.625rem 1rem;border:0;border-radius:calc(var(--radius-lg) - 4px);background:transparent;color:var(--theme-text-muted);font-weight:600;font-size:.875rem;cursor:pointer;z-index:1;transition:all var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trigger_yi163_18:hover,._active_yi163_41{color:var(--theme-text)}._indicator_yi163_45{position:absolute;top:4px;bottom:4px;left:var(--sand-tabs-left, 4px);width:var(--sand-tabs-width, 4rem);border-radius:calc(var(--radius-lg) - 4px);background:var(--theme-surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--theme-border);transition:left var(--transition),width var(--transition)}._panel_yi163_57{padding:var(--sand-space-5);background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}[data-theme=dark] ._indicator_yi163_45{background:var(--theme-surface-strong)}._title_huapx_1{margin:0;color:var(--theme-text);letter-spacing:-.04em;line-height:1.05}._text_huapx_8{margin:0;color:var(--theme-text-muted);line-height:1.65}._code_huapx_14{margin:0;padding:.15rem .4rem;border:1px solid var(--theme-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--theme-surface) 84%,transparent);color:var(--theme-text);font-family:var(--font-mono);font-size:.92em}._gradient_huapx_25{background:var(--sand-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._muted_huapx_31{color:var(--theme-text-subtle)}._trigger_ehjfy_1{display:inline-flex}._content_ehjfy_5{position:fixed;z-index:1000;max-width:18rem;padding:.5rem .875rem;background:var(--theme-surface-strong);color:var(--theme-text);border:1px solid var(--theme-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.8125rem;font-weight:500;line-height:1.4;pointer-events:none;-webkit-backdrop-filter:var(--sand-glass);backdrop-filter:var(--sand-glass);animation:_sand-tooltip-in_ehjfy_1 .2s ease-out}@keyframes _sand-tooltip-in_ehjfy_1{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}
|
package/package.json
CHANGED
|
@@ -1,14 +1,32 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sandurtech/sandui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"description": "A high-performance, accessible React component library built with TypeScript and SCSS.",
|
|
4
5
|
"type": "module",
|
|
6
|
+
"author": "SandurTech",
|
|
7
|
+
"license": "MIT",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://github.com/sandurtech/sandui.git"
|
|
11
|
+
},
|
|
12
|
+
"keywords": [
|
|
13
|
+
"react",
|
|
14
|
+
"ui",
|
|
15
|
+
"components",
|
|
16
|
+
"library",
|
|
17
|
+
"typescript",
|
|
18
|
+
"accessibility",
|
|
19
|
+
"design-system",
|
|
20
|
+
"sandui"
|
|
21
|
+
],
|
|
5
22
|
"scripts": {
|
|
6
23
|
"dev": "vite",
|
|
7
24
|
"build": "vite build",
|
|
25
|
+
"build:docs": "vite build --mode docs",
|
|
8
26
|
"lint": "eslint .",
|
|
9
27
|
"test": "vitest run",
|
|
10
28
|
"test:watch": "vitest",
|
|
11
|
-
"preview": "vite preview"
|
|
29
|
+
"preview": "vite preview --mode docs"
|
|
12
30
|
},
|
|
13
31
|
"files": [
|
|
14
32
|
"dist"
|
|
@@ -34,6 +52,8 @@
|
|
|
34
52
|
},
|
|
35
53
|
"devDependencies": {
|
|
36
54
|
"@eslint/js": "^9.39.1",
|
|
55
|
+
"@tanstack/react-query": "^5.90.21",
|
|
56
|
+
"@tanstack/react-router": "^1.166.7",
|
|
37
57
|
"@testing-library/jest-dom": "^6.9.1",
|
|
38
58
|
"@testing-library/react": "^16.3.2",
|
|
39
59
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -52,6 +72,5 @@
|
|
|
52
72
|
"vite": "^7.3.1",
|
|
53
73
|
"vite-plugin-dts": "^4.5.4",
|
|
54
74
|
"vitest": "^4.0.18"
|
|
55
|
-
}
|
|
56
|
-
"dependencies": {}
|
|
75
|
+
}
|
|
57
76
|
}
|