@jacshuo/onyx 0.2.1 → 1.0.0

package/dist/chunks/chunk-X4OS5ODF.cjs

@@ -1 +0,0 @@
-'use strict';var chunkNYTZZ5ZX_cjs=require('./chunk-NYTZZ5ZX.cjs'),chunkX5YP5TMY_cjs=require('./chunk-X5YP5TMY.cjs'),react=require('react'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function J({intent:a,className:r,...d}){return jsxRuntime.jsx("div",{className:"w-full overflow-auto",children:jsxRuntime.jsx("table",{className:chunkX5YP5TMY_cjs.a(chunkNYTZZ5ZX_cjs.g({intent:a}),r),...d})})}function O({className:a,...r}){return jsxRuntime.jsx("thead",{className:chunkX5YP5TMY_cjs.a("bg-primary-50 text-primary-600 dark:bg-primary-800/50 dark:text-primary-400",a),...r})}function Q({className:a,...r}){return jsxRuntime.jsx("tbody",{className:chunkX5YP5TMY_cjs.a("[&_tr:last-child]:border-0",a),...r})}function U({className:a,...r}){return jsxRuntime.jsx("tr",{className:chunkX5YP5TMY_cjs.a("border-primary-200 hover:bg-primary-50/50 dark:border-primary-700 dark:hover:bg-primary-800/30 border-b transition-colors",a),...r})}function E({className:a,...r}){return jsxRuntime.jsx("th",{className:chunkX5YP5TMY_cjs.a("px-4 py-3 text-left text-xs font-semibold tracking-wider uppercase",a),...r})}function P({className:a,...r}){return jsxRuntime.jsx("td",{className:chunkX5YP5TMY_cjs.a("text-primary-700 dark:text-primary-300 px-4 py-3",a),...r})}function W({icon:a,text:r="No data",className:d}){return jsxRuntime.jsxs("div",{className:chunkX5YP5TMY_cjs.a("flex flex-col items-center justify-center gap-3 py-16 text-primary-400 dark:text-primary-500",d),children:[a??jsxRuntime.jsx(lucideReact.Inbox,{className:"h-12 w-12 stroke-[1.2]"}),jsxRuntime.jsx("span",{className:"text-sm",children:r})]})}function Se({columns:a,data:r,sort:d,onSortChange:f,defaultSort:h=null,rowKey:T,rowActions:l,intent:x,className:X,empty:w}){let[L,_]=react.useState(h),b=d??L,A=react.useCallback(n=>{let y=b?.column===n?b.direction==="asc"?{column:n,direction:"desc"}:null:{column:n,direction:"asc"};f?f(y):_(y);},[b,f]),k=react.useMemo(()=>{if(!b)return r;let n=a.find(D=>D.key===b.column);if(!n)return r;let y=n.compareFn??((D,$)=>{let p=n.cell(D),N=n.cell($);return p==null&&N==null?0:p==null?-1:N==null?1:typeof p=="number"&&typeof N=="number"?p-N:String(p).localeCompare(String(N))}),g=[...r].sort(y);return b.direction==="desc"?g.reverse():g},[r,b,a]);return jsxRuntime.jsxs(J,{intent:x,className:X,children:[jsxRuntime.jsx(O,{children:jsxRuntime.jsxs(U,{children:[a.map(n=>{let y=n.sortable!==false,g=b?.column===n.key;return jsxRuntime.jsx(E,{className:chunkX5YP5TMY_cjs.a(y&&"cursor-pointer select-none",n.headerClassName),onClick:y?()=>A(n.key):void 0,"aria-sort":g?b.direction==="asc"?"ascending":"descending":void 0,children:jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.header,y&&jsxRuntime.jsx(Y,{active:g,direction:g?b.direction:null})]})},n.key)}),l&&jsxRuntime.jsx(E,{className:"w-20 text-right",children:"Actions"})]})}),jsxRuntime.jsx(Q,{children:k.length===0?jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:a.length+(l?1:0),children:jsxRuntime.jsx(W,{...w})})}):k.map((n,y)=>jsxRuntime.jsxs(U,{children:[a.map(g=>jsxRuntime.jsx(P,{className:g.cellClassName,children:g.cell(n)},g.key)),l&&jsxRuntime.jsx(P,{className:"text-right",children:jsxRuntime.jsx("span",{className:"inline-flex items-center gap-1",children:l(n)})})]},T?T(n,y):y))})]})}function ge({value:a,onCommit:r,onCancel:d}){let[f,h]=react.useState(a),T=react.useRef(null);react.useEffect(()=>{T.current?.focus(),T.current?.select();},[]);let l=()=>r(f);return jsxRuntime.jsxs("span",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("input",{ref:T,type:"text",value:f,onChange:x=>h(x.target.value),onKeyDown:x=>{x.key==="Enter"&&l(),x.key==="Escape"&&d();},"aria-label":"Edit cell",className:"min-w-0 flex-1 rounded border border-primary-400 bg-white px-1.5 py-0.5 text-sm outline-none focus:ring-1 focus:ring-primary-400 dark:border-primary-600 dark:bg-secondary-800"}),jsxRuntime.jsx("button",{type:"button",onClick:l,className:"text-success-600 hover:text-success-700 dark:text-success-400","aria-label":"Confirm",children:jsxRuntime.jsx(lucideReact.Check,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{type:"button",onClick:d,className:"text-danger-500 hover:text-danger-600 dark:text-danger-400","aria-label":"Cancel",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3.5 w-3.5"})})]})}function Ke({columns:a,data:r,rowKey:d,sort:f,onSortChange:h,defaultSort:T=null,selectionMode:l="none",selected:x,onSelectionChange:X,editable:w=false,onCellEdit:L,toolbar:_=false,onAdd:b,onDelete:A,rowActions:k,intent:n,className:y,empty:g}){let[D,$]=react.useState(T),p=f??D,N=react.useCallback(t=>{let s=p?.column===t?p.direction==="asc"?{column:t,direction:"desc"}:null:{column:t,direction:"asc"};h?h(s):$(s);},[p,h]),M=react.useMemo(()=>{if(!p)return r;let t=a.find(S=>S.key===p.column);if(!t)return r;let s=t.compareFn??((S,i)=>{let K=t.cell(S),C=t.cell(i);return K==null&&C==null?0:K==null?-1:C==null?1:typeof K=="number"&&typeof C=="number"?K-C:String(K).localeCompare(String(C))}),o=[...r].sort(s);return p.direction==="desc"?o.reverse():o},[r,p,a]),[Z,ee]=react.useState([]),c=x??Z,R=X??ee,I=react.useMemo(()=>M.map((t,s)=>d(t,s)),[M,d]),B=l==="multiple"&&I.length>0&&I.every(t=>c.includes(t)),te=l==="multiple"&&c.length>0&&!B,j=react.useCallback(t=>{l==="single"?R(c.includes(t)?[]:[t]):l==="multiple"&&R(c.includes(t)?c.filter(s=>s!==t):[...c,t]);},[l,c,R]),ae=react.useCallback(()=>{R(B?[]:I);},[B,I,R]),[z,F]=react.useState(null),re=react.useCallback((t,s,o)=>{w&&o!==false&&F({rowKey:t,colKey:s});},[w]),ne=react.useCallback((t,s,o)=>{L?.(t,s,o),F(null);},[L]);return jsxRuntime.jsxs("div",{className:"space-y-2",children:[_&&jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[b&&jsxRuntime.jsxs("button",{type:"button",onClick:b,className:"inline-flex items-center gap-1.5 rounded-md border border-secondary-300 bg-white px-3 py-1.5 text-sm font-medium text-secondary-700 transition-colors hover:bg-secondary-50 dark:border-secondary-600 dark:bg-secondary-800 dark:text-secondary-300 dark:hover:bg-secondary-700",children:[jsxRuntime.jsx(lucideReact.Plus,{className:"h-3.5 w-3.5"})," Add"]}),A&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>A(c),disabled:c.length===0,className:"inline-flex items-center gap-1.5 rounded-md border border-secondary-300 bg-white px-3 py-1.5 text-sm font-medium text-danger-600 transition-colors hover:bg-danger-50 disabled:opacity-40 disabled:pointer-events-none dark:border-secondary-600 dark:bg-secondary-800 dark:text-danger-400 dark:hover:bg-danger-900/20",children:[jsxRuntime.jsx(lucideReact.Trash2,{className:"h-3.5 w-3.5"})," Delete",c.length>0&&` (${c.length})`]}),w&&c.length===1&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>{let t=a.find(s=>s.editable!==false);t&&F({rowKey:c[0],colKey:t.key});},className:"inline-flex items-center gap-1.5 rounded-md border border-secondary-300 bg-white px-3 py-1.5 text-sm font-medium text-secondary-700 transition-colors hover:bg-secondary-50 dark:border-secondary-600 dark:bg-secondary-800 dark:text-secondary-300 dark:hover:bg-secondary-700",children:[jsxRuntime.jsx(lucideReact.Pencil,{className:"h-3.5 w-3.5"})," Edit"]}),c.length>0&&jsxRuntime.jsxs("span",{className:"ml-auto text-sm text-secondary-500 dark:text-secondary-400",children:[c.length," row",c.length>1?"s":""," selected"]})]}),jsxRuntime.jsxs(J,{intent:n,className:y,children:[jsxRuntime.jsx(O,{children:jsxRuntime.jsxs(U,{children:[l==="multiple"&&jsxRuntime.jsx(E,{className:"w-10",children:jsxRuntime.jsx("input",{type:"checkbox",checked:B,ref:t=>{t&&(t.indeterminate=te);},onChange:ae,className:"h-4 w-4 cursor-pointer rounded border-secondary-300 accent-primary-600","aria-label":"Select all"})}),l==="single"&&jsxRuntime.jsx(E,{className:"w-10"}),a.map(t=>{let s=t.sortable!==false,o=p?.column===t.key;return jsxRuntime.jsx(E,{className:chunkX5YP5TMY_cjs.a(s&&"cursor-pointer select-none",t.headerClassName),onClick:s?()=>N(t.key):void 0,"aria-sort":o?p.direction==="asc"?"ascending":"descending":void 0,children:jsxRuntime.jsxs("span",{className:"inline-flex items-center gap-1",children:[t.header,s&&jsxRuntime.jsx(Y,{active:o,direction:o?p.direction:null})]})},t.key)}),k&&jsxRuntime.jsx(E,{className:"w-20 text-right",children:"Actions"})]})}),jsxRuntime.jsx(Q,{children:M.length===0?jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:a.length+(l!=="none"?1:0)+(k?1:0),children:jsxRuntime.jsx(W,{...g})})}):M.map((t,s)=>{let o=d(t,s),S=c.includes(o);return jsxRuntime.jsxs(U,{className:chunkX5YP5TMY_cjs.a(S&&"bg-primary-50/60 dark:bg-primary-900/20"),onClick:()=>{l!=="none"&&j(o);},children:[l==="multiple"&&jsxRuntime.jsx(P,{className:"w-10",children:jsxRuntime.jsx("input",{type:"checkbox",checked:S,onChange:()=>j(o),onClick:i=>i.stopPropagation(),className:"h-4 w-4 cursor-pointer rounded border-secondary-300 accent-primary-600","aria-label":"Select row"})}),l==="single"&&jsxRuntime.jsx(P,{className:"w-10",children:jsxRuntime.jsx("input",{type:"radio",checked:S,onChange:()=>j(o),onClick:i=>i.stopPropagation(),className:"h-4 w-4 cursor-pointer accent-primary-600","aria-label":"Select row"})}),a.map(i=>{let K=z?.rowKey===o&&z?.colKey===i.key,C=i.editValue?.(t)??(()=>{let v=i.cell(t);return typeof v=="string"||typeof v=="number"?String(v):""})();return jsxRuntime.jsx(P,{className:chunkX5YP5TMY_cjs.a(i.cellClassName,w&&i.editable!==false&&"cursor-text"),onDoubleClick:v=>{v.stopPropagation(),re(o,i.key,i.editable);},children:K?jsxRuntime.jsx(ge,{value:C,onCommit:v=>ne(o,i.key,v),onCancel:()=>F(null)}):i.cell(t)},i.key)}),k&&jsxRuntime.jsx(P,{className:"text-right",onClick:i=>i.stopPropagation(),children:jsxRuntime.jsx("span",{className:"inline-flex items-center gap-1",children:k(t)})})]},o)})})]})]})}function Y({active:a,direction:r}){let d="h-3.5 w-3.5 shrink-0";return !a||!r?jsxRuntime.jsx(lucideReact.ArrowUpDown,{className:chunkX5YP5TMY_cjs.a(d,"opacity-30")}):r==="asc"?jsxRuntime.jsx(lucideReact.ArrowUp,{className:chunkX5YP5TMY_cjs.a(d,"opacity-70")}):jsxRuntime.jsx(lucideReact.ArrowDown,{className:chunkX5YP5TMY_cjs.a(d,"opacity-70")})}exports.a=J;exports.b=O;exports.c=Q;exports.d=U;exports.e=E;exports.f=P;exports.g=W;exports.h=Se;exports.i=Ke;

package/dist/chunks/chunk-XOO3AGIT.js

@@ -1 +0,0 @@
-import {a}from'./chunk-AXBJKPZZ.js';import {jsxs,jsx}from'react/jsx-runtime';function v({href:n,className:t,onClick:o,children:i}){return jsx("a",{href:n,className:t,onClick:o,children:i})}function y({brand:n,onBrandClick:t,navItems:o=[],actions:i=[],linkComponent:p=v,height:f="h-12",className:k,children:c}){return jsxs("header",{className:a("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",f,k),children:[jsxs("div",{className:"flex items-center gap-6",children:[n&&jsx("div",{className:a("text-lg font-bold text-primary-800 dark:text-primary-100",t&&"cursor-pointer"),onClick:t,role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t(e));}:void 0,children:n}),o.length>0&&jsx("nav",{className:"flex items-center gap-4 text-sm",children:o.map((e,l)=>{let a$1=typeof e.label=="string"?e.label:l,d=e.active?"text-primary-900 font-medium dark:text-primary-100":"text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-200 transition-colors";return e.href?jsx(p,{href:e.href,className:d,onClick:e.onClick,children:e.label},a$1):jsx("button",{type:"button",className:a(d,"cursor-pointer"),onClick:e.onClick,children:e.label},a$1)})})]}),c&&jsx("div",{className:"flex items-center",children:c}),i.length>0&&jsx("div",{className:"flex items-center gap-1",children:i.map((e,l)=>{let a="rounded-md p-1.5 text-primary-500 hover:bg-primary-100 hover:text-primary-700 dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200 transition-colors [&_svg]:h-5 [&_svg]:w-5";return e.href?jsx("a",{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:a,"aria-label":e["aria-label"],onClick:e.onClick,children:e.icon},e.key??l):jsx("button",{type:"button",className:a,"aria-label":e["aria-label"],onClick:e.onClick,children:e.icon},e.key??l)})})]})}export{y as a};

package/dist/chunks/chunk-YWD2VK35.js

@@ -1 +0,0 @@
-import {c}from'./chunk-H6MHL66N.js';import {a}from'./chunk-AXBJKPZZ.js';import {jsx,jsxs}from'react/jsx-runtime';var l={sm:{wrapper:"h-7 text-xs",prefix:"px-2 text-xs [&_svg]:h-3 [&_svg]:w-3",input:"px-2 text-xs",icon:"px-1.5 [&_svg]:h-3 [&_svg]:w-3"},md:{wrapper:"h-9 text-sm",prefix:"px-3 text-sm [&_svg]:h-4 [&_svg]:w-4",input:"px-3 py-2 text-sm",icon:"px-2 [&_svg]:h-4 [&_svg]:w-4"},lg:{wrapper:"h-11 text-base",prefix:"px-4 text-base [&_svg]:h-5 [&_svg]:w-5",input:"px-4 py-2.5 text-base",icon:"px-2.5 [&_svg]:h-5 [&_svg]:w-5"}},u={default:"border-secondary-300 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus-within:border-danger-500 focus-within:ring-2 focus-within:ring-danger-500/20"};function g({state:o="default",inputSize:i="md",className:p,prefix:s,suffix:a$1,action:t,...c$1}){if(!s&&!a$1&&!t)return jsx("input",{className:a(c({state:o,size:i}),p),...c$1});let r=l[i??"md"],x=u[o??"default"];return jsxs("div",{className:a("flex w-full items-center overflow-hidden rounded-md border bg-white transition-colors dark:bg-secondary-900",r.wrapper,x,p),children:[s&&jsx("span",{className:a("flex shrink-0 items-center gap-1.5 self-stretch border-r border-secondary-300 bg-secondary-50 font-medium text-secondary-600 dark:border-secondary-600 dark:bg-secondary-800 dark:text-secondary-300",r.prefix),children:s}),jsx("input",{className:a("min-w-0 flex-1 bg-transparent text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600",r.input,s&&"pl-2"),...c$1}),a$1&&jsx("span",{className:a("pointer-events-none flex shrink-0 items-center text-secondary-400 dark:text-secondary-500",r.icon),children:a$1}),t&&jsx("button",{type:"button",onClick:t.onClick,"aria-label":t["aria-label"]??"Action",className:a("flex shrink-0 items-center text-secondary-500 transition-colors hover:text-primary-600 dark:text-secondary-400 dark:hover:text-primary-400",r.icon),children:t.icon})]})}export{g as a};

package/dist/chunks/chunk-ZEHGTD6Y.cjs

@@ -1 +0,0 @@
-'use strict';var chunkNYTZZ5ZX_cjs=require('./chunk-NYTZZ5ZX.cjs'),chunkX5YP5TMY_cjs=require('./chunk-X5YP5TMY.cjs'),react=require('react'),reactDom=require('react-dom'),client=require('react-dom/client'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function j({intent:t,className:e,children:o,...n}){return jsxRuntime.jsx("div",{className:chunkX5YP5TMY_cjs.a(chunkNYTZZ5ZX_cjs.u({intent:t}),e),role:"alert",...n,children:o})}function q({className:t,...e}){return jsxRuntime.jsx("h5",{className:chunkX5YP5TMY_cjs.a("flex items-center gap-1.5 font-semibold [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",t),...e})}function B({className:t,...e}){return jsxRuntime.jsx("span",{className:chunkX5YP5TMY_cjs.a("mt-0.5 shrink-0 [&_svg]:h-5 [&_svg]:w-5",t),...e})}function J({className:t,...e}){return jsxRuntime.jsx("div",{className:chunkX5YP5TMY_cjs.a("flex-1 min-w-0 space-y-1",t),...e})}function K({className:t,...e}){return jsxRuntime.jsx("p",{className:chunkX5YP5TMY_cjs.a("text-sm opacity-90",t),...e})}var I=0,l=[],m=new Map,p=new Set;function M(){return l}function u(){p.forEach(t=>t());}function d(t){let e=m.get(t);e&&(clearTimeout(e),m.delete(t)),l=l.map(o=>o.id===t?{...o,exiting:true}:o),u(),setTimeout(()=>{l=l.filter(o=>o.id!==t),u();},200);}function H(t){let e=`alert-${++I}`;l=[...l,{...t,id:e}],u();let o=t.duration??5e3;if(o>0){let n=setTimeout(()=>{m.delete(e),d(e);},o);m.set(e,n);}return e}var f=16;function Q(t){f=t;}var E={"top-right":"right-4 items-end","top-left":"left-4 items-start","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","top-center":"left-1/2 -translate-x-1/2 items-center","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},L={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-center":"animate-slide-in-bottom"},w={success:lucideReact.CircleCheck,warning:lucideReact.TriangleAlert,error:lucideReact.CircleX,info:lucideReact.Info};function V({alert:t,onClose:e}){let o=t.intent??"info",n=w[o],a=t.position??"top-right";return jsxRuntime.jsxs("div",{className:chunkX5YP5TMY_cjs.a(chunkNYTZZ5ZX_cjs.u({intent:o}),L[a],t.exiting&&"opacity-0 transition-opacity duration-200","w-80"),role:"alert",children:[jsxRuntime.jsx(n,{className:"mt-0.5 h-5 w-5 shrink-0"}),jsxRuntime.jsxs("div",{className:"flex-1",children:[t.title&&jsxRuntime.jsx("p",{className:"font-semibold",children:t.title}),jsxRuntime.jsx("p",{className:chunkX5YP5TMY_cjs.a(t.title&&"text-sm opacity-90"),children:t.message})]}),jsxRuntime.jsx("button",{onClick:e,"aria-label":"Close notification",className:"shrink-0 cursor-pointer opacity-50 transition-opacity hover:opacity-100",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]})}var k=t=>t.startsWith("top");function S(){let t=react.useSyncExternalStore(n=>(p.add(n),()=>p.delete(n)),M),e=react.useRef(f);if(react.useEffect(()=>{e.current=f;},[]),t.length===0)return null;let o=t.reduce((n,a)=>{let s=a.position??"top-right";return (n[s]??(n[s]=[])).push(a),n},{});return reactDom.createPortal(jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.entries(o).map(([n,a])=>jsxRuntime.jsx("div",{style:k(n)?{top:`${e.current}px`}:void 0,className:chunkX5YP5TMY_cjs.a("pointer-events-none fixed z-100 flex flex-col gap-2",E[n]),children:a.map(s=>jsxRuntime.jsx(V,{alert:s,onClose:()=>d(s.id)},s.id))},n))}),document.body)}var g=false;function O(){if(g)return;g=true;let t=document.createElement("div");t.id="alert-toast-root",document.body.appendChild(t),client.createRoot(t).render(jsxRuntime.jsx(S,{}));}function U(){return react.useEffect(()=>{O();},[]),{addAlert:H,removeAlert:d}}exports.a=j;exports.b=q;exports.c=B;exports.d=J;exports.e=K;exports.f=Q;exports.g=U;