neatkit 0.16.2 → 0.16.4
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 +4 -2
- package/dist/Boundary.cjs +1 -1
- package/dist/Boundary.js +1 -1
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +1 -1
- package/dist/TextArea.cjs +1 -1
- package/dist/TextArea.js +7 -7
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/style.css +1 -1
- package/dist/tokens.d.ts +8 -1
- package/dist/units-CUnzOlBy.cjs +1 -0
- package/dist/{units-CMj64udI.js → units-nWP5zzIH.js} +7 -2
- package/package.json +1 -1
- package/dist/units-BUvyiHxw.cjs +0 -1
package/README.md
CHANGED
|
@@ -12,8 +12,10 @@
|
|
|
12
12
|
An opinionated React UI library for modern web applications, combining
|
|
13
13
|
accessible components, a cohesive design system, light and dark themes, accent
|
|
14
14
|
customization, design tokens, SSR support, strong TypeScript support, and
|
|
15
|
-
comprehensive documentation.
|
|
16
|
-
|
|
15
|
+
comprehensive documentation.
|
|
16
|
+
|
|
17
|
+
To browse the component library and its documentation, click
|
|
18
|
+
[here](https://neatkit.org).
|
|
17
19
|
|
|
18
20
|
### Contributing
|
|
19
21
|
|
package/dist/Boundary.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),W=require("./effects-D98vUn6N.cjs"),v=require("./units-
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),W=require("./effects-D98vUn6N.cjs"),v=require("./units-CUnzOlBy.cjs"),I=[{minWidth:v.breakpoint("extra-large"),marginPercent:32,preferredWidth:1200},{minWidth:v.breakpoint("large"),marginPercent:20,preferredWidth:1100},{minWidth:v.breakpoint("medium"),marginPercent:14,preferredWidth:v.breakpoint("medium")},{minWidth:v.breakpoint("small"),marginPercent:8,preferredWidth:650}],F=16;function L(e){for(const n of I)if(e>=n.minWidth)return n}function O(e,n){if(!Number.isFinite(e)||!Number.isFinite(n)||e<v.breakpoint("small")||n<=0)return;const t=L(e);if(!t)return;const r=e*t.marginPercent/100,o=e-r*2,l=Math.min(t.preferredWidth,e-F),u=Math.max(o,l);let a=Math.floor(u/n);if(a%2===0&&(a-=1),!(a<3))return Math.min((a-1)*n,e)}function V(e,n){if(typeof e=="function"){e(n);return}e&&(e.current=n)}function _(){const e=new Set;let n;return{publish(t){n!==t&&(n=t,e.forEach(r=>r()))},read(){return n},subscribe(t){return e.add(t),()=>{e.delete(t)}}}}function T(e){if(e.clientWidth===0)return;const n=window.getComputedStyle(e),t=(Number.parseFloat(n.paddingLeft)||0)+(Number.parseFloat(n.paddingRight)||0);return Math.max(e.clientWidth-t,0)}function z(e){const t=window.getComputedStyle(e).getPropertyValue("--nk-cell").trim().match(/^([+]?(?:\d+\.?\d*|\.\d+))px$/i);if(!t)return;const r=Number.parseFloat(t[1]);return Number.isFinite(r)&&r>0?r:void 0}function A(e,n){const t=c.useRef(null),r=c.useRef(null),o=c.useRef(void 0),l=c.useRef(null),[u,a]=c.useState(void 0),[y,p]=c.useState(null);l.current||(l.current=_());const h=l.current,m=c.useCallback(i=>{const s=T(i);if(h.publish(s),!n||s===void 0){if(o.current===void 0)return;o.current=void 0,a(void 0);return}const g=z(i),b=g===void 0?void 0:O(s,g);o.current!==b&&(o.current=b,a(b))},[h,n]),d=c.useCallback(i=>{var g;if((g=r.current)==null||g.disconnect(),r.current=null,typeof ResizeObserver>"u")return;const s=new ResizeObserver(()=>m(i));s.observe(i),r.current=s},[m]),f=c.useCallback(i=>{var s;(s=r.current)==null||s.disconnect(),r.current=null,t.current=i,p(i),V(e,i),!(!i||typeof window>"u")&&(m(i),d(i))},[d,e,m]);return W.useIsomorphicLayoutEffect(()=>{t.current&&m(t.current)}),c.useEffect(()=>(t.current&&d(t.current),()=>{var i;(i=r.current)==null||i.disconnect(),r.current=null}),[d]),{contentWidth:u,rootElement:y,rootReference:f,width:h}}const q=1,w=new WeakMap;function S(e,n){const t=n.painters[n.painters.length-1],r=t?t():n.original,{style:o}=e;o.backgroundColor!==r.backgroundColor&&(o.backgroundColor=r.backgroundColor),o.colorScheme!==r.colorScheme&&(o.colorScheme=r.colorScheme)}function x(e,n){let t=w.get(e);if(!t){const{style:r}=e.documentElement;t={original:{backgroundColor:r.backgroundColor,colorScheme:r.colorScheme},painters:[]},w.set(e,t)}t.painters.push(n),S(e.documentElement,t)}function k(e,n){const t=w.get(e);if(!t)return;const r=t.painters.lastIndexOf(n);r!==-1&&t.painters.splice(r,1),S(e.documentElement,t),t.painters.length===0&&w.delete(e)}function C(e){const n=w.get(e);n&&S(e.documentElement,n)}function D(e){const{nested:n,rootElement:t,width:r}=e,o=c.useRef(!1);W.useIsomorphicLayoutEffect(()=>{if(!t)return;const l=t,{ownerDocument:u}=l;if(!u.defaultView)return;const a=u.defaultView;function y(){return l.clientWidth===0?!1:Math.abs(l.clientWidth-u.documentElement.clientWidth)<=q}function p(){const f=a.getComputedStyle(l);return{backgroundColor:f.backgroundColor,colorScheme:f.colorScheme}}function h(){const f=!n&&y();if(f===o.current){f&&C(u);return}f?x(u,p):k(u,p),o.current=f}h();const m=r.subscribe(h),d=typeof a.matchMedia=="function"?a.matchMedia("(prefers-color-scheme: dark)"):null;return d==null||d.addEventListener("change",h),()=>{m(),d==null||d.removeEventListener("change",h),o.current&&(k(u,p),o.current=!1)}},[n,t,r]),W.useIsomorphicLayoutEffect(()=>{!o.current||!t||C(t.ownerDocument)})}const j=c.forwardRef(function(n,t){const{as:r,children:o,className:l,style:u,theme:a="auto",accent:y,decoration:p="grid",width:h="narrow",height:m="content",spacing:d="standard",...f}=n,{contentWidth:i,rootElement:s,rootReference:g,width:b}=A(t,h==="narrow"),M=W.useBoundary();D({nested:M!==void 0,rootElement:s,width:b});const E=c.useMemo(()=>({boundaryElement:s,portalElement:s,width:b}),[s,b]),P=r??"div",R=y!==void 0?{...u,"--nk-accent":y}:u,B=i===void 0?void 0:{width:`${i}px`},N=c.createElement(P,{...f,ref:g,className:["nk-boundary",l].filter(Boolean).join(" "),"data-theme":a,"data-decoration":p,"data-width":h,"data-height":m,"data-spacing":d,style:R},c.createElement("div",{className:"nk-boundary__content",style:B},o));return c.createElement(W.BoundaryContext.Provider,{value:E},N)});exports.default=j;
|
package/dist/Boundary.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useRef as v, useState as M, useCallback as w, useEffect as O, forwardRef as z, useMemo as L, createElement as C } from "react";
|
|
3
3
|
import { a as S, u as T, B as _ } from "./effects-DGbA6Q2O.js";
|
|
4
|
-
import { b } from "./units-
|
|
4
|
+
import { b } from "./units-nWP5zzIH.js";
|
|
5
5
|
const x = [
|
|
6
6
|
{
|
|
7
7
|
minWidth: b("extra-large"),
|
package/dist/Sidebar.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("react"),R=require("./effects-D98vUn6N.cjs"),U=require("./reference-C2guRuR0.cjs"),T=require("./usePresence-Dm0mls5p.cjs"),z=require("./Button-CYFy6sTv.cjs"),G=require("./Text-DWYlIcPj.cjs"),ie=require("./useFocusTrap-CrMcAu8s.cjs"),oe=require("./useScrollLock-Dy8MZaSn.cjs"),le=require("./aria-DM-xYEHQ.cjs"),ce=require("./useFloatingPosition-DPVO2E8O.cjs"),de=require("./Avatar-Belo7qAY.cjs"),H=require("./Skeleton-CBS-MN5x.cjs"),ue=require("./Tooltip-B2rZmRCs.cjs"),fe=require("./units-BUvyiHxw.cjs");function be(s){const{label:n,onToggle:e,panelId:r,reference:b,side:d,sidebarOpen:l}=s;return o.jsx(z.Button,{ref:b,"aria-controls":r,"aria-expanded":l,"aria-haspopup":"dialog","aria-label":n,className:"nk-sidebar__fallback-trigger","data-side":d,icon:"burger",variant:"secondary",size:"large",onClick:e})}const q=new WeakMap;function W(s){const n=q.get(s);if(n)return n;const e={listeners:new Set,owner:null,state:void 0};return q.set(s,e),e}function pe(s,n,e){const r=W(s);return r.owner!==null&&r.owner!==n?!1:(r.owner=n,r.state=e,r.listeners.forEach(b=>b()),!0)}function he(s,n){const e=q.get(s);!e||e.owner!==n||(e.owner=null,e.state=void 0,e.listeners.forEach(r=>r()))}function ge(s){var n;return s?(n=q.get(s))==null?void 0:n.state:void 0}function me(s,n){if(!s)return()=>{};const e=W(s);return e.listeners.add(n),()=>{e.listeners.delete(n)}}const ve=()=>{};function F(s){const n=R.useBoundary(s).boundaryElement,e=t.useCallback(b=>me(n,b),[n]),r=t.useCallback(()=>ge(n),[n]);return t.useSyncExternalStore(e,r,ve)}function D(s,n){return s==="both"||s===(n==="overlay"?"overlay":"inline")}const ee=t.forwardRef(function(n,e){const{children:r,className:b,presentation:d="both",...l}=n,i=F("Sidebar.Footer");return D(d,i==null?void 0:i.presentation)?o.jsx("div",{...l,ref:e,className:["nk-sidebar__footer",b].filter(Boolean).join(" "),children:r}):null}),ye=t.forwardRef(function(n,e){const{"aria-label":r,"aria-labelledby":b,children:d,className:l,label:i,presentation:S="both",...p}=n,y=F("Sidebar.Group"),c=`${t.useId()}-label`,h=i!=null&&typeof i!="boolean"&&(typeof i!="string"||i.trim()!=="");if(!D(S,y==null?void 0:y.presentation))return null;const u=b??(r===void 0&&h?c:void 0),a=!!(r??u);return t.createElement(a?"nav":"div",{...p,ref:e,"aria-label":r,"aria-labelledby":u,className:["nk-sidebar__group",l].filter(Boolean).join(" ")},h?o.jsx(G.Text,{as:"h2",className:"nk-sidebar__group-label",id:c,size:"subtitle",weight:"medium",children:i}):null,o.jsx("ul",{className:"nk-sidebar__list",children:d}))}),Se=t.forwardRef(function(n,e){const{children:r,className:b,presentation:d="both",...l}=n,i=F("Sidebar.Header");return D(d,i==null?void 0:i.presentation)?o.jsx("div",{...l,ref:e,className:["nk-sidebar__header",b].filter(Boolean).join(" "),children:r}):null}),ke=t.forwardRef(function(n,e){const{active:r=!1,as:b,children:d,className:l,disabled:i=!1,icon:S,onClick:p,presentation:y="both",type:c,...h}=n,u=F("Sidebar.Item"),a=b??"button",f=a==="button",m=h,E=m.href!==void 0||m.to!==void 0;function v(k){if(i){k.preventDefault();return}p==null||p(k),u!=null&&u.open&&u.presentation==="overlay"&&!k.defaultPrevented&&u.requestOpenChange(!1,"item")}return D(y,u==null?void 0:u.presentation)?o.jsx("li",{className:"nk-sidebar__item-container",children:o.jsx(z.Button,{...h,ref:e,"aria-current":r?E?"page":"true":void 0,as:a,className:["nk-sidebar__item",l].filter(Boolean).join(" "),"data-active":r||void 0,disabled:i,fullWidth:!0,href:m.href,icon:S,onClick:v,shape:"rectangle",size:"small",textAlignment:"left",type:f?c??"button":c,variant:"ghost",children:o.jsx("span",{className:"nk-sidebar__item-label",children:d})})}):null}),xe=1;function Ee(s){return s==null?void 0:s.ResizeObserver}function _e(s){return s==null?void 0:s.MutationObserver}function Ce(){const[s,n]=t.useState(!1),e=t.useRef(null),r=t.useCallback(l=>{const i=l.scrollHeight-l.scrollTop-l.clientHeight;n(i>xe)},[]),b=t.useCallback(l=>{var m;if((m=e.current)==null||m.call(e),e.current=null,!l)return;const i=l;r(i);function S(){r(i)}const p=i.ownerDocument.defaultView;p==null||p.addEventListener("resize",S);const y=Ee(p),c=y?new y(S):void 0;function h(){c==null||c.disconnect(),c==null||c.observe(i);for(const E of i.children)c==null||c.observe(E)}h();function u(E){E.some(k=>k.type==="childList")&&h(),S()}const a=_e(p),f=a?new a(u):void 0;f==null||f.observe(i,{attributeFilter:["class","hidden","style"],characterData:!0,childList:!0,subtree:!0}),e.current=()=>{p==null||p.removeEventListener("resize",S),c==null||c.disconnect(),f==null||f.disconnect()}},[r]),d=t.useCallback(l=>{r(l.currentTarget)},[r]);return{containerReference:b,contentBelow:s,handleScroll:d}}function je(s,n){for(const e of t.Children.toArray(s)){if(t.isValidElement(e)&&e.type===t.Fragment){const r=ne(e.props.children);r.bodyChildren.length>0&&n.bodyChildren.push(t.cloneElement(e,void 0,...r.bodyChildren)),r.footerChildren.length>0&&n.footerChildren.push(t.cloneElement(e,void 0,...r.footerChildren));continue}t.isValidElement(e)&&e.type===ee?n.footerChildren.push(e):n.bodyChildren.push(e)}}function ne(s){const n={bodyChildren:[],footerChildren:[]};return je(s,n),n}function re(s){const{"aria-label":n,"aria-labelledby":e,children:r,className:b,height:d,open:l,panelId:i,panelReference:S,presentation:p,side:y,state:c,style:h,width:u,...a}=s,{containerReference:f,contentBelow:m,handleScroll:E}=Ce(),v=p==="overlay",{bodyChildren:k,footerChildren:I}=ne(r),B=n??(e===void 0?"Sidebar":void 0),P=v&&l;let j=h;return(u!==void 0||d!==void 0)&&(j={...h},d!==void 0&&(j["--nk-sidebar-height"]=d),u!==void 0&&(j["--nk-sidebar-width"]=u)),o.jsxs("aside",{...a,ref:S,"aria-hidden":v&&!l?!0:void 0,"aria-label":v&&!l?void 0:B,"aria-labelledby":v&&!l?void 0:e,"aria-modal":P?"true":void 0,className:["nk-sidebar",b].filter(Boolean).join(" "),"data-responsive":p==="pending"||void 0,"data-side":y,"data-state":c,"data-variant":v?"overlay":"inline",id:i,role:P?"dialog":void 0,style:j,tabIndex:v?-1:void 0,children:[o.jsx("div",{ref:f,className:"nk-sidebar__body","data-content-below":m||void 0,onScroll:E,children:k}),I]})}function Ne(s){const{boundaries:n,initialFocusReference:e,lockScroll:r,ownerDocument:b,panelReference:d,presenceState:l,restoreFocus:i,sidebar:S,side:p,...y}=s,{id:c,open:h,requestOpenChange:u}=S,a=t.useContext(T.FocusScopeContext),f=t.useRef(null),[m,E]=t.useState(null),v=R.useBoundary("Sidebar").boundaryElement,k=T.useOverlayLayer(!0,v),I=t.useCallback(L=>{f.current=L,d(L),E(L)},[d]);R.useIsomorphicLayoutEffect(()=>{m&&(m.inert=!h)},[h,m]);const B=t.useCallback(()=>{u(!1,"escape")},[u]),P=t.useCallback(()=>{u(!1,"outside")},[u]);T.useDismissableLayer({boundary:v,active:h,boundaries:n,dismissOnEscape:!0,dismissOnPointerDownOutside:!0,layerId:k.id,onEscapeDismiss:B,onPointerDownOutsideDismiss:P,ownerDocument:b});const j=ie.useFocusTrap({boundary:v,active:h,container:m,initialFocusReference:e??f,layerId:k.id,restoreFocus:i});return oe.useScrollLock(r&&h,b,v),o.jsx(T.FocusScopeContext.Provider,{value:h?j:a,children:o.jsx("div",{className:"nk-sidebar__overlay","data-side":p,"data-state":l,role:"presentation",style:{zIndex:k.zIndex},children:o.jsx(re,{...y,open:h,panelId:c,panelReference:I,presentation:"overlay",side:p,state:l})})})}function Re(s){const{children:n}=s;if(n.type===t.Fragment)throw new Error("Sidebar.Trigger requires a single non-Fragment child");const e=F("Sidebar.Trigger"),r=n.props,b=U.getElementReference(n),d=e==null?void 0:e.registerTrigger,l=e==null?void 0:e.unregisterTrigger,i=t.useRef(null),S=t.useCallback(f=>{const m=i.current;m&&m!==f&&(l==null||l(m)),i.current=f,f&&(d==null||d(f)),U.assignElementReference(b,f)},[b,d,l]),p=t.useCallback(f=>{f.defaultPrevented||!e||e.requestOpenChange(!e.open,"trigger")},[e]);if(!e)return null;const{id:y,open:c,presentation:h,variant:u}=e,a=c&&h==="overlay";return t.cloneElement(n,ce.resolveTriggerOverrides(r,{"aria-controls":a?le.mergeIdentifiers(r["aria-controls"],y):r["aria-controls"],"aria-expanded":c,"aria-haspopup":r["aria-haspopup"]??"dialog",className:"nk-sidebar__trigger","data-sidebar-variant":u,onClick:p,ref:S}))}const Te=t.forwardRef(function(n,e){const{actions:r,className:b,description:d,image:l,loading:i=!1,name:S,onClick:p,...y}=n,c=d!=null&&typeof d!="boolean";if(i)return o.jsx("div",{...y,ref:e,className:["nk-sidebar__user",b].filter(Boolean).join(" "),children:o.jsxs("div",{"aria-label":"Loading user",className:"nk-sidebar__user-details",role:"status",children:[o.jsx(H.Skeleton,{className:"nk-sidebar__user-avatar",height:"var(--nk-space-32)",shape:"ellipse",width:"var(--nk-space-32)"}),o.jsxs("div",{className:"nk-sidebar__user-text",style:{gap:"var(--nk-space-8)"},children:[o.jsx(H.Skeleton,{height:"var(--nk-space-16)",width:"70%"}),c?o.jsx(H.Skeleton,{height:"var(--nk-space-12)",width:"50%"}):null]})]})});const h=o.jsxs(o.Fragment,{children:[o.jsx(de.Avatar,{alt:S,"aria-hidden":!0,className:"nk-sidebar__user-avatar",image:l}),o.jsxs("span",{className:"nk-sidebar__user-text",children:[o.jsx(G.Text,{as:"span",className:"nk-sidebar__user-name",children:S}),c?o.jsx(G.Text,{as:"span",className:"nk-sidebar__user-description",size:"caption",tone:"muted",children:d}):null]})]});return o.jsxs("div",{...y,ref:e,className:["nk-sidebar__user",b].filter(Boolean).join(" "),children:[p?o.jsx("button",{className:"nk-sidebar__user-details",onClick:p,type:"button",children:h}):o.jsx("div",{className:"nk-sidebar__user-details",children:h}),r!=null&&r.length?o.jsx("div",{className:"nk-sidebar__user-actions",children:r.map(({"aria-label":u,icon:a,label:f,...m})=>o.jsx(ue.Tooltip2,{content:f,children:o.jsx(z.Button,{...m,"aria-label":u??f,className:"nk-sidebar__user-action",icon:a,shape:"rectangle",type:"button",variant:"ghost"})},f))}):null]})}),Pe=()=>()=>{},Z=()=>{};function Ie(s,n){const e=s==="responsive"?n:void 0,r=t.useSyncExternalStore((e==null?void 0:e.subscribe)??Pe,(e==null?void 0:e.read)??Z,Z);return s!=="responsive"?s:r===void 0?"pending":r>=fe.breakpoint("medium")?"inline":"overlay"}const Be=32,Le=t.forwardRef(function(n,e){var X;const{defaultOpen:r=!1,height:b,initialFocusReference:d,lockScroll:l=!0,onOpenChange:i,open:S,restoreFocus:p=!0,side:y="left",variant:c="responsive",width:h,...u}=n,a=R.useBoundary("Sidebar"),f=`${t.useId()}-sidebar`,m=t.useRef(Symbol("nk-sidebar")).current,E=t.useRef(null),v=Ie(c,a==null?void 0:a.width),k=S!==void 0,[I,B]=t.useState(r),[P,j]=t.useState(0),[L,te]=t.useState(!1),V=t.useRef(null),N=k?S:I,w=t.useRef(i);R.useIsomorphicLayoutEffect(()=>{w.current=i});const O=t.useCallback((g,x)=>{var _;N!==g&&(k||B(g),(_=w.current)==null||_.call(w,g,x))},[k,N]),$=t.useCallback(g=>{E.current=g,U.assignElementReference(e,g)},[e]),C=t.useMemo(()=>[E],[]),K=t.useCallback(g=>{C.push({current:g}),j(x=>x+1)},[C]),Y=t.useCallback(g=>{const x=C.findIndex(_=>_.current===g);x>0&&C.splice(x,1),j(_=>Math.max(_-1,0))},[C]),se=t.useCallback(g=>{const x=V.current;if(x&&x!==g){const _=C.findIndex(ae=>ae.current===x);_>0&&C.splice(_,1)}V.current=g,g&&C.push({current:g})},[C]),A=t.useMemo(()=>({id:f,open:N,presentation:v,registerTrigger:K,requestOpenChange:O,unregisterTrigger:Y,variant:c}),[N,f,v,K,O,Y,c]);R.useIsomorphicLayoutEffect(()=>{const g=a==null?void 0:a.boundaryElement;if(!g)return;if(pe(g,m,A)===!1)throw new Error("A Boundary supports one Sidebar. Neatkit resolves Trigger, Group, and Item interactions against the single Sidebar published to the nearest Boundary, so give each Sidebar a Boundary of its own.")},[a==null?void 0:a.boundaryElement,m,A]),R.useIsomorphicLayoutEffect(()=>{const g=a==null?void 0:a.boundaryElement;if(g)return()=>he(g,m)},[a==null?void 0:a.boundaryElement,m]),t.useEffect(()=>{v==="inline"&&O(!1,"variant")},[v,O]),t.useEffect(()=>{var _;const g=(_=a==null?void 0:a.boundaryElement)==null?void 0:_.ownerDocument.defaultView;if(!g)return;const x=g.setTimeout(()=>te(!0),Be);return()=>g.clearTimeout(x)},[a==null?void 0:a.boundaryElement]);const M=T.usePresence(N&&v==="overlay"),J=((X=a==null?void 0:a.boundaryElement)==null?void 0:X.ownerDocument)??(typeof document>"u"?null:document);if(v!=="overlay")return o.jsx(re,{...u,height:b,open:!1,panelId:f,panelReference:$,presentation:v,side:y,width:h});const Q=L&&P===0?o.jsx(T.Portal,{children:o.jsx(be,{label:`Open ${u["aria-label"]??"Sidebar"}`,onToggle:()=>O(!N,"trigger"),panelId:M.present?f:void 0,reference:se,side:y,sidebarOpen:N})}):null;return!M.present||!J?Q:o.jsxs(o.Fragment,{children:[Q,o.jsx(T.Portal,{children:o.jsx(Ne,{...u,boundaries:C,initialFocusReference:d,lockScroll:l,ownerDocument:J,panelReference:$,presenceState:M.state==="closing"?"closing":"open",restoreFocus:p,side:y,sidebar:A,width:h})})]})}),Oe=Object.assign(Le,{Footer:ee,Group:ye,Header:Se,Item:ke,Trigger:Re,User:Te});exports.default=Oe;
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("react"),R=require("./effects-D98vUn6N.cjs"),U=require("./reference-C2guRuR0.cjs"),T=require("./usePresence-Dm0mls5p.cjs"),z=require("./Button-CYFy6sTv.cjs"),G=require("./Text-DWYlIcPj.cjs"),ie=require("./useFocusTrap-CrMcAu8s.cjs"),oe=require("./useScrollLock-Dy8MZaSn.cjs"),le=require("./aria-DM-xYEHQ.cjs"),ce=require("./useFloatingPosition-DPVO2E8O.cjs"),de=require("./Avatar-Belo7qAY.cjs"),H=require("./Skeleton-CBS-MN5x.cjs"),ue=require("./Tooltip-B2rZmRCs.cjs"),fe=require("./units-CUnzOlBy.cjs");function be(s){const{label:n,onToggle:e,panelId:r,reference:b,side:d,sidebarOpen:l}=s;return o.jsx(z.Button,{ref:b,"aria-controls":r,"aria-expanded":l,"aria-haspopup":"dialog","aria-label":n,className:"nk-sidebar__fallback-trigger","data-side":d,icon:"burger",variant:"secondary",size:"large",onClick:e})}const q=new WeakMap;function W(s){const n=q.get(s);if(n)return n;const e={listeners:new Set,owner:null,state:void 0};return q.set(s,e),e}function pe(s,n,e){const r=W(s);return r.owner!==null&&r.owner!==n?!1:(r.owner=n,r.state=e,r.listeners.forEach(b=>b()),!0)}function he(s,n){const e=q.get(s);!e||e.owner!==n||(e.owner=null,e.state=void 0,e.listeners.forEach(r=>r()))}function ge(s){var n;return s?(n=q.get(s))==null?void 0:n.state:void 0}function me(s,n){if(!s)return()=>{};const e=W(s);return e.listeners.add(n),()=>{e.listeners.delete(n)}}const ve=()=>{};function F(s){const n=R.useBoundary(s).boundaryElement,e=t.useCallback(b=>me(n,b),[n]),r=t.useCallback(()=>ge(n),[n]);return t.useSyncExternalStore(e,r,ve)}function D(s,n){return s==="both"||s===(n==="overlay"?"overlay":"inline")}const ee=t.forwardRef(function(n,e){const{children:r,className:b,presentation:d="both",...l}=n,i=F("Sidebar.Footer");return D(d,i==null?void 0:i.presentation)?o.jsx("div",{...l,ref:e,className:["nk-sidebar__footer",b].filter(Boolean).join(" "),children:r}):null}),ye=t.forwardRef(function(n,e){const{"aria-label":r,"aria-labelledby":b,children:d,className:l,label:i,presentation:S="both",...p}=n,y=F("Sidebar.Group"),c=`${t.useId()}-label`,h=i!=null&&typeof i!="boolean"&&(typeof i!="string"||i.trim()!=="");if(!D(S,y==null?void 0:y.presentation))return null;const u=b??(r===void 0&&h?c:void 0),a=!!(r??u);return t.createElement(a?"nav":"div",{...p,ref:e,"aria-label":r,"aria-labelledby":u,className:["nk-sidebar__group",l].filter(Boolean).join(" ")},h?o.jsx(G.Text,{as:"h2",className:"nk-sidebar__group-label",id:c,size:"subtitle",weight:"medium",children:i}):null,o.jsx("ul",{className:"nk-sidebar__list",children:d}))}),Se=t.forwardRef(function(n,e){const{children:r,className:b,presentation:d="both",...l}=n,i=F("Sidebar.Header");return D(d,i==null?void 0:i.presentation)?o.jsx("div",{...l,ref:e,className:["nk-sidebar__header",b].filter(Boolean).join(" "),children:r}):null}),ke=t.forwardRef(function(n,e){const{active:r=!1,as:b,children:d,className:l,disabled:i=!1,icon:S,onClick:p,presentation:y="both",type:c,...h}=n,u=F("Sidebar.Item"),a=b??"button",f=a==="button",m=h,E=m.href!==void 0||m.to!==void 0;function v(k){if(i){k.preventDefault();return}p==null||p(k),u!=null&&u.open&&u.presentation==="overlay"&&!k.defaultPrevented&&u.requestOpenChange(!1,"item")}return D(y,u==null?void 0:u.presentation)?o.jsx("li",{className:"nk-sidebar__item-container",children:o.jsx(z.Button,{...h,ref:e,"aria-current":r?E?"page":"true":void 0,as:a,className:["nk-sidebar__item",l].filter(Boolean).join(" "),"data-active":r||void 0,disabled:i,fullWidth:!0,href:m.href,icon:S,onClick:v,shape:"rectangle",size:"small",textAlignment:"left",type:f?c??"button":c,variant:"ghost",children:o.jsx("span",{className:"nk-sidebar__item-label",children:d})})}):null}),xe=1;function Ee(s){return s==null?void 0:s.ResizeObserver}function _e(s){return s==null?void 0:s.MutationObserver}function Ce(){const[s,n]=t.useState(!1),e=t.useRef(null),r=t.useCallback(l=>{const i=l.scrollHeight-l.scrollTop-l.clientHeight;n(i>xe)},[]),b=t.useCallback(l=>{var m;if((m=e.current)==null||m.call(e),e.current=null,!l)return;const i=l;r(i);function S(){r(i)}const p=i.ownerDocument.defaultView;p==null||p.addEventListener("resize",S);const y=Ee(p),c=y?new y(S):void 0;function h(){c==null||c.disconnect(),c==null||c.observe(i);for(const E of i.children)c==null||c.observe(E)}h();function u(E){E.some(k=>k.type==="childList")&&h(),S()}const a=_e(p),f=a?new a(u):void 0;f==null||f.observe(i,{attributeFilter:["class","hidden","style"],characterData:!0,childList:!0,subtree:!0}),e.current=()=>{p==null||p.removeEventListener("resize",S),c==null||c.disconnect(),f==null||f.disconnect()}},[r]),d=t.useCallback(l=>{r(l.currentTarget)},[r]);return{containerReference:b,contentBelow:s,handleScroll:d}}function je(s,n){for(const e of t.Children.toArray(s)){if(t.isValidElement(e)&&e.type===t.Fragment){const r=ne(e.props.children);r.bodyChildren.length>0&&n.bodyChildren.push(t.cloneElement(e,void 0,...r.bodyChildren)),r.footerChildren.length>0&&n.footerChildren.push(t.cloneElement(e,void 0,...r.footerChildren));continue}t.isValidElement(e)&&e.type===ee?n.footerChildren.push(e):n.bodyChildren.push(e)}}function ne(s){const n={bodyChildren:[],footerChildren:[]};return je(s,n),n}function re(s){const{"aria-label":n,"aria-labelledby":e,children:r,className:b,height:d,open:l,panelId:i,panelReference:S,presentation:p,side:y,state:c,style:h,width:u,...a}=s,{containerReference:f,contentBelow:m,handleScroll:E}=Ce(),v=p==="overlay",{bodyChildren:k,footerChildren:I}=ne(r),B=n??(e===void 0?"Sidebar":void 0),P=v&&l;let j=h;return(u!==void 0||d!==void 0)&&(j={...h},d!==void 0&&(j["--nk-sidebar-height"]=d),u!==void 0&&(j["--nk-sidebar-width"]=u)),o.jsxs("aside",{...a,ref:S,"aria-hidden":v&&!l?!0:void 0,"aria-label":v&&!l?void 0:B,"aria-labelledby":v&&!l?void 0:e,"aria-modal":P?"true":void 0,className:["nk-sidebar",b].filter(Boolean).join(" "),"data-responsive":p==="pending"||void 0,"data-side":y,"data-state":c,"data-variant":v?"overlay":"inline",id:i,role:P?"dialog":void 0,style:j,tabIndex:v?-1:void 0,children:[o.jsx("div",{ref:f,className:"nk-sidebar__body","data-content-below":m||void 0,onScroll:E,children:k}),I]})}function Ne(s){const{boundaries:n,initialFocusReference:e,lockScroll:r,ownerDocument:b,panelReference:d,presenceState:l,restoreFocus:i,sidebar:S,side:p,...y}=s,{id:c,open:h,requestOpenChange:u}=S,a=t.useContext(T.FocusScopeContext),f=t.useRef(null),[m,E]=t.useState(null),v=R.useBoundary("Sidebar").boundaryElement,k=T.useOverlayLayer(!0,v),I=t.useCallback(L=>{f.current=L,d(L),E(L)},[d]);R.useIsomorphicLayoutEffect(()=>{m&&(m.inert=!h)},[h,m]);const B=t.useCallback(()=>{u(!1,"escape")},[u]),P=t.useCallback(()=>{u(!1,"outside")},[u]);T.useDismissableLayer({boundary:v,active:h,boundaries:n,dismissOnEscape:!0,dismissOnPointerDownOutside:!0,layerId:k.id,onEscapeDismiss:B,onPointerDownOutsideDismiss:P,ownerDocument:b});const j=ie.useFocusTrap({boundary:v,active:h,container:m,initialFocusReference:e??f,layerId:k.id,restoreFocus:i});return oe.useScrollLock(r&&h,b,v),o.jsx(T.FocusScopeContext.Provider,{value:h?j:a,children:o.jsx("div",{className:"nk-sidebar__overlay","data-side":p,"data-state":l,role:"presentation",style:{zIndex:k.zIndex},children:o.jsx(re,{...y,open:h,panelId:c,panelReference:I,presentation:"overlay",side:p,state:l})})})}function Re(s){const{children:n}=s;if(n.type===t.Fragment)throw new Error("Sidebar.Trigger requires a single non-Fragment child");const e=F("Sidebar.Trigger"),r=n.props,b=U.getElementReference(n),d=e==null?void 0:e.registerTrigger,l=e==null?void 0:e.unregisterTrigger,i=t.useRef(null),S=t.useCallback(f=>{const m=i.current;m&&m!==f&&(l==null||l(m)),i.current=f,f&&(d==null||d(f)),U.assignElementReference(b,f)},[b,d,l]),p=t.useCallback(f=>{f.defaultPrevented||!e||e.requestOpenChange(!e.open,"trigger")},[e]);if(!e)return null;const{id:y,open:c,presentation:h,variant:u}=e,a=c&&h==="overlay";return t.cloneElement(n,ce.resolveTriggerOverrides(r,{"aria-controls":a?le.mergeIdentifiers(r["aria-controls"],y):r["aria-controls"],"aria-expanded":c,"aria-haspopup":r["aria-haspopup"]??"dialog",className:"nk-sidebar__trigger","data-sidebar-variant":u,onClick:p,ref:S}))}const Te=t.forwardRef(function(n,e){const{actions:r,className:b,description:d,image:l,loading:i=!1,name:S,onClick:p,...y}=n,c=d!=null&&typeof d!="boolean";if(i)return o.jsx("div",{...y,ref:e,className:["nk-sidebar__user",b].filter(Boolean).join(" "),children:o.jsxs("div",{"aria-label":"Loading user",className:"nk-sidebar__user-details",role:"status",children:[o.jsx(H.Skeleton,{className:"nk-sidebar__user-avatar",height:"var(--nk-space-32)",shape:"ellipse",width:"var(--nk-space-32)"}),o.jsxs("div",{className:"nk-sidebar__user-text",style:{gap:"var(--nk-space-8)"},children:[o.jsx(H.Skeleton,{height:"var(--nk-space-16)",width:"70%"}),c?o.jsx(H.Skeleton,{height:"var(--nk-space-12)",width:"50%"}):null]})]})});const h=o.jsxs(o.Fragment,{children:[o.jsx(de.Avatar,{alt:S,"aria-hidden":!0,className:"nk-sidebar__user-avatar",image:l}),o.jsxs("span",{className:"nk-sidebar__user-text",children:[o.jsx(G.Text,{as:"span",className:"nk-sidebar__user-name",children:S}),c?o.jsx(G.Text,{as:"span",className:"nk-sidebar__user-description",size:"caption",tone:"muted",children:d}):null]})]});return o.jsxs("div",{...y,ref:e,className:["nk-sidebar__user",b].filter(Boolean).join(" "),children:[p?o.jsx("button",{className:"nk-sidebar__user-details",onClick:p,type:"button",children:h}):o.jsx("div",{className:"nk-sidebar__user-details",children:h}),r!=null&&r.length?o.jsx("div",{className:"nk-sidebar__user-actions",children:r.map(({"aria-label":u,icon:a,label:f,...m})=>o.jsx(ue.Tooltip2,{content:f,children:o.jsx(z.Button,{...m,"aria-label":u??f,className:"nk-sidebar__user-action",icon:a,shape:"rectangle",type:"button",variant:"ghost"})},f))}):null]})}),Pe=()=>()=>{},Z=()=>{};function Ie(s,n){const e=s==="responsive"?n:void 0,r=t.useSyncExternalStore((e==null?void 0:e.subscribe)??Pe,(e==null?void 0:e.read)??Z,Z);return s!=="responsive"?s:r===void 0?"pending":r>=fe.breakpoint("medium")?"inline":"overlay"}const Be=32,Le=t.forwardRef(function(n,e){var X;const{defaultOpen:r=!1,height:b,initialFocusReference:d,lockScroll:l=!0,onOpenChange:i,open:S,restoreFocus:p=!0,side:y="left",variant:c="responsive",width:h,...u}=n,a=R.useBoundary("Sidebar"),f=`${t.useId()}-sidebar`,m=t.useRef(Symbol("nk-sidebar")).current,E=t.useRef(null),v=Ie(c,a==null?void 0:a.width),k=S!==void 0,[I,B]=t.useState(r),[P,j]=t.useState(0),[L,te]=t.useState(!1),V=t.useRef(null),N=k?S:I,w=t.useRef(i);R.useIsomorphicLayoutEffect(()=>{w.current=i});const O=t.useCallback((g,x)=>{var _;N!==g&&(k||B(g),(_=w.current)==null||_.call(w,g,x))},[k,N]),$=t.useCallback(g=>{E.current=g,U.assignElementReference(e,g)},[e]),C=t.useMemo(()=>[E],[]),K=t.useCallback(g=>{C.push({current:g}),j(x=>x+1)},[C]),Y=t.useCallback(g=>{const x=C.findIndex(_=>_.current===g);x>0&&C.splice(x,1),j(_=>Math.max(_-1,0))},[C]),se=t.useCallback(g=>{const x=V.current;if(x&&x!==g){const _=C.findIndex(ae=>ae.current===x);_>0&&C.splice(_,1)}V.current=g,g&&C.push({current:g})},[C]),A=t.useMemo(()=>({id:f,open:N,presentation:v,registerTrigger:K,requestOpenChange:O,unregisterTrigger:Y,variant:c}),[N,f,v,K,O,Y,c]);R.useIsomorphicLayoutEffect(()=>{const g=a==null?void 0:a.boundaryElement;if(!g)return;if(pe(g,m,A)===!1)throw new Error("A Boundary supports one Sidebar. Neatkit resolves Trigger, Group, and Item interactions against the single Sidebar published to the nearest Boundary, so give each Sidebar a Boundary of its own.")},[a==null?void 0:a.boundaryElement,m,A]),R.useIsomorphicLayoutEffect(()=>{const g=a==null?void 0:a.boundaryElement;if(g)return()=>he(g,m)},[a==null?void 0:a.boundaryElement,m]),t.useEffect(()=>{v==="inline"&&O(!1,"variant")},[v,O]),t.useEffect(()=>{var _;const g=(_=a==null?void 0:a.boundaryElement)==null?void 0:_.ownerDocument.defaultView;if(!g)return;const x=g.setTimeout(()=>te(!0),Be);return()=>g.clearTimeout(x)},[a==null?void 0:a.boundaryElement]);const M=T.usePresence(N&&v==="overlay"),J=((X=a==null?void 0:a.boundaryElement)==null?void 0:X.ownerDocument)??(typeof document>"u"?null:document);if(v!=="overlay")return o.jsx(re,{...u,height:b,open:!1,panelId:f,panelReference:$,presentation:v,side:y,width:h});const Q=L&&P===0?o.jsx(T.Portal,{children:o.jsx(be,{label:`Open ${u["aria-label"]??"Sidebar"}`,onToggle:()=>O(!N,"trigger"),panelId:M.present?f:void 0,reference:se,side:y,sidebarOpen:N})}):null;return!M.present||!J?Q:o.jsxs(o.Fragment,{children:[Q,o.jsx(T.Portal,{children:o.jsx(Ne,{...u,boundaries:C,initialFocusReference:d,lockScroll:l,ownerDocument:J,panelReference:$,presenceState:M.state==="closing"?"closing":"open",restoreFocus:p,side:y,sidebar:A,width:h})})]})}),Oe=Object.assign(Le,{Footer:ee,Group:ye,Header:Se,Item:ke,Trigger:Re,User:Te});exports.default=Oe;
|
package/dist/Sidebar.js
CHANGED
|
@@ -13,7 +13,7 @@ import { r as Be } from "./useFloatingPosition-DktY7k-t.js";
|
|
|
13
13
|
import { A as Oe } from "./Avatar-DjDCFqNG.js";
|
|
14
14
|
import { S as z } from "./Skeleton-CEWiIR1S.js";
|
|
15
15
|
import { T as Re } from "./Tooltip-4RWCnb2Q.js";
|
|
16
|
-
import { b as Fe } from "./units-
|
|
16
|
+
import { b as Fe } from "./units-nWP5zzIH.js";
|
|
17
17
|
function xe(t) {
|
|
18
18
|
const { label: n, onToggle: e, panelId: r, reference: f, side: l, sidebarOpen: i } = t;
|
|
19
19
|
return /* @__PURE__ */ u(
|
package/dist/TextArea.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),b=require("react"),n=require("./aria-DM-xYEHQ.cjs");function s(e){return Number.isFinite(e)?Math.max(1,Math.floor(e)):1}const M=b.forwardRef(function(o,l){const{"aria-invalid":a,className:d,disabled:c=!1,invalid:t=!1,minRows:r,readOnly:u=!1,resize:v="vertical",rows:i,style:m,...f}=o,x=s(i??r??3),w=`calc(${s(r??i??3)*1.25}em + var(--nk-text-area-padding-block) * 2 + var(--nk-border-width) * 2)`,h={...m,"--nk-text-area-min-height":w};return R.jsx("textarea",{...f,ref:l,"aria-invalid":n.resolveAriaInvalid(t,a),className:["nk-text-area",d].filter(Boolean).join(" "),"data-invalid":t||n.hasInvalidState(a)||void 0,"data-resize":v,disabled:c,readOnly:u,rows:x,style:h})});exports.default=M;
|
package/dist/TextArea.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as p } from "react";
|
|
3
|
-
import { h as R, r as
|
|
3
|
+
import { h as R, r as k } from "./aria-Bv-xVREf.js";
|
|
4
4
|
function o(a) {
|
|
5
5
|
return Number.isFinite(a) ? Math.max(1, Math.floor(a)) : 1;
|
|
6
6
|
}
|
|
@@ -15,18 +15,18 @@ const g = p(
|
|
|
15
15
|
readOnly: m = !1,
|
|
16
16
|
resize: v = "vertical",
|
|
17
17
|
rows: i,
|
|
18
|
-
style:
|
|
19
|
-
...
|
|
20
|
-
} = s, x = o(i ?? t ?? 3), h = `calc(${o(t ?? i ?? 3) * 1.25}em + var(--nk-text-area-padding) * 2 + var(--nk-
|
|
21
|
-
...
|
|
18
|
+
style: c,
|
|
19
|
+
...f
|
|
20
|
+
} = s, x = o(i ?? t ?? 3), h = `calc(${o(t ?? i ?? 3) * 1.25}em + var(--nk-text-area-padding-block) * 2 + var(--nk-border-width) * 2)`, w = {
|
|
21
|
+
...c,
|
|
22
22
|
"--nk-text-area-min-height": h
|
|
23
23
|
};
|
|
24
24
|
return /* @__PURE__ */ u(
|
|
25
25
|
"textarea",
|
|
26
26
|
{
|
|
27
|
-
...
|
|
27
|
+
...f,
|
|
28
28
|
ref: n,
|
|
29
|
-
"aria-invalid":
|
|
29
|
+
"aria-invalid": k(r, e),
|
|
30
30
|
className: ["nk-text-area", l].filter(Boolean).join(" "),
|
|
31
31
|
"data-invalid": r || R(e) || void 0,
|
|
32
32
|
"data-resize": v,
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./units-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./units-CUnzOlBy.cjs");exports.breakpoint=e.breakpoint;exports.cell=e.cell;exports.px=e.px;exports.space=e.space;exports.tokens=e.tokens;
|
package/dist/index.js
CHANGED
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nk-surface{box-sizing:border-box;background:var(--nk-color-surface);color:var(--nk-color-text);border:1px solid var(--nk-color-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-surface[data-frame=none]{border:0;border-radius:0}.nk-alert{--nk-alert-indicator: var(--nk-accent);display:grid;grid-template-columns:var(--nk-space-4) minmax(0,1fr);align-items:center;gap:var(--nk-space-12);padding:var(--nk-space-12);line-height:1.4}.nk-alert__indicator{align-self:stretch;min-height:var(--nk-space-24);background:var(--nk-alert-indicator);border-radius:var(--nk-radius-large)}.nk-alert__content{min-width:0;overflow-wrap:anywhere}.nk-alert[data-tone=info]{--nk-alert-indicator: var(--nk-color-info-fill)}.nk-alert[data-tone=success]{--nk-alert-indicator: var(--nk-color-success-fill)}.nk-alert[data-tone=warning]{--nk-alert-indicator: var(--nk-color-warning-fill)}.nk-alert[data-tone=danger]{--nk-alert-indicator: var(--nk-color-danger-fill)}.nk-avatar{--nk-avatar-size: 32px;--nk-avatar-background-start: #94a3b8;--nk-avatar-background-end: #64748b;--nk-avatar-highlight: #cbd5e1;--nk-avatar-accent: #64748b;display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--nk-avatar-size);height:var(--nk-avatar-size);overflow:hidden;background:radial-gradient(circle at 24% 18%,var(--nk-avatar-highlight) 0 10%,transparent 46%),radial-gradient(circle at 82% 22%,var(--nk-avatar-accent) 0 12%,transparent 50%),linear-gradient(145deg,var(--nk-avatar-background-start),var(--nk-avatar-background-end));color:#fffffff5;border-radius:50%;box-shadow:#0f172a0f 0 0 0 1px inset;font-size:calc(var(--nk-avatar-size) * .4375);font-family:inherit;font-weight:var(--nk-font-weight-bold);line-height:1;text-shadow:0 1px 5px rgb(15 23 42 / 15%);-webkit-user-select:none;user-select:none}.nk-avatar[data-palette="1"]{--nk-avatar-background-start: #ec4899;--nk-avatar-background-end: #f97316;--nk-avatar-highlight: #f9a8d4;--nk-avatar-accent: #fdba74}.nk-avatar[data-palette="2"]{--nk-avatar-background-start: #3b82f6;--nk-avatar-background-end: #06b6d4;--nk-avatar-highlight: #93c5fd;--nk-avatar-accent: #67e8f9}.nk-avatar[data-palette="3"]{--nk-avatar-background-start: #22c55e;--nk-avatar-background-end: #14b8a6;--nk-avatar-highlight: #86efac;--nk-avatar-accent: #99f6e4}.nk-avatar[data-palette="4"]{--nk-avatar-background-start: #8b5cf6;--nk-avatar-background-end: #60a5fa;--nk-avatar-highlight: #c4b5fd;--nk-avatar-accent: #f0abfc}.nk-avatar[data-palette="5"]{--nk-avatar-background-start: #f97316;--nk-avatar-background-end: #fb7185;--nk-avatar-highlight: #fde68a;--nk-avatar-accent: #f9a8d4}.nk-avatar[data-palette="6"]{--nk-avatar-background-start: #0ea5e9;--nk-avatar-background-end: #818cf8;--nk-avatar-highlight: #7dd3fc;--nk-avatar-accent: #c4b5fd}.nk-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.nk-avatar__initial{position:relative;z-index:1}.nk-icon{flex-shrink:0;width:1em;height:1em}.nk-spinner{--nk-spinner-color: var(--nk-accent);--nk-spinner-size: 48px;display:inline-block;box-sizing:border-box;width:var(--nk-spinner-size);height:var(--nk-spinner-size);color:var(--nk-spinner-color);border:clamp(2px,calc(var(--nk-spinner-size) * .125),8px) solid var(--nk-color-border);border-top-color:currentColor;border-radius:50%;animation:nk-spinner-spin .8s linear infinite}@keyframes nk-spinner-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nk-spinner{animation-duration:1.6s}}.nk-button{--nk-button-background: transparent;--nk-button-border: transparent;--nk-button-border-width: 0;--nk-button-foreground: currentColor;--nk-button-glow: transparent;--nk-button-glow-radius: 112px;--nk-button-glow-x: 50%;--nk-button-glow-y: 50%;--nk-button-height: var(--nk-control-height);--nk-button-icon-only-size: var(--nk-button-height);--nk-button-min-height: var(--nk-button-height);--nk-button-space-inline: var(--nk-space-16);display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--nk-button-min-height);padding:0 var(--nk-button-space-inline);overflow:hidden;background:var(--nk-button-background);color:var(--nk-button-foreground);border:var(--nk-button-border-width) solid var(--nk-button-border);font-family:var(--nk-font-family-sans);font-weight:var(--nk-font-weight-medium);line-height:1.25;text-decoration:none;cursor:pointer;transition:opacity var(--nk-duration-fast) var(--nk-easing-standard),scale var(--nk-duration-fast) var(--nk-easing-standard)}.nk-button:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-button:active:not(:disabled):not([aria-disabled=true]){scale:.99}.nk-button:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--nk-button-glow);opacity:0;content:"";pointer-events:none;transition:opacity var(--nk-duration-normal) var(--nk-easing-standard)}.nk-button:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):before{opacity:1}.nk-button[data-size=small]{--nk-button-height: max( var(--nk-space-24), calc(var(--nk-control-height) * .75) );--nk-button-space-inline: var(--nk-space-8);font-size:var(--nk-font-size-caption)}.nk-button[data-size=medium]{--nk-button-height: var(--nk-control-height);--nk-button-space-inline: var(--nk-space-16);font-size:var(--nk-font-size-body)}.nk-button[data-size=large]{--nk-button-height: calc(var(--nk-control-height) * 1.25);--nk-button-space-inline: var(--nk-space-24);font-size:var(--nk-font-size-subtitle)}.nk-button[data-shape=rectangle]{border-radius:var(--nk-radius-medium)}.nk-button[data-shape=capsule]{padding:0 calc(var(--nk-button-space-inline) + var(--nk-space-4));border-radius:9999px}.nk-button[data-icon-only]{width:var(--nk-button-icon-only-size);min-width:var(--nk-button-icon-only-size);height:var(--nk-button-icon-only-size);min-height:var(--nk-button-icon-only-size);padding:0}.nk-button[data-icon-only][data-full-width]{width:100%}.nk-button[data-variant=primary]{--nk-button-background: var(--nk-color-emphasis-fill);--nk-button-foreground: var(--nk-color-emphasis-fill-foreground);font-weight:var(--nk-font-weight-semibold)}.nk-button[data-variant=secondary]{--nk-button-background: linear-gradient( 90deg, rgb(174 215 253 / 5%) 0%, rgb(207 217 254 / 5%) 25%, rgb(183 212 254 / 5%) 50%, rgb(222 198 251 / 5%) 80%, rgb(252 222 242 / 5%) 100% ), var(--nk-color-surface);--nk-button-border: var(--nk-color-border);--nk-button-border-width: 1px;--nk-button-foreground: var(--nk-color-text);--nk-button-glow: radial-gradient( var(--nk-button-glow-radius) circle at var(--nk-button-glow-x) var(--nk-button-glow-y), color-mix(in srgb, var(--nk-accent) 3.5%, transparent), color-mix(in srgb, var(--nk-accent) 1.5%, transparent) 40%, transparent 100% )}.nk-button[data-variant=ghost]{--nk-button-foreground: var(--nk-color-text)}.nk-button[data-variant=ghost]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){--nk-button-background: color-mix( in srgb, var(--nk-color-text) 6%, transparent )}.nk-button[data-tone=info]{--nk-button-tone-background: var(--nk-color-info-fill);--nk-button-tone-foreground: var(--nk-color-info-foreground);--nk-button-tone-on-background: var(--nk-color-info-fill-foreground)}.nk-button[data-tone=success]{--nk-button-tone-background: var(--nk-color-success-fill);--nk-button-tone-foreground: var(--nk-color-success-foreground);--nk-button-tone-on-background: var(--nk-color-success-fill-foreground)}.nk-button[data-tone=warning]{--nk-button-tone-background: var(--nk-color-warning-fill);--nk-button-tone-foreground: var(--nk-color-warning-foreground);--nk-button-tone-on-background: var(--nk-color-warning-fill-foreground)}.nk-button[data-tone=danger]{--nk-button-tone-background: var(--nk-color-danger-fill);--nk-button-tone-foreground: var(--nk-color-danger-foreground);--nk-button-tone-on-background: var(--nk-color-danger-fill-foreground)}.nk-button[data-variant=primary][data-tone]{--nk-button-background: var(--nk-button-tone-background);--nk-button-foreground: var(--nk-button-tone-on-background)}.nk-button[data-variant=secondary][data-tone]{--nk-button-background: color-mix( in srgb, var(--nk-button-tone-background) 5%, var(--nk-color-surface) );--nk-button-border: color-mix( in srgb, var(--nk-button-tone-foreground) 35%, transparent );--nk-button-foreground: var(--nk-button-tone-foreground);--nk-button-glow: radial-gradient( var(--nk-button-glow-radius) circle at var(--nk-button-glow-x) var(--nk-button-glow-y), color-mix(in srgb, var(--nk-button-tone-foreground) 3.5%, transparent), color-mix(in srgb, var(--nk-button-tone-foreground) 1.5%, transparent) 40%, transparent 100% )}.nk-button[data-variant=ghost][data-tone]{--nk-button-foreground: var(--nk-button-tone-foreground)}.nk-button[data-variant=ghost][data-tone]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){--nk-button-background: color-mix( in srgb, var(--nk-button-tone-foreground) 10%, transparent )}.nk-button[data-variant=primary]:not([data-tone]):is(:disabled,[aria-disabled=true]){--nk-button-background: linear-gradient( color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 20%, transparent ), color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 20%, transparent ) ), var(--nk-color-emphasis-fill);--nk-button-foreground: color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 80%, transparent )}.nk-button[data-variant=secondary]:is(:disabled,[aria-disabled=true]){--nk-button-background: linear-gradient(rgb(0 0 0 / 2.5%), rgb(0 0 0 / 2.5%)), var(--nk-color-surface);--nk-button-foreground: var(--nk-color-text-muted)}.nk-button[data-variant=primary][data-tone]:is(:disabled,[aria-disabled=true]){--nk-button-background: color-mix( in srgb, var(--nk-button-tone-background) 25%, var(--nk-color-surface) );--nk-button-foreground: var(--nk-color-text-muted)}.nk-button[data-variant=ghost]:is(:disabled,[aria-disabled=true]){--nk-button-foreground: var(--nk-color-text-muted)}.nk-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}.nk-button[data-full-width]{width:100%}.nk-button[aria-busy=true]{cursor:wait}.nk-button[aria-busy=true] .nk-button__content{opacity:0}.nk-button__content{display:flex;position:relative;z-index:1;align-items:center;gap:var(--nk-space-control-gap-inline);width:100%}.nk-button .nk-button__spinner{--nk-spinner-color: currentColor;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media(prefers-reduced-motion:reduce){.nk-button,.nk-button:before{transition-duration:0ms}.nk-button:active:not(:disabled):not([aria-disabled=true]){scale:1}}.nk-code{--nk-code-token-comment: #59636e;--nk-code-token-keyword: #cf222e;--nk-code-token-string: #0a3069;--nk-code-token-number: #0550ae;--nk-code-token-title: #8250df;--nk-code-token-type: #953800;--nk-code-token-name: #116329;--nk-code-token-addition-background: #dafbe1;--nk-code-token-deletion: #82071e;--nk-code-token-deletion-background: #ffebe9;overflow:hidden}.nk-boundary[data-theme=dark] .nk-code{--nk-code-token-comment: #8b949e;--nk-code-token-keyword: #ff7b72;--nk-code-token-string: #a5d6ff;--nk-code-token-number: #79c0ff;--nk-code-token-title: #d2a8ff;--nk-code-token-type: #ffa657;--nk-code-token-name: #7ee787;--nk-code-token-addition-background: rgb(46 160 67 / 15%);--nk-code-token-deletion: #ffa198;--nk-code-token-deletion-background: rgb(248 81 73 / 15%)}.nk-code__container{overflow-x:auto;scrollbar-color:color-mix(in srgb,var(--nk-color-text) 24%,transparent) transparent;scrollbar-width:thin}.nk-code__container:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(0px - var(--nk-focus-ring-width))}.nk-code__container::-webkit-scrollbar{height:var(--nk-space-8)}.nk-code__container::-webkit-scrollbar-track{background:transparent}.nk-code__container::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--nk-color-text) 24%,transparent);border-radius:var(--nk-radius-small)}.nk-code__pre{margin:0;padding-block:var(--nk-space-12);min-width:100%;width:max-content;background:var(--nk-color-surface);color:var(--nk-color-text);font:inherit}.nk-code__content{display:block;font-size:var(--nk-font-size-caption);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.6}.nk-code__content--plain{padding-left:var(--nk-space-12);padding-right:var(--nk-space-16);white-space:pre}.nk-code__line{display:grid;grid-template-columns:max-content minmax(0,1fr);min-width:100%}.nk-code__line-number{display:inline-block;min-width:var(--nk-space-48);padding-inline:var(--nk-space-12);color:var(--nk-color-text-muted);border-right:1px solid var(--nk-color-border);opacity:.6;text-align:right;-webkit-user-select:none;user-select:none}.nk-code__line-content{padding-left:var(--nk-space-12);padding-right:var(--nk-space-16);white-space:pre}.nk-code :is(.hljs-keyword,.hljs-operator,.hljs-built_in){color:var(--nk-code-token-keyword)}.nk-code :is(.hljs-string,.hljs-attr){color:var(--nk-code-token-string)}.nk-code :is(.hljs-number,.hljs-literal){color:var(--nk-code-token-number)}.nk-code :is(.hljs-comment,.hljs-quote){color:var(--nk-code-token-comment);font-style:italic}.nk-code :is(.hljs-title,.hljs-title.class_,.hljs-title.function_){color:var(--nk-code-token-title)}.nk-code .hljs-type{color:var(--nk-code-token-type)}.nk-code :is(.hljs-tag,.hljs-name,.hljs-meta,.hljs-selector-class,.hljs-selector-id){color:var(--nk-code-token-name)}.nk-code .hljs-addition{background:var(--nk-code-token-addition-background);color:var(--nk-code-token-name)}.nk-code .hljs-deletion{background:var(--nk-code-token-deletion-background);color:var(--nk-code-token-deletion)}.nk-divider{--nk-divider-color: var(--nk-color-border);display:flex;align-items:center;color:var(--nk-color-text-muted);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-divider[data-orientation=horizontal]{width:100%;border-top:1px solid var(--nk-divider-color)}.nk-divider[data-orientation=horizontal][data-has-text]{gap:var(--nk-space-control-gap-inline);border-top:0}.nk-divider[data-orientation=horizontal][data-has-text]:before,.nk-divider[data-orientation=horizontal][data-has-text]:after{flex:1 1 0;border-top:1px solid var(--nk-divider-color);content:""}.nk-divider[data-orientation=vertical]{align-self:stretch;min-height:1em;border-left:1px solid var(--nk-divider-color)}.nk-divider__text{flex:0 0 auto;line-height:1.4}.nk-skeleton{--nk-skeleton-background: color-mix( in srgb, var(--nk-color-text) 10%, var(--nk-color-surface) );display:contents}.nk-skeleton:where([data-loading]){display:block;box-sizing:border-box;width:100%;height:1em;overflow:hidden;background-color:var(--nk-skeleton-background);border-radius:var(--nk-radius-medium);animation:nk-skeleton-pulse 1.5s var(--nk-easing-standard) infinite}.nk-skeleton:where([data-loading][data-has-children]){display:inline-block;width:auto;height:auto;vertical-align:middle}.nk-skeleton__content{display:contents}.nk-skeleton[data-loading]>.nk-skeleton__content{display:flow-root;visibility:hidden;opacity:0}.nk-skeleton[data-shape=ellipse]{border-radius:50%}@keyframes nk-skeleton-pulse{0%,to{background-color:color-mix(in srgb,var(--nk-color-text) 4.5%,var(--nk-color-surface))}50%{background-color:var(--nk-skeleton-background)}}@media(prefers-reduced-motion:reduce){.nk-skeleton:where([data-loading]){animation:none}}.nk-tooltip{--nk-tooltip-max-width: 400px;--nk-tooltip-arrow-offset: 50%;position:absolute;max-width:min(var(--nk-tooltip-max-width),calc(100cqi - var(--nk-space-16)));padding:var(--nk-space-8) var(--nk-space-12);box-shadow:var(--nk-shadow);font-size:var(--nk-font-size-caption);line-height:1.4;overflow-wrap:anywhere;animation:nk-tooltip-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-tooltip__arrow{position:absolute;box-sizing:border-box;width:var(--nk-space-8);height:var(--nk-space-8);background:var(--nk-color-surface);pointer-events:none}.nk-tooltip[data-placement=top] .nk-tooltip__arrow,.nk-tooltip[data-placement=bottom] .nk-tooltip__arrow{left:var(--nk-tooltip-arrow-offset);transform:translate(-50%) rotate(45deg)}.nk-tooltip[data-placement=top] .nk-tooltip__arrow{bottom:-5px;border-right:1px solid var(--nk-color-border);border-bottom:1px solid var(--nk-color-border)}.nk-tooltip[data-placement=bottom] .nk-tooltip__arrow{top:-5px;border-top:1px solid var(--nk-color-border);border-left:1px solid var(--nk-color-border)}.nk-tooltip[data-placement=left] .nk-tooltip__arrow,.nk-tooltip[data-placement=right] .nk-tooltip__arrow{top:var(--nk-tooltip-arrow-offset);transform:translateY(-50%) rotate(45deg)}.nk-tooltip[data-placement=left] .nk-tooltip__arrow{right:-5px;border-top:1px solid var(--nk-color-border);border-right:1px solid var(--nk-color-border)}.nk-tooltip[data-placement=right] .nk-tooltip__arrow{left:-5px;border-bottom:1px solid var(--nk-color-border);border-left:1px solid var(--nk-color-border)}.nk-tooltip:before{position:absolute;content:""}.nk-tooltip[data-placement=top]:before,.nk-tooltip[data-placement=bottom]:before{right:0;left:0;height:var(--nk-space-8)}.nk-tooltip[data-placement=top]:before{bottom:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=bottom]:before{top:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=left]:before,.nk-tooltip[data-placement=right]:before{top:0;bottom:0;width:var(--nk-space-8)}.nk-tooltip[data-placement=left]:before{right:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=right]:before{left:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-state=closing]{animation:nk-tooltip-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards;pointer-events:none}@keyframes nk-tooltip-enter{0%{opacity:0;transform:scale(.98)}}@keyframes nk-tooltip-exit{to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-tooltip{animation:none}}.nk-table{--nk-table-cell-padding-block: var(--nk-space-8);--nk-table-cell-padding-inline: var(--nk-space-12);--nk-table-empty-cell-padding-block: var(--nk-space-32);overflow-x:auto;scrollbar-color:color-mix(in srgb,var(--nk-color-text) 24%,transparent) transparent;scrollbar-width:thin}.nk-table:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-table::-webkit-scrollbar{height:var(--nk-space-8)}.nk-table::-webkit-scrollbar-track{background:transparent}.nk-table::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--nk-color-text) 24%,transparent);border-radius:var(--nk-radius-small)}.nk-table[data-spacing=compact]{--nk-table-cell-padding-block: var(--nk-space-4);--nk-table-empty-cell-padding-block: var(--nk-space-16)}.nk-table__element{width:100%;color:inherit;border-collapse:separate;border-spacing:0;font:inherit;font-size:var(--nk-font-size-caption)}.nk-table__head,.nk-table__foot{--nk-table-cell-background: color-mix( in srgb, var(--nk-color-text) 2.5%, var(--nk-color-surface) )}.nk-table__body{--nk-table-cell-background: var(--nk-color-surface)}.nk-table__header-cell,.nk-table__cell{position:relative;box-sizing:border-box;padding:var(--nk-table-cell-padding-block) var(--nk-table-cell-padding-inline);background:var(--nk-table-cell-background);color:var(--nk-color-text);border:0;border-bottom:1px solid var(--nk-color-border);line-height:1.4;text-align:left;vertical-align:middle;white-space:nowrap}.nk-table__header-cell{font-weight:var(--nk-font-weight-semibold)}.nk-table__header-cell[data-align=center],.nk-table__cell[data-align=center]{text-align:center}.nk-table__header-cell[data-align=right],.nk-table__cell[data-align=right]{text-align:right}.nk-table__body:last-child .nk-table__row:last-child .nk-table__cell,.nk-table__foot:last-child .nk-table__row:last-child .nk-table__cell{border-bottom:0}.nk-table__body .nk-table__row[data-interactive]{cursor:pointer}.nk-table__body .nk-table__row[data-interactive]:hover{--nk-table-cell-background: color-mix( in srgb, var(--nk-color-text) 5%, var(--nk-color-surface) )}.nk-table__row[data-interactive]:has(.nk-table__row-trigger:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(0px - var(--nk-focus-ring-width))}.nk-table{--nk-table-overscroll-extent: 144px}.nk-table__header-cell,.nk-table__cell{--nk-table-overscroll-border-color: color-mix( in srgb, var(--nk-color-text) 12.5%, var(--nk-table-cell-background) );--nk-table-overscroll-border-color: light-dark( color-mix( in srgb, var(--nk-color-text) 12.5%, var(--nk-table-cell-background) ), color-mix( in srgb, var(--nk-color-text) 15%, var(--nk-table-cell-background) ) )}.nk-table__overscroll-start-cell{--nk-table-overscroll-background: -24px 0 var(--nk-table-cell-background), -48px 0 var(--nk-table-cell-background), -72px 0 var(--nk-table-cell-background), -96px 0 var(--nk-table-cell-background), -120px 0 var(--nk-table-cell-background), -144px 0 var(--nk-table-cell-background);--nk-table-overscroll-border: -24px 0 var(--nk-table-overscroll-border-color), -48px 0 var(--nk-table-overscroll-border-color), -72px 0 var(--nk-table-overscroll-border-color), -96px 0 var(--nk-table-overscroll-border-color), -120px 0 var(--nk-table-overscroll-border-color), -144px 0 var(--nk-table-overscroll-border-color);--nk-table-overscroll-clip-left: calc( 0px - var(--nk-table-overscroll-extent) );--nk-table-overscroll-clip-right: 100%;--nk-table-overscroll-content: ""}.nk-table__element :is(.nk-table__action-header-cell,.nk-table__action-cell):last-child{--nk-table-overscroll-background: 24px 0 var(--nk-table-cell-background), 48px 0 var(--nk-table-cell-background), 72px 0 var(--nk-table-cell-background), 96px 0 var(--nk-table-cell-background), 120px 0 var(--nk-table-cell-background), 144px 0 var(--nk-table-cell-background);--nk-table-overscroll-border: 24px 0 var(--nk-table-overscroll-border-color), 48px 0 var(--nk-table-overscroll-border-color), 72px 0 var(--nk-table-overscroll-border-color), 96px 0 var(--nk-table-overscroll-border-color), 120px 0 var(--nk-table-overscroll-border-color), 144px 0 var(--nk-table-overscroll-border-color);--nk-table-overscroll-clip-left: 100%;--nk-table-overscroll-clip-right: calc( 0px - var(--nk-table-overscroll-extent) );--nk-table-overscroll-content: ""}.nk-table__header-cell:before,.nk-table__cell:before{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:var(--nk-table-overscroll-background, none);clip-path:inset(0 var(--nk-table-overscroll-clip-right, 0) 0 var(--nk-table-overscroll-clip-left, 0));content:var(--nk-table-overscroll-content, none);pointer-events:none}.nk-table__header-cell:after,.nk-table__cell:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;box-shadow:var(--nk-table-overscroll-border, none);clip-path:inset(0 var(--nk-table-overscroll-clip-right, 0) 0 var(--nk-table-overscroll-clip-left, 0));content:var(--nk-table-overscroll-content, none);pointer-events:none}.nk-table__overscroll-start-cell:before,.nk-table__overscroll-start-cell:after{right:0;left:auto;width:var(--nk-space-24);transform:translate(var(--nk-space-24));visibility:visible}.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell):before,.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell):after{right:auto;width:var(--nk-space-24);transform:translate(calc(0px - var(--nk-space-24)));visibility:visible}.nk-table__body:last-child .nk-table__row:last-child .nk-table__cell:after,.nk-table__foot:last-child .nk-table__row:last-child .nk-table__cell:after{display:none}.nk-table__row-trigger{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%)}.nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){position:sticky;left:0;z-index:1;box-shadow:1px 0 transparent,2px 0 transparent,3px 0 transparent,4px 0 transparent;transition:box-shadow var(--nk-duration-fast) var(--nk-easing-standard)}.nk-table[data-scrolled] .nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){box-shadow:1px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),2px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),3px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),4px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent)}.nk-table__action-header-cell,.nk-table__action-cell{width:1%;border-left:1px solid var(--nk-color-border)}.nk-table__overscroll-start-cell{position:sticky;left:0;width:0;padding-inline:0;visibility:hidden}.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell){width:0;padding-inline:0;visibility:hidden;border-left:0}:is(.nk-table__action-header-cell,.nk-table__action-cell):last-child{position:sticky;right:0;z-index:2}.nk-table__action-cell{padding-block:0}.nk-table__action-list{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--nk-space-4)}.nk-table__truncated-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-table__empty-cell{padding-block:var(--nk-table-empty-cell-padding-block);text-align:center}.nk-table__empty-content{color:var(--nk-color-text-muted);font-size:var(--nk-font-size-caption)}.nk-table__visually-hidden{position:absolute;margin:-1px;width:1px;height:1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){transition:none}}.nk-text{--nk-text-color: var(--nk-color-text);--nk-text-alignment: left;margin:0;color:var(--nk-text-color);font-family:inherit;text-align:var(--nk-text-alignment)}.nk-text[data-size=caption]{font-size:var(--nk-font-size-caption);line-height:1.4}.nk-text[data-size=body]{font-size:var(--nk-font-size-body);line-height:1.4}.nk-text[data-size=subtitle]{font-size:var(--nk-font-size-subtitle);line-height:1.3}.nk-text[data-size=title]{font-size:var(--nk-font-size-title);line-height:1.2}.nk-text[data-size=heading]{font-size:var(--nk-font-size-heading);line-height:1.15}.nk-text[data-weight=regular]{font-weight:var(--nk-font-weight-regular)}.nk-text[data-weight=medium]{font-weight:var(--nk-font-weight-medium)}.nk-text[data-weight=semibold]{font-weight:var(--nk-font-weight-semibold)}.nk-text[data-weight=bold]{font-weight:var(--nk-font-weight-bold)}.nk-text[data-tone=muted]{--nk-text-color: var(--nk-color-text-muted)}.nk-text[data-tone=accent]{--nk-text-color: var(--nk-accent)}.nk-text[data-tone=info]{--nk-text-color: var(--nk-color-info-foreground)}.nk-text[data-tone=success]{--nk-text-color: var(--nk-color-success-foreground)}.nk-text[data-tone=warning]{--nk-text-color: var(--nk-color-warning-foreground)}.nk-text[data-tone=danger]{--nk-text-color: var(--nk-color-danger-foreground)}.nk-text[data-align=center]{--nk-text-alignment: center}.nk-text[data-align=right]{--nk-text-alignment: right}:root,.nk-boundary{--nk-cell: 36px;--nk-space-2: 2px;--nk-space-4: 4px;--nk-space-8: 8px;--nk-space-12: 12px;--nk-space-16: 16px;--nk-space-24: 24px;--nk-space-32: 32px;--nk-space-48: 48px;--nk-control-height: calc(var(--nk-cell) * .875);--nk-choice-size: calc(var(--nk-cell) * .5);--nk-space-control-gap-block: var(--nk-space-4);--nk-space-control-gap-inline: var(--nk-space-8);--nk-space-control-padding-inline: var(--nk-space-12);--nk-space-group-gap: var(--nk-space-8);--nk-radius-small: 4px;--nk-radius-medium: 8px;--nk-radius-large: 12px;--nk-font-family-sans: "Albert Sans", system-ui, sans-serif;--nk-font-size-caption: 12px;--nk-font-size-root: 14px;--nk-font-size-body: var(--nk-font-size-root);--nk-font-size-subtitle: 16px;--nk-font-size-title: 21px;--nk-font-size-heading: 24px;--nk-font-weight-regular: 400;--nk-font-weight-medium: 500;--nk-font-weight-semibold: 550;--nk-font-weight-bold: 600;--nk-shadow: 0 var(--nk-space-4) 6px -1px rgb(0 0 0 / 10%), 0 var(--nk-space-2) var(--nk-space-4) -2px rgb(0 0 0 / 10%);--nk-focus-ring-width: 2px;--nk-focus-ring-offset: 2px;--nk-duration-fast: .2s;--nk-duration-normal: .3s;--nk-easing-standard: ease}:root,.nk-boundary{--nk-accent: #2563eb;--nk-accent-soft: color-mix(in srgb, var(--nk-accent) 12%, transparent);--nk-accent-subtle: color-mix(in srgb, var(--nk-accent) 6%, transparent);--nk-color-background: #fff;--nk-color-surface: #fff;--nk-color-text: #000;--nk-color-text-muted: rgb(0 0 0 / 65%);--nk-color-border: rgb(0 0 0 / 12.5%);--nk-color-emphasis-fill: #000;--nk-color-emphasis-fill-foreground: #fff;--nk-color-info-foreground: #2563eb;--nk-color-info-fill: #2563eb;--nk-color-info-fill-foreground: #fff;--nk-color-success-foreground: #15803d;--nk-color-success-fill: #15803d;--nk-color-success-fill-foreground: #fff;--nk-color-warning-foreground: #b84800;--nk-color-warning-fill: #f97316;--nk-color-warning-fill-foreground: #000;--nk-color-danger-foreground: #d32f2f;--nk-color-danger-fill: #d32f2f;--nk-color-danger-fill-foreground: #fff;--nk-focus-ring-color: var(--nk-accent)}.nk-boundary[data-theme=dark]{--nk-accent: #3b82f6;--nk-color-background: #000;--nk-color-surface: #111;--nk-color-text: #fff;--nk-color-text-muted: rgb(255 255 255 / 65%);--nk-color-border: rgb(255 255 255 / 15%);--nk-color-emphasis-fill: #fff;--nk-color-emphasis-fill-foreground: #000;--nk-color-info-foreground: #60a5fa;--nk-color-success-foreground: #4ade80;--nk-color-warning-foreground: #fb923c;--nk-color-danger-foreground: #ff6b6b}@media(prefers-color-scheme:dark){.nk-boundary[data-theme=auto]{--nk-accent: #3b82f6;--nk-color-background: #000;--nk-color-surface: #111;--nk-color-text: #fff;--nk-color-text-muted: rgb(255 255 255 / 65%);--nk-color-border: rgb(255 255 255 / 15%);--nk-color-emphasis-fill: #fff;--nk-color-emphasis-fill-foreground: #000;--nk-color-info-foreground: #60a5fa;--nk-color-success-foreground: #4ade80;--nk-color-warning-foreground: #fb923c;--nk-color-danger-foreground: #ff6b6b}}@font-face{font-family:Albert Sans;src:url("./albert-sans-cb3e34c4.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.nk-alert:not(.nk-boundary *),.nk-avatar:not(.nk-boundary *),.nk-badge:not(.nk-boundary *),.nk-button:not(.nk-boundary *),.nk-card:not(.nk-boundary *),.nk-checkbox:not(.nk-boundary *),.nk-checkbox-group:not(.nk-boundary *),.nk-code:not(.nk-boundary *),.nk-divider:not(.nk-boundary *),.nk-field:not(.nk-boundary *),.nk-icon:not(.nk-boundary *),.nk-input:not(.nk-boundary *),.nk-markdown:not(.nk-boundary *),.nk-modal:not(.nk-boundary *),.nk-pin-input:not(.nk-boundary *),.nk-popover:not(.nk-boundary *),.nk-progress:not(.nk-boundary *),.nk-radio:not(.nk-boundary *),.nk-radio-group:not(.nk-boundary *),.nk-select:not(.nk-boundary *),.nk-sidebar:not(.nk-boundary *),.nk-skeleton:not(.nk-boundary *),.nk-spinner:not(.nk-boundary *),.nk-switch:not(.nk-boundary *),.nk-table:not(.nk-boundary *),.nk-text:not(.nk-boundary *),.nk-text-area:not(.nk-boundary *),.nk-tooltip:not(.nk-boundary *){outline:2px dashed var(--nk-color-danger-fill);outline-offset:var(--nk-space-2)}.nk-boundary :focus:not(:focus-visible),.nk-boundary [tabindex="-1"]:focus{outline:none}.nk-badge{--nk-badge-background: var(--nk-color-surface);--nk-badge-border: var(--nk-color-border);--nk-badge-foreground: var(--nk-color-text);--nk-badge-tone-color: var(--nk-color-text-muted);--nk-badge-tone-solid: var(--nk-color-emphasis-fill);--nk-badge-on-solid: var(--nk-color-emphasis-fill-foreground);display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline);box-sizing:border-box;background:var(--nk-badge-background);color:var(--nk-badge-foreground);border:1px solid var(--nk-badge-border);border-radius:var(--nk-radius-small);font-family:inherit;font-weight:var(--nk-font-weight-semibold);line-height:1.25;white-space:nowrap;-webkit-user-select:none;user-select:none}.nk-badge:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-badge[data-size=small]{padding:var(--nk-space-2) var(--nk-space-4);font-size:var(--nk-font-size-caption)}.nk-badge[data-size=medium]{padding:var(--nk-space-2) var(--nk-space-12);font-size:var(--nk-font-size-body)}.nk-badge[data-size=large]{padding:var(--nk-space-2) var(--nk-space-16);font-size:var(--nk-font-size-subtitle)}button.nk-badge,a.nk-badge[href]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;cursor:pointer}button.nk-badge:after,a.nk-badge[href]:after{position:absolute;top:50%;left:50%;min-width:var(--nk-space-24);min-height:var(--nk-space-24);content:"";translate:-50% -50%}button.nk-badge:disabled{opacity:.6;cursor:not-allowed}.nk-badge[data-tone=info]{--nk-badge-tone-color: var(--nk-color-info-foreground);--nk-badge-tone-solid: var(--nk-color-info-fill);--nk-badge-on-solid: var(--nk-color-info-fill-foreground)}.nk-badge[data-tone=success]{--nk-badge-tone-color: var(--nk-color-success-foreground);--nk-badge-tone-solid: var(--nk-color-success-fill);--nk-badge-on-solid: var(--nk-color-success-fill-foreground)}.nk-badge[data-tone=warning]{--nk-badge-tone-color: var(--nk-color-warning-foreground);--nk-badge-tone-solid: var(--nk-color-warning-fill);--nk-badge-on-solid: var(--nk-color-warning-fill-foreground)}.nk-badge[data-tone=danger]{--nk-badge-tone-color: var(--nk-color-danger-foreground);--nk-badge-tone-solid: var(--nk-color-danger-fill);--nk-badge-on-solid: var(--nk-color-danger-fill-foreground)}.nk-badge[data-variant=soft]{--nk-badge-background: color-mix( in srgb, var(--nk-badge-tone-color) 10%, var(--nk-color-surface) );--nk-badge-border: transparent;--nk-badge-foreground: var(--nk-badge-tone-color)}.nk-badge[data-variant=solid]{--nk-badge-background: var(--nk-badge-tone-solid);--nk-badge-border: var(--nk-badge-tone-solid);--nk-badge-foreground: var(--nk-badge-on-solid)}.nk-badge[data-variant=outline]:not([data-tone=neutral]){--nk-badge-border: color-mix( in srgb, var(--nk-badge-tone-color) 35%, transparent );--nk-badge-foreground: var(--nk-badge-tone-color)}.nk-field{--nk-field-message-max-width: 616px;display:grid;row-gap:var(--nk-space-control-gap-block);width:100%;color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-field__label{display:flex;align-items:center;gap:var(--nk-space-4)}.nk-field__body{display:grid;row-gap:var(--nk-space-control-gap-block);min-width:0}.nk-field__required{color:var(--nk-color-danger-foreground)}.nk-field__required-text{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.nk-field__description,.nk-field__error{max-width:var(--nk-field-message-max-width)}.nk-field[data-orientation=horizontal][data-has-label]{align-items:start;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--nk-space-group-gap)}.nk-field[data-orientation=horizontal][data-has-label]>.nk-field__label{min-height:var(--nk-control-height)}.nk-field[data-orientation=horizontal][data-has-label]>.nk-field__body>.nk-switch:first-child{margin-top:calc((var(--nk-control-height) - var(--nk-switch-height)) / 2)}.nk-field[data-disabled] .nk-field__label{color:var(--nk-color-text-muted)}.nk-input{--nk-input-background: var(--nk-color-surface);--nk-input-border: var(--nk-color-border);--nk-input-foreground: var(--nk-color-text);--nk-input-action-size: 28px;display:inline-flex;position:relative;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-control-height);overflow:hidden;background:var(--nk-input-background);color:var(--nk-input-foreground);border:1px solid var(--nk-input-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-input:has(.nk-input__control:focus-visible),.nk-input:has(.nk-input__action:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-input__control{flex:1 1 auto;box-sizing:border-box;min-width:0;height:100%;padding:0 var(--nk-space-control-padding-inline);background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25}.nk-input__control::placeholder{color:var(--nk-color-text-muted);opacity:1}.nk-input__trailing{display:inline-flex;flex:0 0 auto;align-items:center;margin-right:var(--nk-space-4);color:var(--nk-color-text-muted)}.nk-input[data-has-trailing-action] .nk-input__control{padding-right:var(--nk-space-control-gap-inline)}.nk-input__action{--nk-button-icon-only-size: var(--nk-input-action-size);color:inherit;border-radius:var(--nk-radius-medium)}.nk-input__action:hover:not(:disabled){color:var(--nk-color-text)}.nk-input__action:focus-visible{outline:0}.nk-input__spinner{--nk-spinner-color: currentColor;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.nk-input[data-clearable] .nk-input__control::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nk-input[data-invalid]{--nk-input-border: var(--nk-color-danger-foreground)}.nk-input[data-read-only]{--nk-input-background: color-mix( in srgb, var(--nk-color-text) 3%, var(--nk-color-surface) )}.nk-input[data-disabled]{--nk-input-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-input-foreground: var(--nk-color-text-muted);cursor:not-allowed}.nk-input[data-disabled] .nk-input__control{cursor:not-allowed}.nk-input[data-loading],.nk-input[data-loading] .nk-input__control{cursor:wait}.nk-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;background:#00000052;animation:nk-modal-overlay-enter var(--nk-duration-fast) var(--nk-easing-standard);overscroll-behavior:contain}.nk-modal__viewport{display:flex;position:sticky;top:0;align-items:center;justify-content:center;box-sizing:border-box;height:100dvh;max-height:100%;padding:var(--nk-space-16);overflow:auto}.nk-modal__overlay[data-state=closing]{pointer-events:none;animation:nk-modal-overlay-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-modal{position:relative;width:max-content;min-width:min(300px,100%);max-width:min(640px,100%);max-height:calc(100dvh - var(--nk-space-32));padding:var(--nk-space-12);overflow:auto;box-shadow:var(--nk-shadow);animation:nk-modal-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-modal[data-state=closing]{animation:nk-modal-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-modal:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-modal__header{display:flex;align-items:center;gap:var(--nk-space-12);margin-bottom:var(--nk-space-12);min-height:var(--nk-space-32)}.nk-modal__title{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.nk-modal__title:focus{outline:none}.nk-modal__close{--nk-button-icon-only-size: var(--nk-space-32);position:absolute;top:var(--nk-space-8);right:var(--nk-space-8)}.nk-modal__header .nk-modal__close{position:static;margin-left:auto}@keyframes nk-modal-overlay-enter{0%{opacity:0}}@keyframes nk-modal-overlay-exit{to{opacity:0}}@keyframes nk-modal-enter{0%{opacity:0;transform:translateY(var(--nk-space-8)) scale(.98)}}@keyframes nk-modal-exit{to{opacity:0;transform:translateY(var(--nk-space-8)) scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-modal,.nk-modal__overlay{animation:none;transition:none}}.nk-popover{--nk-popover-max-width: 400px;--nk-popover-arrow-offset: 50%;position:absolute;width:max-content;max-width:min(var(--nk-popover-max-width),calc(100cqi - var(--nk-space-16)));max-height:calc(100vh - var(--nk-space-16));overflow:visible;box-shadow:var(--nk-shadow);outline:0;overflow-wrap:anywhere;animation:nk-popover-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-popover__content{box-sizing:border-box;max-height:inherit;padding:var(--nk-space-16);overflow:auto;border-radius:inherit;overscroll-behavior:contain}.nk-popover__arrow{position:absolute;box-sizing:border-box;width:var(--nk-space-8);height:var(--nk-space-8);background:var(--nk-color-surface);pointer-events:none}.nk-popover[data-placement=top] .nk-popover__arrow,.nk-popover[data-placement=bottom] .nk-popover__arrow{left:var(--nk-popover-arrow-offset);transform:translate(-50%) rotate(45deg)}.nk-popover[data-placement=top] .nk-popover__arrow{bottom:-5px;border-right:1px solid var(--nk-color-border);border-bottom:1px solid var(--nk-color-border)}.nk-popover[data-placement=bottom] .nk-popover__arrow{top:-5px;border-top:1px solid var(--nk-color-border);border-left:1px solid var(--nk-color-border)}.nk-popover[data-placement=left] .nk-popover__arrow,.nk-popover[data-placement=right] .nk-popover__arrow{top:var(--nk-popover-arrow-offset);transform:translateY(-50%) rotate(45deg)}.nk-popover[data-placement=left] .nk-popover__arrow{right:-5px;border-top:1px solid var(--nk-color-border);border-right:1px solid var(--nk-color-border)}.nk-popover[data-placement=right] .nk-popover__arrow{left:-5px;border-bottom:1px solid var(--nk-color-border);border-left:1px solid var(--nk-color-border)}.nk-popover:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-popover[data-state=closing]{pointer-events:none;animation:nk-popover-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}@keyframes nk-popover-enter{0%{opacity:0;transform:scale(.98)}}@keyframes nk-popover-exit{to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-popover{animation:none}}.nk-switch{--nk-switch-height: calc(var(--nk-choice-size) * 1.1);--nk-switch-width: calc(var(--nk-choice-size) * 2);display:inline-flex;position:relative;flex:0 0 auto;align-items:center;width:var(--nk-switch-width);height:var(--nk-switch-height);font-family:var(--nk-font-family-sans)}.nk-switch__control{position:absolute;top:50%;right:0;left:0;z-index:1;margin:0;width:100%;height:var(--nk-control-height);opacity:0;cursor:pointer;transform:translateY(-50%)}.nk-switch__track{display:flex;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-switch-height);padding:var(--nk-space-2);background:color-mix(in srgb,var(--nk-color-text) 18%,var(--nk-color-surface));border:1px solid var(--nk-color-border);border-radius:9999px}.nk-switch__thumb{width:calc(var(--nk-switch-height) - 6px);height:calc(var(--nk-switch-height) - 6px);background:#fff;border-radius:50%;box-shadow:0 1px 2px color-mix(in srgb,var(--nk-color-text) 25%,transparent);transition:transform var(--nk-duration-fast) var(--nk-easing-standard)}.nk-switch__control:focus-visible+.nk-switch__track{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-switch__control:checked+.nk-switch__track{background:var(--nk-accent);border-color:var(--nk-accent)}.nk-switch__control:checked+.nk-switch__track .nk-switch__thumb{transform:translate(calc(var(--nk-switch-width) - var(--nk-switch-height)))}.nk-switch[data-invalid] .nk-switch__track{border-color:var(--nk-color-danger-foreground)}.nk-switch[data-disabled] .nk-switch__control{cursor:not-allowed}.nk-switch[data-disabled] .nk-switch__track{background:color-mix(in srgb,var(--nk-color-text) 8%,var(--nk-color-surface));border-color:var(--nk-color-border)}.nk-switch[data-disabled] .nk-switch__thumb{background:var(--nk-color-text-muted)}@media(prefers-reduced-motion:reduce){.nk-switch__thumb{transition:none}}.nk-text-area{--nk-text-area-border-width: 1px;--nk-text-area-padding-block: var(--nk-space-12);--nk-text-area-padding-inline: var(--nk-space-control-padding-inline);box-sizing:border-box;width:100%;min-height:var(--nk-text-area-min-height);padding:var(--nk-text-area-padding-block) var(--nk-text-area-padding-inline);background:var(--nk-color-surface);color:var(--nk-color-text);border:var(--nk-text-area-border-width) solid var(--nk-color-border);border-radius:var(--nk-radius-medium);font:inherit;font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);line-height:1.25}.nk-text-area::placeholder{color:var(--nk-color-text-muted);opacity:1}.nk-text-area:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-text-area[data-resize=none]{resize:none}.nk-text-area[data-resize=vertical]{resize:vertical}.nk-text-area[data-resize=horizontal]{resize:horizontal}.nk-text-area[data-resize=both]{resize:both}.nk-text-area[data-invalid]{border-color:var(--nk-color-danger-foreground)}.nk-text-area:read-only{background:color-mix(in srgb,var(--nk-color-text) 3%,var(--nk-color-surface))}.nk-text-area:disabled{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface));color:var(--nk-color-text-muted);cursor:not-allowed}.nk-pin-input{--nk-pin-input-background: var(--nk-color-surface);--nk-pin-input-border: var(--nk-color-border);--nk-pin-input-censor-size: 6px;--nk-pin-input-foreground: var(--nk-color-text);display:inline-flex;position:relative;align-items:center;max-width:100%;color:var(--nk-pin-input-foreground);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-pin-input__control{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:var(--nk-font-size-subtitle);pointer-events:none}.nk-pin-input__slots{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-block) var(--nk-space-control-gap-inline);max-width:100%}.nk-pin-input__slot-group{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline)}.nk-pin-input[data-wrap] .nk-pin-input__slots{display:grid;grid-template-columns:repeat(var(--nk-pin-input-columns),var(--nk-control-height))}.nk-pin-input__slot{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-control-height);height:var(--nk-control-height);background:var(--nk-pin-input-background);color:var(--nk-pin-input-foreground);border:1px solid var(--nk-pin-input-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-weight:var(--nk-font-weight-semibold);line-height:1;text-align:center;cursor:text}.nk-pin-input__separator{color:var(--nk-color-text-muted);font-weight:var(--nk-font-weight-semibold)}.nk-pin-input__censor{display:block;width:var(--nk-pin-input-censor-size);height:var(--nk-pin-input-censor-size);background:currentColor;border-radius:50%}.nk-pin-input__control:focus-visible+.nk-pin-input__slots .nk-pin-input__slot[data-active]{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-pin-input[data-invalid]{--nk-pin-input-border: var(--nk-color-danger-foreground)}.nk-pin-input[data-read-only]{--nk-pin-input-background: color-mix( in srgb, var(--nk-color-text) 3%, var(--nk-color-surface) )}.nk-pin-input[data-disabled]{--nk-pin-input-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-pin-input-foreground: var(--nk-color-text-muted)}.nk-pin-input[data-disabled] .nk-pin-input__slot{cursor:not-allowed}@media(forced-colors:active){.nk-pin-input__control:focus-visible+.nk-pin-input__slots .nk-pin-input__slot[data-active]{outline-color:Highlight}}.nk-progress{--nk-progress-completion: 0%;--nk-progress-thickness: var(--nk-space-8);--nk-progress-fill: var(--nk-accent);--nk-progress-track: color-mix( in srgb, var(--nk-color-text) 12%, transparent );display:block;position:relative;box-sizing:border-box;width:100%;height:var(--nk-progress-thickness);overflow:hidden;background:var(--nk-progress-track);border-radius:9999px}.nk-progress__indicator{display:block;width:var(--nk-progress-completion);height:100%;background:var(--nk-progress-fill);border-radius:inherit;transition:width var(--nk-duration-normal) var(--nk-easing-standard)}.nk-progress[data-tone=info]{--nk-progress-fill: var(--nk-color-info-foreground)}.nk-progress[data-tone=success]{--nk-progress-fill: var(--nk-color-success-foreground)}.nk-progress[data-tone=warning]{--nk-progress-fill: var(--nk-color-warning-foreground)}.nk-progress[data-tone=danger]{--nk-progress-fill: var(--nk-color-danger-foreground)}.nk-progress[data-indeterminate] .nk-progress__indicator{width:40%;animation:nk-progress-slide 1.4s var(--nk-easing-standard) infinite}@keyframes nk-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(forced-colors:active){.nk-progress{border:1px solid CanvasText}.nk-progress__indicator{background:Highlight}}@media(prefers-reduced-motion:reduce){.nk-progress__indicator{transition:none}.nk-progress[data-indeterminate] .nk-progress__indicator{width:100%;opacity:.5;animation:none}}.nk-boundary{--nk-boundary-grid-line-color: color-mix( in srgb, var(--nk-color-text) 10%, transparent );--nk-boundary-grid-offset: 0px;--nk-boundary-safe-area-bottom: env(safe-area-inset-bottom, 0px);--nk-boundary-safe-area-left: env(safe-area-inset-left, 0px);--nk-boundary-safe-area-right: env(safe-area-inset-right, 0px);--nk-boundary-spacing-top: calc(var(--nk-cell) * .5);--nk-boundary-spacing-bottom: calc(var(--nk-cell) * 1.5);--nk-boundary-spacing-inline: calc(var(--nk-cell) * .5);--nk-boundary-width-snapped: 0;position:relative;isolation:isolate;container:nk-boundary / inline-size;width:100%;background-color:var(--nk-color-background);color:var(--nk-color-text);color-scheme:light;font-size:var(--nk-font-size-root);font-family:var(--nk-font-family-sans);-webkit-text-size-adjust:100%;text-size-adjust:100%}.nk-boundary .nk-boundary{--nk-boundary-safe-area-bottom: 0px;--nk-boundary-safe-area-left: 0px;--nk-boundary-safe-area-right: 0px}.nk-boundary[data-theme=dark]{color-scheme:dark}.nk-boundary[data-theme=auto]{color-scheme:light dark}.nk-boundary,.nk-boundary *,.nk-boundary *:before,.nk-boundary *:after{box-sizing:border-box}.nk-boundary:before,.nk-boundary:after{position:absolute;top:0;right:0;left:0;bottom:auto;z-index:-1;height:min(100%,100vh);height:min(100%,100dvh);border-radius:inherit;opacity:0;content:"";pointer-events:none}.nk-boundary:before{background-image:linear-gradient(to right,var(--nk-boundary-grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--nk-boundary-grid-line-color) 1px,transparent 1px);background-position:center var(--nk-boundary-grid-offset);background-size:var(--nk-cell) var(--nk-cell)}.nk-boundary:after{background-image:linear-gradient(to bottom,transparent 75%,var(--nk-color-background) 100%),radial-gradient(ellipse 200% 120% at 50% 90%,var(--nk-color-background) 0%,var(--nk-color-background) 20%,color-mix(in srgb,var(--nk-color-background) 70%,transparent) 70%,color-mix(in srgb,var(--nk-color-background) 30%,transparent) 90%,transparent 100%)}.nk-boundary[data-decoration=grid]:before{opacity:calc(.5 + .5 * var(--nk-boundary-width-snapped))}.nk-boundary[data-decoration=grid]:after{opacity:1}.nk-boundary__content{width:100%;max-width:100%}.nk-boundary[data-width=narrow]>.nk-boundary__content{margin-inline:auto;width:90%}@container nk-boundary (min-width: 640px){.nk-boundary[data-width=narrow]:before{--nk-boundary-width-snapped: 1}.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 85%;--nk-boundary-preferred-width: 650px;--nk-boundary-target-width: max( var(--nk-boundary-fluid-width), min( var(--nk-boundary-preferred-width), calc(100% - var(--nk-space-16)) ) );width:calc(var(--nk-boundary-target-width) - var(--nk-cell) - var(--nk-cell))}}@container nk-boundary (min-width: 960px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 70%;--nk-boundary-preferred-width: 960px}}@container nk-boundary (min-width: 1440px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 60%;--nk-boundary-preferred-width: 1100px}}@container nk-boundary (min-width: 1920px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 35%;--nk-boundary-preferred-width: 1200px}}@supports (width: round(down,100px,10px)){@container nk-boundary (min-width: 640px){.nk-boundary[data-width=narrow]>.nk-boundary__content{width:round(down,calc(var(--nk-boundary-target-width) - var(--nk-cell)),calc(var(--nk-cell) + var(--nk-cell)))}}}.nk-boundary[data-height=available]{min-height:100%}.nk-boundary[data-height=viewport]{min-height:100vh;min-height:100dvh}.nk-boundary[data-spacing=standard]:before{--nk-boundary-grid-offset: var(--nk-boundary-spacing-top)}.nk-boundary[data-spacing=standard]>.nk-boundary__content{padding-top:var(--nk-boundary-spacing-top);padding-bottom:var(--nk-boundary-spacing-bottom)}.nk-boundary[data-spacing=standard][data-width=full]>.nk-boundary__content{padding-inline:var(--nk-boundary-spacing-inline)}@container nk-boundary (min-width: 640px){.nk-boundary:before,.nk-boundary>.nk-boundary__content{--nk-boundary-spacing-top: var(--nk-cell);--nk-boundary-spacing-inline: var(--nk-cell)}}.nk-card{overflow:hidden}.nk-card__header{box-sizing:border-box;padding:var(--nk-space-8) var(--nk-space-12);border-bottom:1px solid var(--nk-color-border)}.nk-card__header[data-spacing=none]{padding:0}.nk-card__body{box-sizing:border-box;padding:var(--nk-space-12)}.nk-card__body[data-spacing=none]{padding:0}.nk-card__footer{box-sizing:border-box;padding:var(--nk-space-8) var(--nk-space-12);border-top:1px solid var(--nk-color-border)}.nk-card__footer[data-spacing=none]{padding:0}.nk-markdown{--nk-markdown-scroll-offset: 0px;--nk-markdown-block-spacing: var(--nk-font-size-body);--nk-markdown-indent: calc(var(--nk-markdown-block-spacing) * 1.5);--nk-markdown-section-spacing: calc(var(--nk-markdown-block-spacing) * 1.5);min-width:0;color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-markdown>*{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing)}.nk-markdown [id]{scroll-margin-top:var(--nk-markdown-scroll-offset)}.nk-markdown__heading{margin-top:var(--nk-markdown-section-spacing);margin-bottom:var(--nk-markdown-block-spacing)}.nk-markdown__paragraph{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);overflow-wrap:anywhere}.nk-markdown>.nk-divider{margin-block:var(--nk-markdown-section-spacing)}.nk-markdown>:first-child{margin-top:0}.nk-markdown>:last-child{margin-bottom:0}.nk-markdown__link{color:var(--nk-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.nk-markdown__link:hover{color:color-mix(in srgb,var(--nk-accent) 80%,var(--nk-color-text))}.nk-markdown__link:focus-visible{border-radius:var(--nk-radius-small);outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-markdown__inline-code{padding:var(--nk-space-2) var(--nk-space-4);background:color-mix(in srgb,var(--nk-color-text) 2.5%,var(--nk-color-surface));border:1px solid var(--nk-color-border);border-radius:var(--nk-radius-small);font-size:.875em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.nk-markdown>.nk-code{min-width:0}.nk-markdown__list{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);padding-left:var(--nk-markdown-indent);line-height:1.5}.nk-markdown__list .nk-markdown__list{margin-bottom:0}.nk-markdown__list-item+.nk-markdown__list-item{margin-top:var(--nk-space-4)}.nk-markdown__list-item{padding-left:var(--nk-space-2)}.nk-markdown__list-item>.nk-markdown__paragraph{margin-top:var(--nk-markdown-block-spacing)}.nk-markdown__list-item--task{position:relative;list-style:none}.nk-markdown__list-item--task>.nk-markdown__paragraph:has(>.nk-markdown__task){position:relative}.nk-markdown__task{position:absolute;top:.25em;left:calc(var(--nk-markdown-indent) * -1);width:1em;line-height:1;text-align:center}.nk-markdown__list-item--task>.nk-markdown__task{left:calc(var(--nk-space-2) - var(--nk-markdown-indent))}.nk-markdown__blockquote{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);margin-inline:0;padding-left:var(--nk-space-12);color:var(--nk-color-text-muted);border-left:var(--nk-space-4) solid var(--nk-color-border)}.nk-markdown__blockquote>:first-child{margin-top:0}.nk-markdown__blockquote>:last-child{margin-bottom:0}.nk-markdown__picture{display:block}.nk-markdown__image{display:block;max-width:100%;height:auto;border-radius:var(--nk-radius-medium)}.nk-markdown__blocked-image{color:var(--nk-color-text-muted);font-style:italic}.nk-markdown>[data-footnotes]{padding-top:var(--nk-markdown-block-spacing);color:var(--nk-color-text-muted);border-top:1px solid var(--nk-color-border);font-size:var(--nk-font-size-caption)}.nk-markdown__visually-hidden{position:absolute;margin:-1px;width:1px;height:1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip-path:inset(50%)}.nk-radio-group{display:flex;gap:var(--nk-space-group-gap);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-radio-group[data-orientation=vertical]{flex-direction:column}.nk-radio-group[data-orientation=horizontal]{flex-flow:row wrap}.nk-radio-group[data-invalid] .nk-radio__visual{border-color:var(--nk-color-danger-foreground)}.nk-radio{display:inline-flex;position:relative;align-items:center;gap:var(--nk-space-control-gap-inline);width:fit-content;min-height:calc(var(--nk-cell) * 2 / 3);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);cursor:pointer}.nk-radio__control{position:absolute;inset:0 auto auto 0;margin:0;width:var(--nk-choice-size);height:var(--nk-choice-size);opacity:0;cursor:pointer}.nk-radio__visual{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-choice-size);height:var(--nk-choice-size);background:var(--nk-color-surface);border:1px solid var(--nk-color-border);border-radius:50%}.nk-radio__visual:after{width:8px;height:8px;background:transparent;border-radius:50%;content:""}.nk-radio__control:focus-visible+.nk-radio__visual{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-radio__control:checked+.nk-radio__visual{border-color:var(--nk-accent)}.nk-radio__control:checked+.nk-radio__visual:after{background:var(--nk-accent)}.nk-radio[data-disabled]{color:var(--nk-color-text-muted);cursor:not-allowed}.nk-radio[data-disabled] .nk-radio__control{cursor:not-allowed}.nk-radio[data-disabled] .nk-radio__visual{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface))}.nk-radio[data-disabled] .nk-radio__control:checked+.nk-radio__visual{border-color:var(--nk-color-text-muted)}.nk-radio[data-disabled] .nk-radio__control:checked+.nk-radio__visual:after{background:var(--nk-color-text-muted)}@media(forced-colors:active){.nk-radio__control:checked+.nk-radio__visual:after{background:CanvasText}}.nk-checkbox-group{display:flex;gap:var(--nk-space-group-gap);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-checkbox-group[data-orientation=vertical]{flex-direction:column}.nk-checkbox-group[data-orientation=horizontal]{flex-flow:row wrap}.nk-checkbox-group[data-invalid] .nk-checkbox__visual{border-color:var(--nk-color-danger-foreground)}.nk-checkbox{display:inline-flex;position:relative;flex:0 0 auto;align-items:center;gap:var(--nk-space-control-gap-inline);width:fit-content;min-width:calc(var(--nk-cell) * 2 / 3);min-height:calc(var(--nk-cell) * 2 / 3);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);cursor:pointer}.nk-checkbox__control{position:absolute;top:50%;left:0;z-index:1;margin:0;width:var(--nk-choice-size);height:var(--nk-choice-size);opacity:0;cursor:pointer;transform:translateY(-50%)}.nk-checkbox__visual{display:inline-flex;position:relative;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-choice-size);height:var(--nk-choice-size);background:var(--nk-color-surface);color:var(--nk-accent);border:1px solid var(--nk-color-border);border-radius:var(--nk-radius-small)}.nk-checkbox__icon{opacity:0}.nk-checkbox__control:focus-visible+.nk-checkbox__visual{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-checkbox__control:checked+.nk-checkbox__visual{background:var(--nk-accent-soft);border-color:var(--nk-accent)}.nk-checkbox__control:checked+.nk-checkbox__visual .nk-checkbox__icon{opacity:1}.nk-checkbox__required{margin-left:var(--nk-space-4);color:var(--nk-color-danger-foreground)}.nk-checkbox[data-invalid] .nk-checkbox__visual{border-color:var(--nk-color-danger-foreground)}.nk-checkbox[data-disabled] .nk-checkbox__control{cursor:not-allowed}.nk-checkbox[data-disabled]{color:var(--nk-color-text-muted);cursor:not-allowed}.nk-checkbox[data-disabled] .nk-checkbox__visual{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface));color:var(--nk-color-text-muted);border-color:var(--nk-color-border)}.nk-select{--nk-select-background: var(--nk-color-surface);--nk-select-border: var(--nk-color-border);--nk-select-foreground: var(--nk-color-text);display:inline-flex;position:relative;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-control-height);overflow:hidden;background:var(--nk-select-background);color:var(--nk-select-foreground);border:1px solid var(--nk-select-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-select:has(.nk-select__control:focus-visible),.nk-select:has(.nk-select__trigger:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-select__control{flex:1 1 auto;box-sizing:border-box;min-width:0;height:100%;padding:0 calc(var(--nk-space-24) + var(--nk-space-12)) 0 var(--nk-space-control-padding-inline);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25;cursor:pointer}.nk-select__control option,.nk-select__control optgroup{background:var(--nk-color-surface);color:var(--nk-color-text)}.nk-select__icon{position:absolute;right:var(--nk-space-control-padding-inline);color:var(--nk-color-text-muted);pointer-events:none;transition:transform var(--nk-duration-fast) var(--nk-easing-standard)}.nk-select[data-mode=custom]{overflow:visible}.nk-select__trigger{display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;height:100%;padding:0 calc(var(--nk-space-24) + var(--nk-space-12)) 0 var(--nk-space-control-padding-inline);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25;text-align:left;cursor:pointer}.nk-select__value{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline);min-width:0}.nk-select__value-label,.nk-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-select__placeholder{color:var(--nk-color-text-muted)}.nk-select[data-open] .nk-select__icon{transform:rotate(180deg)}.nk-select__form-control{position:absolute;margin:-1px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.nk-select__listbox{position:absolute;box-sizing:border-box;width:max-content;max-width:calc(100cqi - var(--nk-space-16));padding:var(--nk-space-4);overflow-y:auto;background:var(--nk-color-surface);color:var(--nk-color-text);border:1px solid var(--nk-color-border);border-radius:var(--nk-radius-medium);box-shadow:var(--nk-shadow);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);animation:nk-select-listbox-enter var(--nk-duration-fast) var(--nk-easing-standard);overscroll-behavior:contain}.nk-select__listbox[data-state=closing]{pointer-events:none;animation:nk-select-listbox-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-select__option{display:flex;align-items:center;gap:var(--nk-space-control-gap-inline);box-sizing:border-box;height:var(--nk-control-height);padding:0 var(--nk-space-control-padding-inline);border-radius:var(--nk-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none}.nk-select__option[data-highlighted]{background:var(--nk-accent-subtle)}.nk-select__option[data-selected]{color:var(--nk-accent);font-weight:var(--nk-font-weight-medium)}.nk-select__option[aria-disabled=true]{color:var(--nk-color-text-muted);opacity:.6;cursor:not-allowed}.nk-select__option-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-select__check{margin-left:var(--nk-space-8)}.nk-select[data-invalid]{--nk-select-border: var(--nk-color-danger-foreground)}.nk-select[data-disabled]{--nk-select-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-select-foreground: var(--nk-color-text-muted);cursor:not-allowed}.nk-select[data-disabled] .nk-select__control,.nk-select[data-disabled] .nk-select__trigger{cursor:not-allowed}@keyframes nk-select-listbox-enter{0%{opacity:0;transform:translateY(calc(var(--nk-space-4) * -1))}}@keyframes nk-select-listbox-exit{to{opacity:0;transform:translateY(calc(var(--nk-space-4) * -1))}}@media(prefers-reduced-motion:reduce){.nk-select__icon,.nk-select__listbox{animation:none;transition:none}}.nk-sidebar{--nk-sidebar-width: calc(var(--nk-cell) * 8);--nk-sidebar-max-width: 80cqi;--nk-sidebar-height: auto;--nk-sidebar-padding: var(--nk-space-12);--nk-sidebar-group-gap: var(--nk-space-16);--nk-sidebar-item-fill: color-mix( in srgb, var(--nk-color-text) 2%, transparent );--nk-sidebar-item-fill-active: color-mix( in srgb, var(--nk-color-text) 6%, transparent );display:flex;position:relative;flex-direction:column;box-sizing:border-box;width:var(--nk-sidebar-width);overflow:hidden;background:var(--nk-color-surface);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-sidebar:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(var(--nk-focus-ring-offset) * -1)}.nk-sidebar[data-variant=inline]{flex:0 0 auto;height:var(--nk-sidebar-height);border:1px solid var(--nk-color-border);border-radius:var(--nk-radius-medium)}.nk-sidebar__overlay{--nk-sidebar-backdrop: rgb(0 0 0 / 32%);display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nk-sidebar-backdrop);clip-path:inset(0);animation:nk-sidebar-overlay-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar__overlay[data-side=right]{justify-content:flex-end}.nk-sidebar__overlay[data-state=closing]{pointer-events:none;animation:nk-sidebar-overlay-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-sidebar[data-variant=overlay]{position:sticky;top:0;flex:0 0 auto;width:min(var(--nk-sidebar-width),var(--nk-sidebar-max-width));height:100dvh;max-height:100%;border-radius:0;animation:nk-sidebar-enter-left var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar[data-variant=overlay][data-side=left]{border-right:1px solid var(--nk-color-border)}.nk-sidebar[data-variant=overlay][data-side=right]{border-left:1px solid var(--nk-color-border);animation-name:nk-sidebar-enter-right}.nk-sidebar[data-variant=overlay][data-state=closing]{animation-name:nk-sidebar-exit-left;animation-fill-mode:forwards}.nk-sidebar[data-variant=overlay][data-side=right][data-state=closing]{animation-name:nk-sidebar-exit-right}.nk-sidebar__body{display:flex;flex:1 1 auto;flex-direction:column;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.nk-sidebar__header{flex:0 0 auto;padding-block:var(--nk-sidebar-padding);padding-inline:calc(var(--nk-sidebar-padding) + var(--nk-space-4))}.nk-sidebar__group{flex:0 0 auto;padding-inline:var(--nk-sidebar-padding)}.nk-sidebar__group:first-child{padding-top:var(--nk-sidebar-padding)}.nk-sidebar__group:last-child{padding-bottom:var(--nk-sidebar-padding)}.nk-sidebar__group+.nk-sidebar__group{padding-top:var(--nk-sidebar-group-gap)}.nk-sidebar__body .nk-sidebar__group:has(+.nk-sidebar__footer),.nk-sidebar__body:has(+.nk-sidebar__footer) .nk-sidebar__group:last-child{padding-bottom:var(--nk-sidebar-group-gap)}.nk-sidebar__group-label{margin:0;padding-bottom:var(--nk-space-8);padding-left:var(--nk-space-4)}.nk-sidebar__list{display:flex;flex-direction:column;gap:var(--nk-space-4);margin:0;padding:0;list-style:none}.nk-sidebar__item-container{display:flex}.nk-sidebar__item{--nk-button-background: var(--nk-sidebar-item-fill);--nk-button-min-height: var(--nk-control-height);font-weight:inherit;transition:background-color var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar__item[data-active]{--nk-button-background: var(--nk-sidebar-item-fill-active);font-weight:var(--nk-font-weight-medium)}.nk-sidebar__item-label{flex:0 1 auto;min-width:0;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis}.nk-sidebar__footer{flex:0 0 auto;padding-block:var(--nk-sidebar-padding);padding-inline:var(--nk-sidebar-padding);background:var(--nk-color-surface)}.nk-sidebar__body .nk-sidebar__footer:not(.nk-sidebar__body~.nk-sidebar__footer){position:sticky;bottom:0;z-index:1;margin-top:auto}.nk-sidebar__body~.nk-sidebar__footer{position:relative}.nk-sidebar__footer:before{position:absolute;top:0;right:0;left:0;height:var(--nk-space-4);background:linear-gradient(to top,color-mix(in srgb,var(--nk-color-text) 4%,transparent),transparent);opacity:0;content:"";pointer-events:none;transition:opacity var(--nk-duration-fast) var(--nk-easing-standard);transform:translateY(-100%)}.nk-sidebar__body[data-content-below] .nk-sidebar__footer:not(.nk-sidebar__body~.nk-sidebar__footer):before,.nk-sidebar__body[data-content-below]+.nk-sidebar__footer:before{opacity:1}.nk-sidebar__user{display:flex;align-items:center;gap:var(--nk-space-8);min-width:0;padding:var(--nk-space-8);background:color-mix(in srgb,var(--nk-color-text) 2%,transparent);border-radius:var(--nk-radius-medium)}.nk-sidebar__user-details{display:flex;flex:1 1 auto;align-items:center;gap:var(--nk-space-12);min-width:0;padding:0;border:none;border-radius:var(--nk-radius-small);background:none;color:inherit;font:inherit;text-align:left}button.nk-sidebar__user-details{cursor:pointer}button.nk-sidebar__user-details:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-sidebar__user-avatar{flex:0 0 auto}.nk-sidebar__user-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.nk-sidebar__user-name,.nk-sidebar__user-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nk-sidebar__user-name{font-weight:var(--nk-font-weight-medium)}.nk-sidebar__user-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--nk-space-2)}.nk-sidebar__trigger[data-sidebar-variant=inline]{display:none}@container nk-boundary (min-width: 960px){.nk-sidebar__trigger[data-sidebar-variant=responsive]{display:none}}.nk-sidebar__fallback-trigger{position:absolute;bottom:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-bottom));z-index:1;box-shadow:var(--nk-shadow)}.nk-sidebar__fallback-trigger[data-side=left]{left:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-left))}.nk-sidebar__fallback-trigger[data-side=right]{right:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-right))}.nk-boundary:has(>.nk-portal>.nk-sidebar__fallback-trigger){min-height:calc(var(--nk-control-height) + var(--nk-space-32))}@container nk-boundary not (min-width: 960px){.nk-sidebar[data-responsive]{display:none}}@keyframes nk-sidebar-overlay-enter{0%{opacity:0}}@keyframes nk-sidebar-overlay-exit{to{opacity:0}}@keyframes nk-sidebar-enter-left{0%{transform:translate(-100%)}}@keyframes nk-sidebar-exit-left{to{transform:translate(-100%)}}@keyframes nk-sidebar-enter-right{0%{transform:translate(100%)}}@keyframes nk-sidebar-exit-right{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.nk-sidebar,.nk-sidebar__overlay,.nk-sidebar__footer:before{animation:none;transition:none}}
|
|
1
|
+
.nk-surface{box-sizing:border-box;background:var(--nk-color-surface);color:var(--nk-color-text);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-surface[data-frame=none]{border:0;border-radius:0}.nk-alert{--nk-alert-indicator: var(--nk-accent);display:grid;grid-template-columns:var(--nk-space-4) minmax(0,1fr);align-items:center;gap:var(--nk-space-12);padding:var(--nk-space-12);line-height:1.4}.nk-alert__indicator{align-self:stretch;min-height:var(--nk-space-24);background:var(--nk-alert-indicator);border-radius:var(--nk-radius-large)}.nk-alert__content{min-width:0;overflow-wrap:anywhere}.nk-alert[data-tone=info]{--nk-alert-indicator: var(--nk-color-info-fill)}.nk-alert[data-tone=success]{--nk-alert-indicator: var(--nk-color-success-fill)}.nk-alert[data-tone=warning]{--nk-alert-indicator: var(--nk-color-warning-fill)}.nk-alert[data-tone=danger]{--nk-alert-indicator: var(--nk-color-danger-fill)}.nk-avatar{--nk-avatar-size: 32px;--nk-avatar-background-start: #94a3b8;--nk-avatar-background-end: #64748b;--nk-avatar-highlight: #cbd5e1;--nk-avatar-accent: #64748b;display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--nk-avatar-size);height:var(--nk-avatar-size);overflow:hidden;background:radial-gradient(circle at 24% 18%,var(--nk-avatar-highlight) 0 10%,transparent 46%),radial-gradient(circle at 82% 22%,var(--nk-avatar-accent) 0 12%,transparent 50%),linear-gradient(145deg,var(--nk-avatar-background-start),var(--nk-avatar-background-end));color:#fffffff5;border-radius:50%;box-shadow:#0f172a0f 0 0 0 1px inset;font-size:calc(var(--nk-avatar-size) * .4375);font-family:inherit;font-weight:var(--nk-font-weight-bold);line-height:1;text-shadow:0 1px 5px rgb(15 23 42 / 15%);-webkit-user-select:none;user-select:none}.nk-avatar[data-palette="1"]{--nk-avatar-background-start: #ec4899;--nk-avatar-background-end: #f97316;--nk-avatar-highlight: #f9a8d4;--nk-avatar-accent: #fdba74}.nk-avatar[data-palette="2"]{--nk-avatar-background-start: #3b82f6;--nk-avatar-background-end: #06b6d4;--nk-avatar-highlight: #93c5fd;--nk-avatar-accent: #67e8f9}.nk-avatar[data-palette="3"]{--nk-avatar-background-start: #22c55e;--nk-avatar-background-end: #14b8a6;--nk-avatar-highlight: #86efac;--nk-avatar-accent: #99f6e4}.nk-avatar[data-palette="4"]{--nk-avatar-background-start: #8b5cf6;--nk-avatar-background-end: #60a5fa;--nk-avatar-highlight: #c4b5fd;--nk-avatar-accent: #f0abfc}.nk-avatar[data-palette="5"]{--nk-avatar-background-start: #f97316;--nk-avatar-background-end: #fb7185;--nk-avatar-highlight: #fde68a;--nk-avatar-accent: #f9a8d4}.nk-avatar[data-palette="6"]{--nk-avatar-background-start: #0ea5e9;--nk-avatar-background-end: #818cf8;--nk-avatar-highlight: #7dd3fc;--nk-avatar-accent: #c4b5fd}.nk-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.nk-avatar__initial{position:relative;z-index:1}.nk-icon{flex-shrink:0;width:1em;height:1em}.nk-spinner{--nk-spinner-color: var(--nk-accent);--nk-spinner-size: 48px;display:inline-block;box-sizing:border-box;width:var(--nk-spinner-size);height:var(--nk-spinner-size);color:var(--nk-spinner-color);border:clamp(2px,calc(var(--nk-spinner-size) * .125),8px) solid var(--nk-color-border);border-top-color:currentColor;border-radius:50%;animation:nk-spinner-spin .8s linear infinite}@keyframes nk-spinner-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nk-spinner{animation-duration:1.6s}}.nk-button{--nk-button-background: transparent;--nk-button-border: transparent;--nk-button-border-width: 0;--nk-button-foreground: currentColor;--nk-button-glow: transparent;--nk-button-glow-radius: 112px;--nk-button-glow-x: 50%;--nk-button-glow-y: 50%;--nk-button-height: var(--nk-control-height);--nk-button-icon-only-size: var(--nk-button-height);--nk-button-min-height: var(--nk-button-height);--nk-button-space-inline: var(--nk-space-16);display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--nk-button-min-height);padding:0 var(--nk-button-space-inline);overflow:hidden;background:var(--nk-button-background);color:var(--nk-button-foreground);border:var(--nk-button-border-width) var(--nk-border-style) var(--nk-button-border);font-family:var(--nk-font-family-sans);font-weight:var(--nk-font-weight-medium);line-height:1.25;text-decoration:none;cursor:pointer;transition:opacity var(--nk-duration-fast) var(--nk-easing-standard),scale var(--nk-duration-fast) var(--nk-easing-standard)}.nk-button:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-button:active:not(:disabled):not([aria-disabled=true]){scale:.99}.nk-button:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--nk-button-glow);opacity:0;content:"";pointer-events:none;transition:opacity var(--nk-duration-normal) var(--nk-easing-standard)}.nk-button:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):before{opacity:1}.nk-button[data-size=small]{--nk-button-height: max( var(--nk-space-24), calc(var(--nk-control-height) * .75) );--nk-button-space-inline: var(--nk-space-8);font-size:var(--nk-font-size-caption)}.nk-button[data-size=medium]{--nk-button-height: var(--nk-control-height);--nk-button-space-inline: var(--nk-space-16);font-size:var(--nk-font-size-body)}.nk-button[data-size=large]{--nk-button-height: calc(var(--nk-control-height) * 1.25);--nk-button-space-inline: var(--nk-space-24);font-size:var(--nk-font-size-subtitle)}.nk-button[data-shape=rectangle]{border-radius:var(--nk-radius-medium)}.nk-button[data-shape=capsule]{padding:0 calc(var(--nk-button-space-inline) + var(--nk-space-4));border-radius:9999px}.nk-button[data-icon-only]{width:var(--nk-button-icon-only-size);min-width:var(--nk-button-icon-only-size);height:var(--nk-button-icon-only-size);min-height:var(--nk-button-icon-only-size);padding:0}.nk-button[data-icon-only][data-full-width]{width:100%}.nk-button[data-variant=primary]{--nk-button-background: var(--nk-color-emphasis-fill);--nk-button-foreground: var(--nk-color-emphasis-fill-foreground);font-weight:var(--nk-font-weight-semibold)}.nk-button[data-variant=secondary]{--nk-button-background: linear-gradient( 90deg, rgb(174 215 253 / 5%) 0%, rgb(207 217 254 / 5%) 25%, rgb(183 212 254 / 5%) 50%, rgb(222 198 251 / 5%) 80%, rgb(252 222 242 / 5%) 100% ), var(--nk-color-surface);--nk-button-border: var(--nk-color-border);--nk-button-border-width: var(--nk-border-width);--nk-button-foreground: var(--nk-color-text);--nk-button-glow: radial-gradient( var(--nk-button-glow-radius) circle at var(--nk-button-glow-x) var(--nk-button-glow-y), color-mix(in srgb, var(--nk-accent) 3.5%, transparent), color-mix(in srgb, var(--nk-accent) 1.5%, transparent) 40%, transparent 100% )}.nk-button[data-variant=ghost]{--nk-button-foreground: var(--nk-color-text)}.nk-button[data-variant=ghost]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){--nk-button-background: color-mix( in srgb, var(--nk-color-text) 6%, transparent )}.nk-button[data-tone=info]{--nk-button-tone-background: var(--nk-color-info-fill);--nk-button-tone-foreground: var(--nk-color-info-foreground);--nk-button-tone-on-background: var(--nk-color-info-fill-foreground)}.nk-button[data-tone=success]{--nk-button-tone-background: var(--nk-color-success-fill);--nk-button-tone-foreground: var(--nk-color-success-foreground);--nk-button-tone-on-background: var(--nk-color-success-fill-foreground)}.nk-button[data-tone=warning]{--nk-button-tone-background: var(--nk-color-warning-fill);--nk-button-tone-foreground: var(--nk-color-warning-foreground);--nk-button-tone-on-background: var(--nk-color-warning-fill-foreground)}.nk-button[data-tone=danger]{--nk-button-tone-background: var(--nk-color-danger-fill);--nk-button-tone-foreground: var(--nk-color-danger-foreground);--nk-button-tone-on-background: var(--nk-color-danger-fill-foreground)}.nk-button[data-variant=primary][data-tone]{--nk-button-background: var(--nk-button-tone-background);--nk-button-foreground: var(--nk-button-tone-on-background)}.nk-button[data-variant=secondary][data-tone]{--nk-button-background: color-mix( in srgb, var(--nk-button-tone-background) 5%, var(--nk-color-surface) );--nk-button-border: color-mix( in srgb, var(--nk-button-tone-foreground) 35%, transparent );--nk-button-foreground: var(--nk-button-tone-foreground);--nk-button-glow: radial-gradient( var(--nk-button-glow-radius) circle at var(--nk-button-glow-x) var(--nk-button-glow-y), color-mix(in srgb, var(--nk-button-tone-foreground) 3.5%, transparent), color-mix(in srgb, var(--nk-button-tone-foreground) 1.5%, transparent) 40%, transparent 100% )}.nk-button[data-variant=ghost][data-tone]{--nk-button-foreground: var(--nk-button-tone-foreground)}.nk-button[data-variant=ghost][data-tone]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){--nk-button-background: color-mix( in srgb, var(--nk-button-tone-foreground) 10%, transparent )}.nk-button[data-variant=primary]:not([data-tone]):is(:disabled,[aria-disabled=true]){--nk-button-background: linear-gradient( color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 20%, transparent ), color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 20%, transparent ) ), var(--nk-color-emphasis-fill);--nk-button-foreground: color-mix( in srgb, var(--nk-color-emphasis-fill-foreground) 80%, transparent )}.nk-button[data-variant=secondary]:is(:disabled,[aria-disabled=true]){--nk-button-background: linear-gradient(rgb(0 0 0 / 2.5%), rgb(0 0 0 / 2.5%)), var(--nk-color-surface);--nk-button-foreground: var(--nk-color-text-muted)}.nk-button[data-variant=primary][data-tone]:is(:disabled,[aria-disabled=true]){--nk-button-background: color-mix( in srgb, var(--nk-button-tone-background) 25%, var(--nk-color-surface) );--nk-button-foreground: var(--nk-color-text-muted)}.nk-button[data-variant=ghost]:is(:disabled,[aria-disabled=true]){--nk-button-foreground: var(--nk-color-text-muted)}.nk-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}.nk-button[data-full-width]{width:100%}.nk-button[aria-busy=true]{cursor:wait}.nk-button[aria-busy=true] .nk-button__content{opacity:0}.nk-button__content{display:flex;position:relative;z-index:1;align-items:center;gap:var(--nk-space-control-gap-inline);width:100%}.nk-button .nk-button__spinner{--nk-spinner-color: currentColor;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media(prefers-reduced-motion:reduce){.nk-button,.nk-button:before{transition-duration:0ms}.nk-button:active:not(:disabled):not([aria-disabled=true]){scale:1}}.nk-code{--nk-code-token-comment: #59636e;--nk-code-token-keyword: #cf222e;--nk-code-token-string: #0a3069;--nk-code-token-number: #0550ae;--nk-code-token-title: #8250df;--nk-code-token-type: #953800;--nk-code-token-name: #116329;--nk-code-token-addition-background: #dafbe1;--nk-code-token-deletion: #82071e;--nk-code-token-deletion-background: #ffebe9;overflow:hidden}.nk-boundary[data-theme=dark] .nk-code{--nk-code-token-comment: #8b949e;--nk-code-token-keyword: #ff7b72;--nk-code-token-string: #a5d6ff;--nk-code-token-number: #79c0ff;--nk-code-token-title: #d2a8ff;--nk-code-token-type: #ffa657;--nk-code-token-name: #7ee787;--nk-code-token-addition-background: rgb(46 160 67 / 15%);--nk-code-token-deletion: #ffa198;--nk-code-token-deletion-background: rgb(248 81 73 / 15%)}.nk-code__container{overflow-x:auto;scrollbar-color:color-mix(in srgb,var(--nk-color-text) 24%,transparent) transparent;scrollbar-width:thin}.nk-code__container:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(0px - var(--nk-focus-ring-width))}.nk-code__container::-webkit-scrollbar{height:var(--nk-space-8)}.nk-code__container::-webkit-scrollbar-track{background:transparent}.nk-code__container::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--nk-color-text) 24%,transparent);border-radius:var(--nk-radius-small)}.nk-code__pre{margin:0;padding-block:var(--nk-space-12);min-width:100%;width:max-content;background:var(--nk-color-surface);color:var(--nk-color-text);font:inherit}.nk-code__content{display:block;font-size:var(--nk-font-size-caption);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.6}.nk-code__content--plain{padding-left:var(--nk-space-12);padding-right:var(--nk-space-16);white-space:pre}.nk-code__line{display:grid;grid-template-columns:max-content minmax(0,1fr);min-width:100%}.nk-code__line-number{display:inline-block;min-width:var(--nk-space-48);padding-inline:var(--nk-space-12);color:var(--nk-color-text-muted);border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);opacity:.6;text-align:right;-webkit-user-select:none;user-select:none}.nk-code__line-content{padding-left:var(--nk-space-12);padding-right:var(--nk-space-16);white-space:pre}.nk-code :is(.hljs-keyword,.hljs-operator,.hljs-built_in){color:var(--nk-code-token-keyword)}.nk-code :is(.hljs-string,.hljs-attr){color:var(--nk-code-token-string)}.nk-code :is(.hljs-number,.hljs-literal){color:var(--nk-code-token-number)}.nk-code :is(.hljs-comment,.hljs-quote){color:var(--nk-code-token-comment);font-style:italic}.nk-code :is(.hljs-title,.hljs-title.class_,.hljs-title.function_){color:var(--nk-code-token-title)}.nk-code .hljs-type{color:var(--nk-code-token-type)}.nk-code :is(.hljs-tag,.hljs-name,.hljs-meta,.hljs-selector-class,.hljs-selector-id){color:var(--nk-code-token-name)}.nk-code .hljs-addition{background:var(--nk-code-token-addition-background);color:var(--nk-code-token-name)}.nk-code .hljs-deletion{background:var(--nk-code-token-deletion-background);color:var(--nk-code-token-deletion)}.nk-divider{--nk-divider-color: var(--nk-color-border);display:flex;align-items:center;color:var(--nk-color-text-muted);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-divider[data-orientation=horizontal]{width:100%;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-divider-color)}.nk-divider[data-orientation=horizontal][data-has-text]{gap:var(--nk-space-control-gap-inline);border-top:0}.nk-divider[data-orientation=horizontal][data-has-text]:before,.nk-divider[data-orientation=horizontal][data-has-text]:after{flex:1 1 0;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-divider-color);content:""}.nk-divider[data-orientation=vertical]{align-self:stretch;min-height:1em;border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-divider-color)}.nk-divider__text{flex:0 0 auto;line-height:1.4}.nk-skeleton{--nk-skeleton-background: color-mix( in srgb, var(--nk-color-text) 10%, var(--nk-color-surface) );display:contents}.nk-skeleton:where([data-loading]){display:block;box-sizing:border-box;width:100%;height:1em;overflow:hidden;background-color:var(--nk-skeleton-background);border-radius:var(--nk-radius-medium);animation:nk-skeleton-pulse 1.5s var(--nk-easing-standard) infinite}.nk-skeleton:where([data-loading][data-has-children]){display:inline-block;width:auto;height:auto;vertical-align:middle}.nk-skeleton__content{display:contents}.nk-skeleton[data-loading]>.nk-skeleton__content{display:flow-root;visibility:hidden;opacity:0}.nk-skeleton[data-shape=ellipse]{border-radius:50%}@keyframes nk-skeleton-pulse{0%,to{background-color:color-mix(in srgb,var(--nk-color-text) 4.5%,var(--nk-color-surface))}50%{background-color:var(--nk-skeleton-background)}}@media(prefers-reduced-motion:reduce){.nk-skeleton:where([data-loading]){animation:none}}.nk-tooltip{--nk-tooltip-max-width: 400px;--nk-tooltip-arrow-offset: 50%;position:absolute;max-width:min(var(--nk-tooltip-max-width),calc(100cqi - var(--nk-space-16)));padding:var(--nk-space-8) var(--nk-space-12);box-shadow:var(--nk-shadow);font-size:var(--nk-font-size-caption);line-height:1.4;overflow-wrap:anywhere;animation:nk-tooltip-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-tooltip__arrow{position:absolute;box-sizing:border-box;width:var(--nk-space-8);height:var(--nk-space-8);background:var(--nk-color-surface);pointer-events:none}.nk-tooltip[data-placement=top] .nk-tooltip__arrow,.nk-tooltip[data-placement=bottom] .nk-tooltip__arrow{left:var(--nk-tooltip-arrow-offset);transform:translate(-50%) rotate(45deg)}.nk-tooltip[data-placement=top] .nk-tooltip__arrow{bottom:-5px;border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-tooltip[data-placement=bottom] .nk-tooltip__arrow{top:-5px;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-tooltip[data-placement=left] .nk-tooltip__arrow,.nk-tooltip[data-placement=right] .nk-tooltip__arrow{top:var(--nk-tooltip-arrow-offset);transform:translateY(-50%) rotate(45deg)}.nk-tooltip[data-placement=left] .nk-tooltip__arrow{right:-5px;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-tooltip[data-placement=right] .nk-tooltip__arrow{left:-5px;border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-tooltip:before{position:absolute;content:""}.nk-tooltip[data-placement=top]:before,.nk-tooltip[data-placement=bottom]:before{right:0;left:0;height:var(--nk-space-8)}.nk-tooltip[data-placement=top]:before{bottom:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=bottom]:before{top:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=left]:before,.nk-tooltip[data-placement=right]:before{top:0;bottom:0;width:var(--nk-space-8)}.nk-tooltip[data-placement=left]:before{right:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-placement=right]:before{left:calc(-1 * var(--nk-space-8))}.nk-tooltip[data-state=closing]{animation:nk-tooltip-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards;pointer-events:none}@keyframes nk-tooltip-enter{0%{opacity:0;transform:scale(.98)}}@keyframes nk-tooltip-exit{to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-tooltip{animation:none}}.nk-table{--nk-table-cell-padding-block: var(--nk-space-8);--nk-table-cell-padding-inline: var(--nk-space-12);--nk-table-empty-cell-padding-block: var(--nk-space-32);overflow-x:auto;scrollbar-color:color-mix(in srgb,var(--nk-color-text) 24%,transparent) transparent;scrollbar-width:thin}.nk-table:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-table::-webkit-scrollbar{height:var(--nk-space-8)}.nk-table::-webkit-scrollbar-track{background:transparent}.nk-table::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--nk-color-text) 24%,transparent);border-radius:var(--nk-radius-small)}.nk-table[data-spacing=compact]{--nk-table-cell-padding-block: var(--nk-space-4);--nk-table-empty-cell-padding-block: var(--nk-space-16)}.nk-table__element{width:100%;color:inherit;border-collapse:separate;border-spacing:0;font:inherit;font-size:var(--nk-font-size-caption)}.nk-table__head,.nk-table__foot{--nk-table-cell-background: color-mix( in srgb, var(--nk-color-text) 2.5%, var(--nk-color-surface) )}.nk-table__body{--nk-table-cell-background: var(--nk-color-surface)}.nk-table__header-cell,.nk-table__cell{position:relative;box-sizing:border-box;padding:var(--nk-table-cell-padding-block) var(--nk-table-cell-padding-inline);background:var(--nk-table-cell-background);color:var(--nk-color-text);border:0;border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);line-height:1.4;text-align:left;vertical-align:middle;white-space:nowrap}.nk-table__header-cell{font-weight:var(--nk-font-weight-semibold)}.nk-table__header-cell[data-align=center],.nk-table__cell[data-align=center]{text-align:center}.nk-table__header-cell[data-align=right],.nk-table__cell[data-align=right]{text-align:right}.nk-table__body:last-child .nk-table__row:last-child .nk-table__cell,.nk-table__foot:last-child .nk-table__row:last-child .nk-table__cell{border-bottom:0}.nk-table__body .nk-table__row[data-interactive]{cursor:pointer}.nk-table__body .nk-table__row[data-interactive]:hover{--nk-table-cell-background: color-mix( in srgb, var(--nk-color-text) 5%, var(--nk-color-surface) )}.nk-table__row[data-interactive]:has(.nk-table__row-trigger:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(0px - var(--nk-focus-ring-width))}.nk-table{--nk-table-overscroll-extent: 144px}.nk-table__header-cell,.nk-table__cell{--nk-table-overscroll-border-color: color-mix( in srgb, var(--nk-color-text) 12.5%, var(--nk-table-cell-background) );--nk-table-overscroll-border-color: light-dark( color-mix( in srgb, var(--nk-color-text) 12.5%, var(--nk-table-cell-background) ), color-mix( in srgb, var(--nk-color-text) 15%, var(--nk-table-cell-background) ) )}.nk-table__overscroll-start-cell{--nk-table-overscroll-background: -24px 0 var(--nk-table-cell-background), -48px 0 var(--nk-table-cell-background), -72px 0 var(--nk-table-cell-background), -96px 0 var(--nk-table-cell-background), -120px 0 var(--nk-table-cell-background), -144px 0 var(--nk-table-cell-background);--nk-table-overscroll-border: -24px 0 var(--nk-table-overscroll-border-color), -48px 0 var(--nk-table-overscroll-border-color), -72px 0 var(--nk-table-overscroll-border-color), -96px 0 var(--nk-table-overscroll-border-color), -120px 0 var(--nk-table-overscroll-border-color), -144px 0 var(--nk-table-overscroll-border-color);--nk-table-overscroll-clip-left: calc( 0px - var(--nk-table-overscroll-extent) );--nk-table-overscroll-clip-right: 100%;--nk-table-overscroll-content: ""}.nk-table__element :is(.nk-table__action-header-cell,.nk-table__action-cell):last-child{--nk-table-overscroll-background: 24px 0 var(--nk-table-cell-background), 48px 0 var(--nk-table-cell-background), 72px 0 var(--nk-table-cell-background), 96px 0 var(--nk-table-cell-background), 120px 0 var(--nk-table-cell-background), 144px 0 var(--nk-table-cell-background);--nk-table-overscroll-border: 24px 0 var(--nk-table-overscroll-border-color), 48px 0 var(--nk-table-overscroll-border-color), 72px 0 var(--nk-table-overscroll-border-color), 96px 0 var(--nk-table-overscroll-border-color), 120px 0 var(--nk-table-overscroll-border-color), 144px 0 var(--nk-table-overscroll-border-color);--nk-table-overscroll-clip-left: 100%;--nk-table-overscroll-clip-right: calc( 0px - var(--nk-table-overscroll-extent) );--nk-table-overscroll-content: ""}.nk-table__header-cell:before,.nk-table__cell:before{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:var(--nk-table-overscroll-background, none);clip-path:inset(0 var(--nk-table-overscroll-clip-right, 0) 0 var(--nk-table-overscroll-clip-left, 0));content:var(--nk-table-overscroll-content, none);pointer-events:none}.nk-table__header-cell:after,.nk-table__cell:after{position:absolute;right:0;bottom:0;left:0;height:0;border-bottom:var(--nk-border-width) var(--nk-border-style) transparent;box-shadow:var(--nk-table-overscroll-border, none);translate:0 100%;clip-path:inset(0 var(--nk-table-overscroll-clip-right, 0) 0 var(--nk-table-overscroll-clip-left, 0));content:var(--nk-table-overscroll-content, none);pointer-events:none}.nk-table__overscroll-start-cell:before,.nk-table__overscroll-start-cell:after{right:0;left:auto;width:var(--nk-space-24);transform:translate(var(--nk-space-24));visibility:visible}.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell):before,.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell):after{right:auto;width:var(--nk-space-24);transform:translate(calc(0px - var(--nk-space-24)));visibility:visible}.nk-table__body:last-child .nk-table__row:last-child .nk-table__cell:after,.nk-table__foot:last-child .nk-table__row:last-child .nk-table__cell:after{display:none}.nk-table__row-trigger{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%)}.nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){position:sticky;left:0;z-index:1;box-shadow:1px 0 transparent,2px 0 transparent,3px 0 transparent,4px 0 transparent;transition:box-shadow var(--nk-duration-fast) var(--nk-easing-standard)}.nk-table[data-scrolled] .nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){box-shadow:1px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),2px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),3px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent),4px 0 color-mix(in srgb,var(--nk-color-text) 1%,transparent)}.nk-table__action-header-cell,.nk-table__action-cell{width:1%;border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-table__overscroll-start-cell{position:sticky;left:0;width:0;padding-inline:0;visibility:hidden}.nk-table__element:not(:has(.nk-table__action-list)) :is(.nk-table__action-header-cell,.nk-table__action-cell){width:0;padding-inline:0;visibility:hidden;border-left:0}:is(.nk-table__action-header-cell,.nk-table__action-cell):last-child{position:sticky;right:0;z-index:2}.nk-table__action-cell{padding-block:0}.nk-table__action-list{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--nk-space-4)}.nk-table__truncated-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-table__empty-cell{padding-block:var(--nk-table-empty-cell-padding-block);text-align:center}.nk-table__empty-content{color:var(--nk-color-text-muted);font-size:var(--nk-font-size-caption)}.nk-table__visually-hidden{position:absolute;margin:-1px;width:1px;height:1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.nk-table__element:has(.nk-table__head .nk-table__overscroll-start-cell+.nk-table__header-cell[data-sticky]:not(.nk-table__action-header-cell)) .nk-table__overscroll-start-cell+:is(.nk-table__header-cell,.nk-table__cell){transition:none}}.nk-text{--nk-text-color: var(--nk-color-text);--nk-text-alignment: left;margin:0;color:var(--nk-text-color);font-family:inherit;text-align:var(--nk-text-alignment)}.nk-text[data-size=caption]{font-size:var(--nk-font-size-caption);line-height:1.4}.nk-text[data-size=body]{font-size:var(--nk-font-size-body);line-height:1.4}.nk-text[data-size=subtitle]{font-size:var(--nk-font-size-subtitle);line-height:1.3}.nk-text[data-size=title]{font-size:var(--nk-font-size-title);line-height:1.2}.nk-text[data-size=heading]{font-size:var(--nk-font-size-heading);line-height:1.15}.nk-text[data-weight=regular]{font-weight:var(--nk-font-weight-regular)}.nk-text[data-weight=medium]{font-weight:var(--nk-font-weight-medium)}.nk-text[data-weight=semibold]{font-weight:var(--nk-font-weight-semibold)}.nk-text[data-weight=bold]{font-weight:var(--nk-font-weight-bold)}.nk-text[data-tone=muted]{--nk-text-color: var(--nk-color-text-muted)}.nk-text[data-tone=accent]{--nk-text-color: var(--nk-accent)}.nk-text[data-tone=info]{--nk-text-color: var(--nk-color-info-foreground)}.nk-text[data-tone=success]{--nk-text-color: var(--nk-color-success-foreground)}.nk-text[data-tone=warning]{--nk-text-color: var(--nk-color-warning-foreground)}.nk-text[data-tone=danger]{--nk-text-color: var(--nk-color-danger-foreground)}.nk-text[data-align=center]{--nk-text-alignment: center}.nk-text[data-align=right]{--nk-text-alignment: right}:root,.nk-boundary{--nk-cell: 36px;--nk-space-2: 2px;--nk-space-4: 4px;--nk-space-8: 8px;--nk-space-12: 12px;--nk-space-16: 16px;--nk-space-24: 24px;--nk-space-32: 32px;--nk-space-48: 48px;--nk-control-height: calc(var(--nk-cell) * .875);--nk-choice-size: calc(var(--nk-cell) * .5);--nk-space-control-gap-block: var(--nk-space-4);--nk-space-control-gap-inline: var(--nk-space-8);--nk-space-control-padding-inline: var(--nk-space-12);--nk-space-group-gap: var(--nk-space-8);--nk-border-width: 1.25px;--nk-border-style: solid;--nk-radius-small: 4px;--nk-radius-medium: 8px;--nk-radius-large: 12px;--nk-font-family-sans: "Albert Sans", system-ui, sans-serif;--nk-font-size-caption: 12px;--nk-font-size-root: 14px;--nk-font-size-body: var(--nk-font-size-root);--nk-font-size-subtitle: 16px;--nk-font-size-title: 21px;--nk-font-size-heading: 24px;--nk-font-weight-regular: 400;--nk-font-weight-medium: 500;--nk-font-weight-semibold: 550;--nk-font-weight-bold: 600;--nk-shadow: 0 var(--nk-space-4) 6px -1px rgb(0 0 0 / 10%), 0 var(--nk-space-2) var(--nk-space-4) -2px rgb(0 0 0 / 10%);--nk-focus-ring-width: 2px;--nk-focus-ring-offset: 2px;--nk-duration-fast: .2s;--nk-duration-normal: .3s;--nk-easing-standard: ease}:root,.nk-boundary{--nk-accent: #2563eb;--nk-accent-soft: color-mix(in srgb, var(--nk-accent) 12%, transparent);--nk-accent-subtle: color-mix(in srgb, var(--nk-accent) 6%, transparent);--nk-color-background: #fff;--nk-color-surface: #fff;--nk-color-text: #000;--nk-color-text-muted: rgb(0 0 0 / 65%);--nk-color-border: rgb(0 0 0 / 12.5%);--nk-color-emphasis-fill: #000;--nk-color-emphasis-fill-foreground: #fff;--nk-color-info-foreground: #2563eb;--nk-color-info-fill: #2563eb;--nk-color-info-fill-foreground: #fff;--nk-color-success-foreground: #15803d;--nk-color-success-fill: #15803d;--nk-color-success-fill-foreground: #fff;--nk-color-warning-foreground: #b84800;--nk-color-warning-fill: #f97316;--nk-color-warning-fill-foreground: #000;--nk-color-danger-foreground: #d32f2f;--nk-color-danger-fill: #d32f2f;--nk-color-danger-fill-foreground: #fff;--nk-focus-ring-color: var(--nk-accent)}.nk-boundary[data-theme=dark]{--nk-accent: #3b82f6;--nk-color-background: #000;--nk-color-surface: #111;--nk-color-text: #fff;--nk-color-text-muted: rgb(255 255 255 / 65%);--nk-color-border: rgb(255 255 255 / 15%);--nk-color-emphasis-fill: #fff;--nk-color-emphasis-fill-foreground: #000;--nk-color-info-foreground: #60a5fa;--nk-color-success-foreground: #4ade80;--nk-color-warning-foreground: #fb923c;--nk-color-danger-foreground: #ff6b6b}@media(prefers-color-scheme:dark){.nk-boundary[data-theme=auto]{--nk-accent: #3b82f6;--nk-color-background: #000;--nk-color-surface: #111;--nk-color-text: #fff;--nk-color-text-muted: rgb(255 255 255 / 65%);--nk-color-border: rgb(255 255 255 / 15%);--nk-color-emphasis-fill: #fff;--nk-color-emphasis-fill-foreground: #000;--nk-color-info-foreground: #60a5fa;--nk-color-success-foreground: #4ade80;--nk-color-warning-foreground: #fb923c;--nk-color-danger-foreground: #ff6b6b}}@font-face{font-family:Albert Sans;src:url("./albert-sans-cb3e34c4.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.nk-alert:not(.nk-boundary *),.nk-avatar:not(.nk-boundary *),.nk-badge:not(.nk-boundary *),.nk-button:not(.nk-boundary *),.nk-card:not(.nk-boundary *),.nk-checkbox:not(.nk-boundary *),.nk-checkbox-group:not(.nk-boundary *),.nk-code:not(.nk-boundary *),.nk-divider:not(.nk-boundary *),.nk-field:not(.nk-boundary *),.nk-icon:not(.nk-boundary *),.nk-input:not(.nk-boundary *),.nk-markdown:not(.nk-boundary *),.nk-modal:not(.nk-boundary *),.nk-pin-input:not(.nk-boundary *),.nk-popover:not(.nk-boundary *),.nk-progress:not(.nk-boundary *),.nk-radio:not(.nk-boundary *),.nk-radio-group:not(.nk-boundary *),.nk-select:not(.nk-boundary *),.nk-sidebar:not(.nk-boundary *),.nk-skeleton:not(.nk-boundary *),.nk-spinner:not(.nk-boundary *),.nk-switch:not(.nk-boundary *),.nk-table:not(.nk-boundary *),.nk-text:not(.nk-boundary *),.nk-text-area:not(.nk-boundary *),.nk-tooltip:not(.nk-boundary *){outline:2px dashed var(--nk-color-danger-fill);outline-offset:var(--nk-space-2)}.nk-boundary :focus:not(:focus-visible),.nk-boundary [tabindex="-1"]:focus{outline:none}.nk-badge{--nk-badge-background: var(--nk-color-surface);--nk-badge-border: var(--nk-color-border);--nk-badge-foreground: var(--nk-color-text);--nk-badge-tone-color: var(--nk-color-text-muted);--nk-badge-tone-solid: var(--nk-color-emphasis-fill);--nk-badge-on-solid: var(--nk-color-emphasis-fill-foreground);display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline);box-sizing:border-box;background:var(--nk-badge-background);color:var(--nk-badge-foreground);border:var(--nk-border-width) var(--nk-border-style) var(--nk-badge-border);border-radius:var(--nk-radius-small);font-family:inherit;font-weight:var(--nk-font-weight-semibold);line-height:1.25;white-space:nowrap;-webkit-user-select:none;user-select:none}.nk-badge:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-badge[data-size=small]{padding:var(--nk-space-2) var(--nk-space-4);font-size:var(--nk-font-size-caption)}.nk-badge[data-size=medium]{padding:var(--nk-space-2) var(--nk-space-12);font-size:var(--nk-font-size-body)}.nk-badge[data-size=large]{padding:var(--nk-space-2) var(--nk-space-16);font-size:var(--nk-font-size-subtitle)}button.nk-badge,a.nk-badge[href]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;cursor:pointer}button.nk-badge:after,a.nk-badge[href]:after{position:absolute;top:50%;left:50%;min-width:var(--nk-space-24);min-height:var(--nk-space-24);content:"";translate:-50% -50%}button.nk-badge:disabled{opacity:.6;cursor:not-allowed}.nk-badge[data-tone=info]{--nk-badge-tone-color: var(--nk-color-info-foreground);--nk-badge-tone-solid: var(--nk-color-info-fill);--nk-badge-on-solid: var(--nk-color-info-fill-foreground)}.nk-badge[data-tone=success]{--nk-badge-tone-color: var(--nk-color-success-foreground);--nk-badge-tone-solid: var(--nk-color-success-fill);--nk-badge-on-solid: var(--nk-color-success-fill-foreground)}.nk-badge[data-tone=warning]{--nk-badge-tone-color: var(--nk-color-warning-foreground);--nk-badge-tone-solid: var(--nk-color-warning-fill);--nk-badge-on-solid: var(--nk-color-warning-fill-foreground)}.nk-badge[data-tone=danger]{--nk-badge-tone-color: var(--nk-color-danger-foreground);--nk-badge-tone-solid: var(--nk-color-danger-fill);--nk-badge-on-solid: var(--nk-color-danger-fill-foreground)}.nk-badge[data-variant=soft]{--nk-badge-background: color-mix( in srgb, var(--nk-badge-tone-color) 10%, var(--nk-color-surface) );--nk-badge-border: transparent;--nk-badge-foreground: var(--nk-badge-tone-color)}.nk-badge[data-variant=solid]{--nk-badge-background: var(--nk-badge-tone-solid);--nk-badge-border: var(--nk-badge-tone-solid);--nk-badge-foreground: var(--nk-badge-on-solid)}.nk-badge[data-variant=outline]:not([data-tone=neutral]){--nk-badge-border: color-mix( in srgb, var(--nk-badge-tone-color) 35%, transparent );--nk-badge-foreground: var(--nk-badge-tone-color)}.nk-field{--nk-field-message-max-width: 616px;display:grid;row-gap:var(--nk-space-control-gap-block);width:100%;color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-field__label{display:flex;align-items:center;gap:var(--nk-space-4)}.nk-field__body{display:grid;row-gap:var(--nk-space-control-gap-block);min-width:0}.nk-field__required{color:var(--nk-color-danger-foreground)}.nk-field__required-text{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.nk-field__description,.nk-field__error{max-width:var(--nk-field-message-max-width)}.nk-field[data-orientation=horizontal][data-has-label]{align-items:start;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--nk-space-group-gap)}.nk-field[data-orientation=horizontal][data-has-label]>.nk-field__label{min-height:var(--nk-control-height)}.nk-field[data-orientation=horizontal][data-has-label]>.nk-field__body>.nk-switch:first-child{margin-top:calc((var(--nk-control-height) - var(--nk-switch-height)) / 2)}.nk-field[data-disabled] .nk-field__label{color:var(--nk-color-text-muted)}.nk-input{--nk-input-background: var(--nk-color-surface);--nk-input-border: var(--nk-color-border);--nk-input-foreground: var(--nk-color-text);--nk-input-action-size: 28px;display:inline-flex;position:relative;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-control-height);overflow:hidden;background:var(--nk-input-background);color:var(--nk-input-foreground);border:var(--nk-border-width) var(--nk-border-style) var(--nk-input-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-input:has(.nk-input__control:focus-visible),.nk-input:has(.nk-input__action:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-input__control{flex:1 1 auto;box-sizing:border-box;min-width:0;height:100%;padding:0 var(--nk-space-control-padding-inline);background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25}.nk-input__control::placeholder{color:var(--nk-color-text-muted);opacity:1}.nk-input__trailing{display:inline-flex;flex:0 0 auto;align-items:center;margin-right:var(--nk-space-4);color:var(--nk-color-text-muted)}.nk-input[data-has-trailing-action] .nk-input__control{padding-right:var(--nk-space-control-gap-inline)}.nk-input__action{--nk-button-icon-only-size: var(--nk-input-action-size);color:inherit;border-radius:var(--nk-radius-medium)}.nk-input__action:hover:not(:disabled){color:var(--nk-color-text)}.nk-input__action:focus-visible{outline:0}.nk-input__spinner{--nk-spinner-color: currentColor;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.nk-input[data-clearable] .nk-input__control::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nk-input[data-invalid]{--nk-input-border: var(--nk-color-danger-foreground)}.nk-input[data-read-only]{--nk-input-background: color-mix( in srgb, var(--nk-color-text) 3%, var(--nk-color-surface) )}.nk-input[data-disabled]{--nk-input-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-input-foreground: var(--nk-color-text-muted);cursor:not-allowed}.nk-input[data-disabled] .nk-input__control{cursor:not-allowed}.nk-input[data-loading],.nk-input[data-loading] .nk-input__control{cursor:wait}.nk-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;background:#00000052;animation:nk-modal-overlay-enter var(--nk-duration-fast) var(--nk-easing-standard);overscroll-behavior:contain}.nk-modal__viewport{display:flex;position:sticky;top:0;align-items:center;justify-content:center;box-sizing:border-box;height:100dvh;max-height:100%;padding:var(--nk-space-16);overflow:auto}.nk-modal__overlay[data-state=closing]{pointer-events:none;animation:nk-modal-overlay-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-modal{position:relative;width:max-content;min-width:min(300px,100%);max-width:min(640px,100%);max-height:calc(100dvh - var(--nk-space-32));padding:var(--nk-space-12);overflow:auto;box-shadow:var(--nk-shadow);animation:nk-modal-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-modal[data-state=closing]{animation:nk-modal-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-modal:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-modal__header{display:flex;align-items:center;gap:var(--nk-space-12);margin-bottom:var(--nk-space-12);min-height:var(--nk-space-32)}.nk-modal__title{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.nk-modal__title:focus{outline:none}.nk-modal__close{--nk-button-icon-only-size: var(--nk-space-32);position:absolute;top:var(--nk-space-8);right:var(--nk-space-8)}.nk-modal__header .nk-modal__close{position:static;margin-left:auto}@keyframes nk-modal-overlay-enter{0%{opacity:0}}@keyframes nk-modal-overlay-exit{to{opacity:0}}@keyframes nk-modal-enter{0%{opacity:0;transform:translateY(var(--nk-space-8)) scale(.98)}}@keyframes nk-modal-exit{to{opacity:0;transform:translateY(var(--nk-space-8)) scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-modal,.nk-modal__overlay{animation:none;transition:none}}.nk-popover{--nk-popover-max-width: 400px;--nk-popover-arrow-offset: 50%;position:absolute;width:max-content;max-width:min(var(--nk-popover-max-width),calc(100cqi - var(--nk-space-16)));max-height:calc(100vh - var(--nk-space-16));overflow:visible;box-shadow:var(--nk-shadow);outline:0;overflow-wrap:anywhere;animation:nk-popover-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-popover__content{box-sizing:border-box;max-height:inherit;padding:var(--nk-space-16);overflow:auto;border-radius:inherit;overscroll-behavior:contain}.nk-popover__arrow{position:absolute;box-sizing:border-box;width:var(--nk-space-8);height:var(--nk-space-8);background:var(--nk-color-surface);pointer-events:none}.nk-popover[data-placement=top] .nk-popover__arrow,.nk-popover[data-placement=bottom] .nk-popover__arrow{left:var(--nk-popover-arrow-offset);transform:translate(-50%) rotate(45deg)}.nk-popover[data-placement=top] .nk-popover__arrow{bottom:-5px;border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-popover[data-placement=bottom] .nk-popover__arrow{top:-5px;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-popover[data-placement=left] .nk-popover__arrow,.nk-popover[data-placement=right] .nk-popover__arrow{top:var(--nk-popover-arrow-offset);transform:translateY(-50%) rotate(45deg)}.nk-popover[data-placement=left] .nk-popover__arrow{right:-5px;border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-popover[data-placement=right] .nk-popover__arrow{left:-5px;border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-popover:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-popover[data-state=closing]{pointer-events:none;animation:nk-popover-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}@keyframes nk-popover-enter{0%{opacity:0;transform:scale(.98)}}@keyframes nk-popover-exit{to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.nk-popover{animation:none}}.nk-switch{--nk-switch-height: calc(var(--nk-choice-size) * 1.1);--nk-switch-width: calc(var(--nk-choice-size) * 2);display:inline-flex;position:relative;flex:0 0 auto;align-items:center;width:var(--nk-switch-width);height:var(--nk-switch-height);font-family:var(--nk-font-family-sans)}.nk-switch__control{position:absolute;top:50%;right:0;left:0;z-index:1;margin:0;width:100%;height:var(--nk-control-height);opacity:0;cursor:pointer;transform:translateY(-50%)}.nk-switch__track{display:flex;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-switch-height);padding:var(--nk-space-2);background:color-mix(in srgb,var(--nk-color-text) 18%,var(--nk-color-surface));border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:9999px}.nk-switch__thumb{width:calc(var(--nk-switch-height) - 6px);height:calc(var(--nk-switch-height) - 6px);background:#fff;border-radius:50%;box-shadow:0 1px 2px color-mix(in srgb,var(--nk-color-text) 25%,transparent);transition:transform var(--nk-duration-fast) var(--nk-easing-standard)}.nk-switch__control:focus-visible+.nk-switch__track{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-switch__control:checked+.nk-switch__track{background:var(--nk-accent);border-color:var(--nk-accent)}.nk-switch__control:checked+.nk-switch__track .nk-switch__thumb{transform:translate(calc(var(--nk-switch-width) - var(--nk-switch-height)))}.nk-switch[data-invalid] .nk-switch__track{border-color:var(--nk-color-danger-foreground)}.nk-switch[data-disabled] .nk-switch__control{cursor:not-allowed}.nk-switch[data-disabled] .nk-switch__track{background:color-mix(in srgb,var(--nk-color-text) 8%,var(--nk-color-surface));border-color:var(--nk-color-border)}.nk-switch[data-disabled] .nk-switch__thumb{background:var(--nk-color-text-muted)}@media(prefers-reduced-motion:reduce){.nk-switch__thumb{transition:none}}.nk-text-area{--nk-text-area-padding-block: var(--nk-space-12);--nk-text-area-padding-inline: var(--nk-space-control-padding-inline);box-sizing:border-box;width:100%;min-height:var(--nk-text-area-min-height);padding:var(--nk-text-area-padding-block) var(--nk-text-area-padding-inline);background:var(--nk-color-surface);color:var(--nk-color-text);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-medium);font:inherit;font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);line-height:1.25}.nk-text-area::placeholder{color:var(--nk-color-text-muted);opacity:1}.nk-text-area:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-text-area[data-resize=none]{resize:none}.nk-text-area[data-resize=vertical]{resize:vertical}.nk-text-area[data-resize=horizontal]{resize:horizontal}.nk-text-area[data-resize=both]{resize:both}.nk-text-area[data-invalid]{border-color:var(--nk-color-danger-foreground)}.nk-text-area:read-only{background:color-mix(in srgb,var(--nk-color-text) 3%,var(--nk-color-surface))}.nk-text-area:disabled{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface));color:var(--nk-color-text-muted);cursor:not-allowed}.nk-pin-input{--nk-pin-input-background: var(--nk-color-surface);--nk-pin-input-border: var(--nk-color-border);--nk-pin-input-censor-size: 6px;--nk-pin-input-foreground: var(--nk-color-text);display:inline-flex;position:relative;align-items:center;max-width:100%;color:var(--nk-pin-input-foreground);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-pin-input__control{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:var(--nk-font-size-subtitle);pointer-events:none}.nk-pin-input__slots{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-block) var(--nk-space-control-gap-inline);max-width:100%}.nk-pin-input__slot-group{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline)}.nk-pin-input[data-wrap] .nk-pin-input__slots{display:grid;grid-template-columns:repeat(var(--nk-pin-input-columns),var(--nk-control-height))}.nk-pin-input__slot{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-control-height);height:var(--nk-control-height);background:var(--nk-pin-input-background);color:var(--nk-pin-input-foreground);border:var(--nk-border-width) var(--nk-border-style) var(--nk-pin-input-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-weight:var(--nk-font-weight-semibold);line-height:1;text-align:center;cursor:text}.nk-pin-input__separator{color:var(--nk-color-text-muted);font-weight:var(--nk-font-weight-semibold)}.nk-pin-input__censor{display:block;width:var(--nk-pin-input-censor-size);height:var(--nk-pin-input-censor-size);background:currentColor;border-radius:50%}.nk-pin-input__control:focus-visible+.nk-pin-input__slots .nk-pin-input__slot[data-active]{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-pin-input[data-invalid]{--nk-pin-input-border: var(--nk-color-danger-foreground)}.nk-pin-input[data-read-only]{--nk-pin-input-background: color-mix( in srgb, var(--nk-color-text) 3%, var(--nk-color-surface) )}.nk-pin-input[data-disabled]{--nk-pin-input-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-pin-input-foreground: var(--nk-color-text-muted)}.nk-pin-input[data-disabled] .nk-pin-input__slot{cursor:not-allowed}@media(forced-colors:active){.nk-pin-input__control:focus-visible+.nk-pin-input__slots .nk-pin-input__slot[data-active]{outline-color:Highlight}}.nk-progress{--nk-progress-completion: 0%;--nk-progress-thickness: var(--nk-space-8);--nk-progress-fill: var(--nk-accent);--nk-progress-track: color-mix( in srgb, var(--nk-color-text) 12%, transparent );display:block;position:relative;box-sizing:border-box;width:100%;height:var(--nk-progress-thickness);overflow:hidden;background:var(--nk-progress-track);border-radius:9999px}.nk-progress__indicator{display:block;width:var(--nk-progress-completion);height:100%;background:var(--nk-progress-fill);border-radius:inherit;transition:width var(--nk-duration-normal) var(--nk-easing-standard)}.nk-progress[data-tone=info]{--nk-progress-fill: var(--nk-color-info-foreground)}.nk-progress[data-tone=success]{--nk-progress-fill: var(--nk-color-success-foreground)}.nk-progress[data-tone=warning]{--nk-progress-fill: var(--nk-color-warning-foreground)}.nk-progress[data-tone=danger]{--nk-progress-fill: var(--nk-color-danger-foreground)}.nk-progress[data-indeterminate] .nk-progress__indicator{width:40%;animation:nk-progress-slide 1.4s var(--nk-easing-standard) infinite}@keyframes nk-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(forced-colors:active){.nk-progress{border:var(--nk-border-width) var(--nk-border-style) CanvasText}.nk-progress__indicator{background:Highlight}}@media(prefers-reduced-motion:reduce){.nk-progress__indicator{transition:none}.nk-progress[data-indeterminate] .nk-progress__indicator{width:100%;opacity:.5;animation:none}}.nk-boundary{--nk-boundary-grid-line-color: color-mix( in srgb, var(--nk-color-text) 10%, transparent );--nk-boundary-grid-offset: 0px;--nk-boundary-safe-area-bottom: env(safe-area-inset-bottom, 0px);--nk-boundary-safe-area-left: env(safe-area-inset-left, 0px);--nk-boundary-safe-area-right: env(safe-area-inset-right, 0px);--nk-boundary-spacing-top: calc(var(--nk-cell) * .5);--nk-boundary-spacing-bottom: calc(var(--nk-cell) * 1.5);--nk-boundary-spacing-inline: calc(var(--nk-cell) * .5);--nk-boundary-width-snapped: 0;position:relative;isolation:isolate;container:nk-boundary / inline-size;width:100%;background-color:var(--nk-color-background);color:var(--nk-color-text);color-scheme:light;font-size:var(--nk-font-size-root);font-family:var(--nk-font-family-sans);-webkit-text-size-adjust:none;text-size-adjust:none}.nk-boundary .nk-boundary{--nk-boundary-safe-area-bottom: 0px;--nk-boundary-safe-area-left: 0px;--nk-boundary-safe-area-right: 0px}.nk-boundary[data-theme=dark]{color-scheme:dark}.nk-boundary[data-theme=auto]{color-scheme:light dark}.nk-boundary,.nk-boundary *,.nk-boundary *:before,.nk-boundary *:after{box-sizing:border-box}.nk-boundary:before,.nk-boundary:after{position:absolute;top:0;right:0;left:0;bottom:auto;z-index:-1;height:min(100%,100vh);height:min(100%,100dvh);border-radius:inherit;opacity:0;content:"";pointer-events:none}.nk-boundary:before{background-image:linear-gradient(to right,var(--nk-boundary-grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--nk-boundary-grid-line-color) 1px,transparent 1px);background-position:center var(--nk-boundary-grid-offset);background-size:var(--nk-cell) var(--nk-cell)}.nk-boundary:after{background-image:linear-gradient(to bottom,transparent 75%,var(--nk-color-background) 100%),radial-gradient(ellipse 200% 120% at 50% 90%,var(--nk-color-background) 0%,var(--nk-color-background) 20%,color-mix(in srgb,var(--nk-color-background) 70%,transparent) 70%,color-mix(in srgb,var(--nk-color-background) 30%,transparent) 90%,transparent 100%)}.nk-boundary[data-decoration=grid]:before{opacity:calc(.5 + .5 * var(--nk-boundary-width-snapped))}.nk-boundary[data-decoration=grid]:after{opacity:1}.nk-boundary__content{width:100%;max-width:100%}.nk-boundary[data-width=narrow]>.nk-boundary__content{margin-inline:auto;width:90%}@container nk-boundary (min-width: 640px){.nk-boundary[data-width=narrow]:before{--nk-boundary-width-snapped: 1}.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 85%;--nk-boundary-preferred-width: 650px;--nk-boundary-target-width: max( var(--nk-boundary-fluid-width), min( var(--nk-boundary-preferred-width), calc(100% - var(--nk-space-16)) ) );width:calc(var(--nk-boundary-target-width) - var(--nk-cell) - var(--nk-cell))}}@container nk-boundary (min-width: 960px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 70%;--nk-boundary-preferred-width: 960px}}@container nk-boundary (min-width: 1440px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 60%;--nk-boundary-preferred-width: 1100px}}@container nk-boundary (min-width: 1920px){.nk-boundary[data-width=narrow]>.nk-boundary__content{--nk-boundary-fluid-width: 35%;--nk-boundary-preferred-width: 1200px}}@supports (width: round(down,100px,10px)){@container nk-boundary (min-width: 640px){.nk-boundary[data-width=narrow]>.nk-boundary__content{width:round(down,calc(var(--nk-boundary-target-width) - var(--nk-cell)),calc(var(--nk-cell) + var(--nk-cell)))}}}.nk-boundary[data-height=available]{min-height:100%}.nk-boundary[data-height=viewport]{min-height:100vh;min-height:100dvh}.nk-boundary[data-spacing=standard]:before{--nk-boundary-grid-offset: var(--nk-boundary-spacing-top)}.nk-boundary[data-spacing=standard]>.nk-boundary__content{padding-top:var(--nk-boundary-spacing-top);padding-bottom:var(--nk-boundary-spacing-bottom)}.nk-boundary[data-spacing=standard][data-width=full]>.nk-boundary__content{padding-inline:var(--nk-boundary-spacing-inline)}@container nk-boundary (min-width: 640px){.nk-boundary:before,.nk-boundary>.nk-boundary__content{--nk-boundary-spacing-top: var(--nk-cell);--nk-boundary-spacing-inline: var(--nk-cell)}}.nk-card{overflow:hidden}.nk-card__header{box-sizing:border-box;padding:var(--nk-space-8) var(--nk-space-12);border-bottom:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-card__header[data-spacing=none]{padding:0}.nk-card__body{box-sizing:border-box;padding:var(--nk-space-12)}.nk-card__body[data-spacing=none]{padding:0}.nk-card__footer{box-sizing:border-box;padding:var(--nk-space-8) var(--nk-space-12);border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-card__footer[data-spacing=none]{padding:0}.nk-markdown{--nk-markdown-scroll-offset: 0px;--nk-markdown-block-spacing: var(--nk-font-size-body);--nk-markdown-indent: calc(var(--nk-markdown-block-spacing) * 1.5);--nk-markdown-section-spacing: calc(var(--nk-markdown-block-spacing) * 1.5);min-width:0;color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-markdown>*{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing)}.nk-markdown [id]{scroll-margin-top:var(--nk-markdown-scroll-offset)}.nk-markdown__heading{margin-top:var(--nk-markdown-section-spacing);margin-bottom:var(--nk-markdown-block-spacing)}.nk-markdown__paragraph{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);overflow-wrap:anywhere}.nk-markdown>.nk-divider{margin-block:var(--nk-markdown-section-spacing)}.nk-markdown>:first-child{margin-top:0}.nk-markdown>:last-child{margin-bottom:0}.nk-markdown__link{color:var(--nk-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.nk-markdown__link:hover{color:color-mix(in srgb,var(--nk-accent) 80%,var(--nk-color-text))}.nk-markdown__link:focus-visible{border-radius:var(--nk-radius-small);outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-markdown__inline-code{padding:var(--nk-space-2) var(--nk-space-4);background:color-mix(in srgb,var(--nk-color-text) 2.5%,var(--nk-color-surface));border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-small);font-size:.875em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.nk-markdown>.nk-code{min-width:0}.nk-markdown__list{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);padding-left:var(--nk-markdown-indent);line-height:1.5}.nk-markdown__list .nk-markdown__list{margin-bottom:0}.nk-markdown__list-item+.nk-markdown__list-item{margin-top:var(--nk-space-4)}.nk-markdown__list-item{padding-left:var(--nk-space-2)}.nk-markdown__list-item>.nk-markdown__paragraph{margin-top:var(--nk-markdown-block-spacing)}.nk-markdown__list-item--task{position:relative;list-style:none}.nk-markdown__list-item--task>.nk-markdown__paragraph:has(>.nk-markdown__task){position:relative}.nk-markdown__task{position:absolute;top:.25em;left:calc(var(--nk-markdown-indent) * -1);width:1em;line-height:1;text-align:center}.nk-markdown__list-item--task>.nk-markdown__task{left:calc(var(--nk-space-2) - var(--nk-markdown-indent))}.nk-markdown__blockquote{margin-top:0;margin-bottom:var(--nk-markdown-block-spacing);margin-inline:0;padding-left:var(--nk-space-12);color:var(--nk-color-text-muted);border-left:var(--nk-space-4) solid var(--nk-color-border)}.nk-markdown__blockquote>:first-child{margin-top:0}.nk-markdown__blockquote>:last-child{margin-bottom:0}.nk-markdown__picture{display:block}.nk-markdown__image{display:block;max-width:100%;height:auto;border-radius:var(--nk-radius-medium)}.nk-markdown__blocked-image{color:var(--nk-color-text-muted);font-style:italic}.nk-markdown>[data-footnotes]{padding-top:var(--nk-markdown-block-spacing);color:var(--nk-color-text-muted);border-top:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);font-size:var(--nk-font-size-caption)}.nk-markdown__visually-hidden{position:absolute;margin:-1px;width:1px;height:1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip-path:inset(50%)}.nk-radio-group{display:flex;gap:var(--nk-space-group-gap);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-radio-group[data-orientation=vertical]{flex-direction:column}.nk-radio-group[data-orientation=horizontal]{flex-flow:row wrap}.nk-radio-group[data-invalid] .nk-radio__visual{border-color:var(--nk-color-danger-foreground)}.nk-radio{display:inline-flex;position:relative;align-items:center;gap:var(--nk-space-control-gap-inline);width:fit-content;min-height:calc(var(--nk-cell) * 2 / 3);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);cursor:pointer}.nk-radio__control{position:absolute;inset:0 auto auto 0;margin:0;width:var(--nk-choice-size);height:var(--nk-choice-size);opacity:0;cursor:pointer}.nk-radio__visual{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-choice-size);height:var(--nk-choice-size);background:var(--nk-color-surface);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:50%}.nk-radio__visual:after{width:8px;height:8px;background:transparent;border-radius:50%;content:""}.nk-radio__control:focus-visible+.nk-radio__visual{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-radio__control:checked+.nk-radio__visual{border-color:var(--nk-accent)}.nk-radio__control:checked+.nk-radio__visual:after{background:var(--nk-accent)}.nk-radio[data-disabled]{color:var(--nk-color-text-muted);cursor:not-allowed}.nk-radio[data-disabled] .nk-radio__control{cursor:not-allowed}.nk-radio[data-disabled] .nk-radio__visual{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface))}.nk-radio[data-disabled] .nk-radio__control:checked+.nk-radio__visual{border-color:var(--nk-color-text-muted)}.nk-radio[data-disabled] .nk-radio__control:checked+.nk-radio__visual:after{background:var(--nk-color-text-muted)}@media(forced-colors:active){.nk-radio__control:checked+.nk-radio__visual:after{background:CanvasText}}.nk-checkbox-group{display:flex;gap:var(--nk-space-group-gap);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-checkbox-group[data-orientation=vertical]{flex-direction:column}.nk-checkbox-group[data-orientation=horizontal]{flex-flow:row wrap}.nk-checkbox-group[data-invalid] .nk-checkbox__visual{border-color:var(--nk-color-danger-foreground)}.nk-checkbox{display:inline-flex;position:relative;flex:0 0 auto;align-items:center;gap:var(--nk-space-control-gap-inline);width:fit-content;min-width:calc(var(--nk-cell) * 2 / 3);min-height:calc(var(--nk-cell) * 2 / 3);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);cursor:pointer}.nk-checkbox__control{position:absolute;top:50%;left:0;z-index:1;margin:0;width:var(--nk-choice-size);height:var(--nk-choice-size);opacity:0;cursor:pointer;transform:translateY(-50%)}.nk-checkbox__visual{display:inline-flex;position:relative;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--nk-choice-size);height:var(--nk-choice-size);background:var(--nk-color-surface);color:var(--nk-accent);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-small)}.nk-checkbox__icon{opacity:0}.nk-checkbox__control:focus-visible+.nk-checkbox__visual{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-checkbox__control:checked+.nk-checkbox__visual{background:var(--nk-accent-soft);border-color:var(--nk-accent)}.nk-checkbox__control:checked+.nk-checkbox__visual .nk-checkbox__icon{opacity:1}.nk-checkbox__required{margin-left:var(--nk-space-4);color:var(--nk-color-danger-foreground)}.nk-checkbox[data-invalid] .nk-checkbox__visual{border-color:var(--nk-color-danger-foreground)}.nk-checkbox[data-disabled] .nk-checkbox__control{cursor:not-allowed}.nk-checkbox[data-disabled]{color:var(--nk-color-text-muted);cursor:not-allowed}.nk-checkbox[data-disabled] .nk-checkbox__visual{background:color-mix(in srgb,var(--nk-color-text) 6%,var(--nk-color-surface));color:var(--nk-color-text-muted);border-color:var(--nk-color-border)}.nk-select{--nk-select-background: var(--nk-color-surface);--nk-select-border: var(--nk-color-border);--nk-select-foreground: var(--nk-color-text);display:inline-flex;position:relative;align-items:center;box-sizing:border-box;width:100%;height:var(--nk-control-height);overflow:hidden;background:var(--nk-select-background);color:var(--nk-select-foreground);border:var(--nk-border-width) var(--nk-border-style) var(--nk-select-border);border-radius:var(--nk-radius-medium);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-select:has(.nk-select__control:focus-visible),.nk-select:has(.nk-select__trigger:focus-visible){outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-select__control{flex:1 1 auto;box-sizing:border-box;min-width:0;height:100%;padding:0 calc(var(--nk-space-24) + var(--nk-space-12)) 0 var(--nk-space-control-padding-inline);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25;cursor:pointer}.nk-select__control option,.nk-select__control optgroup{background:var(--nk-color-surface);color:var(--nk-color-text)}.nk-select__icon{position:absolute;right:var(--nk-space-control-padding-inline);color:var(--nk-color-text-muted);pointer-events:none;transition:transform var(--nk-duration-fast) var(--nk-easing-standard)}.nk-select[data-mode=custom]{overflow:visible}.nk-select__trigger{display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;height:100%;padding:0 calc(var(--nk-space-24) + var(--nk-space-12)) 0 var(--nk-space-control-padding-inline);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:0;outline:0;font:inherit;line-height:1.25;text-align:left;cursor:pointer}.nk-select__value{display:inline-flex;align-items:center;gap:var(--nk-space-control-gap-inline);min-width:0}.nk-select__value-label,.nk-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-select__placeholder{color:var(--nk-color-text-muted)}.nk-select[data-open] .nk-select__icon{transform:rotate(180deg)}.nk-select__form-control{position:absolute;margin:-1px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.nk-select__listbox{position:absolute;box-sizing:border-box;width:max-content;max-width:calc(100cqi - var(--nk-space-16));padding:var(--nk-space-4);overflow-y:auto;background:var(--nk-color-surface);color:var(--nk-color-text);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-medium);box-shadow:var(--nk-shadow);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans);animation:nk-select-listbox-enter var(--nk-duration-fast) var(--nk-easing-standard);overscroll-behavior:contain}.nk-select__listbox[data-state=closing]{pointer-events:none;animation:nk-select-listbox-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-select__option{display:flex;align-items:center;gap:var(--nk-space-control-gap-inline);box-sizing:border-box;height:var(--nk-control-height);padding:0 var(--nk-space-control-padding-inline);border-radius:var(--nk-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none}.nk-select__option[data-highlighted]{background:var(--nk-accent-subtle)}.nk-select__option[data-selected]{color:var(--nk-accent);font-weight:var(--nk-font-weight-medium)}.nk-select__option[aria-disabled=true]{color:var(--nk-color-text-muted);opacity:.6;cursor:not-allowed}.nk-select__option-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk-select__check{margin-left:var(--nk-space-8)}.nk-select[data-invalid]{--nk-select-border: var(--nk-color-danger-foreground)}.nk-select[data-disabled]{--nk-select-background: color-mix( in srgb, var(--nk-color-text) 6%, var(--nk-color-surface) );--nk-select-foreground: var(--nk-color-text-muted);cursor:not-allowed}.nk-select[data-disabled] .nk-select__control,.nk-select[data-disabled] .nk-select__trigger{cursor:not-allowed}@keyframes nk-select-listbox-enter{0%{opacity:0;transform:translateY(calc(var(--nk-space-4) * -1))}}@keyframes nk-select-listbox-exit{to{opacity:0;transform:translateY(calc(var(--nk-space-4) * -1))}}@media(prefers-reduced-motion:reduce){.nk-select__icon,.nk-select__listbox{animation:none;transition:none}}.nk-sidebar{--nk-sidebar-width: calc(var(--nk-cell) * 8);--nk-sidebar-max-width: 80cqi;--nk-sidebar-height: auto;--nk-sidebar-padding: var(--nk-space-12);--nk-sidebar-group-gap: var(--nk-space-16);--nk-sidebar-item-fill: color-mix( in srgb, var(--nk-color-text) 2%, transparent );--nk-sidebar-item-fill-active: color-mix( in srgb, var(--nk-color-text) 6%, transparent );display:flex;position:relative;flex-direction:column;box-sizing:border-box;width:var(--nk-sidebar-width);overflow:hidden;background:var(--nk-color-surface);color:var(--nk-color-text);font-size:var(--nk-font-size-body);font-family:var(--nk-font-family-sans)}.nk-sidebar:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:calc(var(--nk-focus-ring-offset) * -1)}.nk-sidebar[data-variant=inline]{flex:0 0 auto;height:var(--nk-sidebar-height);border:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);border-radius:var(--nk-radius-medium)}.nk-sidebar__overlay{--nk-sidebar-backdrop: rgb(0 0 0 / 32%);display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;background:var(--nk-sidebar-backdrop);clip-path:inset(0);animation:nk-sidebar-overlay-enter var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar__overlay[data-side=right]{justify-content:flex-end}.nk-sidebar__overlay[data-state=closing]{pointer-events:none;animation:nk-sidebar-overlay-exit var(--nk-duration-fast) var(--nk-easing-standard) forwards}.nk-sidebar[data-variant=overlay]{position:sticky;top:0;flex:0 0 auto;width:min(var(--nk-sidebar-width),var(--nk-sidebar-max-width));height:100dvh;max-height:100%;border-radius:0;animation:nk-sidebar-enter-left var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar[data-variant=overlay][data-side=left]{border-right:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border)}.nk-sidebar[data-variant=overlay][data-side=right]{border-left:var(--nk-border-width) var(--nk-border-style) var(--nk-color-border);animation-name:nk-sidebar-enter-right}.nk-sidebar[data-variant=overlay][data-state=closing]{animation-name:nk-sidebar-exit-left;animation-fill-mode:forwards}.nk-sidebar[data-variant=overlay][data-side=right][data-state=closing]{animation-name:nk-sidebar-exit-right}.nk-sidebar__body{display:flex;flex:1 1 auto;flex-direction:column;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.nk-sidebar__header{flex:0 0 auto;padding-block:var(--nk-sidebar-padding);padding-inline:calc(var(--nk-sidebar-padding) + var(--nk-space-4))}.nk-sidebar__group{flex:0 0 auto;padding-inline:var(--nk-sidebar-padding)}.nk-sidebar__group:first-child{padding-top:var(--nk-sidebar-padding)}.nk-sidebar__group:last-child{padding-bottom:var(--nk-sidebar-padding)}.nk-sidebar__group+.nk-sidebar__group{padding-top:var(--nk-sidebar-group-gap)}.nk-sidebar__body .nk-sidebar__group:has(+.nk-sidebar__footer),.nk-sidebar__body:has(+.nk-sidebar__footer) .nk-sidebar__group:last-child{padding-bottom:var(--nk-sidebar-group-gap)}.nk-sidebar__group-label{margin:0;padding-bottom:var(--nk-space-8);padding-left:var(--nk-space-4)}.nk-sidebar__list{display:flex;flex-direction:column;gap:var(--nk-space-4);margin:0;padding:0;list-style:none}.nk-sidebar__item-container{display:flex}.nk-sidebar__item{--nk-button-background: var(--nk-sidebar-item-fill);--nk-button-min-height: var(--nk-control-height);font-weight:inherit;transition:background-color var(--nk-duration-fast) var(--nk-easing-standard)}.nk-sidebar__item[data-active]{--nk-button-background: var(--nk-sidebar-item-fill-active);font-weight:var(--nk-font-weight-medium)}.nk-sidebar__item-label{flex:0 1 auto;min-width:0;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis}.nk-sidebar__footer{flex:0 0 auto;padding-block:var(--nk-sidebar-padding);padding-inline:var(--nk-sidebar-padding);background:var(--nk-color-surface)}.nk-sidebar__body .nk-sidebar__footer:not(.nk-sidebar__body~.nk-sidebar__footer){position:sticky;bottom:0;z-index:1;margin-top:auto}.nk-sidebar__body~.nk-sidebar__footer{position:relative}.nk-sidebar__footer:before{position:absolute;top:0;right:0;left:0;height:var(--nk-space-4);background:linear-gradient(to top,color-mix(in srgb,var(--nk-color-text) 4%,transparent),transparent);opacity:0;content:"";pointer-events:none;transition:opacity var(--nk-duration-fast) var(--nk-easing-standard);transform:translateY(-100%)}.nk-sidebar__body[data-content-below] .nk-sidebar__footer:not(.nk-sidebar__body~.nk-sidebar__footer):before,.nk-sidebar__body[data-content-below]+.nk-sidebar__footer:before{opacity:1}.nk-sidebar__user{display:flex;align-items:center;gap:var(--nk-space-8);min-width:0;padding:var(--nk-space-8);background:color-mix(in srgb,var(--nk-color-text) 2%,transparent);border-radius:var(--nk-radius-medium)}.nk-sidebar__user-details{display:flex;flex:1 1 auto;align-items:center;gap:var(--nk-space-12);min-width:0;padding:0;border:none;border-radius:var(--nk-radius-small);background:none;color:inherit;font:inherit;text-align:left}button.nk-sidebar__user-details{cursor:pointer}button.nk-sidebar__user-details:focus-visible{outline:var(--nk-focus-ring-width) solid var(--nk-focus-ring-color);outline-offset:var(--nk-focus-ring-offset)}.nk-sidebar__user-avatar{flex:0 0 auto}.nk-sidebar__user-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.nk-sidebar__user-name,.nk-sidebar__user-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nk-sidebar__user-name{font-weight:var(--nk-font-weight-medium)}.nk-sidebar__user-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--nk-space-2)}.nk-sidebar__trigger[data-sidebar-variant=inline]{display:none}@container nk-boundary (min-width: 960px){.nk-sidebar__trigger[data-sidebar-variant=responsive]{display:none}}.nk-sidebar__fallback-trigger{position:absolute;bottom:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-bottom));z-index:1;box-shadow:var(--nk-shadow)}.nk-sidebar__fallback-trigger[data-side=left]{left:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-left))}.nk-sidebar__fallback-trigger[data-side=right]{right:calc(var(--nk-space-16) + var(--nk-boundary-safe-area-right))}.nk-boundary:has(>.nk-portal>.nk-sidebar__fallback-trigger){min-height:calc(var(--nk-control-height) + var(--nk-space-32))}@container nk-boundary not (min-width: 960px){.nk-sidebar[data-responsive]{display:none}}@keyframes nk-sidebar-overlay-enter{0%{opacity:0}}@keyframes nk-sidebar-overlay-exit{to{opacity:0}}@keyframes nk-sidebar-enter-left{0%{transform:translate(-100%)}}@keyframes nk-sidebar-exit-left{to{transform:translate(-100%)}}@keyframes nk-sidebar-enter-right{0%{transform:translate(100%)}}@keyframes nk-sidebar-exit-right{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.nk-sidebar,.nk-sidebar__overlay,.nk-sidebar__footer:before{animation:none;transition:none}}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export declare const BREAKPOINTS: {
|
|
|
14
14
|
/** A supported Neatkit responsive breakpoint name. */
|
|
15
15
|
export type BreakpointName = keyof typeof BREAKPOINTS;
|
|
16
16
|
/**
|
|
17
|
-
* Public CSS references for
|
|
17
|
+
* Public semantic design tokens, using CSS references for configurable values.
|
|
18
18
|
*
|
|
19
19
|
* Numeric layout values remain available through the layout unit utilities so
|
|
20
20
|
* consumers can use them directly in calculations.
|
|
@@ -58,6 +58,11 @@ export declare const tokens: {
|
|
|
58
58
|
readonly fillForeground: "var(--nk-color-danger-fill-foreground)";
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
|
+
readonly border: {
|
|
62
|
+
readonly color: "var(--nk-color-border)";
|
|
63
|
+
readonly width: "var(--nk-border-width)";
|
|
64
|
+
readonly style: "var(--nk-border-style)";
|
|
65
|
+
};
|
|
61
66
|
readonly radius: {
|
|
62
67
|
readonly small: "var(--nk-radius-small)";
|
|
63
68
|
readonly medium: "var(--nk-radius-medium)";
|
|
@@ -87,6 +92,8 @@ export declare const BASE_TOKENS: {
|
|
|
87
92
|
readonly "--nk-radius-small": "4px";
|
|
88
93
|
readonly "--nk-radius-medium": "8px";
|
|
89
94
|
readonly "--nk-radius-large": "12px";
|
|
95
|
+
readonly "--nk-border-width": "1.25px";
|
|
96
|
+
readonly "--nk-border-style": "solid";
|
|
90
97
|
readonly "--nk-control-height": "calc(var(--nk-cell) * 0.875)";
|
|
91
98
|
readonly "--nk-choice-size": "calc(var(--nk-cell) * 0.5)";
|
|
92
99
|
readonly "--nk-space-control-gap-block": "var(--nk-space-4)";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=[2,4,8,12,16,24,32,48],n={small:640,medium:960,large:1440,"extra-large":1920},l={color:{accent:{default:"var(--nk-accent)",soft:"var(--nk-accent-soft)",subtle:"var(--nk-accent-subtle)"},background:"var(--nk-color-background)",surface:"var(--nk-color-surface)",text:{default:"var(--nk-color-text)",muted:"var(--nk-color-text-muted)"},border:"var(--nk-color-border)",emphasis:{fill:"var(--nk-color-emphasis-fill)",fillForeground:"var(--nk-color-emphasis-fill-foreground)"},info:{foreground:"var(--nk-color-info-foreground)",fill:"var(--nk-color-info-fill)",fillForeground:"var(--nk-color-info-fill-foreground)"},success:{foreground:"var(--nk-color-success-foreground)",fill:"var(--nk-color-success-fill)",fillForeground:"var(--nk-color-success-fill-foreground)"},warning:{foreground:"var(--nk-color-warning-foreground)",fill:"var(--nk-color-warning-fill)",fillForeground:"var(--nk-color-warning-fill-foreground)"},danger:{foreground:"var(--nk-color-danger-foreground)",fill:"var(--nk-color-danger-fill)",fillForeground:"var(--nk-color-danger-fill-foreground)"}},border:{color:"var(--nk-color-border)",width:"var(--nk-border-width)",style:"var(--nk-border-style)"},radius:{small:"var(--nk-radius-small)",medium:"var(--nk-radius-medium)",large:"var(--nk-radius-large)"},shadow:"var(--nk-shadow)"};({...Object.fromEntries(e.map(r=>[`--nk-space-${r}`,`${r}px`]))});function a(r){if(typeof r!="number"||!Number.isFinite(r))throw new RangeError("Cell amount must be a finite number.");const o=r*36;if(!Number.isFinite(o))throw new RangeError("Calculated cell value must be finite.");return o}function i(r){if(!e.some(o=>o===r))throw new RangeError(`Unsupported spacing size: ${String(r)}.`);return r}function t(r){if(!Object.prototype.hasOwnProperty.call(n,r))throw new RangeError(`Unsupported breakpoint: ${String(r)}.`);return n[r]}function c(r){if(typeof r!="number"||!Number.isFinite(r))throw new RangeError("Pixel value must be a finite number.");return`${r}px`}exports.breakpoint=t;exports.cell=a;exports.px=c;exports.space=i;exports.tokens=l;
|
|
@@ -42,6 +42,11 @@ const e = [2, 4, 8, 12, 16, 24, 32, 48], n = {
|
|
|
42
42
|
fillForeground: "var(--nk-color-danger-fill-foreground)"
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
+
border: {
|
|
46
|
+
color: "var(--nk-color-border)",
|
|
47
|
+
width: "var(--nk-border-width)",
|
|
48
|
+
style: "var(--nk-border-style)"
|
|
49
|
+
},
|
|
45
50
|
radius: {
|
|
46
51
|
small: "var(--nk-radius-small)",
|
|
47
52
|
medium: "var(--nk-radius-medium)",
|
|
@@ -72,7 +77,7 @@ function t(r) {
|
|
|
72
77
|
throw new RangeError(`Unsupported breakpoint: ${String(r)}.`);
|
|
73
78
|
return n[r];
|
|
74
79
|
}
|
|
75
|
-
function
|
|
80
|
+
function c(r) {
|
|
76
81
|
if (typeof r != "number" || !Number.isFinite(r))
|
|
77
82
|
throw new RangeError("Pixel value must be a finite number.");
|
|
78
83
|
return `${r}px`;
|
|
@@ -80,7 +85,7 @@ function u(r) {
|
|
|
80
85
|
export {
|
|
81
86
|
t as b,
|
|
82
87
|
a as c,
|
|
83
|
-
|
|
88
|
+
c as p,
|
|
84
89
|
i as s,
|
|
85
90
|
l as t
|
|
86
91
|
};
|
package/package.json
CHANGED
package/dist/units-BUvyiHxw.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=[2,4,8,12,16,24,32,48],n={small:640,medium:960,large:1440,"extra-large":1920},l={color:{accent:{default:"var(--nk-accent)",soft:"var(--nk-accent-soft)",subtle:"var(--nk-accent-subtle)"},background:"var(--nk-color-background)",surface:"var(--nk-color-surface)",text:{default:"var(--nk-color-text)",muted:"var(--nk-color-text-muted)"},border:"var(--nk-color-border)",emphasis:{fill:"var(--nk-color-emphasis-fill)",fillForeground:"var(--nk-color-emphasis-fill-foreground)"},info:{foreground:"var(--nk-color-info-foreground)",fill:"var(--nk-color-info-fill)",fillForeground:"var(--nk-color-info-fill-foreground)"},success:{foreground:"var(--nk-color-success-foreground)",fill:"var(--nk-color-success-fill)",fillForeground:"var(--nk-color-success-fill-foreground)"},warning:{foreground:"var(--nk-color-warning-foreground)",fill:"var(--nk-color-warning-fill)",fillForeground:"var(--nk-color-warning-fill-foreground)"},danger:{foreground:"var(--nk-color-danger-foreground)",fill:"var(--nk-color-danger-fill)",fillForeground:"var(--nk-color-danger-fill-foreground)"}},radius:{small:"var(--nk-radius-small)",medium:"var(--nk-radius-medium)",large:"var(--nk-radius-large)"},shadow:"var(--nk-shadow)"};({...Object.fromEntries(e.map(r=>[`--nk-space-${r}`,`${r}px`]))});function a(r){if(typeof r!="number"||!Number.isFinite(r))throw new RangeError("Cell amount must be a finite number.");const o=r*36;if(!Number.isFinite(o))throw new RangeError("Calculated cell value must be finite.");return o}function i(r){if(!e.some(o=>o===r))throw new RangeError(`Unsupported spacing size: ${String(r)}.`);return r}function t(r){if(!Object.prototype.hasOwnProperty.call(n,r))throw new RangeError(`Unsupported breakpoint: ${String(r)}.`);return n[r]}function c(r){if(typeof r!="number"||!Number.isFinite(r))throw new RangeError("Pixel value must be a finite number.");return`${r}px`}exports.breakpoint=t;exports.cell=a;exports.px=c;exports.space=i;exports.tokens=l;
|