@jamsrui/composite 0.0.2 → 0.0.4

package/dist/chunk-2IUMBEBR.mjs

@@ -0,0 +1 @@
+import{useCallback as l,useMemo as I,useRef as k,useState as C}from"react";import{isDisabledElement as w}from"@jamsrui/utils";var H=y=>{let{dir:p="ltr",loop:m=!0,orientation:c="vertical",virtual:f=!1}=y,r=k([]),[a,u]=C(0),R=k(null),x=l(e=>(r.current.push({...e,isDisabled:e.isDisabled||(e.ref?w(e.ref):!1)}),{index:r.current.length-1}),[]),h=l(e=>{let o=r.current.findIndex(t=>t.id===e);o>=0&&r.current.splice(o,1),u(t=>Math.max(0,Math.min(r.current.length-1,t)))},[]),D=l(e=>r.current.findIndex(o=>o.id===e),[]),s=l((e,o)=>{let t=r.current.length;if(t===0)return-1;let n=e;for(let i=0;i<t;i++){if(n=n+o,m)n=(n+t)%t;else if(n<0||n>=t)return e;if(!r.current[n]?.isDisabled)return n}return e},[m]),d=l(e=>s(e,-1),[s]),v=l(e=>s(e,1),[s]),b=l(()=>s(-1,1),[s]),g=l(()=>s(r.current.length,-1),[s]),A=e=>{if(!f)return;let o=p==="rtl",t=c==="horizontal"||c==="both",n=c==="vertical"||c==="both",i=a;e.key==="ArrowRight"&&t&&!o||e.key==="ArrowDown"&&n||e.key==="ArrowLeft"&&t&&o?(e.preventDefault(),i=v(a),u(i)):e.key==="ArrowLeft"&&t&&!o||e.key==="ArrowUp"&&n||e.key==="ArrowRight"&&t&&o?(e.preventDefault(),i=d(a),u(i)):e.key==="Home"||e.key==="PageUp"?(e.preventDefault(),i=b(),u(i)):(e.key==="End"||e.key==="PageDown")&&(e.preventDefault(),i=g(),u(i))},E=r.current[a]?.id;return I(()=>({registerItem:x,unregisterItem:h,getIndex:D,items:r,activeIndex:a,setActiveIndex:u,movePrev:d,moveNext:v,moveFirst:b,moveLast:g,orientation:c,dir:p,loop:m,virtual:f}),[x,h,D,a,d,v,b,g,c,p,m,f])};export{H as a};

package/dist/chunk-GBJJHHP3.mjs

@@ -0,0 +1 @@
+import{createContext as t,use as o}from"react";var s=t(null),r=()=>{let e=o(s);if(!e)throw new Error("useCompositeContext must be used within a Composite");return e};export{s as a,r as b};

package/dist/chunk-RYHBF2TQ.mjs

@@ -0,0 +1 @@
+import{a as t}from"./chunk-GBJJHHP3.mjs";import{a as e}from"./chunk-2IUMBEBR.mjs";import{jsx as i}from"react/jsx-runtime";var m=o=>{let{children:r}=o,p=e(o);return i(t,{value:p,children:r})};export{m as a};

package/dist/chunk-SY7CR4GH.mjs

