@purpur/library 9.0.10 → 9.1.0

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.0",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
@@ -107,70 +107,72 @@
     "vite": "^7.2.2",
     "shx": "~0.4.0",
     "@purpur/accordion": "8.21.0",
+    "@purpur/action": "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/calendar": "8.21.0",
-    "@purpur/card": "8.21.0",
     "@purpur/checkbox": "8.21.0",
     "@purpur/chip-group": "8.21.0",
-    "@purpur/common-types": "8.21.0",
-    "@purpur/component-rig": "1.0.0",
+    "@purpur/card": "8.21.0",
     "@purpur/color-dot": "8.21.0",
+    "@purpur/common-types": "8.21.0",
     "@purpur/container": "8.21.0",
+    "@purpur/component-rig": "1.0.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/countdown": "8.21.0",
     "@purpur/date-field": "8.21.0",
-    "@purpur/dismissable-chip-group": "8.21.0",
+    "@purpur/cta-link": "8.21.0",
     "@purpur/date-picker": "8.21.0",
-    "@purpur/field-helper-text": "8.21.0",
-    "@purpur/drawer": "8.21.0",
+    "@purpur/dismissable-chip-group": "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/drawer": "8.21.0",
+    "@purpur/grid": "8.21.0",
     "@purpur/heading": "8.21.0",
+    "@purpur/hero-banner": "8.21.0",
+    "@purpur/field-helper-text": "8.21.0",
     "@purpur/illustrative-icon": "8.21.0",
-    "@purpur/icon": "8.21.0",
     "@purpur/label": "8.21.0",
-    "@purpur/listbox": "8.21.0",
     "@purpur/link": "8.21.0",
+    "@purpur/icon": "8.21.0",
+    "@purpur/listbox": "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/notification": "8.21.0",
     "@purpur/pagination": "8.21.0",
+    "@purpur/paragraph": "8.21.0",
     "@purpur/password-field": "8.21.0",
+    "@purpur/promotion-card": "8.21.0",
     "@purpur/popover": "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/quantity-selector": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
     "@purpur/rich-text": "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/select": "8.21.0",
+    "@purpur/search-field": "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/text-field": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
+    "@purpur/tabs": "8.21.0",
     "@purpur/theme": "8.21.0",
     "@purpur/toggle": "8.21.0",
     "@purpur/tooltip": "8.21.0",
     "@purpur/tokens": "8.21.0",
-    "@purpur/visually-hidden": "8.21.0"
+    "@purpur/chat-field": "9.1.0",
+    "@purpur/visually-hidden": "8.21.0",
+    "@purpur/dropdown": "0.1.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

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/search-field-CNpJp3Tg.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("react"),_=require("./search.es-Cg2amJSR.js"),k=require("./text-field-CiLEj0Fq.js"),f=require("./bind-DeUYJ6m9.js"),d=require("./button-Dqxdc3nC.js"),v={"purpur-search-field":"_purpur-search-field_uhpkq_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_uhpkq_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_uhpkq_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_uhpkq_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_uhpkq_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_uhpkq_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_uhpkq_24"},N={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},w=f.c.bind(N),h="purpur-search-field-button",z=({["data-testid"]:s,disabled:i,iconOnly:c,label:r})=>{const a={className:w(h,{[`${h}--icon-only`]:c}),disabled:i,"data-testid":s};return c?e.jsx(d.Button,{...a,"aria-label":r,iconOnly:!0,size:"sm",type:"submit",variant:"primary",children:e.jsx(_.s,{size:"xs"})}):e.jsx(d.Button,{...a,size:"sm",type:"submit",variant:"primary",children:r})},S=["button-attached","no-button"],l=f.c.bind(v),u="purpur-search-field",b=j.forwardRef(({["data-testid"]:s,className:i,clearButtonAriaLabel:c,disabled:r,iconOnlySearchButton:a,onClear:m,onSearch:x,searchButtonLabel:y,variant:o,formRef:q,...t},$)=>{const p=n=>s?`${s}-${n}`:void 0,F=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!r&&!t.readOnly&&!t.loading,g=l(i,u,{[`${u}--no-gap`]:o==="button-attached",[`${u}--has-clear-button`]:F});return e.jsx("form",{ref:q,className:l(`${u}__wrapper`),"data-testid":s,onSubmit:n=>{n.preventDefault(),x?.(n)},children:e.jsx(k.TextField,{ref:$,className:g,clearButtonAriaLabel:c,disabled:r,onClear:m,startAdornment:a?null:e.jsx(_.s,{size:"xs",className:l(`${u}__search-icon`)},"1"),afterField:o!=="no-button"?e.jsx(z,{disabled:r,iconOnly:a,label:y,"data-testid":p("button")}):null,"data-testid":p("text-field"),type:"search",...t})})});b.displayName="SearchField";exports.SearchField=b;exports.searchFieldVariants=S;
-//# sourceMappingURL=search-field-CNpJp3Tg.js.map

