@purpur/library 9.0.10 → 9.1.1

package/dist/use-autocomplete.es-BHDgQLae.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react"),Q=({id:f,options:v,listboxLabel:L,selectedOption:c,disabled:m=!1,readOnly:g=!1,openOnFocus:S=!1,listboxMaxHeight:l,highlightFirstOption:y=!1,onSelect:$,closeOnSelect:A=!0,noOptionsText:T,["data-testid"]:k})=>{const M=o.useId(),u=o.useRef(null),h=o.useRef(null),p=o.useRef(null),x=o.useRef({}),[C,E]=o.useState(!1),[n,d]=o.useState(y?v[0]:void 0),R=`${f}-listbox`,K=`${f}-input`,w=e=>`${f}-listbox-item-${e.id}`,B=`--purpur-autocomplete-${M.replace(/:/g,"")}`,F={anchorName:B},D=e=>k?`${k}-${e}`:void 0,i=o.useCallback(()=>{E(!1),d(void 0)},[]);o.useEffect(()=>{const e=t=>{u.current&&!u.current.contains(t.target)&&!p.current?.contains(t.target)&&i()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i]);const b=({eventType:e})=>{E(!0),c&&requestAnimationFrame(()=>{d({...c,isSetByClickEvent:e==="CLICK"}),O(x.current[c.id])})},O=e=>{if(!e)return;const t=e.getBoundingClientRect(),s=p.current?.getBoundingClientRect()??{top:0,bottom:0};(t.top<s.top||t.bottom>s.bottom)&&e.scrollIntoView({block:"nearest"})},r=C&&(v.length>0||!!T),P=e=>{const t=v.filter(a=>!a.disabled);if(!t.length)return;const s=n?t.findIndex(a=>a.id===n.id):-1;return e==="ArrowDown"?t[(s+1)%t.length]:t[(s-1+t.length)%t.length]},Y=e=>{r||b({eventType:"KEYBOARD"});const t=P(e);d(t?{...t}:void 0),t&&O(x.current[t.id])},I=e=>{e.disabled||($?.(e),h.current?.focus(),A&&i())},q=()=>{b({eventType:"KEYBOARD"})},U=e=>{if(!(m||g))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),Y(e.key);break;case"Enter":r&&n&&(e.preventDefault(),I(n));break;case"Escape":e.preventDefault(),i();break;case"Tab":i();break}},H=()=>{!C&&S&&!m&&!g&&b({eventType:"KEYBOARD"})},N=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!h.current?.contains(e)&&!p.current?.contains(e)&&!u.current?.contains(e)&&i()})},V=()=>{m||g||(r?i():b({eventType:"CLICK"}))},j=o.useCallback(e=>{if(p.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[]),z={"aria-label":L,"aria-expanded":r,"data-testid":D("listbox"),id:R,ref:j,onMouseLeave:()=>d(void 0),popover:"manual",style:{...l?{maxHeight:typeof l=="number"?`${l}px`:l}:{},positionAnchor:B}},G=(e,t)=>{const s=(e.id===n?.id||y&&!n&&t===0)&&!n?.isSetByClickEvent;return{"data-testid":D(`listbox-item-${e.id}`),id:w(e),key:e.id,onMouseMove:()=>{e.id!==n?.id&&d({...e,isSetByClickEvent:!0})},onMouseUp:()=>I(e),ref:a=>{a&&(x.current[e.id]=a)},tabIndex:-1,selected:e.id===c?.id,disabled:e.disabled,highlighted:s,hovered:e.id===n?.id&&!!n?.isSetByClickEvent,"aria-selected":e.id===c?.id}},J={role:"combobox","aria-autocomplete":"list","aria-expanded":r,"aria-controls":R,"aria-activedescendant":n?w(n):void 0,autoComplete:"off",onKeyDown:U,onFocus:H,onBlur:N,onMouseDown:V};return{rootRef:u,inputRef:h,inputId:K,inputProps:J,listboxProps:z,getListboxItemProps:G,isOpen:r,openListbox:q,anchorStyle:F}};exports.ee=Q;
+//# sourceMappingURL=use-autocomplete.es-BHDgQLae.js.map

