@purpur/library 9.0.10 → 9.1.0

package/dist/library.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"library.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"library.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/listbox-COBHLRtB.js

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

package/dist/listbox-COBHLRtB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-COBHLRtB.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  /** When true, hides the built-in checkmark icon while preserving `aria-selected`. */\n  hideSelectedIcon?: 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    hideSelectedIcon,\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 && !hideSelectedIcon && (\n        <IconCheckmark size=\"xs\" className={cx(`${rootClassName}-item__icon`)} />\n      )}\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","hideSelectedIcon","liProps","classes","jsxs","jsx","Paragraph","IconCheckmark","isListboxItem","child","isValidElement","Listbox","listboxProps","Children"],"mappings":"ipBAQMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,iBAaTC,EAAcC,EAAAA,WAA4C,CAACC,EAAOC,IAAQ,CACrF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,GAAGC,CAAA,EACDV,EAEEW,EAAUjB,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,OACEI,EAAAA,KAAC,KAAA,CACE,GAAGF,EACJ,IAAAT,EACA,UAAWU,EACX,gBAAe,CAAC,CAACN,EACjB,KAAK,SACL,gBAAe,CAAC,CAACH,EAEhB,SAAA,CAAA,OAAOI,GAAa,SAAWO,EAAAA,IAACC,EAAAA,UAAA,CAAW,SAAAR,EAAS,EAAeA,EACnED,GAAY,CAACI,GACZI,MAACE,EAAAA,EAAA,CAAc,KAAK,KAAK,UAAWrB,EAAG,GAAGG,CAAa,aAAa,CAAA,CAAG,CAAA,CAAA,CAAA,CAI/E,CAAC,EAEYmB,EAAiBC,GAC5BC,EAAAA,eAAiCD,CAAK,GAAKA,GAAO,OAASnB,EAE7DA,EAAY,YAAc,cCpD1B,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,iBAaTsB,EAAUpB,EAAAA,WACrB,CAAC,CAAE,SAAAO,EAAU,GAAGc,CAAA,EAAgBnB,IAC9BY,EAAAA,IAAC,KAAA,CACE,GAAGO,EACJ,IAAAnB,EACA,UAAWP,EAAGG,EAAeuB,EAAa,SAAS,EACnD,KAAK,UAEJ,SAAAC,EAAAA,SAAS,QAAQf,CAAQ,EAAE,OAAOU,CAAa,CAAA,CAAA,CAGtD,EAGAG,EAAQ,KAAOrB,EACfqB,EAAQ,YAAc"}

package/dist/listbox-DG4KmQP_.mjs

@@ -0,0 +1,66 @@
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { forwardRef as a, isValidElement as $, Children as v } from "react";
+import { c as n } from "./bind-CU-R61T-.mjs";
+import { a as z } from "./checkmark.es-DdgIZN2R.mjs";
+import { P as y } from "./paragraph-Ci50OF1u.mjs";
+const u = {
+  "purpur-listbox": "_purpur-listbox_l0zrf_1",
+  "purpur-listbox-item": "_purpur-listbox-item_l0zrf_15",
+  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_l0zrf_29",
+  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_l0zrf_37",
+  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_l0zrf_41",
+  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_l0zrf_44",
+  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_l0zrf_51"
+}, m = n.bind(u), i = "purpur-listbox", p = a((e, t) => {
+  const {
+    disabled: r,
+    highlighted: d,
+    hovered: x,
+    selected: s,
+    children: o,
+    className: _,
+    noninteractive: b,
+    hideSelectedIcon: h,
+    ...f
+  } = e, g = 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__ */ N(
+    "li",
+    {
+      ...f,
+      ref: t,
+      className: g,
+      "aria-selected": !!s,
+      role: "option",
+      "aria-disabled": !!r,
+      children: [
+        typeof o == "string" ? /* @__PURE__ */ l(y, { children: o }) : o,
+        s && !h && /* @__PURE__ */ l(z, { size: "xs", className: m(`${i}-item__icon`) })
+      ]
+    }
+  );
+}), L = (e) => $(e) && e?.type === p;
+p.displayName = "ListBoxItem";
+const I = n.bind(u), C = "purpur-listbox", c = a(
+  ({ children: e, ...t }, r) => /* @__PURE__ */ l(
+    "ul",
+    {
+      ...t,
+      ref: r,
+      className: I(C, t.className),
+      role: "listbox",
+      children: v.toArray(e).filter(L)
+    }
+  )
+);
+c.Item = p;
+c.displayName = "ListBox";
+export {
+  c as L
+};
+//# sourceMappingURL=listbox-DG4KmQP_.mjs.map

package/dist/listbox-DG4KmQP_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-DG4KmQP_.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  /** When true, hides the built-in checkmark icon while preserving `aria-selected`. */\n  hideSelectedIcon?: 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    hideSelectedIcon,\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 && !hideSelectedIcon && (\n        <IconCheckmark size=\"xs\" className={cx(`${rootClassName}-item__icon`)} />\n      )}\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","hideSelectedIcon","liProps","classes","jsxs","jsx","Paragraph","IconCheckmark","isListboxItem","child","isValidElement","Listbox","listboxProps","Children"],"mappings":";;;;;;;;;;;;;GAQMA,IAAKC,EAAE,KAAKC,CAAM,GAElBC,IAAgB,kBAaTC,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,kBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV,GAEEW,IAAUjB,EAAG,GAAGG,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,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAAT;AAAA,MACA,WAAWU;AAAA,MACX,iBAAe,CAAC,CAACN;AAAA,MACjB,MAAK;AAAA,MACL,iBAAe,CAAC,CAACH;AAAA,MAEhB,UAAA;AAAA,QAAA,OAAOI,KAAa,WAAW,gBAAAO,EAACC,GAAA,EAAW,UAAAR,GAAS,IAAeA;AAAA,QACnED,KAAY,CAACI,KACZ,gBAAAI,EAACE,GAAA,EAAc,MAAK,MAAK,WAAWrB,EAAG,GAAGG,CAAa,aAAa,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI/E,CAAC,GAEYmB,IAAgB,CAACC,MAC5BC,EAAiCD,CAAK,KAAKA,GAAO,SAASnB;AAE7DA,EAAY,cAAc;ACpD1B,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GAElBC,IAAgB,kBAaTsB,IAAUpB;AAAA,EACrB,CAAC,EAAE,UAAAO,GAAU,GAAGc,EAAA,GAAgBnB,MAC9B,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGO;AAAA,MACJ,KAAAnB;AAAA,MACA,WAAWP,EAAGG,GAAeuB,EAAa,SAAS;AAAA,MACnD,MAAK;AAAA,MAEJ,UAAAC,EAAS,QAAQf,CAAQ,EAAE,OAAOU,CAAa;AAAA,IAAA;AAAA,EAAA;AAGtD;AAGAG,EAAQ,OAAOrB;AACfqB,EAAQ,cAAc;"}

package/dist/listbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./listbox-BmjBtIv8.js");exports.Listbox=t.Listbox;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./listbox-COBHLRtB.js");exports.Listbox=t.Listbox;
 //# sourceMappingURL=listbox.cjs.js.map

package/dist/listbox.es.js

@@ -1,4 +1,4 @@
-import { L as s } from "./listbox-oDeP8FvH.mjs";
+import { L as s } from "./listbox-DG4KmQP_.mjs";
 export {
   s as Listbox
 };