@@ -0,0 +1 @@
+import{b as v}from"./chunk-GBJJHHP3.mjs";import{useCallback as a,useEffect as D,useId as g,useMemo as h,useRef as C,useState as P}from"react";import{dataAttr as R}from"@jamsrui/utils";var M=x=>{let{id:I,isDisabled:m=!1}=x,e=v(),y=g(),u=C(null),[A,b]=P(-1),s=I??y;D(()=>{let{index:t}=e.registerItem({id:s,ref:u.current,isDisabled:m});return b(t),()=>e.unregisterItem(s)},[e,m,s]);let r=A,l=r===e.activeIndex,i=a(t=>{let n=e.items.current[t]?.ref;e.virtual||n?.focus()},[e.items,e.virtual]),d=a(t=>{if(e.virtual)return;let n=e.dir==="rtl",c=e.orientation==="horizontal"||e.orientation==="both",p=e.orientation==="vertical"||e.orientation==="both",o=r;t.key==="ArrowRight"&&c&&!n||t.key==="ArrowDown"&&p||t.key==="ArrowLeft"&&c&&n?(t.preventDefault(),o=e.moveNext(r),e.setActiveIndex(o),i(o)):t.key==="ArrowLeft"&&c&&!n||t.key==="ArrowUp"&&p||t.key==="ArrowRight"&&c&&n?(t.preventDefault(),o=e.movePrev(r),e.setActiveIndex(o),i(o)):t.key==="Home"||t.key==="PageUp"?(t.preventDefault(),o=e.moveFirst(),e.setActiveIndex(o),i(o)):(t.key==="End"||t.key==="PageDown")&&(t.preventDefault(),o=e.moveLast(),e.setActiveIndex(o),i(o))},[e,i,r]),f=a(()=>{e.setActiveIndex(r)},[e,r]),k=h(()=>e.virtual?{tabIndex:-1,"aria-selected":R(l)}:{tabIndex:l?0:-1,onKeyDown:d,onFocus:f},[e.virtual,l,f,d]),w=a(t=>{u.current=t},[]);return{props:{...k,id:s,"data-index":r,ref:w},index:r}};export{M as a};

package/dist/chunk-YAVZRYP2.mjs

@@ -0,0 +1 @@
+import{a as e}from"./chunk-SY7CR4GH.mjs";import{cloneElement as m}from"react";var c=t=>{let{children:o,...r}=t,s=e(r);return m(o,s.props)};export{c as a};

package/dist/composite-context.mjs

@@ -1 +1 @@
-import{createContext as t,use as o}from"react";const s=t(null),r=()=>{const e=o(s);if(!e)throw new Error("useCompositeContext must be used within a Composite");return e};export{s as CompositeContext,r as useCompositeContext};
+import{a,b}from"./chunk-GBJJHHP3.mjs";export{a as CompositeContext,b as useCompositeContext};

package/dist/composite-item.mjs

@@ -1 +1 @@
-import{cloneElement as s}from"react";import{useCompositeItem as m}from"./use-composite-item";const c=e=>{const{children:t,...o}=e,r=m(o);return s(t,r.props)};export{c as CompositeItem};
+import{a}from"./chunk-YAVZRYP2.mjs";import"./chunk-SY7CR4GH.mjs";import"./chunk-GBJJHHP3.mjs";export{a as CompositeItem};

package/dist/composite.mjs

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{CompositeContext as r}from"./composite-context";import{useComposite as p}from"./use-composite";const m=o=>{const{children:t}=o,e=p(o);return i(r,{value:e,children:t})};export{m as Composite};
+import{a}from"./chunk-RYHBF2TQ.mjs";import"./chunk-GBJJHHP3.mjs";import"./chunk-2IUMBEBR.mjs";export{a as Composite};

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Composite as t}from"./composite";import{CompositeItem as p}from"./composite-item";import{useComposite as s}from"./use-composite";import{useCompositeItem as f}from"./use-composite-item";export{t as Composite,p as CompositeItem,s as useComposite,f as useCompositeItem};
+"use client";import{a as e}from"./chunk-YAVZRYP2.mjs";import{a as m}from"./chunk-RYHBF2TQ.mjs";import{a as o}from"./chunk-SY7CR4GH.mjs";import"./chunk-GBJJHHP3.mjs";import{a as t}from"./chunk-2IUMBEBR.mjs";export{m as Composite,e as CompositeItem,t as useComposite,o as useCompositeItem};

package/dist/use-composite-item.mjs

