@jamsrui/autocomplete 0.0.18 → 0.0.20

package/dist/autocomplete-config.d.mts

@@ -1,12 +1,12 @@
-import { A as Autocomplete } from './autocomplete-Fn-_jn7o.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
-import './autocomplete-item.mjs';
+import { WithGlobalConfig } from '@jamsrui/core';
+import { A as Autocomplete } from './autocomplete-Fn-_jn7o.mjs';
 import '@floating-ui/react';
 import '@jamsrui/input';
 import '@jamsrui/utils';
 import 'react';
 import './autocomplete-content.mjs';
+import './autocomplete-item.mjs';
 import './autocomplete-popover.mjs';
 import './styles.mjs';
 
@@ -16,7 +16,7 @@ declare const AutocompleteConfig: (props: Omit<Partial<AutocompleteConfig.Props>
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace AutocompleteConfig {
-    interface Props extends Autocomplete.Props, GlobalConfigProps<Autocomplete.Props> {
+    interface Props extends WithGlobalConfig<Autocomplete.Props> {
     }
 }
 

package/dist/autocomplete-config.mjs

@@ -1 +1 @@
-import{createConfigContext as o}from"@jamsrui/utils";const[t,p]=o({displayName:"AutocompleteConfig"});export{t as AutocompleteConfig,p as useAutocompleteConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[t,p]=o({displayName:"AutocompleteConfig"});export{t as AutocompleteConfig,p as useAutocompleteConfig};

package/dist/autocomplete-content.mjs

@@ -1 +1 @@
-import{jsx as m}from"react/jsx-runtime";import{FloatingList as n}from"@floating-ui/react";import{useRenderElement as p}from"@jamsrui/hooks";import{useAutocompleteContext as s}from"./autocomplete-context.mjs";const u=t=>{const{getContentProps:o,getFloatingListProps:e}=s(),r=p("div",{props:[o(t)]});return m(n,{...e(),children:r})};export{u as AutocompleteContent};
+"use client";import{jsx as i}from"react/jsx-runtime";import{FloatingList as r}from"@floating-ui/react";import{useRenderElement as p}from"@jamsrui/hooks";import{useAutocompleteContext as s}from"./autocomplete-context.mjs";const u=t=>{const{getContentProps:o,getFloatingListProps:e}=s(),n=p("div",{props:[o(t)]});return i(r,{...e(),children:n})};export{u as AutocompleteContent};

package/dist/autocomplete-context.mjs

@@ -1 +1 @@
-import{createContext as t,use as o}from"react";const p=t(null),r=()=>{const e=o(p);if(!e)throw new Error("useAutocompleteContext must be used within Autocomplete");return e};export{p as AutocompleteContext,r as useAutocompleteContext};
+"use client";import{createContext as t,use as o}from"react";const u=t(null),n=()=>{const e=o(u);if(!e)throw new Error("useAutocompleteContext must be used within Autocomplete");return e};export{u as AutocompleteContext,n as useAutocompleteContext};

package/dist/autocomplete-item.mjs

@@ -1 +1 @@
-import{useListItem as I}from"@floating-ui/react";import{useHover as g,useMergeRefs as A,useRenderElement as P}from"@jamsrui/hooks";import{useAutocompleteContext as h}from"./autocomplete-context.mjs";const V=l=>{const{textValue:a,children:e,value:t,disabled:i,...n}=l,{getAutocompleteItemProps:d,activeIndex:c,value:m}=h(),s=a??(typeof e=="string"?e:t);s.length||console.warn(`No label provided for list item with value ${t}`);const{ref:p,index:u}=I({label:s}),o=i??!1,r=m.includes(t),f=c===u,{isHovered:v,ref:b}=g({isDisabled:o}),x=A([p,b]);return P("li",{props:[d(n),{ref:x,"aria-selected":r,"data-selected":r,"aria-disabled":o,"data-disabled":o,"data-active":f,"data-hovered":v,children:e}]})};export{V as AutocompleteItem};
+"use client";import{useListItem as I}from"@floating-ui/react";import{useHover as g,useMergeRefs as A,useRenderElement as P}from"@jamsrui/hooks";import{useAutocompleteContext as h}from"./autocomplete-context.mjs";const V=l=>{const{textValue:a,children:e,value:t,disabled:i,...n}=l,{getAutocompleteItemProps:c,activeIndex:d,value:m}=h(),s=a??(typeof e=="string"?e:t);s.length||console.warn(`No label provided for list item with value ${t}`);const{ref:p,index:u}=I({label:s}),o=i??!1,r=m.includes(t),f=d===u,{isHovered:v,ref:b}=g({isDisabled:o}),x=A([p,b]);return P("li",{props:[c(n),{ref:x,"aria-selected":r,"data-selected":r,"aria-disabled":o,"data-disabled":o,"data-active":f,"data-hovered":v,children:e}]})};export{V as AutocompleteItem};

package/dist/autocomplete-popover.mjs

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{FloatingFocusManager as s,FloatingPortal as a}from"@floating-ui/react";import{useRenderElement as l}from"@jamsrui/hooks";import{useAutocompleteContext as m}from"./autocomplete-context.mjs";const i=e=>{const{getPopoverProps:t,isOpen:r,getFocusManagerProps:p}=m(),n=l("button",{props:[t(e)]});return r?o(a,{children:o(s,{...p(),children:n})}):null};export{i as AutocompletePopover};
+"use client";import{jsx as o}from"react/jsx-runtime";import{FloatingFocusManager as s,FloatingPortal as l}from"@floating-ui/react";import{useRenderElement as a}from"@jamsrui/hooks";import{useAutocompleteContext as m}from"./autocomplete-context.mjs";const P=e=>{const{getPopoverProps:t,isOpen:r,getFocusManagerProps:p}=m(),n=a("button",{props:[t(e)]});return r?o(l,{children:o(s,{...p(),children:n})}):null};export{P as AutocompletePopover};

package/dist/autocomplete.mjs

@@ -1 +1 @@
-import{Fragment as x,jsx as o,jsxs as v}from"react/jsx-runtime";import{useRenderElement as l}from"@jamsrui/hooks";import{Input as i}from"@jamsrui/input";import{mergeConfigProps as f}from"@jamsrui/utils";import{useAutocompleteConfig as A}from"./autocomplete-config.mjs";import{AutocompleteContent as d}from"./autocomplete-content.mjs";import{AutocompleteContext as P}from"./autocomplete-context.mjs";import{AutocompletePopover as g}from"./autocomplete-popover.mjs";import{useAutocomplete as C}from"./use-autocomplete.mjs";const w=e=>{const{children:p}=e,t=A(),m=f(t,t,e),r=C(m),{getRootProps:n,getInputProps:c}=r,s=v(x,{children:[o(i,{...c({})}),o(g,{children:o(d,{children:p})})]}),u=l("div",{props:[n({}),{children:s}]});return o(P,{value:r,children:u})};export{w as Autocomplete};
+"use client";import{Fragment as x,jsx as o,jsxs as v}from"react/jsx-runtime";import{useRenderElement as l}from"@jamsrui/hooks";import{Input as i}from"@jamsrui/input";import{mergeConfigProps as f}from"@jamsrui/utils";import{useAutocompleteConfig as A}from"./autocomplete-config.mjs";import{AutocompleteContent as d}from"./autocomplete-content.mjs";import{AutocompleteContext as P}from"./autocomplete-context.mjs";import{AutocompletePopover as g}from"./autocomplete-popover.mjs";import{useAutocomplete as C}from"./use-autocomplete.mjs";const w=e=>{const{children:p}=e,t=A(),m=f(t,t,e),r=C(m),{getRootProps:n,getInputProps:c}=r,s=v(x,{children:[o(i,{...c({})}),o(g,{children:o(d,{children:p})})]}),u=l("div",{props:[n({}),{children:s}]});return o(P,{value:r,children:u})};export{w as Autocomplete};

package/dist/index.d.mts

@@ -1,12 +1,28 @@
-export { A as Autocomplete } from './autocomplete-Fn-_jn7o.mjs';
-export { AutocompleteConfig, useAutocompleteConfig } from './autocomplete-config.mjs';
-export { AutocompleteItem } from './autocomplete-item.mjs';
-import 'react/jsx-runtime';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { A as Autocomplete$1 } from './autocomplete-Fn-_jn7o.mjs';
+export { u as useAutocomplete } from './autocomplete-Fn-_jn7o.mjs';
+import { AutocompleteConfig } from './autocomplete-config.mjs';
+export { useAutocompleteConfig } from './autocomplete-config.mjs';
+import { AutocompleteItem } from './autocomplete-item.mjs';
+export { AutocompleteSlots, AutocompleteVariantProps, autocompleteVariants } from './styles.mjs';
 import '@floating-ui/react';
 import '@jamsrui/input';
 import '@jamsrui/utils';
-import 'react';
 import './autocomplete-content.mjs';
 import './autocomplete-popover.mjs';
-import './styles.mjs';
 import '@jamsrui/core';
+
+declare const Autocomplete: ((props: Autocomplete$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Item: (props: AutocompleteItem.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+declare namespace Autocomplete {
+    interface Props extends Autocomplete$1.Props {
+    }
+    interface Config extends AutocompleteConfig.Props {
+    }
+    interface Item extends AutocompleteItem.Props {
+    }
+}
+
+export { Autocomplete, AutocompleteConfig, AutocompleteItem };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Autocomplete as t}from"./autocomplete.mjs";import{AutocompleteConfig as p,useAutocompleteConfig as r}from"./autocomplete-config.mjs";import{AutocompleteItem as c}from"./autocomplete-item.mjs";export{t as Autocomplete,p as AutocompleteConfig,c as AutocompleteItem,r as useAutocompleteConfig};
+import{Autocomplete as t}from"./autocomplete.mjs";import{AutocompleteConfig as e,useAutocompleteConfig as p}from"./autocomplete-config.mjs";import{AutocompleteItem as o}from"./autocomplete-item.mjs";import{autocompleteVariants as m}from"./styles.mjs";import{useAutocomplete as r}from"./use-autocomplete.mjs";const a=Object.assign(t,{Item:o});export{a as Autocomplete,e as AutocompleteConfig,o as AutocompleteItem,m as autocompleteVariants,r as useAutocomplete,p as useAutocompleteConfig};

package/dist/use-autocomplete.mjs

@@ -1 +1 @@
-import{useCallback as s,useMemo as B,useRef as J,useState as c}from"react";import{autoUpdate as Q,flip as X,offset as Y,size as Z,useDismiss as _,useFloating as ee,useInteractions as te,useListNavigation as oe,useRole as se}from"@floating-ui/react";import{useControlledState as M}from"@jamsrui/hooks";import{cn as r,dataAttrDev as a,mapPropsVariants as ne}from"@jamsrui/utils";import{autocompleteVariants as V}from"./styles.mjs";const ge=S=>{const[R,G]=ne(S,V.variantKeys),{classNames:t,isOpen:L,defaultOpen:T,onOpenChange:j,value:k,defaultValue:w,onValueChange:D,placement:u="bottom-start",isMultiple:ae,...p}=R,P=J([]),[l,H]=c(null),[$,re]=c(1),[pe,E]=c(!1),[m=!1,i]=M({defaultProp:T,onChange:j,prop:L}),[d=[],le]=M({defaultProp:w,onChange:D,prop:k}),{refs:{setReference:g,setFloating:f},floatingStyles:v,context:n}=ee({placement:u,open:m,onOpenChange:i,whileElementsMounted:Q,middleware:[Y(2),X({crossAxis:u.includes("-"),padding:0}),Z({apply({rects:e,elements:U,availableHeight:q}){Object.assign(U.floating.style,{maxHeight:`${Math.max(50,Math.min(400,q))}px`,minWidth:`${e.reference.width}px`})},padding:0})]}),W=oe(n,{listRef:P,activeIndex:l,selectedIndex:$,onNavigate:H,virtual:!0,loop:!0}),z=_(n,{outsidePress:!0}),K=se(n,{role:"listbox"}),{getReferenceProps:y,getFloatingProps:A,getItemProps:me}=te([W,z,K]),N=s(()=>{E(!0),i(e=>!e)},[i]),o=V(G),I=s(()=>({...p,"data-component":a("autocomplete"),"data-slot":a("root"),className:o.root({className:r(t?.root,p.className)})}),[t?.root,p,o]),C=s(e=>({...e,"data-slot":a("item"),className:o.item({className:r(t?.item,e.className)})}),[t?.item,o]),h=s(e=>({...e,"data-slot":a("popover"),className:o.popover({className:r(t?.popover,e.className)}),style:v,...A({}),ref:f}),[t?.popover,v,A,f,o]),x=s(e=>({...e,"data-slot":a("content"),className:o.content({className:r(t?.content,e.className)})}),[t?.content,o]),F=s(()=>({context:n,initialFocus:-1,visuallyHiddenDismiss:!0,modal:!0,restoreFocus:!0}),[n]),O=s(()=>({elementsRef:P}),[]),b=s(e=>({...e,...y({}),slotProps:{contentWrapper:{ref:g,onClick:N}}}),[y,N,g]);return B(()=>({getAutocompleteItemProps:C,getRootProps:I,getInputProps:b,getContentProps:x,getPopoverProps:h,getFloatingListProps:O,getFocusManagerProps:F,isOpen:m,activeIndex:l,value:d}),[l,C,x,O,F,b,h,I,m,d])};export{ge as useAutocomplete};
+"use client";import{useCallback as s,useMemo as B,useRef as J,useState as c}from"react";import{autoUpdate as Q,flip as X,offset as Y,size as Z,useDismiss as _,useFloating as ee,useInteractions as te,useListNavigation as oe,useRole as se}from"@floating-ui/react";import{useControlledState as M}from"@jamsrui/hooks";import{cn as r,dataAttrDev as a,mapPropsVariants as ne}from"@jamsrui/utils";import{autocompleteVariants as V}from"./styles.mjs";const ge=S=>{const[R,G]=ne(S,V.variantKeys),{classNames:t,isOpen:L,defaultOpen:T,onOpenChange:j,value:k,defaultValue:w,onValueChange:D,placement:u="bottom-start",isMultiple:ae,...p}=R,P=J([]),[l,H]=c(null),[$,re]=c(1),[pe,E]=c(!1),[m=!1,i]=M({defaultProp:T,onChange:j,prop:L}),[d=[],le]=M({defaultProp:w,onChange:D,prop:k}),{refs:{setReference:g,setFloating:f},floatingStyles:v,context:n}=ee({placement:u,open:m,onOpenChange:i,whileElementsMounted:Q,middleware:[Y(2),X({crossAxis:u.includes("-"),padding:0}),Z({apply({rects:e,elements:U,availableHeight:q}){Object.assign(U.floating.style,{maxHeight:`${Math.max(50,Math.min(400,q))}px`,minWidth:`${e.reference.width}px`})},padding:0})]}),W=oe(n,{listRef:P,activeIndex:l,selectedIndex:$,onNavigate:H,virtual:!0,loop:!0}),z=_(n,{outsidePress:!0}),K=se(n,{role:"listbox"}),{getReferenceProps:y,getFloatingProps:A,getItemProps:me}=te([W,z,K]),N=s(()=>{E(!0),i(e=>!e)},[i]),o=V(G),I=s(()=>({...p,"data-component":a("autocomplete"),"data-slot":a("root"),className:o.root({className:r(t?.root,p.className)})}),[t?.root,p,o]),C=s(e=>({...e,"data-slot":a("item"),className:o.item({className:r(t?.item,e.className)})}),[t?.item,o]),h=s(e=>({...e,"data-slot":a("popover"),className:o.popover({className:r(t?.popover,e.className)}),style:v,...A({}),ref:f}),[t?.popover,v,A,f,o]),x=s(e=>({...e,"data-slot":a("content"),className:o.content({className:r(t?.content,e.className)})}),[t?.content,o]),F=s(()=>({context:n,initialFocus:-1,visuallyHiddenDismiss:!0,modal:!0,restoreFocus:!0}),[n]),O=s(()=>({elementsRef:P}),[]),b=s(e=>({...e,...y({}),slotProps:{contentWrapper:{ref:g,onClick:N}}}),[y,N,g]);return B(()=>({getAutocompleteItemProps:C,getRootProps:I,getInputProps:b,getContentProps:x,getPopoverProps:h,getFloatingListProps:O,getFocusManagerProps:F,isOpen:m,activeIndex:l,value:d}),[l,C,x,O,F,b,h,I,m,d])};export{ge as useAutocomplete};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@jamsrui/autocomplete",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/hooks": "^0.0.16",
-    "@jamsrui/input": "^0.0.18",
-    "@jamsrui/core": "^0.0.13",
-    "@jamsrui/utils": "^0.0.16"
+    "@jamsrui/hooks": "^0.0.18",
+    "@jamsrui/core": "^0.0.14",
+    "@jamsrui/input": "^0.0.20",
+    "@jamsrui/utils": "^0.0.18"
   },
   "exports": {
     ".": {