package/dist/use-autocomplete.es-BHDgQLae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete.es-BHDgQLae.js","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as Z, useRef as b, useState as A, useCallback as $, useEffect as _ } from \"react\";\nconst ee = ({\n  id: p,\n  options: m,\n  listboxLabel: O,\n  selectedOption: r,\n  disabled: v = !1,\n  readOnly: h = !1,\n  openOnFocus: K = !1,\n  listboxMaxHeight: u,\n  highlightFirstOption: y = !1,\n  onSelect: S,\n  closeOnSelect: T = !0,\n  noOptionsText: P,\n  [\"data-testid\"]: w\n}) => {\n  const M = Z(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n    y ? m[0] : void 0\n  ), C = `${p}-listbox`, N = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${M.replace(/:/g, \"\")}`, Y = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n    I(!1), a(void 0);\n  }, []);\n  _(() => {\n    const e = (t) => {\n      l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n    };\n    return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n  }, [o]);\n  const f = ({ eventType: e }) => {\n    I(!0), r && requestAnimationFrame(() => {\n      a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n    });\n  }, D = (e) => {\n    if (!e) return;\n    const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n    (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n  }, c = k && (m.length > 0 || !!P), q = (e) => {\n    const t = m.filter((i) => !i.disabled);\n    if (!t.length) return;\n    const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n    return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n  }, F = (e) => {\n    c || f({ eventType: \"KEYBOARD\" });\n    const t = q(e);\n    a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n  }, L = (e) => {\n    e.disabled || (S?.(e), x.current?.focus(), T && o());\n  }, U = () => {\n    f({ eventType: \"KEYBOARD\" });\n  }, V = (e) => {\n    if (!(v || h))\n      switch (e.key) {\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n          e.preventDefault(), F(e.key);\n          break;\n        case \"Enter\":\n          c && n && (e.preventDefault(), L(n));\n          break;\n        case \"Escape\":\n          e.preventDefault(), o();\n          break;\n        case \"Tab\":\n          o();\n          break;\n      }\n  }, j = () => {\n    !k && K && !v && !h && f({ eventType: \"KEYBOARD\" });\n  }, z = () => {\n    setTimeout(() => {\n      const e = document.activeElement;\n      e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n    });\n  }, G = () => {\n    v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n  }, J = $((e) => {\n    if (d.current = e, e && typeof e.showPopover == \"function\")\n      try {\n        e.showPopover();\n      } catch {\n      }\n  }, []), Q = {\n    \"aria-label\": O,\n    \"aria-expanded\": c,\n    \"data-testid\": B(\"listbox\"),\n    id: C,\n    ref: J,\n    onMouseLeave: () => a(void 0),\n    popover: \"manual\",\n    style: {\n      ...u ? {\n        maxHeight: typeof u == \"number\" ? `${u}px` : u\n      } : {},\n      positionAnchor: R\n    }\n  }, W = (e, t) => {\n    const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n    return {\n      \"data-testid\": B(`listbox-item-${e.id}`),\n      id: E(e),\n      key: e.id,\n      onMouseMove: () => {\n        e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n      },\n      onMouseUp: () => L(e),\n      ref: (i) => {\n        i && (g.current[e.id] = i);\n      },\n      tabIndex: -1,\n      selected: e.id === r?.id,\n      disabled: e.disabled,\n      highlighted: s,\n      hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n      \"aria-selected\": e.id === r?.id\n    };\n  }, X = {\n    role: \"combobox\",\n    \"aria-autocomplete\": \"list\",\n    \"aria-expanded\": c,\n    \"aria-controls\": C,\n    \"aria-activedescendant\": n ? E(n) : void 0,\n    autoComplete: \"off\",\n    onKeyDown: V,\n    onFocus: j,\n    onBlur: z,\n    onMouseDown: G\n  };\n  return {\n    rootRef: l,\n    inputRef: x,\n    inputId: N,\n    inputProps: X,\n    listboxProps: Q,\n    getListboxItemProps: W,\n    isOpen: c,\n    openListbox: U,\n    anchorStyle: Y\n  };\n};\nexport {\n  ee as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["ee","p","m","O","r","v","h","K","u","S","T","P","w","Z","l","b","x","d","g","k","I","A","a","C","N","E","R","Y","B","o","$","_","f","D","c","q","i","F","L","U","V","j","z","G","J","Q","W","X"],"mappings":"sCACMA,EAAK,CAAC,CACV,GAAIC,EACJ,QAASC,EACT,aAAcC,EACd,eAAgBC,EAChB,SAAUC,EAAI,GACd,SAAUC,EAAI,GACd,YAAaC,EAAI,GACjB,iBAAkBC,EAClB,qBAAsB,EAAI,GAC1B,SAAUC,EACV,cAAeC,EAAI,GACnB,cAAeC,EACf,CAAC,eAAgBC,CACnB,IAAM,CACJ,MAAM,EAAIC,EAAAA,QAAKC,EAAIC,EAAAA,OAAE,IAAI,EAAGC,EAAID,EAAAA,OAAE,IAAI,EAAGE,EAAIF,EAAAA,OAAE,IAAI,EAAGG,EAAIH,EAAAA,OAAE,CAAA,CAAE,EAAG,CAACI,EAAGC,CAAC,EAAIC,EAAAA,SAAE,EAAE,EAAG,CAAC,EAAGC,CAAC,EAAID,EAAAA,SACxF,EAAInB,EAAE,CAAC,EAAI,MACf,EAAKqB,EAAI,GAAGtB,CAAC,WAAYuB,EAAI,GAAGvB,CAAC,SAAUwB,EAAK,GAAM,GAAGxB,CAAC,iBAAiB,EAAE,EAAE,GAAIyB,EAAI,yBAAyB,EAAE,QAAQ,KAAM,EAAE,CAAC,GAAIC,EAAI,CAAE,WAAYD,CAAC,EAAIE,EAAK,GAAMhB,EAAI,GAAGA,CAAC,IAAI,CAAC,GAAK,OAAQiB,EAAIC,EAAAA,YAAE,IAAM,CAC3MV,EAAE,EAAE,EAAGE,EAAE,MAAM,CACjB,EAAG,CAAA,CAAE,EACLS,EAAAA,UAAE,IAAM,CACN,MAAM,EAAK,GAAM,CACfjB,EAAE,SAAW,CAACA,EAAE,QAAQ,SAAS,EAAE,MAAM,GAAK,CAACG,EAAE,SAAS,SAAS,EAAE,MAAM,GAAKY,EAAC,CACnF,EACA,OAAO,SAAS,iBAAiB,YAAa,CAAC,EAAG,IAAM,SAAS,oBAAoB,YAAa,CAAC,CACrG,EAAG,CAACA,CAAC,CAAC,EACN,MAAMG,EAAI,CAAC,CAAE,UAAW,CAAC,IAAO,CAC9BZ,EAAE,EAAE,EAAGhB,GAAK,sBAAsB,IAAM,CACtCkB,EAAE,CAAE,GAAGlB,EAAG,kBAAmB,IAAM,OAAO,CAAE,EAAG6B,EAAEf,EAAE,QAAQd,EAAE,EAAE,CAAC,CAClE,CAAC,CACH,EAAG6B,EAAK,GAAM,CACZ,GAAI,CAAC,EAAG,OACR,MAAM,EAAI,EAAE,sBAAqB,EAAI,EAAIhB,EAAE,SAAS,sBAAqB,GAAM,CAAE,IAAK,EAAG,OAAQ,CAAC,GACjG,EAAE,IAAM,EAAE,KAAO,EAAE,OAAS,EAAE,SAAW,EAAE,eAAe,CAAE,MAAO,SAAS,CAAE,CACjF,EAAGiB,EAAIf,IAAMjB,EAAE,OAAS,GAAK,CAAC,CAACS,GAAIwB,EAAK,GAAM,CAC5C,MAAM,EAAIjC,EAAE,OAAQkC,GAAM,CAACA,EAAE,QAAQ,EACrC,GAAI,CAAC,EAAE,OAAQ,OACf,MAAM,EAAI,EAAI,EAAE,UAAWA,GAAMA,EAAE,KAAO,EAAE,EAAE,EAAI,GAClD,OAAO,IAAM,YAAc,GAAG,EAAI,GAAK,EAAE,MAAM,EAAI,GAAG,EAAI,EAAI,EAAE,QAAU,EAAE,MAAM,CACpF,EAAGC,EAAK,GAAM,CACZH,GAAKF,EAAE,CAAE,UAAW,UAAU,CAAE,EAChC,MAAM,EAAIG,EAAE,CAAC,EACbb,EAAE,EAAI,CAAE,GAAG,CAAC,EAAK,MAAM,EAAG,GAAKW,EAAEf,EAAE,QAAQ,EAAE,EAAE,CAAC,CAClD,EAAGoB,EAAK,GAAM,CACZ,EAAE,WAAa7B,IAAI,CAAC,EAAGO,EAAE,SAAS,MAAK,EAAIN,GAAKmB,IAClD,EAAGU,EAAI,IAAM,CACXP,EAAE,CAAE,UAAW,WAAY,CAC7B,EAAGQ,EAAK,GAAM,CACZ,GAAI,EAAEnC,GAAKC,GACT,OAAQ,EAAE,IAAG,CACX,IAAK,UACL,IAAK,YACH,EAAE,eAAc,EAAI+B,EAAE,EAAE,GAAG,EAC3B,MACF,IAAK,QACHH,GAAK,IAAM,EAAE,eAAc,EAAII,EAAE,CAAC,GAClC,MACF,IAAK,SACH,EAAE,eAAc,EAAIT,EAAC,EACrB,MACF,IAAK,MACHA,EAAC,EACD,KACV,CACE,EAAGY,EAAI,IAAM,CACX,CAACtB,GAAKZ,GAAK,CAACF,GAAK,CAACC,GAAK0B,EAAE,CAAE,UAAW,WAAY,CACpD,EAAGU,EAAI,IAAM,CACX,WAAW,IAAM,CACf,MAAM,EAAI,SAAS,cACnB,IAAM,SAAS,MAAQ,CAAC1B,EAAE,SAAS,SAAS,CAAC,GAAK,CAACC,EAAE,SAAS,SAAS,CAAC,GAAK,CAACH,EAAE,SAAS,SAAS,CAAC,GAAKe,EAAC,CAC3G,CAAC,CACH,EAAGc,EAAI,IAAM,CACXtC,GAAKC,IAAM4B,EAAIL,EAAC,EAAKG,EAAE,CAAE,UAAW,OAAO,CAAE,EAC/C,EAAGY,EAAId,cAAG,GAAM,CACd,GAAIb,EAAE,QAAU,EAAG,GAAK,OAAO,EAAE,aAAe,WAC9C,GAAI,CACF,EAAE,YAAW,CACf,MAAQ,CACR,CACJ,EAAG,CAAA,CAAE,EAAG4B,EAAI,CACV,aAAc1C,EACd,gBAAiB+B,EACjB,cAAeN,EAAE,SAAS,EAC1B,GAAIL,EACJ,IAAKqB,EACL,aAAc,IAAMtB,EAAE,MAAM,EAC5B,QAAS,SACT,MAAO,CACL,GAAGd,EAAI,CACL,UAAW,OAAOA,GAAK,SAAW,GAAGA,CAAC,KAAOA,CACrD,EAAU,CAAA,EACJ,eAAgBkB,CACtB,CACA,EAAKoB,EAAI,CAAC,EAAG,IAAM,CACf,MAAM,GAAK,EAAE,KAAO,GAAG,IAAM,GAAK,CAAC,GAAK,IAAM,IAAM,CAAC,GAAG,kBACxD,MAAO,CACL,cAAelB,EAAE,gBAAgB,EAAE,EAAE,EAAE,EACvC,GAAIH,EAAE,CAAC,EACP,IAAK,EAAE,GACP,YAAa,IAAM,CACjB,EAAE,KAAO,GAAG,IAAMH,EAAE,CAAE,GAAG,EAAG,kBAAmB,GAAI,CACrD,EACA,UAAW,IAAMgB,EAAE,CAAC,EACpB,IAAMF,GAAM,CACVA,IAAMlB,EAAE,QAAQ,EAAE,EAAE,EAAIkB,EAC1B,EACA,SAAU,GACV,SAAU,EAAE,KAAOhC,GAAG,GACtB,SAAU,EAAE,SACZ,YAAa,EACb,QAAS,EAAE,KAAO,GAAG,IAAM,CAAC,CAAC,GAAG,kBAChC,gBAAiB,EAAE,KAAOA,GAAG,EACnC,CACE,EAAG2C,EAAI,CACL,KAAM,WACN,oBAAqB,OACrB,gBAAiBb,EACjB,gBAAiBX,EACjB,wBAAyB,EAAIE,EAAE,CAAC,EAAI,OACpC,aAAc,MACd,UAAWe,EACX,QAASC,EACT,OAAQC,EACR,YAAaC,CACjB,EACE,MAAO,CACL,QAAS7B,EACT,SAAUE,EACV,QAASQ,EACT,WAAYuB,EACZ,aAAcF,EACd,oBAAqBC,EACrB,OAAQZ,EACR,YAAaK,EACb,YAAaZ,CACjB,CACA"}