@@ -1 +1 @@
-import{useCallback as a,useEffect as w,useId as D,useMemo as g,useRef as h,useState as C}from"react";import{dataAttr as P}from"@jamsrui/utils";import{useCompositeContext as R}from"./composite-context";const M=v=>{const{id:x,isDisabled:m=!1}=v,e=R(),I=D(),u=h(null),[y,A]=C(-1),i=x??I;w(()=>{const{index:t}=e.registerItem({id:i,ref:u.current,isDisabled:m});return A(t),()=>e.unregisterItem(i)},[e,m,i]);const r=y,l=r===e.activeIndex,s=a(t=>{const n=e.items.current[t]?.ref;e.virtual||n?.focus()},[e.items,e.virtual]),d=a(t=>{if(e.virtual)return;const n=e.dir==="rtl",c=e.orientation==="horizontal"||e.orientation==="both",p=e.orientation==="vertical"||e.orientation==="both";let o=r;t.key==="ArrowRight"&&c&&!n||t.key==="ArrowDown"&&p||t.key==="ArrowLeft"&&c&&n?(t.preventDefault(),o=e.moveNext(r),console.log(o),e.setActiveIndex(o),s(o)):t.key==="ArrowLeft"&&c&&!n||t.key==="ArrowUp"&&p||t.key==="ArrowRight"&&c&&n?(t.preventDefault(),o=e.movePrev(r),e.setActiveIndex(o),s(o)):t.key==="Home"||t.key==="PageUp"?(t.preventDefault(),o=e.moveFirst(),e.setActiveIndex(o),s(o)):(t.key==="End"||t.key==="PageDown")&&(t.preventDefault(),o=e.moveLast(),e.setActiveIndex(o),s(o))},[e,s,r]),f=a(()=>{e.setActiveIndex(r)},[e,r]),b=g(()=>e.virtual?{tabIndex:-1,"aria-selected":P(l)}:{tabIndex:l?0:-1,onKeyDown:d,onFocus:f},[e.virtual,l,f,d]),k=a(t=>{u.current=t},[]);return{props:{...b,id:i,"data-index":r,ref:k},index:r}};export{M as useCompositeItem};
+import{a}from"./chunk-SY7CR4GH.mjs";import"./chunk-GBJJHHP3.mjs";export{a as useCompositeItem};

package/dist/use-composite.mjs

@@ -1 +1 @@
-import{useCallback as l,useMemo as C,useRef as k,useState as w}from"react";import{isDisabledElement as R}from"@jamsrui/utils";const H=y=>{const{dir:p="ltr",loop:m=!0,orientation:a="vertical",virtual:f=!1}=y,o=k([]),[c,u]=w(0),I=k(null);console.log({rootRef:I,items:o,activeIndex:c});const x=l(e=>(o.current.push({...e,isDisabled:e.isDisabled||(e.ref?R(e.ref):!1)}),{index:o.current.length-1}),[]),h=l(e=>{const r=o.current.findIndex(t=>t.id===e);r>=0&&o.current.splice(r,1),u(t=>Math.max(0,Math.min(o.current.length-1,t)))},[]),D=l(e=>o.current.findIndex(r=>r.id===e),[]),s=l((e,r)=>{const t=o.current.length;if(t===0)return-1;let n=e;for(let i=0;i<t;i++){if(n=n+r,m)n=(n+t)%t;else if(n<0||n>=t)return e;if(!o.current[n]?.isDisabled)return n}return e},[m]),d=l(e=>s(e,-1),[s]),v=l(e=>s(e,1),[s]),b=l(()=>s(-1,1),[s]),g=l(()=>s(o.current.length,-1),[s]),A=e=>{if(!f)return;const r=p==="rtl",t=a==="horizontal"||a==="both",n=a==="vertical"||a==="both";let i=c;e.key==="ArrowRight"&&t&&!r||e.key==="ArrowDown"&&n||e.key==="ArrowLeft"&&t&&r?(e.preventDefault(),i=v(c),u(i)):e.key==="ArrowLeft"&&t&&!r||e.key==="ArrowUp"&&n||e.key==="ArrowRight"&&t&&r?(e.preventDefault(),i=d(c),u(i)):e.key==="Home"||e.key==="PageUp"?(e.preventDefault(),i=b(),u(i)):(e.key==="End"||e.key==="PageDown")&&(e.preventDefault(),i=g(),u(i))},E=o.current[c]?.id;return C(()=>({registerItem:x,unregisterItem:h,getIndex:D,items:o,activeIndex:c,setActiveIndex:u,movePrev:d,moveNext:v,moveFirst:b,moveLast:g,orientation:a,dir:p,loop:m,virtual:f}),[x,h,D,c,d,v,b,g,a,p,m,f])};export{H as useComposite};
+import{a}from"./chunk-2IUMBEBR.mjs";export{a as useComposite};

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@jamsrui/composite",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/utils": "^0.0.9"
+    "@jamsrui/utils": "^0.0.11"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "description": "A modern and beautiful Next.js UI components library.",