@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-address-autocomplete/index.cjs.js

@@ -0,0 +1,60 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=[{id:`1`,primary:`123 Main Street`,secondary:`New York, NY 10001, USA`,type:`home`,parts:{street:`123 Main Street`,city:`New York`,state:`NY`,zip:`10001`,country:`USA`,formatted:`123 Main Street, New York, NY 10001, USA`}},{id:`2`,primary:`456 Oak Avenue`,secondary:`Los Angeles, CA 90001, USA`,type:`business`,parts:{street:`456 Oak Avenue`,city:`Los Angeles`,state:`CA`,zip:`90001`,country:`USA`,formatted:`456 Oak Avenue, Los Angeles, CA 90001, USA`}},{id:`3`,primary:`789 Pine Road`,secondary:`Chicago, IL 60601, USA`,type:`home`,parts:{street:`789 Pine Road`,city:`Chicago`,state:`IL`,zip:`60601`,country:`USA`,formatted:`789 Pine Road, Chicago, IL 60601, USA`}},{id:`4`,primary:`321 Elm Boulevard`,secondary:`Houston, TX 77001, USA`,type:`other`,parts:{street:`321 Elm Boulevard`,city:`Houston`,state:`TX`,zip:`77001`,country:`USA`,formatted:`321 Elm Boulevard, Houston, TX 77001, USA`}},{id:`5`,primary:`555 Cedar Lane`,secondary:`Phoenix, AZ 85001, USA`,type:`home`,parts:{street:`555 Cedar Lane`,city:`Phoenix`,state:`AZ`,zip:`85001`,country:`USA`,formatted:`555 Cedar Lane, Phoenix, AZ 85001, USA`}},{id:`6`,primary:`10 Downing Street`,secondary:`London, SW1A 2AA, UK`,type:`business`,parts:{street:`10 Downing Street`,city:`London`,state:``,zip:`SW1A 2AA`,country:`UK`,formatted:`10 Downing Street, London, SW1A 2AA, UK`}},{id:`7`,primary:`1600 Pennsylvania Avenue`,secondary:`Washington, DC 20500, USA`,type:`business`,parts:{street:`1600 Pennsylvania Avenue`,city:`Washington`,state:`DC`,zip:`20500`,country:`USA`,formatted:`1600 Pennsylvania Avenue, Washington, DC 20500, USA`}},{id:`8`,primary:`350 Fifth Avenue`,secondary:`New York, NY 10118, USA`,type:`business`,distance:`2.3 mi`,parts:{street:`350 Fifth Avenue`,city:`New York`,state:`NY`,zip:`10118`,country:`USA`,formatted:`350 Fifth Avenue, New York, NY 10118, USA`}}];function o(e){let t=e.split(`,`).map(e=>e.trim()),n=t[0]||``,r=t[1]||``,i=t[t.length-1]||``,a=r.match(/^(.+?)\s+([A-Z]{2})\s+(\d{5}(?:-\d{4})?)$/),o=``,s=``,c=``;return a?(o=a[1],s=a[2],c=a[3]):o=r,{street:n,city:o,state:s,zip:c,country:i===o?``:i,formatted:e}}async function s(e,t=5){if(await new Promise(e=>setTimeout(e,300+Math.random()*200)),!e.trim())return[];let n=e.toLowerCase();return a.filter(t=>t.primary.toLowerCase().includes(n)||t.secondary.toLowerCase().includes(n)||t.parts.city.toLowerCase().includes(n)||t.parts.zip.includes(e)).slice(0,t)}function c(e={}){let{onSearch:t,debounceMs:r=300,minChars:i=2,maxSuggestions:a=5,initialRecentAddresses:c=[],maxRecentAddresses:l=5,storageKey:u=`waka-address-recent`}=e,[d,f]=n.useState(``),[p,m]=n.useState([]),[h,g]=n.useState(!1),[_,v]=n.useState(null),[y,b]=n.useState(c),x=n.useRef(null),S=n.useRef(null);n.useEffect(()=>{if(!(typeof window>`u`))try{let e=localStorage.getItem(u);if(e){let t=JSON.parse(e);b(t.map(e=>({...e,lastUsed:new Date(e.lastUsed)})))}}catch{}},[u]);let C=n.useCallback(e=>{if(!(typeof window>`u`))try{localStorage.setItem(u,JSON.stringify(e))}catch{}},[u]),w=n.useCallback(async e=>{if(e.length<i){m([]);return}S.current&&S.current.abort(),S.current=new AbortController,g(!0),v(null);try{let n=await(t||s)(e);m(n.slice(0,a))}catch(e){e instanceof Error&&e.name!==`AbortError`&&(v(`Failed to search addresses. Please try again.`),m([]))}finally{g(!1)}},[t,i,a]);return n.useEffect(()=>(x.current&&clearTimeout(x.current),d.length>=i?x.current=setTimeout(()=>{w(d)},r):m([]),()=>{x.current&&clearTimeout(x.current)}),[d,r,i,w]),{query:d,setQuery:f,suggestions:p,isLoading:h,error:_,recentAddresses:y,addToRecent:n.useCallback(e=>{b(t=>{let n=t.filter(t=>t.id!==e.id),r=[{...e,lastUsed:new Date},...n].slice(0,l);return C(r),r})},[l,C]),clearRecentAddresses:n.useCallback(()=>{b([]),C([])},[C]),removeFromRecent:n.useCallback(e=>{b(t=>{let n=t.filter(t=>t.id!==e);return C(n),n})},[C]),search:w,clearSuggestions:n.useCallback(()=>{m([]),f(``)},[]),parseAddress:n.useCallback(e=>o(e),[])}}var l=`
+  @keyframes waka-address-dropdown-in {
+    from {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.96);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  @keyframes waka-address-dropdown-out {
+    from {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.96);
+    }
+  }
+
+  @keyframes waka-address-highlight {
+    0% {
+      background-color: transparent;
+    }
+    50% {
+      background-color: hsl(var(--primary) / 0.1);
+    }
+    100% {
+      background-color: transparent;
+    }
+  }
+
+  @keyframes waka-address-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  .waka-address-dropdown-enter {
+    animation: waka-address-dropdown-in 0.2s ease-out forwards;
+  }
+
+  .waka-address-dropdown-exit {
+    animation: waka-address-dropdown-out 0.15s ease-in forwards;
+  }
+
+  .waka-address-highlight {
+    animation: waka-address-highlight 0.5s ease-out;
+  }
+
+  .waka-address-pulse {
+    animation: waka-address-pulse 1.5s ease-in-out infinite;
+  }
+`;function u({suggestion:e,isHighlighted:n,onSelect:a,onMouseEnter:o}){let s=e.type===`home`?r.Home:e.type===`business`?r.Building2:r.MapPin;return(0,i.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":n,className:t.cn(`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors`,`hover:bg-accent focus:bg-accent focus:outline-none`,n&&`bg-accent`),onClick:a,onMouseEnter:o,children:[(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center`,`bg-primary/10 text-primary`),children:(0,i.jsx)(s,{className:`w-4 h-4`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium text-foreground truncate`,children:e.primary}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground truncate`,children:e.secondary})]}),e.distance&&(0,i.jsx)(`span`,{className:`flex-shrink-0 text-xs text-muted-foreground`,children:e.distance})]})}function d({address:e,isHighlighted:n,onSelect:a,onRemove:o,onMouseEnter:s}){return(0,i.jsxs)(`div`,{role:`option`,"aria-selected":n,className:t.cn(`flex items-center gap-2 px-3 py-2 transition-colors`,`hover:bg-accent`,n&&`bg-accent`),onMouseEnter:s,children:[(0,i.jsxs)(`button`,{type:`button`,className:`flex-1 flex items-start gap-3 text-left focus:outline-none`,onClick:a,children:[(0,i.jsx)(`div`,{className:`flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-muted text-muted-foreground`,children:(0,i.jsx)(r.Clock,{className:`w-4 h-4`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium text-foreground truncate`,children:e.primary}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground truncate`,children:e.secondary})]})]}),(0,i.jsx)(`button`,{type:`button`,className:`flex-shrink-0 p-1.5 rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors`,onClick:e=>{e.stopPropagation(),o()},"aria-label":`Remove from recent`,children:(0,i.jsx)(r.X,{className:`w-3.5 h-3.5`})})]})}function f({address:e,onClear:n,onEdit:a,disabled:o}){let s=e.type===`home`?r.Home:e.type===`business`?r.Building2:r.MapPin;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-start gap-3 p-3 rounded-lg border bg-card`,`transition-all duration-200`,o&&`opacity-50 pointer-events-none`),children:[(0,i.jsx)(`div`,{className:`flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center bg-primary/10 text-primary`,children:(0,i.jsx)(s,{className:`w-5 h-5`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:e.primary}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.secondary}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-1.5 mt-2`,children:[e.parts.city&&(0,i.jsx)(`span`,{className:`inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground`,children:e.parts.city}),e.parts.zip&&(0,i.jsx)(`span`,{className:`inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground`,children:e.parts.zip}),e.parts.country&&(0,i.jsx)(`span`,{className:`inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground`,children:e.parts.country})]})]}),(0,i.jsxs)(`div`,{className:`flex-shrink-0 flex items-center gap-1`,children:[(0,i.jsx)(`button`,{type:`button`,className:`p-1.5 rounded-md hover:bg-accent transition-colors`,onClick:a,"aria-label":`Edit address`,children:(0,i.jsx)(r.Edit3,{className:`w-4 h-4 text-muted-foreground`})}),(0,i.jsx)(`button`,{type:`button`,className:`p-1.5 rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors`,onClick:n,"aria-label":`Clear address`,children:(0,i.jsx)(r.X,{className:`w-4 h-4`})})]})]})}var p=n.forwardRef(({value:e,onChange:a,onSearch:o,placeholder:s=`Search for an address...`,showRecentAddresses:p=!0,recentAddresses:m,onAddToRecent:h,allowManualEntry:g=!0,onManualEntry:_,debounceMs:v=300,minChars:y=2,maxSuggestions:b=5,noResultsMessage:x=`No addresses found`,loadingMessage:S=`Searching...`,disabled:C=!1,error:w,className:T,id:E,name:D,label:O,required:k=!1,autoFocus:ee=!1},te)=>{let A=n.useRef(null),j=n.useRef(null),[M,N]=n.useState(!1),[P,F]=n.useState(-1),[I,L]=n.useState(!e),{query:R,setQuery:z,suggestions:B,isLoading:V,error:ne,recentAddresses:H,addToRecent:U,removeFromRecent:re}=c({onSearch:o,debounceMs:v,minChars:y,maxSuggestions:b}),W=m??H,G=w||ne;n.useImperativeHandle(te,()=>A.current),n.useEffect(()=>{if(typeof document>`u`)return;let e=`waka-address-autocomplete-styles`;if(!document.getElementById(e)){let t=document.createElement(`style`);t.id=e,t.textContent=l,document.head.appendChild(t)}},[]);let K=p&&W.length>0&&R.length<y,q=B.length>0&&R.length>=y,J=!V&&R.length>=y&&B.length===0,Y=K||q||J||V,X=n.useMemo(()=>K?W.map(e=>({type:`recent`,item:e})):q?B.map(e=>({type:`suggestion`,item:e})):[],[K,q,W,B]),Z=n.useCallback(e=>{a?.(e),U(e),h?.(e),z(``),N(!1),L(!1),F(-1)},[a,U,h,z]),Q=n.useCallback(()=>{a?.(null),z(``),L(!0),A.current?.focus()},[a,z]),ie=n.useCallback(()=>{L(!0),z(e?.parts.formatted||``),setTimeout(()=>A.current?.focus(),0)},[e,z]),ae=n.useCallback(e=>{z(e.target.value),F(-1),M||N(!0)},[z,M]),oe=n.useCallback(()=>{N(!0)},[]),se=n.useCallback(e=>{j.current&&j.current.contains(e.relatedTarget)||setTimeout(()=>N(!1),150)},[]),ce=n.useCallback(e=>{if(!M){(e.key===`ArrowDown`||e.key===`Enter`)&&(N(!0),e.preventDefault());return}switch(e.key){case`ArrowDown`:e.preventDefault(),F(e=>e<X.length-1?e+1:e);break;case`ArrowUp`:e.preventDefault(),F(e=>e>0?e-1:-1);break;case`Enter`:e.preventDefault(),P>=0&&X[P]&&Z(X[P].item);break;case`Escape`:e.preventDefault(),N(!1),F(-1);break;case`Tab`:N(!1),F(-1);break}},[M,X,P,Z]),$=n.useCallback(()=>{_?.(),N(!1)},[_]);return e&&!I?(0,i.jsxs)(`div`,{className:t.cn(`space-y-1.5`,T),children:[O&&(0,i.jsxs)(`label`,{htmlFor:E,className:`text-sm font-medium text-foreground`,children:[O,k&&(0,i.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,i.jsx)(f,{address:e,onClear:Q,onEdit:ie,disabled:C}),D&&(0,i.jsx)(`input`,{type:`hidden`,name:D,value:e.parts.formatted})]}):(0,i.jsxs)(`div`,{className:t.cn(`relative space-y-1.5`,T),children:[O&&(0,i.jsxs)(`label`,{htmlFor:E,className:`text-sm font-medium text-foreground`,children:[O,k&&(0,i.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`div`,{className:`absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none`,children:V?(0,i.jsx)(r.Loader2,{className:`w-4 h-4 text-muted-foreground animate-spin`}):(0,i.jsx)(r.Search,{className:`w-4 h-4 text-muted-foreground`})}),(0,i.jsx)(`input`,{ref:A,type:`text`,id:E,name:D,role:`combobox`,"aria-expanded":M,"aria-haspopup":`listbox`,"aria-autocomplete":`list`,"aria-controls":M?`address-listbox`:void 0,"aria-activedescendant":P>=0?`address-option-${P}`:void 0,autoComplete:`off`,autoFocus:ee,disabled:C,required:k,placeholder:s,value:R,onChange:ae,onFocus:oe,onBlur:se,onKeyDown:ce,className:t.cn(`flex h-10 w-full rounded-md border border-input bg-background`,`pl-10 pr-10 py-2 text-sm`,`ring-offset-background`,`placeholder:text-muted-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`disabled:cursor-not-allowed disabled:opacity-50`,`transition-colors`,G&&`border-destructive focus-visible:ring-destructive`)}),(0,i.jsxs)(`div`,{className:`absolute inset-y-0 right-0 flex items-center pr-2`,children:[R&&(0,i.jsx)(`button`,{type:`button`,className:`p-1 rounded-md hover:bg-accent transition-colors`,onClick:()=>{z(``),A.current?.focus()},"aria-label":`Clear search`,children:(0,i.jsx)(r.X,{className:`w-4 h-4 text-muted-foreground`})}),(0,i.jsx)(`button`,{type:`button`,className:`p-1 rounded-md hover:bg-accent transition-colors`,onClick:()=>N(!M),"aria-label":`Toggle dropdown`,children:(0,i.jsx)(r.ChevronDown,{className:t.cn(`w-4 h-4 text-muted-foreground transition-transform duration-200`,M&&`rotate-180`)})})]})]}),G&&(0,i.jsx)(`p`,{className:`text-sm text-destructive`,children:G}),M&&Y&&(0,i.jsxs)(`div`,{ref:j,id:`address-listbox`,role:`listbox`,className:t.cn(`absolute z-50 w-full mt-1 py-1 rounded-md border bg-popover shadow-lg`,`waka-address-dropdown-enter`),children:[V&&(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.Loader2,{className:`w-4 h-4 animate-spin`}),(0,i.jsx)(`span`,{children:S})]}),K&&!V&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Recent Addresses`}),W.map((e,t)=>(0,i.jsx)(d,{address:e,isHighlighted:P===t,onSelect:()=>Z(e),onRemove:()=>re(e.id),onMouseEnter:()=>F(t)},e.id))]}),q&&!V&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Suggestions`}),B.map((e,t)=>(0,i.jsx)(u,{suggestion:e,isHighlighted:P===t,onSelect:()=>Z(e),onMouseEnter:()=>F(t)},e.id))]}),J&&(0,i.jsxs)(`div`,{className:`py-6 text-center`,children:[(0,i.jsx)(r.Navigation,{className:`w-8 h-8 mx-auto text-muted-foreground/50 mb-2`}),(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:x}),g&&_&&(0,i.jsx)(`button`,{type:`button`,className:`mt-2 text-sm text-primary hover:underline`,onClick:$,children:`Enter address manually`})]}),g&&_&&!J&&!V&&(0,i.jsx)(`div`,{className:`border-t mt-1 pt-1`,children:(0,i.jsxs)(`button`,{type:`button`,className:`w-full flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:bg-accent hover:text-foreground transition-colors`,onClick:$,children:[(0,i.jsx)(r.Edit3,{className:`w-4 h-4`}),(0,i.jsx)(`span`,{children:`Enter address manually`})]})})]})]})});p.displayName=`WakaAddressAutocomplete`,exports.WakaAddressAutocomplete=p,exports.default=p,exports.useAddressAutocomplete=c;

package/dist/components/waka-address-autocomplete/index.es.js

@@ -0,0 +1,563 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Building2 as n, ChevronDown as r, Clock as i, Edit3 as a, Home as o, Loader2 as s, MapPin as c, Navigation as l, Search as u, X as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/waka-address-autocomplete/index.tsx
+var m = [
+	{
+		id: "1",
+		primary: "123 Main Street",
+		secondary: "New York, NY 10001, USA",
+		type: "home",
+		parts: {
+			street: "123 Main Street",
+			city: "New York",
+			state: "NY",
+			zip: "10001",
+			country: "USA",
+			formatted: "123 Main Street, New York, NY 10001, USA"
+		}
+	},
+	{
+		id: "2",
+		primary: "456 Oak Avenue",
+		secondary: "Los Angeles, CA 90001, USA",
+		type: "business",
+		parts: {
+			street: "456 Oak Avenue",
+			city: "Los Angeles",
+			state: "CA",
+			zip: "90001",
+			country: "USA",
+			formatted: "456 Oak Avenue, Los Angeles, CA 90001, USA"
+		}
+	},
+	{
+		id: "3",
+		primary: "789 Pine Road",
+		secondary: "Chicago, IL 60601, USA",
+		type: "home",
+		parts: {
+			street: "789 Pine Road",
+			city: "Chicago",
+			state: "IL",
+			zip: "60601",
+			country: "USA",
+			formatted: "789 Pine Road, Chicago, IL 60601, USA"
+		}
+	},
+	{
+		id: "4",
+		primary: "321 Elm Boulevard",
+		secondary: "Houston, TX 77001, USA",
+		type: "other",
+		parts: {
+			street: "321 Elm Boulevard",
+			city: "Houston",
+			state: "TX",
+			zip: "77001",
+			country: "USA",
+			formatted: "321 Elm Boulevard, Houston, TX 77001, USA"
+		}
+	},
+	{
+		id: "5",
+		primary: "555 Cedar Lane",
+		secondary: "Phoenix, AZ 85001, USA",
+		type: "home",
+		parts: {
+			street: "555 Cedar Lane",
+			city: "Phoenix",
+			state: "AZ",
+			zip: "85001",
+			country: "USA",
+			formatted: "555 Cedar Lane, Phoenix, AZ 85001, USA"
+		}
+	},
+	{
+		id: "6",
+		primary: "10 Downing Street",
+		secondary: "London, SW1A 2AA, UK",
+		type: "business",
+		parts: {
+			street: "10 Downing Street",
+			city: "London",
+			state: "",
+			zip: "SW1A 2AA",
+			country: "UK",
+			formatted: "10 Downing Street, London, SW1A 2AA, UK"
+		}
+	},
+	{
+		id: "7",
+		primary: "1600 Pennsylvania Avenue",
+		secondary: "Washington, DC 20500, USA",
+		type: "business",
+		parts: {
+			street: "1600 Pennsylvania Avenue",
+			city: "Washington",
+			state: "DC",
+			zip: "20500",
+			country: "USA",
+			formatted: "1600 Pennsylvania Avenue, Washington, DC 20500, USA"
+		}
+	},
+	{
+		id: "8",
+		primary: "350 Fifth Avenue",
+		secondary: "New York, NY 10118, USA",
+		type: "business",
+		distance: "2.3 mi",
+		parts: {
+			street: "350 Fifth Avenue",
+			city: "New York",
+			state: "NY",
+			zip: "10118",
+			country: "USA",
+			formatted: "350 Fifth Avenue, New York, NY 10118, USA"
+		}
+	}
+];
+function h(e) {
+	let t = e.split(",").map((e) => e.trim()), n = t[0] || "", r = t[1] || "", i = t[t.length - 1] || "", a = r.match(/^(.+?)\s+([A-Z]{2})\s+(\d{5}(?:-\d{4})?)$/), o = "", s = "", c = "";
+	return a ? (o = a[1], s = a[2], c = a[3]) : o = r, {
+		street: n,
+		city: o,
+		state: s,
+		zip: c,
+		country: i === o ? "" : i,
+		formatted: e
+	};
+}
+async function g(e, t = 5) {
+	if (await new Promise((e) => setTimeout(e, 300 + Math.random() * 200)), !e.trim()) return [];
+	let n = e.toLowerCase();
+	return m.filter((t) => t.primary.toLowerCase().includes(n) || t.secondary.toLowerCase().includes(n) || t.parts.city.toLowerCase().includes(n) || t.parts.zip.includes(e)).slice(0, t);
+}
+function _(e = {}) {
+	let { onSearch: n, debounceMs: r = 300, minChars: i = 2, maxSuggestions: a = 5, initialRecentAddresses: o = [], maxRecentAddresses: s = 5, storageKey: c = "waka-address-recent" } = e, [l, u] = t.useState(""), [d, f] = t.useState([]), [p, m] = t.useState(!1), [_, v] = t.useState(null), [y, b] = t.useState(o), x = t.useRef(null), S = t.useRef(null);
+	t.useEffect(() => {
+		if (!(typeof window > "u")) try {
+			let e = localStorage.getItem(c);
+			if (e) {
+				let t = JSON.parse(e);
+				b(t.map((e) => ({
+					...e,
+					lastUsed: new Date(e.lastUsed)
+				})));
+			}
+		} catch {}
+	}, [c]);
+	let C = t.useCallback((e) => {
+		if (!(typeof window > "u")) try {
+			localStorage.setItem(c, JSON.stringify(e));
+		} catch {}
+	}, [c]), w = t.useCallback(async (e) => {
+		if (e.length < i) {
+			f([]);
+			return;
+		}
+		S.current && S.current.abort(), S.current = new AbortController(), m(!0), v(null);
+		try {
+			let t = await (n || g)(e);
+			f(t.slice(0, a));
+		} catch (e) {
+			e instanceof Error && e.name !== "AbortError" && (v("Failed to search addresses. Please try again."), f([]));
+		} finally {
+			m(!1);
+		}
+	}, [
+		n,
+		i,
+		a
+	]);
+	return t.useEffect(() => (x.current && clearTimeout(x.current), l.length >= i ? x.current = setTimeout(() => {
+		w(l);
+	}, r) : f([]), () => {
+		x.current && clearTimeout(x.current);
+	}), [
+		l,
+		r,
+		i,
+		w
+	]), {
+		query: l,
+		setQuery: u,
+		suggestions: d,
+		isLoading: p,
+		error: _,
+		recentAddresses: y,
+		addToRecent: t.useCallback((e) => {
+			b((t) => {
+				let n = t.filter((t) => t.id !== e.id), r = [{
+					...e,
+					lastUsed: /* @__PURE__ */ new Date()
+				}, ...n].slice(0, s);
+				return C(r), r;
+			});
+		}, [s, C]),
+		clearRecentAddresses: t.useCallback(() => {
+			b([]), C([]);
+		}, [C]),
+		removeFromRecent: t.useCallback((e) => {
+			b((t) => {
+				let n = t.filter((t) => t.id !== e);
+				return C(n), n;
+			});
+		}, [C]),
+		search: w,
+		clearSuggestions: t.useCallback(() => {
+			f([]), u("");
+		}, []),
+		parseAddress: t.useCallback((e) => h(e), [])
+	};
+}
+var v = "\n  @keyframes waka-address-dropdown-in {\n    from {\n      opacity: 0;\n      transform: translateY(-8px) scale(0.96);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes waka-address-dropdown-out {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-8px) scale(0.96);\n    }\n  }\n\n  @keyframes waka-address-highlight {\n    0% {\n      background-color: transparent;\n    }\n    50% {\n      background-color: hsl(var(--primary) / 0.1);\n    }\n    100% {\n      background-color: transparent;\n    }\n  }\n\n  @keyframes waka-address-pulse {\n    0%, 100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .waka-address-dropdown-enter {\n    animation: waka-address-dropdown-in 0.2s ease-out forwards;\n  }\n\n  .waka-address-dropdown-exit {\n    animation: waka-address-dropdown-out 0.15s ease-in forwards;\n  }\n\n  .waka-address-highlight {\n    animation: waka-address-highlight 0.5s ease-out;\n  }\n\n  .waka-address-pulse {\n    animation: waka-address-pulse 1.5s ease-in-out infinite;\n  }\n";
+function y({ suggestion: t, isHighlighted: r, onSelect: i, onMouseEnter: a }) {
+	let s = t.type === "home" ? o : t.type === "business" ? n : c;
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": r,
+		className: e("w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors", "hover:bg-accent focus:bg-accent focus:outline-none", r && "bg-accent"),
+		onClick: i,
+		onMouseEnter: a,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: e("flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center", "bg-primary/10 text-primary"),
+				children: /* @__PURE__ */ f(s, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ f("p", {
+					className: "text-sm font-medium text-foreground truncate",
+					children: t.primary
+				}), /* @__PURE__ */ f("p", {
+					className: "text-xs text-muted-foreground truncate",
+					children: t.secondary
+				})]
+			}),
+			t.distance && /* @__PURE__ */ f("span", {
+				className: "flex-shrink-0 text-xs text-muted-foreground",
+				children: t.distance
+			})
+		]
+	});
+}
+function b({ address: t, isHighlighted: n, onSelect: r, onRemove: a, onMouseEnter: o }) {
+	return /* @__PURE__ */ p("div", {
+		role: "option",
+		"aria-selected": n,
+		className: e("flex items-center gap-2 px-3 py-2 transition-colors", "hover:bg-accent", n && "bg-accent"),
+		onMouseEnter: o,
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			className: "flex-1 flex items-start gap-3 text-left focus:outline-none",
+			onClick: r,
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-muted text-muted-foreground",
+				children: /* @__PURE__ */ f(i, { className: "w-4 h-4" })
+			}), /* @__PURE__ */ p("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ f("p", {
+					className: "text-sm font-medium text-foreground truncate",
+					children: t.primary
+				}), /* @__PURE__ */ f("p", {
+					className: "text-xs text-muted-foreground truncate",
+					children: t.secondary
+				})]
+			})]
+		}), /* @__PURE__ */ f("button", {
+			type: "button",
+			className: "flex-shrink-0 p-1.5 rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors",
+			onClick: (e) => {
+				e.stopPropagation(), a();
+			},
+			"aria-label": "Remove from recent",
+			children: /* @__PURE__ */ f(d, { className: "w-3.5 h-3.5" })
+		})]
+	});
+}
+function x({ address: t, onClear: r, onEdit: i, disabled: s }) {
+	let l = t.type === "home" ? o : t.type === "business" ? n : c;
+	return /* @__PURE__ */ p("div", {
+		className: e("flex items-start gap-3 p-3 rounded-lg border bg-card", "transition-all duration-200", s && "opacity-50 pointer-events-none"),
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center bg-primary/10 text-primary",
+				children: /* @__PURE__ */ f(l, { className: "w-5 h-5" })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ f("p", {
+						className: "text-sm font-medium text-foreground",
+						children: t.primary
+					}),
+					/* @__PURE__ */ f("p", {
+						className: "text-xs text-muted-foreground mt-0.5",
+						children: t.secondary
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "flex flex-wrap gap-1.5 mt-2",
+						children: [
+							t.parts.city && /* @__PURE__ */ f("span", {
+								className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground",
+								children: t.parts.city
+							}),
+							t.parts.zip && /* @__PURE__ */ f("span", {
+								className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground",
+								children: t.parts.zip
+							}),
+							t.parts.country && /* @__PURE__ */ f("span", {
+								className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-muted text-muted-foreground",
+								children: t.parts.country
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex-shrink-0 flex items-center gap-1",
+				children: [/* @__PURE__ */ f("button", {
+					type: "button",
+					className: "p-1.5 rounded-md hover:bg-accent transition-colors",
+					onClick: i,
+					"aria-label": "Edit address",
+					children: /* @__PURE__ */ f(a, { className: "w-4 h-4 text-muted-foreground" })
+				}), /* @__PURE__ */ f("button", {
+					type: "button",
+					className: "p-1.5 rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors",
+					onClick: r,
+					"aria-label": "Clear address",
+					children: /* @__PURE__ */ f(d, { className: "w-4 h-4" })
+				})]
+			})
+		]
+	});
+}
+var S = t.forwardRef(({ value: n, onChange: i, onSearch: o, placeholder: c = "Search for an address...", showRecentAddresses: m = !0, recentAddresses: h, onAddToRecent: g, allowManualEntry: S = !0, onManualEntry: C, debounceMs: w = 300, minChars: T = 2, maxSuggestions: ee = 5, noResultsMessage: te = "No addresses found", loadingMessage: ne = "Searching...", disabled: E = !1, error: re, className: D, id: O, name: k, label: A, required: j = !1, autoFocus: M = !1 }, ie) => {
+	let N = t.useRef(null), P = t.useRef(null), [F, I] = t.useState(!1), [L, R] = t.useState(-1), [ae, z] = t.useState(!n), { query: B, setQuery: V, suggestions: H, isLoading: U, error: oe, recentAddresses: W, addToRecent: G, removeFromRecent: se } = _({
+		onSearch: o,
+		debounceMs: w,
+		minChars: T,
+		maxSuggestions: ee
+	}), K = h ?? W, q = re || oe;
+	t.useImperativeHandle(ie, () => N.current), t.useEffect(() => {
+		if (typeof document > "u") return;
+		let e = "waka-address-autocomplete-styles";
+		if (!document.getElementById(e)) {
+			let t = document.createElement("style");
+			t.id = e, t.textContent = v, document.head.appendChild(t);
+		}
+	}, []);
+	let J = m && K.length > 0 && B.length < T, Y = H.length > 0 && B.length >= T, X = !U && B.length >= T && H.length === 0, ce = J || Y || X || U, Z = t.useMemo(() => J ? K.map((e) => ({
+		type: "recent",
+		item: e
+	})) : Y ? H.map((e) => ({
+		type: "suggestion",
+		item: e
+	})) : [], [
+		J,
+		Y,
+		K,
+		H
+	]), Q = t.useCallback((e) => {
+		i?.(e), G(e), g?.(e), V(""), I(!1), z(!1), R(-1);
+	}, [
+		i,
+		G,
+		g,
+		V
+	]), le = t.useCallback(() => {
+		i?.(null), V(""), z(!0), N.current?.focus();
+	}, [i, V]), ue = t.useCallback(() => {
+		z(!0), V(n?.parts.formatted || ""), setTimeout(() => N.current?.focus(), 0);
+	}, [n, V]), de = t.useCallback((e) => {
+		V(e.target.value), R(-1), F || I(!0);
+	}, [V, F]), fe = t.useCallback(() => {
+		I(!0);
+	}, []), pe = t.useCallback((e) => {
+		P.current && P.current.contains(e.relatedTarget) || setTimeout(() => I(!1), 150);
+	}, []), me = t.useCallback((e) => {
+		if (!F) {
+			(e.key === "ArrowDown" || e.key === "Enter") && (I(!0), e.preventDefault());
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), R((e) => e < Z.length - 1 ? e + 1 : e);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), R((e) => e > 0 ? e - 1 : -1);
+				break;
+			case "Enter":
+				e.preventDefault(), L >= 0 && Z[L] && Q(Z[L].item);
+				break;
+			case "Escape":
+				e.preventDefault(), I(!1), R(-1);
+				break;
+			case "Tab":
+				I(!1), R(-1);
+				break;
+		}
+	}, [
+		F,
+		Z,
+		L,
+		Q
+	]), $ = t.useCallback(() => {
+		C?.(), I(!1);
+	}, [C]);
+	return n && !ae ? /* @__PURE__ */ p("div", {
+		className: e("space-y-1.5", D),
+		children: [
+			A && /* @__PURE__ */ p("label", {
+				htmlFor: O,
+				className: "text-sm font-medium text-foreground",
+				children: [A, j && /* @__PURE__ */ f("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ f(x, {
+				address: n,
+				onClear: le,
+				onEdit: ue,
+				disabled: E
+			}),
+			k && /* @__PURE__ */ f("input", {
+				type: "hidden",
+				name: k,
+				value: n.parts.formatted
+			})
+		]
+	}) : /* @__PURE__ */ p("div", {
+		className: e("relative space-y-1.5", D),
+		children: [
+			A && /* @__PURE__ */ p("label", {
+				htmlFor: O,
+				className: "text-sm font-medium text-foreground",
+				children: [A, j && /* @__PURE__ */ f("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none",
+						children: U ? /* @__PURE__ */ f(s, { className: "w-4 h-4 text-muted-foreground animate-spin" }) : /* @__PURE__ */ f(u, { className: "w-4 h-4 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ f("input", {
+						ref: N,
+						type: "text",
+						id: O,
+						name: k,
+						role: "combobox",
+						"aria-expanded": F,
+						"aria-haspopup": "listbox",
+						"aria-autocomplete": "list",
+						"aria-controls": F ? "address-listbox" : void 0,
+						"aria-activedescendant": L >= 0 ? `address-option-${L}` : void 0,
+						autoComplete: "off",
+						autoFocus: M,
+						disabled: E,
+						required: j,
+						placeholder: c,
+						value: B,
+						onChange: de,
+						onFocus: fe,
+						onBlur: pe,
+						onKeyDown: me,
+						className: e("flex h-10 w-full rounded-md border border-input bg-background", "pl-10 pr-10 py-2 text-sm", "ring-offset-background", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "transition-colors", q && "border-destructive focus-visible:ring-destructive")
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "absolute inset-y-0 right-0 flex items-center pr-2",
+						children: [B && /* @__PURE__ */ f("button", {
+							type: "button",
+							className: "p-1 rounded-md hover:bg-accent transition-colors",
+							onClick: () => {
+								V(""), N.current?.focus();
+							},
+							"aria-label": "Clear search",
+							children: /* @__PURE__ */ f(d, { className: "w-4 h-4 text-muted-foreground" })
+						}), /* @__PURE__ */ f("button", {
+							type: "button",
+							className: "p-1 rounded-md hover:bg-accent transition-colors",
+							onClick: () => I(!F),
+							"aria-label": "Toggle dropdown",
+							children: /* @__PURE__ */ f(r, { className: e("w-4 h-4 text-muted-foreground transition-transform duration-200", F && "rotate-180") })
+						})]
+					})
+				]
+			}),
+			q && /* @__PURE__ */ f("p", {
+				className: "text-sm text-destructive",
+				children: q
+			}),
+			F && ce && /* @__PURE__ */ p("div", {
+				ref: P,
+				id: "address-listbox",
+				role: "listbox",
+				className: e("absolute z-50 w-full mt-1 py-1 rounded-md border bg-popover shadow-lg", "waka-address-dropdown-enter"),
+				children: [
+					U && /* @__PURE__ */ p("div", {
+						className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ f(s, { className: "w-4 h-4 animate-spin" }), /* @__PURE__ */ f("span", { children: ne })]
+					}),
+					J && !U && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
+						className: "px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wider",
+						children: "Recent Addresses"
+					}), K.map((e, t) => /* @__PURE__ */ f(b, {
+						address: e,
+						isHighlighted: L === t,
+						onSelect: () => Q(e),
+						onRemove: () => se(e.id),
+						onMouseEnter: () => R(t)
+					}, e.id))] }),
+					Y && !U && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
+						className: "px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wider",
+						children: "Suggestions"
+					}), H.map((e, t) => /* @__PURE__ */ f(y, {
+						suggestion: e,
+						isHighlighted: L === t,
+						onSelect: () => Q(e),
+						onMouseEnter: () => R(t)
+					}, e.id))] }),
+					X && /* @__PURE__ */ p("div", {
+						className: "py-6 text-center",
+						children: [
+							/* @__PURE__ */ f(l, { className: "w-8 h-8 mx-auto text-muted-foreground/50 mb-2" }),
+							/* @__PURE__ */ f("p", {
+								className: "text-sm text-muted-foreground",
+								children: te
+							}),
+							S && C && /* @__PURE__ */ f("button", {
+								type: "button",
+								className: "mt-2 text-sm text-primary hover:underline",
+								onClick: $,
+								children: "Enter address manually"
+							})
+						]
+					}),
+					S && C && !X && !U && /* @__PURE__ */ f("div", {
+						className: "border-t mt-1 pt-1",
+						children: /* @__PURE__ */ p("button", {
+							type: "button",
+							className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+							onClick: $,
+							children: [/* @__PURE__ */ f(a, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", { children: "Enter address manually" })]
+						})
+					})
+				]
+			})
+		]
+	});
+});
+S.displayName = "WakaAddressAutocomplete";
+//#endregion
+export { S as WakaAddressAutocomplete, S as default, _ as useAddressAutocomplete };