package/dist/use-autocomplete.es-CVv3z8t6.mjs

@@ -0,0 +1,142 @@
+import { useId as X, useRef as b, useState as R, useCallback as $, useEffect as Z } from "react";
+const ee = ({
+  id: f,
+  options: v,
+  listboxLabel: A,
+  selectedOption: a,
+  disabled: m = !1,
+  readOnly: g = !1,
+  openOnFocus: S = !1,
+  listboxMaxHeight: d,
+  highlightFirstOption: y = !1,
+  onSelect: T,
+  closeOnSelect: M = !0,
+  noOptionsText: K,
+  ["data-testid"]: k
+}) => {
+  const F = X(), l = b(null), x = b(null), u = b(null), h = b({}), [E, C] = R(!1), [o, c] = R(
+    y ? v[0] : void 0
+  ), w = `${f}-listbox`, P = `${f}-input`, B = (e) => `${f}-listbox-item-${e.id}`, D = `--purpur-autocomplete-${F.replace(/:/g, "")}`, Y = { anchorName: D }, O = (e) => k ? `${k}-${e}` : void 0, n = $(() => {
+    C(!1), c(void 0);
+  }, []);
+  Z(() => {
+    const e = (t) => {
+      l.current && !l.current.contains(t.target) && !u.current?.contains(t.target) && n();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [n]);
+  const p = ({ eventType: e }) => {
+    C(!0), a && requestAnimationFrame(() => {
+      c({ ...a, isSetByClickEvent: e === "CLICK" }), I(h.current[a.id]);
+    });
+  }, I = (e) => {
+    if (!e) return;
+    const t = e.getBoundingClientRect(), i = u.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };
+    (t.top < i.top || t.bottom > i.bottom) && e.scrollIntoView({ block: "nearest" });
+  }, r = E && (v.length > 0 || !!K), U = (e) => {
+    const t = v.filter((s) => !s.disabled);
+    if (!t.length) return;
+    const i = o ? t.findIndex((s) => s.id === o.id) : -1;
+    return e === "ArrowDown" ? t[(i + 1) % t.length] : t[(i - 1 + t.length) % t.length];
+  }, q = (e) => {
+    r || p({ eventType: "KEYBOARD" });
+    const t = U(e);
+    c(t ? { ...t } : void 0), t && I(h.current[t.id]);
+  }, L = (e) => {
+    e.disabled || (T?.(e), x.current?.focus(), M && n());
+  }, H = () => {
+    p({ eventType: "KEYBOARD" });
+  }, N = (e) => {
+    if (!(m || g))
+      switch (e.key) {
+        case "ArrowUp":
+        case "ArrowDown":
+          e.preventDefault(), q(e.key);
+          break;
+        case "Enter":
+          r && o && (e.preventDefault(), L(o));
+          break;
+        case "Escape":
+          e.preventDefault(), n();
+          break;
+        case "Tab":
+          n();
+          break;
+      }
+  }, V = () => {
+    !E && S && !m && !g && p({ eventType: "KEYBOARD" });
+  }, j = () => {
+    setTimeout(() => {
+      const e = document.activeElement;
+      e !== document.body && !x.current?.contains(e) && !u.current?.contains(e) && !l.current?.contains(e) && n();
+    });
+  }, z = () => {
+    m || g || (r ? n() : p({ eventType: "CLICK" }));
+  }, G = $((e) => {
+    if (u.current = e, e && typeof e.showPopover == "function")
+      try {
+        e.showPopover();
+      } catch {
+      }
+  }, []), J = {
+    "aria-label": A,
+    "aria-expanded": r,
+    "data-testid": O("listbox"),
+    id: w,
+    ref: G,
+    onMouseLeave: () => c(void 0),
+    popover: "manual",
+    style: {
+      ...d ? {
+        maxHeight: typeof d == "number" ? `${d}px` : d
+      } : {},
+      positionAnchor: D
+    }
+  }, Q = (e, t) => {
+    const i = (e.id === o?.id || y && !o && t === 0) && !o?.isSetByClickEvent;
+    return {
+      "data-testid": O(`listbox-item-${e.id}`),
+      id: B(e),
+      key: e.id,
+      onMouseMove: () => {
+        e.id !== o?.id && c({ ...e, isSetByClickEvent: !0 });
+      },
+      onMouseUp: () => L(e),
+      ref: (s) => {
+        s && (h.current[e.id] = s);
+      },
+      tabIndex: -1,
+      selected: e.id === a?.id,
+      disabled: e.disabled,
+      highlighted: i,
+      hovered: e.id === o?.id && !!o?.isSetByClickEvent,
+      "aria-selected": e.id === a?.id
+    };
+  }, W = {
+    role: "combobox",
+    "aria-autocomplete": "list",
+    "aria-expanded": r,
+    "aria-controls": w,
+    "aria-activedescendant": o ? B(o) : void 0,
+    autoComplete: "off",
+    onKeyDown: N,
+    onFocus: V,
+    onBlur: j,
+    onMouseDown: z
+  };
+  return {
+    rootRef: l,
+    inputRef: x,
+    inputId: P,
+    inputProps: W,
+    listboxProps: J,
+    getListboxItemProps: Q,
+    isOpen: r,
+    openListbox: H,
+    anchorStyle: Y
+  };
+};
+export {
+  ee as e
+};
+//# sourceMappingURL=use-autocomplete.es-CVv3z8t6.mjs.map

package/dist/use-autocomplete.es-CVv3z8t6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete.es-CVv3z8t6.mjs","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as Z, useRef as b, useState as A, useCallback as $, useEffect as _ } from \"react\";\nconst ee = ({\n  id: p,\n  options: m,\n  listboxLabel: O,\n  selectedOption: r,\n  disabled: v = !1,\n  readOnly: h = !1,\n  openOnFocus: K = !1,\n  listboxMaxHeight: u,\n  highlightFirstOption: y = !1,\n  onSelect: S,\n  closeOnSelect: T = !0,\n  noOptionsText: P,\n  [\"data-testid\"]: w\n}) => {\n  const M = Z(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n    y ? m[0] : void 0\n  ), C = `${p}-listbox`, N = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${M.replace(/:/g, \"\")}`, Y = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n    I(!1), a(void 0);\n  }, []);\n  _(() => {\n    const e = (t) => {\n      l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n    };\n    return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n  }, [o]);\n  const f = ({ eventType: e }) => {\n    I(!0), r && requestAnimationFrame(() => {\n      a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n    });\n  }, D = (e) => {\n    if (!e) return;\n    const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n    (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n  }, c = k && (m.length > 0 || !!P), q = (e) => {\n    const t = m.filter((i) => !i.disabled);\n    if (!t.length) return;\n    const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n    return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n  }, F = (e) => {\n    c || f({ eventType: \"KEYBOARD\" });\n    const t = q(e);\n    a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n  }, L = (e) => {\n    e.disabled || (S?.(e), x.current?.focus(), T && o());\n  }, U = () => {\n    f({ eventType: \"KEYBOARD\" });\n  }, V = (e) => {\n    if (!(v || h))\n      switch (e.key) {\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n          e.preventDefault(), F(e.key);\n          break;\n        case \"Enter\":\n          c && n && (e.preventDefault(), L(n));\n          break;\n        case \"Escape\":\n          e.preventDefault(), o();\n          break;\n        case \"Tab\":\n          o();\n          break;\n      }\n  }, j = () => {\n    !k && K && !v && !h && f({ eventType: \"KEYBOARD\" });\n  }, z = () => {\n    setTimeout(() => {\n      const e = document.activeElement;\n      e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n    });\n  }, G = () => {\n    v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n  }, J = $((e) => {\n    if (d.current = e, e && typeof e.showPopover == \"function\")\n      try {\n        e.showPopover();\n      } catch {\n      }\n  }, []), Q = {\n    \"aria-label\": O,\n    \"aria-expanded\": c,\n    \"data-testid\": B(\"listbox\"),\n    id: C,\n    ref: J,\n    onMouseLeave: () => a(void 0),\n    popover: \"manual\",\n    style: {\n      ...u ? {\n        maxHeight: typeof u == \"number\" ? `${u}px` : u\n      } : {},\n      positionAnchor: R\n    }\n  }, W = (e, t) => {\n    const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n    return {\n      \"data-testid\": B(`listbox-item-${e.id}`),\n      id: E(e),\n      key: e.id,\n      onMouseMove: () => {\n        e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n      },\n      onMouseUp: () => L(e),\n      ref: (i) => {\n        i && (g.current[e.id] = i);\n      },\n      tabIndex: -1,\n      selected: e.id === r?.id,\n      disabled: e.disabled,\n      highlighted: s,\n      hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n      \"aria-selected\": e.id === r?.id\n    };\n  }, X = {\n    role: \"combobox\",\n    \"aria-autocomplete\": \"list\",\n    \"aria-expanded\": c,\n    \"aria-controls\": C,\n    \"aria-activedescendant\": n ? E(n) : void 0,\n    autoComplete: \"off\",\n    onKeyDown: V,\n    onFocus: j,\n    onBlur: z,\n    onMouseDown: G\n  };\n  return {\n    rootRef: l,\n    inputRef: x,\n    inputId: N,\n    inputProps: X,\n    listboxProps: Q,\n    getListboxItemProps: W,\n    isOpen: c,\n    openListbox: U,\n    anchorStyle: Y\n  };\n};\nexport {\n  ee as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["p","m","O","r","v","h","K","u","S","T","P","w","M","Z","b","d","g","k","I","A","n","a","C","N","E","R","B","o","$","_","f","D","s","c","q","i","F","U","V","j","z","G","J","Q","W","X"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpur/library",
-  "version": "9.0.10",
+  "version": "9.1.1",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
@@ -108,68 +108,70 @@
     "shx": "~0.4.0",
     "@purpur/accordion": "8.21.0",
     "@purpur/alert-badge": "8.21.0",
