@ninoop/tng-design-system 0.1.0 → 0.2.0
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 +8 -5
- package/dist/index.cjs +2 -2
- package/dist/index.js +623 -152
- package/dist/tng-design-system.css +1 -1
- package/package.json +22 -7
- package/theme.css +308 -15
package/README.md
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
#
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
# Tng Design System
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@ninoop/tng-design-system)
|
|
4
|
+
[](https://www.npmjs.com/package/@ninoop/tng-design-system)
|
|
5
|
+
|
|
6
|
+
## Install
|
|
7
|
+
```bash
|
|
8
|
+
npm i @ninoop/tng-design-system
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("react");function Oe(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const i=Oe(ie);var z={exports:{}},P={};var ae;function Ce(){if(ae)return P;ae=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(o,a,c){var u=null;if(c!==void 0&&(u=""+c),a.key!==void 0&&(u=""+a.key),"key"in a){c={};for(var d in a)d!=="key"&&(c[d]=a[d])}else c=a;return a=c.ref,{$$typeof:t,type:o,key:u,ref:a!==void 0?a:null,props:c}}return P.Fragment=r,P.jsx=n,P.jsxs=n,P}var A={};var le;function Pe(){return le||(le=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case C:return"Profiler";case E:return"StrictMode";case m:return"Suspense";case W:return"SuspenseList";case Ee:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case q:return"Portal";case Y:return e.displayName||"Context";case M:return(e._context.displayName||"Context")+".Consumer";case F:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Re:return l=e.displayName||null,l!==null?l:t(e.type)||"Memo";case U:l=e._payload,e=e._init;try{return t(e(l))}catch{}}return null}function r(e){return""+e}function n(e){try{r(e);var l=!1}catch{l=!0}if(l){l=console;var _=l.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return _.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),r(e)}}function o(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===U)return"<...>";try{var l=t(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var e=G.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function u(e){if(ee.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function d(e,l){function _(){te||(te=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",l))}_.isReactWarning=!0,Object.defineProperty(e,"key",{get:_,configurable:!0})}function g(){var e=t(this.type);return re[e]||(re[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function b(e,l,_,f,L,J){var p=_.ref;return e={$$typeof:B,type:e,key:l,props:_,_owner:f},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function y(e,l,_,f,L,J){var p=l.children;if(p!==void 0)if(f)if($e(p)){for(f=0;f<p.length;f++)j(p[f]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(p);if(ee.call(l,"key")){p=t(e);var N=Object.keys(l).filter(function(Se){return Se!=="key"});f=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",oe[p+f]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,n,a,f,a),Y[a+n]=!0)}if(a=null,t!==void 0&&(l(t),a=""+t),_(r)&&(l(r.key),a=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return a&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),L(e,a,t,o(),R,O)}function P(e){g(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?g(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function g(e){return typeof e=="object"&&e!==null&&e.$$typeof===j}var b=ee,j=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),V=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),k=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,w=Object.prototype.hasOwnProperty,Q=Array.isArray,y=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var h,x={},N=b.react_stack_bottom_frame.bind(b,s)(),C=y(c(s)),Y={};E.Fragment=p,E.jsx=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,n?Error("react-stack-top-frame"):N,n?y(c(e)):C)},E.jsxs=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,n?Error("react-stack-top-frame"):N,n?y(c(e)):C)}})()),E}var F;function ne(){return F||(F=1,process.env.NODE_ENV==="production"?v.exports=re():v.exports=te()),v.exports}var ae=ne();const oe="_button_k91y8_1",se="_primary_k91y8_17",ue="_ghost_k91y8_35",D={button:oe,primary:se,ghost:ue};function le({variant:u="primary",className:i,...l}){const c=[D.button,D[u],i].filter(Boolean).join(" ");return ae.jsx("button",{...l,className:c})}exports.Button=le;
|
|
6
|
+
<%s key={someKey} {...props} />`,f,p,N,p),oe[p+f]=!0)}if(p=null,_!==void 0&&(n(_),p=""+_),u(l)&&(n(l.key),p=""+l.key),"key"in l){_={};for(var V in l)V!=="key"&&(_[V]=l[V])}else _=l;return p&&d(_,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,p,_,a(),L,J)}function j(e){v(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===U&&(e._payload.status==="fulfilled"?v(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function v(e){return typeof e=="object"&&e!==null&&e.$$typeof===B}var h=ie,B=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),Re=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),Ee=Symbol.for("react.activity"),Ne=Symbol.for("react.client.reference"),G=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,$e=Array.isArray,H=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var te,re={},ne=h.react_stack_bottom_frame.bind(h,c)(),se=H(o(c)),oe={};A.Fragment=w,A.jsx=function(e,l,_){var f=1e4>G.recentlyCreatedOwnerStacks++;return y(e,l,_,!1,f?Error("react-stack-top-frame"):ne,f?H(o(e)):se)},A.jsxs=function(e,l,_){var f=1e4>G.recentlyCreatedOwnerStacks++;return y(e,l,_,!0,f?Error("react-stack-top-frame"):ne,f?H(o(e)):se)}})()),A}var ce;function Ae(){return ce||(ce=1,process.env.NODE_ENV==="production"?z.exports=Ce():z.exports=Pe()),z.exports}var s=Ae();const ue=i.createContext(void 0);function De(){return typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Be({children:t,defaultTheme:r="system",defaultAccent:n="blue"}){const[o,a]=i.useState(r),[c,u]=i.useState(n),[d,g]=i.useState(De);i.useEffect(()=>{const j=window.matchMedia("(prefers-color-scheme: dark)"),v=h=>g(h.matches?"dark":"light");return j.addEventListener("change",v),()=>j.removeEventListener("change",v)},[]);const b=o==="system"?d:o,y=i.useMemo(()=>({theme:o,resolvedTheme:b,accentColor:c,setTheme:a,setAccentColor:u}),[o,b,c]);return s.jsx(ue.Provider,{value:y,children:s.jsx("div",{className:"tng-root","data-tng-theme":b,"data-tng-accent":c,children:t})})}function Le(){const t=i.useContext(ue);if(!t)throw new Error("useTheme must be used within a <ThemeProvider>");return t}const ze="_button_77t7q_1",Ie="_sm_77t7q_33",qe="_md_77t7q_40",Me="_lg_77t7q_46",Ye="_iconOnly_77t7q_54",Fe="_solid_77t7q_60",We="_soft_77t7q_73",Ue="_outline_77t7q_82",Ge="_ghost_77t7q_93",He="_loading_77t7q_104",Je="_hiddenContent_77t7q_108",Ve="_spinner_77t7q_112",k={button:ze,sm:Ie,md:qe,lg:Me,iconOnly:Ye,solid:Fe,soft:We,outline:Ue,ghost:Ge,loading:He,hiddenContent:Je,spinner:Ve,"button-spin":"_button-spin_77t7q_1"},de=i.forwardRef(({variant:t="solid",size:r="md",loading:n,iconOnly:o,className:a,disabled:c,children:u,...d},g)=>{const b=[k.button,k[t],k[r],o&&k.iconOnly,n&&k.loading,a].filter(Boolean).join(" ");return s.jsxs("button",{ref:g,className:b,disabled:c||n,...d,children:[n&&s.jsx("span",{className:k.spinner,"aria-hidden":"true"}),s.jsx("span",{className:n?k.hiddenContent:void 0,children:u})]})});de.displayName="Button";const Xe="_input_1abtm_1",Ze="_sm_1abtm_33",Qe="_md_1abtm_39",Ke="_lg_1abtm_45",et="_error_1abtm_53",X={input:Xe,sm:Ze,md:Qe,lg:Ke,error:et},_e=i.forwardRef(({inputSize:t="md",error:r,className:n,...o},a)=>{const c=[X.input,X[t],r&&X.error,n].filter(Boolean).join(" ");return s.jsx("input",{ref:a,className:c,...o})});_e.displayName="Input";const tt="_textarea_a0d05_1",rt="_sm_a0d05_34",nt="_md_a0d05_39",st="_lg_a0d05_44",ot="_error_a0d05_51",Z={textarea:tt,sm:rt,md:nt,lg:st,error:ot},me=i.forwardRef(({textAreaSize:t="md",error:r,resize:n="vertical",className:o,style:a,...c},u)=>{const d=[Z.textarea,Z[t],r&&Z.error,o].filter(Boolean).join(" ");return s.jsx("textarea",{ref:u,className:d,style:{...a,resize:n},...c})});me.displayName="TextArea";const at="_wrapper_nd7m8_1",lt="_input_nd7m8_9",ct="_control_nd7m8_23",it="_icon_nd7m8_57",ut="_label_nd7m8_61",dt="_sm_nd7m8_68",_t="_md_nd7m8_72",mt="_lg_nd7m8_76",$={wrapper:at,input:lt,control:ct,icon:it,label:ut,sm:dt,md:_t,lg:mt},fe=i.forwardRef(({label:t,checkboxSize:r="md",className:n,id:o,...a},c)=>{const u=i.useId(),d=o??u;return s.jsxs("label",{className:[$.wrapper,$[r],n].filter(Boolean).join(" "),htmlFor:d,children:[s.jsx("input",{ref:c,type:"checkbox",id:d,className:$.input,...a}),s.jsx("span",{className:$.control,"aria-hidden":"true",children:s.jsx("svg",{className:$.icon,viewBox:"0 0 12 12",fill:"none",children:s.jsx("path",{d:"M2.5 6L5 8.5L9.5 3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),t&&s.jsx("span",{className:$.label,children:t})]})});fe.displayName="Checkbox";const ft="_wrapper_wtcfo_1",pt="_input_wtcfo_9",gt="_control_wtcfo_23",bt="_dot_wtcfo_35",vt="_label_wtcfo_69",xt="_sm_wtcfo_76",ht="_md_wtcfo_80",jt="_lg_wtcfo_84",S={wrapper:ft,input:pt,control:gt,dot:bt,label:vt,sm:xt,md:ht,lg:jt},pe=i.forwardRef(({label:t,radioSize:r="md",className:n,id:o,...a},c)=>{const u=i.useId(),d=o??u;return s.jsxs("label",{className:[S.wrapper,S[r],n].filter(Boolean).join(" "),htmlFor:d,children:[s.jsx("input",{ref:c,type:"radio",id:d,className:S.input,...a}),s.jsx("span",{className:S.control,"aria-hidden":"true",children:s.jsx("span",{className:S.dot})}),t&&s.jsx("span",{className:S.label,children:t})]})});pe.displayName="Radio";const yt="_wrapper_kg1pu_1",Tt="_trigger_kg1pu_7",wt="_open_kg1pu_39",kt="_sm_kg1pu_46",Rt="_md_kg1pu_52",Et="_lg_kg1pu_58",Nt="_error_kg1pu_66",$t="_placeholder_kg1pu_78",St="_selectedText_kg1pu_82",Ot="_chevron_kg1pu_88",Ct="_menu_kg1pu_100",Pt="_option_kg1pu_129",At="_selected_kg1pu_82",Dt="_optionDisabled_kg1pu_147",x={wrapper:yt,trigger:Tt,open:wt,sm:kt,md:Rt,lg:Et,error:Nt,placeholder:$t,selectedText:St,chevron:Ot,menu:Ct,"dropdown-enter":"_dropdown-enter_kg1pu_1",option:Pt,selected:At,optionDisabled:Dt},ge=i.forwardRef(({options:t,value:r,defaultValue:n,onChange:o,placeholder:a="Select...",disabled:c,error:u,dropdownSize:d="md",className:g,id:b,name:y},j)=>{const[v,h]=i.useState(!1),[B,q]=i.useState(n??""),w=i.useRef(null),E=r!==void 0?r:B,C=t.find(m=>m.value===E),M=m=>{r===void 0&&q(m),o?.(m),h(!1)};i.useEffect(()=>{if(!v)return;const m=W=>{w.current&&!w.current.contains(W.target)&&h(!1)};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[v]);const Y=m=>{m.key==="Escape"&&h(!1)},F=[x.trigger,x[d],u&&x.error,v&&x.open,g].filter(Boolean).join(" ");return s.jsxs("div",{ref:w,className:x.wrapper,onKeyDown:Y,children:[y&&s.jsx("input",{type:"hidden",name:y,value:E}),s.jsxs("button",{ref:j,type:"button",id:b,className:F,disabled:c,"aria-haspopup":"listbox","aria-expanded":v,onClick:()=>h(!v),children:[s.jsx("span",{className:C?x.selectedText:x.placeholder,children:C?C.label:a}),s.jsx("svg",{className:x.chevron,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:s.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),v&&s.jsx("ul",{className:x.menu,role:"listbox",children:t.map(m=>s.jsx("li",{role:"option","aria-selected":m.value===E,"aria-disabled":m.disabled,className:[x.option,m.value===E&&x.selected,m.disabled&&x.optionDisabled].filter(Boolean).join(" "),onClick:()=>!m.disabled&&M(m.value),children:m.label},m.value))})]})});ge.displayName="Dropdown";const Bt="_wrapper_1sgjx_1",Lt="_table_1sgjx_6",zt="_thead_1sgjx_14",It="_th_1sgjx_14",qt="_td_1sgjx_29",Mt="_tr_1sgjx_33",Yt="_tbody_1sgjx_38",Ft="_striped_1sgjx_48",T={wrapper:Bt,table:Lt,thead:zt,th:It,td:qt,tr:Mt,tbody:Yt,striped:Ft},be=i.forwardRef(({variant:t="default",className:r,...n},o)=>{const a=[T.table,T[t],r].filter(Boolean).join(" ");return s.jsx("div",{className:T.wrapper,children:s.jsx("table",{ref:o,className:a,...n})})});be.displayName="Table";const ve=i.forwardRef(({className:t,...r},n)=>s.jsx("thead",{ref:n,className:[T.thead,t].filter(Boolean).join(" "),...r}));ve.displayName="TableHead";const xe=i.forwardRef(({className:t,...r},n)=>s.jsx("tbody",{ref:n,className:[T.tbody,t].filter(Boolean).join(" "),...r}));xe.displayName="TableBody";const he=i.forwardRef(({className:t,...r},n)=>s.jsx("tr",{ref:n,className:[T.tr,t].filter(Boolean).join(" "),...r}));he.displayName="TableRow";const je=i.forwardRef(({className:t,...r},n)=>s.jsx("th",{ref:n,className:[T.th,t].filter(Boolean).join(" "),...r}));je.displayName="TableHeaderCell";const ye=i.forwardRef(({className:t,...r},n)=>s.jsx("td",{ref:n,className:[T.td,t].filter(Boolean).join(" "),...r}));ye.displayName="TableCell";const Wt="_grid_rsz4l_1",Q={grid:Wt,"gap-sm":"_gap-sm_rsz4l_6","gap-md":"_gap-md_rsz4l_7","gap-lg":"_gap-lg_rsz4l_8","gap-xl":"_gap-xl_rsz4l_9","align-start":"_align-start_rsz4l_12","align-center":"_align-center_rsz4l_13","align-end":"_align-end_rsz4l_14","align-stretch":"_align-stretch_rsz4l_15"},Te=i.forwardRef(({columns:t=3,minChildWidth:r="200px",gap:n="md",align:o,className:a,style:c,...u},d)=>{const g=[Q.grid,n!=="none"&&Q[`gap-${n}`],o&&Q[`align-${o}`],a].filter(Boolean).join(" "),b=typeof t=="number"?`repeat(${t}, minmax(0, 1fr))`:`repeat(${t}, minmax(${r}, 1fr))`;return s.jsx("div",{ref:d,className:g,style:{...c,gridTemplateColumns:b},...u})});Te.displayName="Grid";const Ut="_overlay_y78yx_1",Gt="_content_y78yx_18",Ht="_title_y78yx_44",Jt="_description_y78yx_52",Vt="_footer_y78yx_59",D={overlay:Ut,content:Gt,title:Ht,description:Jt,footer:Vt};function Xt({open:t,onOpenChange:r,children:n}){return i.useEffect(()=>{if(!t)return;const o=a=>{a.key==="Escape"&&r(!1)};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[t,r]),i.useEffect(()=>{if(!t)return;const o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o}},[t]),t?s.jsx("div",{className:D.overlay,onClick:()=>r(!1),children:s.jsx("div",{className:D.content,role:"dialog","aria-modal":"true",onClick:o=>o.stopPropagation(),children:n})}):null}function Zt({className:t,...r}){return s.jsx("h2",{className:[D.title,t].filter(Boolean).join(" "),...r})}function Qt({className:t,...r}){return s.jsx("p",{className:[D.description,t].filter(Boolean).join(" "),...r})}function Kt({className:t,...r}){return s.jsx("div",{className:[D.footer,t].filter(Boolean).join(" "),...r})}const er="_spinner_cnszt_1",tr="_svg_cnszt_7",rr="_spin_cnszt_1",nr="_track_cnszt_11",sr="_arc_cnszt_15",or="_primary_cnszt_21",ar="_current_cnszt_25",lr="_sm_cnszt_31",cr="_md_cnszt_32",ir="_lg_cnszt_33",ur="_srOnly_cnszt_37",R={spinner:er,svg:tr,spin:rr,track:nr,arc:sr,primary:or,current:ar,sm:lr,md:cr,lg:ir,srOnly:ur},we=i.forwardRef(({size:t="md",color:r="primary",label:n="Loading",className:o,...a},c)=>{const u=[R.spinner,R[t],R[r],o].filter(Boolean).join(" ");return s.jsxs("span",{ref:c,role:"status",className:u,...a,children:[s.jsxs("svg",{className:R.svg,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[s.jsx("circle",{className:R.track,cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3"}),s.jsx("path",{className:R.arc,d:"M12 2a10 10 0 019.8 8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),s.jsx("span",{className:R.srOnly,children:n})]})});we.displayName="Spinner";const dr="_list_1jgnk_3",_r="_trigger_1jgnk_22",mr="_active_1jgnk_54",fr="_content_1jgnk_74",O={list:dr,"list-underline":"_list-underline_1jgnk_9","list-pills":"_list-pills_1jgnk_14",trigger:_r,"trigger-underline":"_trigger-underline_1jgnk_48",active:mr,"trigger-pills":"_trigger-pills_1jgnk_61",content:fr,"tab-enter":"_tab-enter_1jgnk_1"},ke=i.createContext(void 0);function K(){const t=i.useContext(ke);if(!t)throw new Error("Tabs compound components must be used within <Tabs>");return t}function pr({value:t,defaultValue:r="",onValueChange:n,variant:o="underline",children:a,className:c}){const[u,d]=i.useState(r),g=t!==void 0?t:u,b=i.useCallback(j=>{t===void 0&&d(j),n?.(j)},[t,n]),y=i.useMemo(()=>({value:g,onSelect:b,variant:o}),[g,b,o]);return s.jsx(ke.Provider,{value:y,children:s.jsx("div",{className:c,children:a})})}function gr({className:t,...r}){const{variant:n}=K(),o=[O.list,O[`list-${n}`],t].filter(Boolean).join(" ");return s.jsx("div",{role:"tablist",className:o,...r})}function br({value:t,className:r,...n}){const{value:o,onSelect:a,variant:c}=K(),u=t===o,d=[O.trigger,O[`trigger-${c}`],u&&O.active,r].filter(Boolean).join(" ");return s.jsx("button",{role:"tab",type:"button","aria-selected":u,className:d,onClick:()=>a(t),...n})}function vr({value:t,className:r,...n}){const{value:o}=K();return t!==o?null:s.jsx("div",{role:"tabpanel",className:[O.content,r].filter(Boolean).join(" "),...n})}const xr="_wrapper_1vxu8_1",hr="_tooltip_1vxu8_6",jr="_arrow_1vxu8_32",yr="_top_1vxu8_42",Tr="_bottom_1vxu8_54",wr="_left_1vxu8_66",kr="_right_1vxu8_78",I={wrapper:xr,tooltip:hr,"tooltip-enter":"_tooltip-enter_1vxu8_1",arrow:jr,top:yr,bottom:Tr,left:wr,right:kr};function Rr({content:t,side:r="top",delayMs:n=200,children:o}){const[a,c]=i.useState(!1),u=i.useRef(void 0),d=()=>{clearTimeout(u.current),u.current=setTimeout(()=>c(!0),n)},g=()=>{clearTimeout(u.current),c(!1)};return i.useEffect(()=>()=>clearTimeout(u.current),[]),s.jsxs("span",{className:I.wrapper,onMouseEnter:d,onMouseLeave:g,onFocus:d,onBlur:g,children:[o,a&&s.jsxs("span",{role:"tooltip",className:[I.tooltip,I[r]].join(" "),children:[t,s.jsx("span",{className:I.arrow})]})]})}exports.Button=de;exports.Checkbox=fe;exports.Dialog=Xt;exports.DialogDescription=Qt;exports.DialogFooter=Kt;exports.DialogTitle=Zt;exports.Dropdown=ge;exports.Grid=Te;exports.Input=_e;exports.Radio=pe;exports.Spinner=we;exports.TabContent=vr;exports.TabList=gr;exports.TabTrigger=br;exports.Table=be;exports.TableBody=xe;exports.TableCell=ye;exports.TableHead=ve;exports.TableHeaderCell=je;exports.TableRow=he;exports.Tabs=pr;exports.TextArea=me;exports.ThemeProvider=Be;exports.Tooltip=Rr;exports.useTheme=Le;
|