package/dist/components/waka-admincrumb/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../command/index.cjs.js"),a=require("../popover/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("class-variance-authority"),l=require("react/jsx-runtime");var u=(0,c.cva)(`flex items-center`,{variants:{variant:{default:`gap-2 p-3 rounded-lg border bg-card shadow-sm`,minimal:`gap-2`,pills:`gap-2 p-2 rounded-full border bg-muted/30`,inline:`gap-1.5 text-sm`,compact:`gap-1.5 p-2 rounded-md bg-muted/50`}},defaultVariants:{variant:`default`}}),d=(0,c.cva)(`justify-between gap-2 transition-all`,{variants:{variant:{default:`h-9 border-primary/50`,minimal:`h-8 border-0 shadow-none hover:bg-accent`,pills:`h-8 rounded-full px-4`,inline:`h-7 text-sm border-0 shadow-none p-0 hover:bg-transparent hover:underline`,compact:`h-7 text-xs px-2`}},defaultVariants:{variant:`default`}}),f={partner:s.Building2,network:s.Network,customer:s.Users},p={partner:`bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200`,network:`bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200`,customer:`bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200`},m={partner:`Partenaire`,network:`Réseau`,customer:`Client`},h=o.forwardRef(({type:e,items:c,selected:u,isLoading:h,onSelect:g,placeholder:_,emptyText:v,showIcon:y,showBadge:b,variant:x},S)=>{let[C,w]=o.useState(!1),[T,E]=o.useState(``),D=f[e],O=o.useMemo(()=>T?c.filter(e=>e.name.toLowerCase().includes(T.toLowerCase())):c,[c,T]),k=e=>{g(e),w(!1),E(``)};return(0,l.jsxs)(a.Popover,{open:C,onOpenChange:w,children:[(0,l.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,l.jsxs)(r.Button,{ref:S,variant:x===`inline`?`ghost`:`outline`,role:`combobox`,"aria-expanded":C,className:t.cn(d({variant:x}),u?.id?`border-primary/50`:``),disabled:h||c.length===0,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[y&&D&&(0,l.jsx)(D,{className:`h-4 w-4 shrink-0`}),(0,l.jsx)(`span`,{className:`truncate`,children:u?.name||_||m[e]}),b&&u?.id&&(0,l.jsx)(n.Badge,{variant:`secondary`,className:t.cn(`text-xs`,p[e]),children:e})]}),u?.id?(0,l.jsx)(s.X,{className:`h-3 w-3 shrink-0 opacity-50 hover:opacity-100`,onClick:t=>{t.stopPropagation(),g({id:``,name:``,type:e}),E(``)}}):(0,l.jsx)(s.ChevronRight,{className:`h-4 w-4 shrink-0 opacity-50`})]})}),(0,l.jsx)(a.PopoverContent,{className:`w-[300px] p-0`,align:`start`,children:(0,l.jsxs)(i.Command,{shouldFilter:!1,children:[(0,l.jsxs)(`div`,{className:`flex items-center border-b px-3 py-2 bg-muted/50`,children:[(0,l.jsx)(s.Search,{className:`mr-2 h-4 w-4 shrink-0 opacity-50`}),(0,l.jsx)(i.CommandInput,{placeholder:`Rechercher ${m[e].toLowerCase()}...`,value:T,onValueChange:E,className:`border-0 focus:ring-0`})]}),(0,l.jsxs)(i.CommandList,{children:[(0,l.jsx)(i.CommandEmpty,{children:v||`Aucun ${m[e].toLowerCase()} trouvé`}),(0,l.jsx)(i.CommandGroup,{children:O.map(e=>(0,l.jsx)(i.CommandItem,{value:e.id,onSelect:()=>k(e),className:`cursor-pointer`,children:(0,l.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[y&&D&&(0,l.jsx)(D,{className:`h-4 w-4 shrink-0`}),(0,l.jsx)(`span`,{className:`flex-1 truncate`,children:e.name}),e.metadata?.count!==void 0&&(0,l.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:e.metadata.count})]})},e.id))})]})]})})]})});h.displayName=`AdmincrumbSelector`;var g=o.forwardRef(({levels:e,separator:i,className:a,onLevelChange:o,showIcons:c=!0,showBadges:d=!1,showHome:f=!1,maxWidth:p=`100%`,variant:m=`default`,resetable:g=!1,onReset:_},v)=>{let y=e=>t=>{o?.(e,t)},b=e.some(e=>e.selected?.id),x=g&&b&&_;return(0,l.jsxs)(`nav`,{ref:v,"aria-label":`Fil d'Ariane administrateur`,className:t.cn(`flex items-center gap-2`,a),style:{maxWidth:p},children:[(0,l.jsxs)(`div`,{className:t.cn(u({variant:m}),`overflow-x-auto`),children:[f&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.Button,{variant:m===`inline`?`ghost`:`outline`,size:m===`compact`?`sm`:`default`,className:t.cn(m===`inline`&&`h-7 px-2`,m===`compact`&&`h-7 px-2`),onClick:()=>_?.(),children:(0,l.jsx)(s.Home,{className:`h-4 w-4`})}),(0,l.jsx)(s.ChevronRight,{className:`h-4 w-4 text-muted-foreground shrink-0`,"aria-hidden":`true`})]}),(0,l.jsx)(`ol`,{className:`flex items-center gap-2 list-none p-0 m-0`,children:e.map((e,n)=>(0,l.jsxs)(`li`,{className:`flex items-center gap-2`,children:[n>0&&(0,l.jsx)(l.Fragment,{children:i||(0,l.jsx)(s.ChevronRight,{className:t.cn(`text-muted-foreground shrink-0`,m===`compact`||m===`inline`?`h-3 w-3`:`h-4 w-4`),"aria-hidden":`true`})}),(0,l.jsx)(h,{...e,onSelect:y(n),showIcon:c,showBadge:d,variant:m||`default`})]},`${e.type}-${n}`))}),x&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:`w-px h-6 bg-border mx-1`,"aria-hidden":`true`}),(0,l.jsxs)(r.Button,{variant:`ghost`,size:m===`compact`?`sm`:`default`,onClick:_,className:t.cn(`gap-2`,m===`compact`&&`h-7 px-2 text-xs`),children:[(0,l.jsx)(s.X,{className:`h-3 w-3`}),`Réinitialiser`]})]})]}),b&&!x&&(0,l.jsxs)(n.Badge,{variant:`secondary`,className:`gap-1`,children:[(0,l.jsx)(s.Filter,{className:`h-3 w-3`}),`Filtré`]})]})});g.displayName=`WakaAdmincrumb`;function _(){let[e,t]=o.useState(),[n,r]=o.useState(),[i,a]=o.useState();return{partner:e,network:n,customer:i,handleLevelChange:o.useCallback((e,n)=>{e===0?(t(n.id?n:void 0),r(void 0),a(void 0)):e===1?(r(n.id?n:void 0),a(void 0)):e===2&&a(n.id?n:void 0)},[]),reset:o.useCallback(()=>{t(void 0),r(void 0),a(void 0)},[])}}exports.WakaAdmincrumb=g,exports.useAdmincrumb=_;