-    "@purpur/autocomplete": "8.21.0",
     "@purpur/badge": "8.21.0",
     "@purpur/action": "8.21.0",
     "@purpur/breadcrumbs": "8.21.0",
     "@purpur/button": "8.21.0",
+    "@purpur/autocomplete": "8.21.0",
     "@purpur/calendar": "8.21.0",
     "@purpur/card": "8.21.0",
     "@purpur/checkbox": "8.21.0",
-    "@purpur/chip-group": "8.21.0",
+    "@purpur/color-dot": "8.21.0",
     "@purpur/common-types": "8.21.0",
+    "@purpur/chip-group": "8.21.0",
     "@purpur/component-rig": "1.0.0",
-    "@purpur/color-dot": "8.21.0",
     "@purpur/container": "8.21.0",
     "@purpur/content-block": "8.21.0",
     "@purpur/countdown": "8.21.0",
     "@purpur/counter-badge": "8.21.0",
-    "@purpur/cta-link": "8.21.0",
     "@purpur/date-field": "8.21.0",
-    "@purpur/dismissable-chip-group": "8.21.0",
     "@purpur/date-picker": "8.21.0",
-    "@purpur/field-helper-text": "8.21.0",
+    "@purpur/dismissable-chip-group": "8.21.0",
     "@purpur/drawer": "8.21.0",
+    "@purpur/cta-link": "8.21.0",
     "@purpur/field-error-text": "8.21.0",
-    "@purpur/grid": "8.21.0",
     "@purpur/footer": "8.21.0",
-    "@purpur/hero-banner": "8.21.0",
+    "@purpur/field-helper-text": "8.21.0",
+    "@purpur/grid": "8.21.0",
     "@purpur/heading": "8.21.0",
-    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/icon": "8.21.0",
+    "@purpur/hero-banner": "8.21.0",
+    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/label": "8.21.0",
     "@purpur/listbox": "8.21.0",
     "@purpur/link": "8.21.0",
     "@purpur/logo": "8.21.0",
     "@purpur/modal": "8.21.0",
     "@purpur/notification": "8.21.0",
-    "@purpur/notification-banner": "8.21.0",
-    "@purpur/paragraph": "8.21.0",
     "@purpur/pagination": "8.21.0",
+    "@purpur/notification-banner": "8.21.0",
     "@purpur/password-field": "8.21.0",
     "@purpur/popover": "8.21.0",
+    "@purpur/paragraph": "8.21.0",
     "@purpur/product-card": "8.21.0",
     "@purpur/quantity-selector": "8.21.0",
     "@purpur/radio-button-group": "8.21.0",
-    "@purpur/promotion-card": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
     "@purpur/rich-text": "8.21.0",
+    "@purpur/promotion-card": "8.21.0",
     "@purpur/search-field": "8.21.0",
     "@purpur/select": "8.21.0",
     "@purpur/skeleton": "8.21.0",
-    "@purpur/slider": "8.21.0",
     "@purpur/spacer": "8.21.0",
+    "@purpur/slider": "8.21.0",
     "@purpur/spinner": "8.21.0",
     "@purpur/stepper": "8.21.0",
-    "@purpur/tabs": "8.21.0",
     "@purpur/table": "8.21.0",
     "@purpur/text-area": "8.21.0",
+    "@purpur/tabs": "8.21.0",
     "@purpur/text-field": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
     "@purpur/theme": "8.21.0",
     "@purpur/toggle": "8.21.0",
-    "@purpur/tooltip": "8.21.0",
     "@purpur/tokens": "8.21.0",