package/dist/search-field-CNpJp3Tg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-field-CNpJp3Tg.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":"k4BAcMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,6BAETC,EAAoB,CAAC,CAChC,CAAC,eAAgBC,EACjB,SAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAa,CACX,MAAMC,EAAQ,CACZ,UAAWT,EAAGG,EAAe,CAC3B,CAAC,GAAGA,CAAa,aAAa,EAAGI,CAAA,CAClC,EACD,SAAAD,EACC,cAAgBD,CAAA,EAGnB,OAAIE,QAECG,SAAA,CAAQ,GAAGD,EAAO,aAAYD,EAAO,SAAQ,GAAC,KAAK,KAAK,KAAK,SAAS,QAAQ,UAC7E,eAACG,EAAAA,EAAA,CAAW,KAAK,KAAK,EACxB,EAKFC,EAAAA,IAACF,EAAAA,OAAA,CAAQ,GAAGD,EAAO,KAAK,KAAK,KAAK,SAAS,QAAQ,UAChD,SAAAD,CAAA,CACH,CAEJ,ECpCaK,EAAsB,CAAC,kBAAmB,WAAW,EA2D5Db,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETW,EAAcC,EAAAA,WACzB,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EACA,qBAAAC,EACA,SAAAZ,EACA,qBAAAa,EACA,QAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGf,CAAA,EAELgB,IACG,CACH,MAAMC,EAAaC,GAAkBX,EAAa,GAAGA,CAAU,IAAIW,CAAI,GAAK,OAGtEC,GADJ,OAAOnB,EAAM,OAAU,SAAWA,EAAM,QAAU,OAAYA,EAAM,OAAO,SAC1C,CAACH,GAAY,CAACG,EAAM,UAAY,CAACA,EAAM,QAEpEoB,EAAU7B,EAAGiB,EAAWd,EAAe,CAC3C,CAAC,GAAGA,CAAa,UAAU,EAAGoB,IAAY,kBAC1C,CAAC,GAAGpB,CAAa,oBAAoB,EAAGyB,CAAA,CACzC,EAED,OACEhB,EAAAA,IAAC,OAAA,CACC,IAAKY,EACL,UAAWxB,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAaa,EACb,SAAWc,GAAkC,CAC3CA,EAAE,eAAA,EACFT,IAAWS,CAAC,CACd,EAEA,SAAAlB,EAAAA,IAACmB,EAAAA,UAAA,CACC,IAAAN,EACA,UAAWI,EACX,qBAAAX,EACA,SAAAZ,EACA,QAAAc,EACA,eACGD,EAEG,KADFP,EAAAA,IAACD,EAAAA,GAAW,KAAK,KAAK,UAAWX,EAAG,GAAGG,CAAa,eAAe,CAAA,EAAO,GAAI,EAGlF,WACEoB,IAAY,YACVX,EAAAA,IAACR,EAAA,CACC,SAAAE,EACA,SAAUa,EACV,MAAOG,EACP,cAAaI,EAAU,QAAQ,CAAA,CAAA,EAE/B,KAEN,cAAaA,EAAU,YAAY,EACnC,KAAK,SACJ,GAAGjB,CAAA,CAAA,CACN,CAAA,CAGN,CACF,EAEAK,EAAY,YAAc"}