+    "@purpur/tooltip": "8.21.0",
+    "@purpur/chat-field": "9.1.1",
+    "@purpur/dropdown": "0.1.0",
     "@purpur/visually-hidden": "8.21.0"
   },
   "peerDependencies": {

package/src/aliases.ts

@@ -41,6 +41,10 @@ export const aliases = [
     find: /^@purpur\/card$/,
     replacement: resolve(__dirname, "../../../components/card/src/card.tsx"),
   },
+  {
+    find: /^@purpur\/chat-field$/,
+    replacement: resolve(__dirname, "../../../components/chat-field/src/chat-field.tsx"),
+  },
   {
     find: /^@purpur\/checkbox$/,
     replacement: resolve(__dirname, "../../../components/checkbox/src/checkbox.tsx"),
@@ -92,6 +96,10 @@ export const aliases = [
     find: /^@purpur\/drawer$/,
     replacement: resolve(__dirname, "../../../components/drawer/src/drawer.tsx"),
   },
+  {
+    find: /^@purpur\/dropdown$/,
+    replacement: resolve(__dirname, "../../../components/dropdown/src/dropdown.tsx"),
+  },
   {
     find: /^@purpur\/field-error-text$/,
     replacement: resolve(

package/src/chat-field.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/chat-field";

package/src/dropdown.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/dropdown";

package/src/entries.js

@@ -12,6 +12,7 @@ export const entries = [
   "button",
   "calendar",
   "card",
+  "chat-field",
   "checkbox",
   "chip-group",
   "color-dot",
@@ -24,6 +25,7 @@ export const entries = [
   "date-picker",
   "dismissable-chip-group",
   "drawer",
+  "dropdown",
   "field-error-text",
   "field-helper-text",
   "footer",

package/src/library.ts

@@ -29,6 +29,8 @@ export * from "@purpur/calendar";
 
 export * from "@purpur/card";
 
+export * from "@purpur/chat-field";
+
 export * from "@purpur/checkbox";
 
 export * from "@purpur/chip-group";
@@ -53,6 +55,8 @@ export * from "@purpur/dismissable-chip-group";
 
 export * from "@purpur/drawer";
 
+export * from "@purpur/dropdown";
+
 export * from "@purpur/field-error-text";
 
 export * from "@purpur/field-helper-text";

package/dist/dismissable-chip-group-CnziecOt.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),j=require("./heading-drD5ugCC.js"),_=require("./bind-DeUYJ6m9.js"),k=require("./close.es-VL3lKi1O.js"),b={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_17jk4_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_17jk4_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_17jk4_14","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_17jk4_17","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_17jk4_17","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_17jk4_43"},n=_.c.bind(b),c="purpur-dismissable-chip-group-item",h=({children:r,id:i,onDismiss:p,disabled:s,...a})=>{const u=l=>{s?l.preventDefault():p?.(i)};return e.jsx("li",{className:n(`${c}-wrapper`),children:d.createElement("button",{...a,className:n(`${c}`,{[`${c}--disabled`]:s}),key:i,disabled:s,"aria-disabled":s,onClick:u},r,e.jsx(k.r,{size:"sm"}))},i)};h.displayName="DismissableChipGroupItem";const m=_.c.bind(b),o="purpur-dismissable-chip-group",t=({children:r,className:i,fullWidth:p=!1,title:s,titleTag:a,...u})=>{const l=d.useId(),g=m([o,i]);return e.jsxs("div",{...u,"aria-labelledby":s?`${l}-label`:void 0,className:g,role:"group",children:[s&&e.jsx(j.Heading,{tag:a??"h2",variant:"subsection-100",children:s}),e.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:m(`${o}__container`,{[`${o}__container--full-width`]:p}),"aria-live":"polite","aria-relevant":"additions removals",children:r})]})};t.Item=h;t.displayName="DismissableChipGroup";exports.DismissableChipGroup=t;
-//# sourceMappingURL=dismissable-chip-group-CnziecOt.js.map

package/dist/dismissable-chip-group-CnziecOt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-CnziecOt.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":"gvBAOMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAeC,GAAqC,CACpDH,EACFG,EAAE,eAAA,EAEFJ,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAS,EAAAA,cAAC,SAAA,CACE,GAAGH,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,CAAA,CACjC,EACD,IAAKF,EACL,SAAAE,EACA,gBAAeA,EACf,QAASE,CAAA,EAERL,EACDQ,EAAAA,IAACC,EAAAA,EAAA,CAAU,KAAK,IAAA,CAAK,CAAA,GAZhBR,CAcT,CAEJ,EAEAF,EAAyB,YAAc,2BC3CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EASlBC,EAAgB,gCAETY,EAAuB,CAAC,CACnC,SAAAV,EACA,UAAAW,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,GAAGV,CACL,IAAiC,CAC/B,MAAMH,EAAKc,EAAAA,MAAA,EACLC,EAAUrB,EAAG,CAACG,EAAea,CAAS,CAAC,EAE7C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGb,EACJ,kBAAiBS,EAAQ,GAAGZ,CAAE,SAAW,OACzC,UAAWe,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFL,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAWb,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGc,CAAA,CAC9C,EACD,YAAU,SACV,gBAAc,qBAEb,SAAAZ,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,EAEAU,EAAqB,KAAOX,EAE5BW,EAAqB,YAAc"}

package/dist/dismissable-chip-group-ZCYOt1sB.mjs

@@ -1,79 +0,0 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { createElement as f, useId as k } from "react";
-import { H as j } from "./heading-xwBuT_-9.mjs";
-import { c as n } from "./bind-CU-R61T-.mjs";
-import { r as C } from "./close.es-BPmk2wkU.mjs";
-const d = {
-  "purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_17jk4_1",
-  "purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_17jk4_7",
-  "purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_17jk4_14",
-  "purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_17jk4_17",
-  "purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_17jk4_17",
-  "purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_17jk4_43"
-}, m = n.bind(d), l = "purpur-dismissable-chip-group-item", _ = ({
-  children: p,
-  id: s,
-  onDismiss: e,
-  disabled: i,
-  ...a
-}) => {
-  const o = (u) => {
-    i ? u.preventDefault() : e?.(s);
-  };
-  return /* @__PURE__ */ r("li", { className: m(`${l}-wrapper`), children: /* @__PURE__ */ f(
-    "button",
-    {
-      ...a,
-      className: m(`${l}`, {
-        [`${l}--disabled`]: i
-      }),
-      key: s,
-      disabled: i,
-      "aria-disabled": i,
-      onClick: o
-    },
-    p,
-    /* @__PURE__ */ r(C, { size: "sm" })
-  ) }, s);
-};
-_.displayName = "DismissableChipGroupItem";
-const c = n.bind(d), t = "purpur-dismissable-chip-group", b = ({
-  children: p,
-  className: s,
-  fullWidth: e = !1,
-  title: i,
-  titleTag: a,
-  ...o
-}) => {
-  const u = k(), h = c([t, s]);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      ...o,
-      "aria-labelledby": i ? `${u}-label` : void 0,
-      className: h,
-      role: "group",
-      children: [
-        i && /* @__PURE__ */ r(j, { tag: a ?? "h2", variant: "subsection-100", children: i }),
-        /* @__PURE__ */ r(
-          "ul",
-          {
-            "data-testid": "dismissable-chip-group-container",
-            className: c(`${t}__container`, {
-              [`${t}__container--full-width`]: e
-            }),
-            "aria-live": "polite",
-            "aria-relevant": "additions removals",
-            children: p
-          }
-        )
-      ]
-    }
-  );
-};
-b.Item = _;
-b.displayName = "DismissableChipGroup";
-export {
-  b as D
-};
-//# sourceMappingURL=dismissable-chip-group-ZCYOt1sB.mjs.map

package/dist/dismissable-chip-group-ZCYOt1sB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-ZCYOt1sB.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":";;;;;;;;;;;;GAOMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAc,CAACC,MAAqC;AACxD,IAAIH,IACFG,EAAE,eAAA,IAEFJ,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,MAAA,CACjC;AAAA,MACD,KAAKF;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASE;AAAA,IAAA;AAAA,IAERL;AAAA,IACD,gBAAAQ,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,EAAA,KAZhBR,CAcT;AAEJ;AAEAF,EAAyB,cAAc;AC3CvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,iCAETY,IAAuB,CAAC;AAAA,EACnC,UAAAV;AAAA,EACA,WAAAW;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGV;AACL,MAAiC;AAC/B,QAAMH,IAAKc,EAAA,GACLC,IAAUrB,EAAG,CAACG,GAAea,CAAS,CAAC;AAE7C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,mBAAiBS,IAAQ,GAAGZ,CAAE,WAAW;AAAA,MACzC,WAAWe;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,uBACEK,GAAA,EAAQ,KAAKJ,KAAY,MAAM,SAAQ,kBACrC,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWb,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGc;AAAA,YAAA,CAC9C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEb,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAU,EAAqB,OAAOX;AAE5BW,EAAqB,cAAc;"}

package/dist/listbox-BmjBtIv8.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),p=require("./bind-DeUYJ6m9.js"),g=require("./checkmark.es-lYntWFA3.js"),N=require("./paragraph-BsI53OR0.js"),m={"purpur-listbox":"_purpur-listbox_6c8yl_1","purpur-listbox-item":"_purpur-listbox-item_6c8yl_15","purpur-listbox-item--hovered":"_purpur-listbox-item--hovered_6c8yl_29","purpur-listbox-item--highlighted":"_purpur-listbox-item--highlighted_6c8yl_37","purpur-listbox-item--noninteractive":"_purpur-listbox-item--noninteractive_6c8yl_41","purpur-listbox-item--disabled":"_purpur-listbox-item--disabled_6c8yl_44","purpur-listbox-item__icon":"_purpur-listbox-item__icon_6c8yl_51"},u=p.c.bind(m),e="purpur-listbox",a=o.forwardRef((i,t)=>{const{disabled:s,highlighted:d,hovered:x,selected:l,children:c,className:b,noninteractive:_,...h}=i,y=u(`${e}-item`,b,{[`${e}-item--highlighted`]:d,[`${e}-item--selected`]:l,[`${e}-item--hovered`]:x,[`${e}-item--disabled`]:s,[`${e}-item--noninteractive`]:_});return r.jsxs("li",{...h,ref:t,className:y,"aria-selected":!!l,role:"option","aria-disabled":!!s,children:[typeof c=="string"?r.jsx(N.Paragraph,{children:c}):c,l&&r.jsx(g.a,{size:"xs",className:u(`${e}-item__icon`)})]})}),$=i=>o.isValidElement(i)&&i?.type===a;a.displayName="ListBoxItem";const v=p.c.bind(m),f="purpur-listbox",n=o.forwardRef(({children:i,...t},s)=>r.jsx("ul",{...t,ref:s,className:v(f,t.className),role:"listbox",children:o.Children.toArray(i).filter($)}));n.Item=a;n.displayName="ListBox";exports.Listbox=n;
-//# sourceMappingURL=listbox-BmjBtIv8.js.map

package/dist/listbox-BmjBtIv8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listbox-BmjBtIv8.js","sources":["../../../components/listbox/src/listbox-item.tsx","../../../components/listbox/src/listbox.tsx"],"sourcesContent":["import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./listbox.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-listbox\";\n\nexport type ListboxItemProps = Omit<BaseProps<\"li\">, \"role\"> & {\n  highlighted?: boolean;\n  hovered?: boolean;\n  key?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  noninteractive?: boolean;\n};\n\nexport const ListboxItem = forwardRef<HTMLLIElement, ListboxItemProps>((props, ref) => {\n  const {\n    disabled,\n    highlighted,\n    hovered,\n    selected,\n    children,\n    className,\n    noninteractive,\n    ...liProps\n  } = props;\n\n  const classes = cx(`${rootClassName}-item`, className, {\n    [`${rootClassName}-item--highlighted`]: highlighted,\n    [`${rootClassName}-item--selected`]: selected,\n    [`${rootClassName}-item--hovered`]: hovered,\n    [`${rootClassName}-item--disabled`]: disabled,\n    [`${rootClassName}-item--noninteractive`]: noninteractive,\n  });\n\n  return (\n    <li\n      {...liProps}\n      ref={ref}\n      className={classes}\n      aria-selected={!!selected}\n      role=\"option\"\n      aria-disabled={!!disabled}\n    >\n      {typeof children === \"string\" ? <Paragraph>{children}</Paragraph> : children}\n      {selected && <IconCheckmark size=\"xs\" className={cx(`${rootClassName}-item__icon`)} />}\n    </li>\n  );\n});\n\nexport const isListboxItem = (child?: ReactNode): child is ReactElement<ListboxItemProps> =>\n  isValidElement<ListboxItemProps>(child) && child?.type === ListboxItem;\n\nListboxItem.displayName = \"ListBoxItem\";\n","import React, {\n  Children,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type PropsWithoutRef,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./listbox.module.scss\";\nimport { isListboxItem, ListboxItem } from \"./listbox-item\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-listbox\";\n\nexport type ListboxProps = Omit<BaseProps<\"ul\">, \"role\"> & {\n  \"aria-label\": NonNullable<BaseProps<\"ul\">[\"aria-label\"]>;\n  \"aria-expanded\": NonNullable<BaseProps<\"ul\">[\"aria-expanded\"]>;\n};\n\ntype ListboxStatic = {\n  Item: typeof ListboxItem;\n};\n\ntype ListboxComponent = ForwardRefExoticComponent<PropsWithoutRef<ListboxProps>> & ListboxStatic;\n\nexport const Listbox = forwardRef<HTMLUListElement, ListboxProps>(\n  ({ children, ...listboxProps }, ref) => (\n    <ul\n      {...listboxProps}\n      ref={ref}\n      className={cx(rootClassName, listboxProps.className)}\n      role=\"listbox\"\n    >\n      {Children.toArray(children).filter(isListboxItem)}\n    </ul>\n  )\n) as ListboxComponent;\n\nexport type { ListboxItemProps } from \"./listbox-item\";\nListbox.Item = ListboxItem;\nListbox.displayName = \"ListBox\";\n"],"names":["cx","c","styles","rootClassName","ListboxItem","forwardRef","props","ref","disabled","highlighted","hovered","selected","children","className","noninteractive","liProps","classes","jsxs","jsx","Paragraph","IconCheckmark","isListboxItem","child","isValidElement","Listbox","listboxProps","Children"],"mappings":"ipBAQMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,iBAWTC,EAAcC,EAAAA,WAA4C,CAACC,EAAOC,IAAQ,CACrF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDT,EAEEU,EAAUhB,EAAG,GAAGG,CAAa,QAASU,EAAW,CACrD,CAAC,GAAGV,CAAa,oBAAoB,EAAGM,EACxC,CAAC,GAAGN,CAAa,iBAAiB,EAAGQ,EACrC,CAAC,GAAGR,CAAa,gBAAgB,EAAGO,EACpC,CAAC,GAAGP,CAAa,iBAAiB,EAAGK,EACrC,CAAC,GAAGL,CAAa,uBAAuB,EAAGW,CAAA,CAC5C,EAED,OACEG,EAAAA,KAAC,KAAA,CACE,GAAGF,EACJ,IAAAR,EACA,UAAWS,EACX,gBAAe,CAAC,CAACL,EACjB,KAAK,SACL,gBAAe,CAAC,CAACH,EAEhB,SAAA,CAAA,OAAOI,GAAa,SAAWM,EAAAA,IAACC,EAAAA,UAAA,CAAW,SAAAP,EAAS,EAAeA,EACnED,GAAYO,EAAAA,IAACE,IAAA,CAAc,KAAK,KAAK,UAAWpB,EAAG,GAAGG,CAAa,aAAa,CAAA,CAAG,CAAA,CAAA,CAAA,CAG1F,CAAC,EAEYkB,EAAiBC,GAC5BC,EAAAA,eAAiCD,CAAK,GAAKA,GAAO,OAASlB,EAE7DA,EAAY,YAAc,cC/C1B,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,iBAaTqB,EAAUnB,EAAAA,WACrB,CAAC,CAAE,SAAAO,EAAU,GAAGa,CAAA,EAAgBlB,IAC9BW,EAAAA,IAAC,KAAA,CACE,GAAGO,EACJ,IAAAlB,EACA,UAAWP,EAAGG,EAAesB,EAAa,SAAS,EACnD,KAAK,UAEJ,SAAAC,EAAAA,SAAS,QAAQd,CAAQ,EAAE,OAAOS,CAAa,CAAA,CAAA,CAGtD,EAGAG,EAAQ,KAAOpB,EACfoB,EAAQ,YAAc"}

package/dist/listbox-oDeP8FvH.mjs

@@ -1,65 +0,0 @@
-import { jsxs as g, jsx as l } from "react/jsx-runtime";
-import { forwardRef as a, isValidElement as f, Children as N } from "react";
-import { c } from "./bind-CU-R61T-.mjs";
-import { a as $ } from "./checkmark.es-DdgIZN2R.mjs";
-import { P as v } from "./paragraph-Ci50OF1u.mjs";
-const n = {
-  "purpur-listbox": "_purpur-listbox_6c8yl_1",
-  "purpur-listbox-item": "_purpur-listbox-item_6c8yl_15",
-  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_6c8yl_29",
-  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_6c8yl_37",
-  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_6c8yl_41",
-  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
-  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
-}, m = c.bind(n), i = "purpur-listbox", p = a((t, e) => {
-  const {
-    disabled: r,
-    highlighted: d,
-    hovered: x,
-    selected: s,
-    children: o,
-    className: _,
-    noninteractive: b,
-    ...h
-  } = t, y = m(`${i}-item`, _, {
-    [`${i}-item--highlighted`]: d,
-    [`${i}-item--selected`]: s,
-    [`${i}-item--hovered`]: x,
-    [`${i}-item--disabled`]: r,
-    [`${i}-item--noninteractive`]: b
-  });
-  return /* @__PURE__ */ g(
-    "li",
-    {
-      ...h,
-      ref: e,
-      className: y,
-      "aria-selected": !!s,
-      role: "option",
-      "aria-disabled": !!r,
-      children: [
-        typeof o == "string" ? /* @__PURE__ */ l(v, { children: o }) : o,
-        s && /* @__PURE__ */ l($, { size: "xs", className: m(`${i}-item__icon`) })
-      ]
-    }
-  );
-}), L = (t) => f(t) && t?.type === p;
-p.displayName = "ListBoxItem";
-const I = c.bind(n), C = "purpur-listbox", u = a(
-  ({ children: t, ...e }, r) => /* @__PURE__ */ l(
-    "ul",
-    {
-      ...e,
-      ref: r,
-      className: I(C, e.className),
-      role: "listbox",
-      children: N.toArray(t).filter(L)
-    }
-  )
-);
-u.Item = p;
-u.displayName = "ListBox";
-export {
-  u as L
-};
-//# sourceMappingURL=listbox-oDeP8FvH.mjs.map

package/dist/listbox-oDeP8FvH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"listbox-oDeP8FvH.mjs","sources":["../../../components/listbox/src/listbox-item.tsx","../../../components/listbox/src/listbox.tsx"],"sourcesContent":["import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./listbox.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-listbox\";\n\nexport type ListboxItemProps = Omit<BaseProps<\"li\">, \"role\"> & {\n  highlighted?: boolean;\n  hovered?: boolean;\n  key?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  noninteractive?: boolean;\n};\n\nexport const ListboxItem = forwardRef<HTMLLIElement, ListboxItemProps>((props, ref) => {\n  const {\n    disabled,\n    highlighted,\n    hovered,\n    selected,\n    children,\n    className,\n    noninteractive,\n    ...liProps\n  } = props;\n\n  const classes = cx(`${rootClassName}-item`, className, {\n    [`${rootClassName}-item--highlighted`]: highlighted,\n    [`${rootClassName}-item--selected`]: selected,\n    [`${rootClassName}-item--hovered`]: hovered,\n    [`${rootClassName}-item--disabled`]: disabled,\n    [`${rootClassName}-item--noninteractive`]: noninteractive,\n  });\n\n  return (\n    <li\n      {...liProps}\n      ref={ref}\n      className={classes}\n      aria-selected={!!selected}\n      role=\"option\"\n      aria-disabled={!!disabled}\n    >\n      {typeof children === \"string\" ? <Paragraph>{children}</Paragraph> : children}\n      {selected && <IconCheckmark size=\"xs\" className={cx(`${rootClassName}-item__icon`)} />}\n    </li>\n  );\n});\n\nexport const isListboxItem = (child?: ReactNode): child is ReactElement<ListboxItemProps> =>\n  isValidElement<ListboxItemProps>(child) && child?.type === ListboxItem;\n\nListboxItem.displayName = \"ListBoxItem\";\n","import React, {\n  Children,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type PropsWithoutRef,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./listbox.module.scss\";\nimport { isListboxItem, ListboxItem } from \"./listbox-item\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-listbox\";\n\nexport type ListboxProps = Omit<BaseProps<\"ul\">, \"role\"> & {\n  \"aria-label\": NonNullable<BaseProps<\"ul\">[\"aria-label\"]>;\n  \"aria-expanded\": NonNullable<BaseProps<\"ul\">[\"aria-expanded\"]>;\n};\n\ntype ListboxStatic = {\n  Item: typeof ListboxItem;\n};\n\ntype ListboxComponent = ForwardRefExoticComponent<PropsWithoutRef<ListboxProps>> & ListboxStatic;\n\nexport const Listbox = forwardRef<HTMLUListElement, ListboxProps>(\n  ({ children, ...listboxProps }, ref) => (\n    <ul\n      {...listboxProps}\n      ref={ref}\n      className={cx(rootClassName, listboxProps.className)}\n      role=\"listbox\"\n    >\n      {Children.toArray(children).filter(isListboxItem)}\n    </ul>\n  )\n) as ListboxComponent;\n\nexport type { ListboxItemProps } from \"./listbox-item\";\nListbox.Item = ListboxItem;\nListbox.displayName = \"ListBox\";\n"],"names":["cx","styles","rootClassName","ListboxItem","forwardRef","props","ref","disabled","highlighted","hovered","selected","children","className","noninteractive","liProps","classes","jsxs","jsx","Paragraph","IconCheckmark","isListboxItem","child","isValidElement","Listbox","listboxProps","Children"],"mappings":";;;;;;;;;;;;;GAQMA,IAAK,EAAE,KAAKC,CAAM,GAElBC,IAAgB,kBAWTC,IAAcC,EAA4C,CAACC,GAAOC,MAAQ;AACrF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT,GAEEU,IAAUf,EAAG,GAAGE,CAAa,SAASU,GAAW;AAAA,IACrD,CAAC,GAAGV,CAAa,oBAAoB,GAAGM;AAAA,IACxC,CAAC,GAAGN,CAAa,iBAAiB,GAAGQ;AAAA,IACrC,CAAC,GAAGR,CAAa,gBAAgB,GAAGO;AAAA,IACpC,CAAC,GAAGP,CAAa,iBAAiB,GAAGK;AAAA,IACrC,CAAC,GAAGL,CAAa,uBAAuB,GAAGW;AAAA,EAAA,CAC5C;AAED,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAAR;AAAA,MACA,WAAWS;AAAA,MACX,iBAAe,CAAC,CAACL;AAAA,MACjB,MAAK;AAAA,MACL,iBAAe,CAAC,CAACH;AAAA,MAEhB,UAAA;AAAA,QAAA,OAAOI,KAAa,WAAW,gBAAAM,EAACC,GAAA,EAAW,UAAAP,GAAS,IAAeA;AAAA,QACnED,KAAY,gBAAAO,EAACE,GAAA,EAAc,MAAK,MAAK,WAAWnB,EAAG,GAAGE,CAAa,aAAa,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1F,CAAC,GAEYkB,IAAgB,CAACC,MAC5BC,EAAiCD,CAAK,KAAKA,GAAO,SAASlB;AAE7DA,EAAY,cAAc;AC/C1B,MAAMH,IAAK,EAAE,KAAKC,CAAM,GAElBC,IAAgB,kBAaTqB,IAAUnB;AAAA,EACrB,CAAC,EAAE,UAAAO,GAAU,GAAGa,EAAA,GAAgBlB,MAC9B,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGO;AAAA,MACJ,KAAAlB;AAAA,MACA,WAAWN,EAAGE,GAAesB,EAAa,SAAS;AAAA,MACnD,MAAK;AAAA,MAEJ,UAAAC,EAAS,QAAQd,CAAQ,EAAE,OAAOS,CAAa;AAAA,IAAA;AAAA,EAAA;AAGtD;AAGAG,EAAQ,OAAOpB;AACfoB,EAAQ,cAAc;"}

package/dist/quantity-selector-D28He6R8.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),_=require("react"),X=require("./spinner-tKunS_o-.js"),J=require("./text-field-CiLEj0Fq.js"),C=require("./bind-DeUYJ6m9.js"),K=require("./button-Dqxdc3nC.js"),V=require("./icon-DNHpBTHs-faYHqTXU.js"),L={"purpur-quantity-selector":"_purpur-quantity-selector_pun3b_1","purpur-quantity-selector--full-width":"_purpur-quantity-selector--full-width_pun3b_25","purpur-quantity-selector--loading":"_purpur-quantity-selector--loading_pun3b_31","purpur-quantity-selector--no-gap":"_purpur-quantity-selector--no-gap_pun3b_34","purpur-quantity-selector--no-gap-disabled-left":"_purpur-quantity-selector--no-gap-disabled-left_pun3b_39","purpur-quantity-selector--no-gap-disabled-right":"_purpur-quantity-selector--no-gap-disabled-right_pun3b_43","purpur-quantity-selector--no-gap-disabled":"_purpur-quantity-selector--no-gap-disabled_pun3b_39","purpur-quantity-selector__spinner":"_purpur-quantity-selector__spinner_pun3b_50","purpur-quantity-selector__spinner--full-width":"_purpur-quantity-selector__spinner--full-width_pun3b_57","purpur-quantity-selector__spinner--separated":"_purpur-quantity-selector__spinner--separated_pun3b_61"},Y={name:"minus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["minus"],category:"utility"},D=u=>n.jsx(V.b,{...u,svg:Y});D.displayName="IconMinus";const G={name:"plus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',keywords:["plus"],category:"utility"},F=u=>n.jsx(V.b,{...u,svg:G});F.displayName="IconPlus";const W={"purpur-quantity-selector-button":"_purpur-quantity-selector-button_qjlbs_1","purpur-quantity-selector-button--gap-left":"_purpur-quantity-selector-button--gap-left_qjlbs_4","purpur-quantity-selector-button--gap-right":"_purpur-quantity-selector-button--gap-right_qjlbs_7","purpur-quantity-selector-button--no-gap-right":"_purpur-quantity-selector-button--no-gap-right_qjlbs_10","purpur-quantity-selector-button--no-gap-left":"_purpur-quantity-selector-button--no-gap-left_qjlbs_13"},T=C.c.bind(W),b="purpur-quantity-selector-button",tt=({["data-testid"]:u,disabled:m,hasGap:e,variant:f,buttonType:r,onClick:o})=>{const h=T(b,{[`${b}--gap-left`]:e&&r==="decrement",[`${b}--gap-right`]:e&&r==="increment",[`${b}--no-gap-left`]:!e&&r==="decrement",[`${b}--no-gap-right`]:!e&&r==="increment"});return n.jsx(K.Button,{"data-testid":u,className:h,size:"sm",type:"submit",variant:f,onClick:()=>o(r),iconOnly:!0,disabled:m,tabIndex:-1,children:r==="increment"?n.jsx(F,{size:"xs"}):n.jsx(D,{size:"xs"})})},B=C.c.bind(L),et=["attached","separated"],nt=["primary","secondary"],s="purpur-quantity-selector",R=_.forwardRef(({["data-testid"]:u,className:m,variant:e,buttonVariant:f,onChange:r,value:o,defaultValue:h,fullWidth:x,disabled:k,loading:v,minValue:E,maxValue:H,ariaLabelDecrement:M,ariaLabelIncrement:z,...Q},I)=>{const[O,$]=_.useState(h??0),[w,j]=_.useState(O),a=o!==void 0,l=a?o:w,S=t=>u?`${u}-${t}`:void 0,i=k||v,g=Math.max(E??0,0),q=H??Number.MAX_SAFE_INTEGER,p=l===q,d=l===g;_.useEffect(()=>{a&&$(o)},[o,a]),_.useEffect(()=>{if(!a){const t=setTimeout(()=>{$(w)},300);return()=>clearTimeout(t)}},[w,a,r]);const A=B(m,s,{[`${s}--no-gap`]:e==="attached"&&!i&&!d&&!p,[`${s}--no-gap-disabled-left`]:e==="attached"&&!i&&!p&&d,[`${s}--no-gap-disabled-right`]:e==="attached"&&!i&&!d&&p,[`${s}--no-gap-disabled`]:e==="attached"&&(i||p&&d),[`${s}--full-width`]:x,[`${s}--loading`]:v}),Z=t=>{if(!/^[0-9]*$/.test(t.target.value))return;const y=+t.target.value;y<g||y>q||(a||j(y),r(y))},P=t=>{const c=t==="increment"?l+1:l-1;c<0||(a||j(c),r(c))},N=t=>{const c=t==="increment"&&p||t==="decrement"&&d;return n.jsx(tt,{"data-testid":S("button-"+t),variant:f,buttonType:t,hasGap:e==="separated",onClick:P,disabled:i||c,"aria-label":t==="increment"?z:M})},U=n.jsxs(n.Fragment,{children:[v&&n.jsx("div",{className:B(`${s}__spinner`,{[`${s}__spinner--full-width`]:x,[`${s}__spinner--separated`]:!x&&e==="separated"}),children:n.jsx(X.Spinner,{disabled:i,size:"xs","data-testid":S("spinner")},"spinner")}),N("decrement")]});return n.jsx(J.TextField,{value:l,type:"number",ref:I,className:A,"data-testid":u,onChange:Z,beforeField:U,afterField:N("increment"),disabled:i,min:g,max:q,role:"spinbutton","aria-valuenow":l,"aria-valuemax":q,"aria-valuemin":g,...Q})});R.displayName="QuantitySelector";exports.QuantitySelector=R;exports.quantitySelectorButtonVariants=nt;exports.quantitySelectorVariants=et;
-//# sourceMappingURL=quantity-selector-D28He6R8.js.map