npm - @purpur/library - Versions diffs - 9.9.0 → 9.10.0 - Mend

@purpur/library 9.9.0 → 9.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3802) hide show

package/dist/radio-card-group-DcdGkfOp.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("react/jsx-runtime"),y=require("react"),ge=require("./heading-drD5ugCC.js"),h=require("./index-CxBG4Ssm.js"),q=require("./index-_XxjJPRD.js"),j=require("./index-kcwFA4Dv.js"),S=require("./index-Hk_HrrHM.js"),ve=require("./index-BG6K_yAm.js"),Re=require("./index-BtWPC8xc.js"),V=require("./index-Cje7xxa1.js"),be=require("./index-DOFLOnao.js"),he=require("./index-HJvG7FXj.js"),Ce=require("./bind-DeUYJ6m9.js"),U=require("./paragraph-B8HFdNne.js"),xe=require("./skeleton-BU0KtWIM.js");function Ie(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const p=Ie(y);var T="rovingFocusGroup.onEntryFocus",Ee={bubbles:!1,cancelable:!0},P="RovingFocusGroup",[O,z,ye]=ve.createCollection(P),[we,B]=j.createContextScope(P,[ye]),[Se,Fe]=we(P),Y=p.forwardRef((e,t)=>a.jsx(O.Provider,{scope:e.__scopeRovingFocusGroup,children:a.jsx(O.Slot,{scope:e.__scopeRovingFocusGroup,children:a.jsx(Ne,{...e,ref:t})})}));Y.displayName=P;var Ne=p.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,orientation:r,loop:n=!1,dir:i,currentTabStopId:c,defaultCurrentTabStopId:_,onCurrentTabStopIdChange:d,onEntryFocus:s,preventScrollOnEntryFocus:l=!1,...g}=e,f=p.useRef(null),m=q.useComposedRefs(t,f),u=V.useDirection(i),[v=null,C]=h.useControllableState({prop:c,defaultProp:_,onChange:d}),[x,I]=p.useState(!1),A=j.useCallbackRef(s),ue=z(o),G=p.useRef(!1),[pe,K]=p.useState(0);return p.useEffect(()=>{const R=f.current;if(R)return R.addEventListener(T,A),()=>R.removeEventListener(T,A)},[A]),a.jsx(Se,{scope:o,orientation:r,dir:u,loop:n,currentTabStopId:v,onItemFocus:p.useCallback(R=>C(R),[C]),onItemShiftTab:p.useCallback(()=>I(!0),[]),onFocusableItemAdd:p.useCallback(()=>K(R=>R+1),[]),onFocusableItemRemove:p.useCallback(()=>K(R=>R-1),[]),children:a.jsx(S.Primitive.div,{tabIndex:x\|\|pe===0?-1:0,"data-orientation":r,...g,ref:m,style:{outline:"none",...e.style},onMouseDown:h.composeEventHandlers(e.onMouseDown,()=>{G.current=!0}),onFocus:h.composeEventHandlers(e.onFocus,R=>{const le=!G.current;if(R.target===R.currentTarget&&le&&!x){const H=new CustomEvent(T,Ee);if(R.currentTarget.dispatchEvent(H),!H.defaultPrevented){const $=ue().filter(w=>w.focusable),me=$.find(w=>w.active),_e=$.find(w=>w.id===v),fe=[me,_e,...$].filter(Boolean).map(w=>w.ref.current);J(fe,l)}}G.current=!1}),onBlur:h.composeEventHandlers(e.onBlur,()=>I(!1))})})}),W="RovingFocusGroupItem",X=p.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,focusable:r=!0,active:n=!1,tabStopId:i,...c}=e,_=Re.useId(),d=i\|\|_,s=Fe(W,o),l=s.currentTabStopId===d,g=z(o),{onFocusableItemAdd:f,onFocusableItemRemove:m}=s;return p.useEffect(()=>{if(r)return f(),()=>m()},[r,f,m]),a.jsx(O.ItemSlot,{scope:o,id:d,focusable:r,active:n,children:a.jsx(S.Primitive.span,{tabIndex:l?0:-1,"data-orientation":s.orientation,...c,ref:t,onMouseDown:h.composeEventHandlers(e.onMouseDown,u=>{r?s.onItemFocus(d):u.preventDefault()}),onFocus:h.composeEventHandlers(e.onFocus,()=>s.onItemFocus(d)),onKeyDown:h.composeEventHandlers(e.onKeyDown,u=>{if(u.key==="Tab"&&u.shiftKey){s.onItemShiftTab();return}if(u.target!==u.currentTarget)return;const v=ke(u,s.orientation,s.dir);if(v!==void 0){if(u.metaKey\|\|u.ctrlKey\|\|u.altKey\|\|u.shiftKey)return;u.preventDefault();let x=g().filter(I=>I.focusable).map(I=>I.ref.current);if(v==="last")x.reverse();else if(v==="prev"\|\|v==="next"){v==="prev"&&x.reverse();const I=x.indexOf(u.currentTarget);x=s.loop?Ae(x,I+1):x.slice(I+1)}setTimeout(()=>J(x))}})})})});X.displayName=W;var je={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Pe(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function ke(e,t,o){const r=Pe(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return je[r]}function J(e,t=!1){const o=document.activeElement;for(const r of e)if(r===o\|\|(r.focus({preventScroll:t}),document.activeElement!==o))return}function Ae(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var Ge=Y,$e=X,M="Radio",[Te,Q]=j.createContextScope(M),[De,Oe]=Te(M),Z=p.forwardRef((e,t)=>{const{__scopeRadio:o,name:r,checked:n=!1,required:i,disabled:c,value:_="on",onCheck:d,form:s,...l}=e,[g,f]=p.useState(null),m=q.useComposedRefs(t,C=>f(C)),u=p.useRef(!1),v=g?s\|\|!!g.closest("form"):!0;return a.jsxs(De,{scope:o,checked:n,disabled:c,children:[a.jsx(S.Primitive.button,{type:"button",role:"radio","aria-checked":n,"data-state":oe(n),"data-disabled":c?"":void 0,disabled:c,value:_,...l,ref:m,onClick:h.composeEventHandlers(e.onClick,C=>{n\|\|d?.(),v&&(u.current=C.isPropagationStopped(),u.current\|\|C.stopPropagation())})}),v&&a.jsx(qe,{control:g,bubbles:!u.current,name:r,value:_,checked:n,required:i,disabled:c,form:s,style:{transform:"translateX(-100%)"}})]})});Z.displayName=M;var ee="RadioIndicator",re=p.forwardRef((e,t)=>{const{__scopeRadio:o,forceMount:r,...n}=e,i=Oe(ee,o);return a.jsx(he.Presence,{present:r\|\|i.checked,children:a.jsx(S.Primitive.span,{"data-state":oe(i.checked),"data-disabled":i.disabled?"":void 0,...n,ref:t})})});re.displayName=ee;var qe=e=>{const{control:t,checked:o,bubbles:r=!0,...n}=e,i=p.useRef(null),c=h.usePrevious(o),_=be.useSize(t);return p.useEffect(()=>{const d=i.current,s=window.HTMLInputElement.prototype,g=Object.getOwnPropertyDescriptor(s,"checked").set;if(c!==o&&g){const f=new Event("click",{bubbles:r});g.call(d,o),d.dispatchEvent(f)}},[c,o,r]),a.jsx("input",{type:"radio","aria-hidden":!0,defaultChecked:o,...n,tabIndex:-1,ref:i,style:{...e.style,..._,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function oe(e){return e?"checked":"unchecked"}var Me=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],L="RadioGroup",[Le]=j.createContextScope(L,[B,Q]),te=B(),ae=Q(),[Ke,He]=Le(L),ne=p.forwardRef((e,t)=>{const{__scopeRadioGroup:o,name:r,defaultValue:n,value:i,required:c=!1,disabled:_=!1,orientation:d,dir:s,loop:l=!0,onValueChange:g,...f}=e,m=te(o),u=V.useDirection(s),[v,C]=h.useControllableState({prop:i,defaultProp:n,onChange:g});return a.jsx(Ke,{scope:o,name:r,required:c,disabled:_,value:v,onValueChange:C,children:a.jsx(Ge,{asChild:!0,...m,orientation:d,dir:u,loop:l,children:a.jsx(S.Primitive.div,{role:"radiogroup","aria-required":c,"aria-orientation":d,"data-disabled":_?"":void 0,dir:u,...f,ref:t})})})});ne.displayName=L;var ie="RadioGroupItem",se=p.forwardRef((e,t)=>{const{__scopeRadioGroup:o,disabled:r,...n}=e,i=He(ie,o),c=i.disabled\|\|r,_=te(o),d=ae(o),s=p.useRef(null),l=q.useComposedRefs(t,s),g=i.value===n.value,f=p.useRef(!1);return p.useEffect(()=>{const m=v=>{Me.includes(v.key)&&(f.current=!0)},u=()=>f.current=!1;return document.addEventListener("keydown",m),document.addEventListener("keyup",u),()=>{document.removeEventListener("keydown",m),document.removeEventListener("keyup",u)}},[]),a.jsx($e,{asChild:!0,..._,focusable:!c,active:g,children:a.jsx(Z,{disabled:c,required:i.required,checked:g,...d,...n,name:i.name,ref:l,onCheck:()=>i.onValueChange(n.value),onKeyDown:h.composeEventHandlers(m=>{m.key==="Enter"&&m.preventDefault()}),onFocus:h.composeEventHandlers(n.onFocus,()=>{f.current&&s.current?.click()})})})});se.displayName=ie;var Ue="RadioGroupIndicator",ce=p.forwardRef((e,t)=>{const{__scopeRadioGroup:o,...r}=e,n=ae(o);return a.jsx(re,{...n,...r,ref:t})});ce.displayName=Ue;var Ve=ne,ze=se,Be=ce;const Ye={"purpur-radio-card-group":"_purpur-radio-card-group_19np7_1","purpur-radio-card-group--vertical":"_purpur-radio-card-group--vertical_19np7_5","purpur-radio-card-group--horizontal":"_purpur-radio-card-group--horizontal_19np7_9","purpur-radio-card-group--radio-left":"_purpur-radio-card-group--radio-left_19np7_18","purpur-radio-card-group__item":"_purpur-radio-card-group__item_19np7_18","purpur-radio-card-group__item-bottom-container":"_purpur-radio-card-group__item-bottom-container_19np7_21","purpur-radio-card-group__item-top-container":"_purpur-radio-card-group__item-top-container_19np7_24","purpur-radio-card-group__container":"_purpur-radio-card-group__container_19np7_35","purpur-radio-card-group__item-container":"_purpur-radio-card-group__item-container_19np7_42","purpur-radio-card-group__item-radio":"_purpur-radio-card-group__item-radio_19np7_78","purpur-radio-card-group__item-content":"_purpur-radio-card-group__item-content_19np7_107","purpur-radio-card-group__item-title":"_purpur-radio-card-group__item-title_19np7_120","purpur-radio-card-group__item-indicator":"_purpur-radio-card-group__item-indicator_19np7_140","purpur-radio-card-group__item-image-container":"_purpur-radio-card-group__item-image-container_19np7_150","purpur-radio-card-group__item-image":"_purpur-radio-card-group__item-image_19np7_150","purpur-radio-card-group__item-image--loaded":"_purpur-radio-card-group__item-image--loaded_19np7_163","purpur-radio-card-group__item-image-placeholder":"_purpur-radio-card-group__item-image-placeholder_19np7_166","purpur-radio-card-group__item-image-placeholder--loaded":"_purpur-radio-card-group__item-image-placeholder--loaded_19np7_171","purpur-radio-card-group__item-children":"_purpur-radio-card-group__item-children_19np7_174"},b=Ce.c.bind(Ye),F="purpur-radio-card-group__item-image",We=e=>!!e?.src&&!!e.altText,Xe=({src:e,altText:t,noPlaceholder:o,loading:r="lazy",["data-testid"]:n})=>{const[i,c]=y.useState(!1),_=()=>c(!0),d=b(F,{[`${F}--loaded`]:i}),s=b(`${F}-placeholder`,{[`${F}-placeholder--loaded`]:i});return a.jsxs(a.Fragment,{children:[a.jsx("img",{"data-testid":n,className:d,src:e,alt:t,loading:r,onLoad:_}),!o&&a.jsx(xe.Skeleton,{className:s})]})},E="purpur-radio-card-group__item",D=(e,{disabled:t})=>typeof e=="function"?e({disabled:t}):e,k=y.forwardRef(({title:e,...t},o)=>{const{["data-testid"]:r,body:n,children:i,disabled:c,id:_,image:d,value:s}=t,l={...t};return a.jsxs("div",{className:b(`${E}-container`),ref:o,children:[a.jsxs(ze,{className:b(E),"data-testid":r,disabled:c,id:_,value:s,children:[d&&a.jsx("span",{className:b(`${E}-image-container`),children:We(d)?a.jsx(Xe,{...d,"data-testid":r&&`${r}-image`}):D(d,l)}),a.jsxs("span",{className:b(`${E}-content`),children:[a.jsxs("span",{className:b(`${E}-top-container`),children:[typeof e=="string"?a.jsx(U.Paragraph,{className:b(`${E}-title`),"data-testid":r&&`${r}-title`,variant:"paragraph-100",disabled:c,children:e}):D(e,l),a.jsx("span",{className:b(`${E}-radio`),children:a.jsx(Be,{className:b(`${E}-indicator`)})})]}),n&&a.jsx("span",{className:b(`${E}-bottom-container`),children:typeof n=="string"?a.jsx(U.Paragraph,{"data-testid":r&&`${r}-body`,variant:"paragraph-100",disabled:c,children:n}):D(n,l)})]})]}),i]})});k.displayName="RadioCardItem";const Je=e=>y.isValidElement(e)&&e.type===k,N="purpur-radio-card-group",de=y.forwardRef(({"data-testid":e,"aria-labelledby":t,children:o,className:r,items:n,heading:i,headingTag:c="h2",loop:_=!0,orientation:d="vertical",radioPosition:s="right",...l},g)=>{const f=y.Children.toArray(o).filter(Je);return a.jsxs("div",{className:b(r,`${N}__container`),ref:g,children:[i&&a.jsxs(ge.Heading,{"data-testid":e?`${e}-heading`:void 0,id:`${l.id}-heading`,tag:c,variant:"subsection-100",children:[l.required&&a.jsx("span",{"aria-hidden":!0,children:"* "}),i]}),(!!n?.length\|\|f.length)&&a.jsxs(Ve,{...l,"aria-labelledby":t\|\|(i?`${l.id}-heading`:void 0),className:b(N,`${N}--${d}`,`${N}--radio-${s}`),"data-testid":e,loop:_,children:[n?.map(m=>a.jsx(k,{...m,disabled:m.disabled\|\|l.disabled,"data-testid":e?`${e}-item`:void 0},m.id)),y.Children.map(f,m=>y.cloneElement(m,{disabled:m.props.disabled\|\|l.disabled}))]})]})});de.displayName="RadioCardGroup";exports.RadioCardGroup=de;exports.RadioCardItem=k;
2	+ //# sourceMappingURL=radio-card-group-DcdGkfOp.js.map

package/dist/radio-card-group-DcdGkfOp.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"radio-card-group-DcdGkfOp.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types_1510802d315cde0d4def4a246e01a384/node_modules/@radix-ui/react-roving-focus/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-radio-group@1.2.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_c5874f83566e86809880c08a116d1fb8/node_modules/@radix-ui/react-radio-group/dist/index.mjs","../../../components/radio-card-group/src/classnames.ts","../../../components/radio-card-group/src/radio-card-item-image.tsx","../../../components/radio-card-group/src/radio-card-item.tsx","../../../components/radio-card-group/src/is-radio-card-item.ts","../../../components/radio-card-group/src/radio-card-group.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/roving-focus/src/roving-focus-group.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar ENTRY_FOCUS = \"rovingFocusGroup.onEntryFocus\";\nvar EVENT_OPTIONS = { bubbles: false, cancelable: true };\nvar GROUP_NAME = \"RovingFocusGroup\";\nvar [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);\nvar [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(\n GROUP_NAME,\n [createCollectionScope]\n);\nvar [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);\nvar RovingFocusGroup = React.forwardRef(\n (props, forwardedRef) => {\n return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });\n }\n);\nRovingFocusGroup.displayName = GROUP_NAME;\nvar RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {\n const {\n __scopeRovingFocusGroup,\n orientation,\n loop = false,\n dir,\n currentTabStopId: currentTabStopIdProp,\n defaultCurrentTabStopId,\n onCurrentTabStopIdChange,\n onEntryFocus,\n preventScrollOnEntryFocus = false,\n ...groupProps\n } = props;\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const direction = useDirection(dir);\n const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({\n prop: currentTabStopIdProp,\n defaultProp: defaultCurrentTabStopId,\n onChange: onCurrentTabStopIdChange\n });\n const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);\n const handleEntryFocus = useCallbackRef(onEntryFocus);\n const getItems = useCollection(__scopeRovingFocusGroup);\n const isClickFocusRef = React.useRef(false);\n const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n node.addEventListener(ENTRY_FOCUS, handleEntryFocus);\n return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);\n }\n }, [handleEntryFocus]);\n return /* @__PURE__ */ jsx(\n RovingFocusProvider,\n {\n scope: __scopeRovingFocusGroup,\n orientation,\n dir: direction,\n loop,\n currentTabStopId,\n onItemFocus: React.useCallback(\n (tabStopId) => setCurrentTabStopId(tabStopId),\n [setCurrentTabStopId]\n ),\n onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),\n onFocusableItemAdd: React.useCallback(\n () => setFocusableItemsCount((prevCount) => prevCount + 1),\n []\n ),\n onFocusableItemRemove: React.useCallback(\n () => setFocusableItemsCount((prevCount) => prevCount - 1),\n []\n ),\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,\n \"data-orientation\": orientation,\n ...groupProps,\n ref: composedRefs,\n style: { outline: \"none\", ...props.style },\n onMouseDown: composeEventHandlers(props.onMouseDown, () => {\n isClickFocusRef.current = true;\n }),\n onFocus: composeEventHandlers(props.onFocus, (event) => {\n const isKeyboardFocus = !isClickFocusRef.current;\n if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {\n const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);\n event.currentTarget.dispatchEvent(entryFocusEvent);\n if (!entryFocusEvent.defaultPrevented) {\n const items = getItems().filter((item) => item.focusable);\n const activeItem = items.find((item) => item.active);\n const currentItem = items.find((item) => item.id === currentTabStopId);\n const candidateItems = [activeItem, currentItem, ...items].filter(\n Boolean\n );\n const candidateNodes = candidateItems.map((item) => item.ref.current);\n focusFirst(candidateNodes, preventScrollOnEntryFocus);\n }\n }\n isClickFocusRef.current = false;\n }),\n onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))\n }\n )\n }\n );\n});\nvar ITEM_NAME = \"RovingFocusGroupItem\";\nvar RovingFocusGroupItem = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeRovingFocusGroup,\n focusable = true,\n active = false,\n tabStopId,\n ...itemProps\n } = props;\n const autoId = useId();\n const id = tabStopId || autoId;\n const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);\n const isCurrentTabStop = context.currentTabStopId === id;\n const getItems = useCollection(__scopeRovingFocusGroup);\n const { onFocusableItemAdd, onFocusableItemRemove } = context;\n React.useEffect(() => {\n if (focusable) {\n onFocusableItemAdd();\n return () => onFocusableItemRemove();\n }\n }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);\n return /* @__PURE__ */ jsx(\n Collection.ItemSlot,\n {\n scope: __scopeRovingFocusGroup,\n id,\n focusable,\n active,\n children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n tabIndex: isCurrentTabStop ? 0 : -1,\n \"data-orientation\": context.orientation,\n ...itemProps,\n ref: forwardedRef,\n onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n if (!focusable) event.preventDefault();\n else context.onItemFocus(id);\n }),\n onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),\n onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === \"Tab\" && event.shiftKey) {\n context.onItemShiftTab();\n return;\n }\n if (event.target !== event.currentTarget) return;\n const focusIntent = getFocusIntent(event, context.orientation, context.dir);\n if (focusIntent !== void 0) {\n if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;\n event.preventDefault();\n const items = getItems().filter((item) => item.focusable);\n let candidateNodes = items.map((item) => item.ref.current);\n if (focusIntent === \"last\") candidateNodes.reverse();\n else if (focusIntent === \"prev\" || focusIntent === \"next\") {\n if (focusIntent === \"prev\") candidateNodes.reverse();\n const currentIndex = candidateNodes.indexOf(event.currentTarget);\n candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);\n }\n setTimeout(() => focusFirst(candidateNodes));\n }\n })\n }\n )\n }\n );\n }\n);\nRovingFocusGroupItem.displayName = ITEM_NAME;\nvar MAP_KEY_TO_FOCUS_INTENT = {\n ArrowLeft: \"prev\",\n ArrowUp: \"prev\",\n ArrowRight: \"next\",\n ArrowDown: \"next\",\n PageUp: \"first\",\n Home: \"first\",\n PageDown: \"last\",\n End: \"last\"\n};\nfunction getDirectionAwareKey(key, dir) {\n if (dir !== \"rtl\") return key;\n return key === \"ArrowLeft\" ? \"ArrowRight\" : key === \"ArrowRight\" ? \"ArrowLeft\" : key;\n}\nfunction getFocusIntent(event, orientation, dir) {\n const key = getDirectionAwareKey(event.key, dir);\n if (orientation === \"vertical\" && [\"ArrowLeft\", \"ArrowRight\"].includes(key)) return void 0;\n if (orientation === \"horizontal\" && [\"ArrowUp\", \"ArrowDown\"].includes(key)) return void 0;\n return MAP_KEY_TO_FOCUS_INTENT[key];\n}\nfunction focusFirst(candidates, preventScroll = false) {\n const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;\n for (const candidate of candidates) {\n if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;\n candidate.focus({ preventScroll });\n if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;\n }\n}\nfunction wrapArray(array, startIndex) {\n return array.map((_, index) => array[(startIndex + index) % array.length]);\n}\nvar Root = RovingFocusGroup;\nvar Item = RovingFocusGroupItem;\nexport {\n Item,\n Root,\n RovingFocusGroup,\n RovingFocusGroupItem,\n createRovingFocusGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// packages/react/radio-group/src/radio-group.tsx\nimport * as React2 from \"react\";\nimport { composeEventHandlers as composeEventHandlers2 } from \"@radix-ui/primitive\";\nimport { useComposedRefs as useComposedRefs2 } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope as createContextScope2 } from \"@radix-ui/react-context\";\nimport { Primitive as Primitive2 } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\n\n// packages/react/radio-group/src/radio.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar RADIO_NAME = \"Radio\";\nvar [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);\nvar [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);\nvar Radio = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeRadio,\n name,\n checked = false,\n required,\n disabled,\n value = \"on\",\n onCheck,\n form,\n ...radioProps\n } = props;\n const [button, setButton] = React.useState(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = button ? form || !!button.closest(\"form\") : true;\n return /* @__PURE__ */ jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [\n /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"radio\",\n \"aria-checked\": checked,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...radioProps,\n ref: composedRefs,\n onClick: composeEventHandlers(props.onClick, (event) => {\n if (!checked) onCheck?.();\n if (isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n BubbleInput,\n {\n control: button,\n bubbles: !hasConsumerStoppedPropagationRef.current,\n name,\n value,\n checked,\n required,\n disabled,\n form,\n style: { transform: \"translateX(-100%)\" }\n }\n )\n ] });\n }\n);\nRadio.displayName = RADIO_NAME;\nvar INDICATOR_NAME = \"RadioIndicator\";\nvar RadioIndicator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeRadio, forceMount, ...indicatorProps } = props;\n const context = useRadioContext(INDICATOR_NAME, __scopeRadio);\n return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...indicatorProps,\n ref: forwardedRef\n }\n ) });\n }\n);\nRadioIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n const { control, checked, bubbles = true, ...inputProps } = props;\n const ref = React.useRef(null);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = ref.current;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n const setChecked = descriptor.set;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n setChecked.call(input, checked);\n input.dispatchEvent(event);\n }\n }, [prevChecked, checked, bubbles]);\n return /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"radio\",\n \"aria-hidden\": true,\n defaultChecked: checked,\n ...inputProps,\n tabIndex: -1,\n ref,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0\n }\n }\n );\n};\nfunction getState(checked) {\n return checked ? \"checked\" : \"unchecked\";\n}\n\n// packages/react/radio-group/src/radio-group.tsx\nimport { jsx as jsx2 } from \"react/jsx-runtime\";\nvar ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar [createRadioGroupContext, createRadioGroupScope] = createContextScope2(RADIO_GROUP_NAME, [\n createRovingFocusGroupScope,\n createRadioScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useRadioScope = createRadioScope();\nvar [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);\nvar RadioGroup = React2.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeRadioGroup,\n name,\n defaultValue,\n value: valueProp,\n required = false,\n disabled = false,\n orientation,\n dir,\n loop = true,\n onValueChange,\n ...groupProps\n } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n const direction = useDirection(dir);\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange\n });\n return /* @__PURE__ */ jsx2(\n RadioGroupProvider,\n {\n scope: __scopeRadioGroup,\n name,\n required,\n disabled,\n value,\n onValueChange: setValue,\n children: /* @__PURE__ */ jsx2(\n RovingFocusGroup.Root,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n orientation,\n dir: direction,\n loop,\n children: /* @__PURE__ */ jsx2(\n Primitive2.div,\n {\n role: \"radiogroup\",\n \"aria-required\": required,\n \"aria-orientation\": orientation,\n \"data-disabled\": disabled ? \"\" : void 0,\n dir: direction,\n ...groupProps,\n ref: forwardedRef\n }\n )\n }\n )\n }\n );\n }\n);\nRadioGroup.displayName = RADIO_GROUP_NAME;\nvar ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItem = React2.forwardRef(\n (props, forwardedRef) => {\n const { __scopeRadioGroup, disabled, ...itemProps } = props;\n const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);\n const isDisabled = context.disabled || disabled;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n const radioScope = useRadioScope(__scopeRadioGroup);\n const ref = React2.useRef(null);\n const composedRefs = useComposedRefs2(forwardedRef, ref);\n const checked = context.value === itemProps.value;\n const isArrowKeyPressedRef = React2.useRef(false);\n React2.useEffect(() => {\n const handleKeyDown = (event) => {\n if (ARROW_KEYS.includes(event.key)) {\n isArrowKeyPressedRef.current = true;\n }\n };\n const handleKeyUp = () => isArrowKeyPressedRef.current = false;\n document.addEventListener(\"keydown\", handleKeyDown);\n document.addEventListener(\"keyup\", handleKeyUp);\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n document.removeEventListener(\"keyup\", handleKeyUp);\n };\n }, []);\n return /* @__PURE__ */ jsx2(\n RovingFocusGroup.Item,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n focusable: !isDisabled,\n active: checked,\n children: /* @__PURE__ */ jsx2(\n Radio,\n {\n disabled: isDisabled,\n required: context.required,\n checked,\n ...radioScope,\n ...itemProps,\n name: context.name,\n ref: composedRefs,\n onCheck: () => context.onValueChange(itemProps.value),\n onKeyDown: composeEventHandlers2((event) => {\n if (event.key === \"Enter\") event.preventDefault();\n }),\n onFocus: composeEventHandlers2(itemProps.onFocus, () => {\n if (isArrowKeyPressedRef.current) ref.current?.click();\n })\n }\n )\n }\n );\n }\n);\nRadioGroupItem.displayName = ITEM_NAME;\nvar INDICATOR_NAME2 = \"RadioGroupIndicator\";\nvar RadioGroupIndicator = React2.forwardRef(\n (props, forwardedRef) => {\n const { __scopeRadioGroup, ...indicatorProps } = props;\n const radioScope = useRadioScope(__scopeRadioGroup);\n return /* @__PURE__ */ jsx2(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });\n }\n);\nRadioGroupIndicator.displayName = INDICATOR_NAME2;\nvar Root2 = RadioGroup;\nvar Item2 = RadioGroupItem;\nvar Indicator = RadioGroupIndicator;\nexport {\n Indicator,\n Item2 as Item,\n RadioGroup,\n RadioGroupIndicator,\n RadioGroupItem,\n Root2 as Root,\n createRadioGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import c from \"classnames/bind\";\n\nimport styles from \"./radio-card-group.module.scss\";\nexport const cx = c.bind(styles);\n","import React from \"react\";\nimport { useState } from \"react\";\nimport { Skeleton } from \"@purpur/skeleton\";\n\nimport { cx } from \"./classnames\";\n\nexport type RadioCardImageProps = {\n [\"data-testid\"]?: string;\n altText: string;\n loading?: \"lazy\" | \"eager\";\n noPlaceholder?: boolean;\n src: string;\n};\n\nconst rootClassName = \"purpur-radio-card-group__item-image\";\n\nexport const isRadioCardItemImageProps = (\n imageProps?: RadioCardImageProps | unknown\n): imageProps is RadioCardImageProps =>\n !!(imageProps as RadioCardImageProps)?.src && !!(imageProps as RadioCardImageProps).altText;\n\nexport const RadioCardImage = ({\n src,\n altText,\n noPlaceholder,\n loading = \"lazy\",\n [\"data-testid\"]: dataTestid,\n}: RadioCardImageProps) => {\n const [isLoaded, setIsLoaded] = useState(false);\n const onLoad = () => setIsLoaded(true);\n\n const imageClassName = cx(rootClassName, {\n [`${rootClassName}--loaded`]: isLoaded,\n });\n\n const placeholderClassName = cx(`${rootClassName}-placeholder`, {\n [`${rootClassName}-placeholder--loaded`]: isLoaded,\n });\n\n return (\n <>\n <img\n data-testid={dataTestid}\n className={imageClassName}\n src={src}\n alt={altText}\n loading={loading}\n onLoad={onLoad}\n />\n {!noPlaceholder && <Skeleton className={placeholderClassName} />}\n </>\n );\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\n\nimport { cx } from \"./classnames\";\nimport {\n isRadioCardItemImageProps,\n RadioCardImage,\n type RadioCardImageProps,\n} from \"./radio-card-item-image\";\n\nconst rootClassName = \"purpur-radio-card-group__item\";\n\ntype CustomElement = ((props: { disabled?: boolean }) => ReactNode) | ReactNode;\ntype NonNullCustomElement =\n | ((props: { disabled?: boolean }) => NonNullable<ReactNode>)\n | NonNullable<ReactNode>;\n\nexport type RadioCardItemProps = Omit<BaseProps, \"id\" | \"title\"> & {\n /**\n * `string | ReactNode | (props: { disabled?: boolean }) => ReactNode`\n */\n body?: string | CustomElement;\n disabled?: boolean;\n id: string;\n /**\n * The radio image.\n *\n union = {\n \"data-testid\"?: string | undefined;\n altText: string;\n loading?: \"lazy\" | \"eager\" | undefined;\n noPlaceholder?: boolean | undefined;\n src: string;\n } |\n ((props: {\n disabled?: boolean;\n }) => ReactNode) | React.ReactNode\n * */\n image?: RadioCardImageProps | CustomElement;\n value: string;\n /**\n * `union = string | Omit<ReactNode, \"undefined\" | \"null\">`\n */\n title: string | NonNullCustomElement;\n};\n\nconst renderCustomElement = (\n element: CustomElement | NonNullCustomElement,\n { disabled }: Pick<RadioCardItemProps, \"disabled\">\n) => (typeof element === \"function\" ? element({ disabled }) : element);\n\nexport const RadioCardItem = forwardRef<HTMLDivElement, RadioCardItemProps>(\n ({ title, ...propsx }, ref) => {\n const { [\"data-testid\"]: dataTestid, body, children, disabled, id, image, value } = propsx;\n\n const props = { title, ...propsx };\n\n return (\n <div className={cx(`${rootClassName}-container`)} ref={ref}>\n <RadixRadioGroup.Item\n className={cx(rootClassName)}\n data-testid={dataTestid}\n disabled={disabled}\n id={id}\n value={value}\n >\n {image && (\n <span className={cx(`${rootClassName}-image-container`)}>\n {isRadioCardItemImageProps(image) ? (\n <RadioCardImage {...image} data-testid={dataTestid && `${dataTestid}-image`} />\n ) : (\n renderCustomElement(image, props)\n )}\n </span>\n )}\n <span className={cx(`${rootClassName}-content`)}>\n <span className={cx(`${rootClassName}-top-container`)}>\n {typeof title === \"string\" ? (\n <Paragraph\n className={cx(`${rootClassName}-title`)}\n data-testid={dataTestid && `${dataTestid}-title`}\n variant=\"paragraph-100\"\n disabled={disabled}\n >\n {title}\n </Paragraph>\n ) : (\n renderCustomElement(title, props)\n )}\n <span className={cx(`${rootClassName}-radio`)}>\n <RadixRadioGroup.Indicator className={cx(`${rootClassName}-indicator`)} />\n </span>\n </span>\n {body && (\n <span className={cx(`${rootClassName}-bottom-container`)}>\n {typeof body === \"string\" ? (\n <Paragraph\n data-testid={dataTestid && `${dataTestid}-body`}\n variant=\"paragraph-100\"\n disabled={disabled}\n >\n {body}\n </Paragraph>\n ) : (\n renderCustomElement(body, props)\n )}\n </span>\n )}\n </span>\n </RadixRadioGroup.Item>\n {children}\n </div>\n );\n }\n);\n\nRadioCardItem.displayName = \"RadioCardItem\";\n","import { isValidElement, type ReactElement, type ReactNode } from \"react\";\n\nimport { RadioCardItem, type RadioCardItemProps } from \"./radio-card-item\";\n\nexport const isRadioCardItem = (child?: ReactNode): child is ReactElement<RadioCardItemProps> =>\n isValidElement<RadioCardItemProps>(child) && child.type === RadioCardItem;\n","import React, { Children, cloneElement, forwardRef, type ReactNode, type Ref } from \"react\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\n\nimport { cx } from \"./classnames\";\nimport { isRadioCardItem } from \"./is-radio-card-item\";\nimport type { RadioCardGroupOrientation, RadioPosition } from \"./radio-card-group.constants\";\nimport { RadioCardItem, type RadioCardItemProps } from \"./radio-card-item\";\n\nexport type RadioCardGroupItem = RadioCardItemProps & { ref?: Ref<HTMLDivElement> };\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"className\" | \"style\">;\n\nexport type RadioCardGroupProps = StylingProps & {\n /**\n * To use when no heading is given.\n * */\n [\"aria-label\"]?: string;\n /**\n * To use with custom label.\n * */\n [\"aria-labelledby\"]?: string;\n [\"data-testid\"]?: string;\n /**\n * The value of the radio card item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.\n * */\n defaultValue?: string;\n /**\n * When true, prevents the user from interacting with radio card items.\n * */\n disabled?: boolean;\n /**\n * ID of the radio card group container.\n * */\n id: string;\n /**\n * The radio card items.\n * */\n items?: RadioCardGroupItem[];\n /**\n * Renders above the radio card group as a heading\n * */\n heading?: string;\n /**\n * Changes heading level for heading.\n */\n headingTag?: HeadingTagType;\n /**\n * When true, keyboard navigation will loop from last item to first, and vice versa.\n * */\n loop?: boolean;\n /**\n * The name of the group. Submitted with its owning form as part of a name/value pair.\n * */\n name?: string;\n /**\n * Event handler called when the value changes.\n * */\n onValueChange?: (value: string) => void;\n /**\n * Set to stack cards horizontally or vertically. When `horizontal`, the min card width with is 100% when container is sm, and `--purpur-breakpoint-lg` / 4 when the container is md or larger.\n * */\n orientation?: RadioCardGroupOrientation;\n /**\n * The position if the radio in the card items.\n * */\n radioPosition?: RadioPosition;\n /**\n * When true, indicates that the user must check a radio card item before the owning form can be submitted.\n * */\n required?: boolean;\n /**\n * The controlled value of the radio card item to check. Should be used in conjunction with onValueChange.\n * */\n value?: string;\n /**\n * Will only render given RadioCardItems.\n * */\n children?: ReactNode;\n};\n\nconst rootClassName = \"purpur-radio-card-group\";\n\nexport const RadioCardGroup = forwardRef<HTMLDivElement, RadioCardGroupProps>(\n (\n {\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n children,\n className,\n items,\n heading,\n headingTag = \"h2\",\n loop = true,\n orientation = \"vertical\",\n radioPosition = \"right\",\n ...props\n },\n ref\n ) => {\n const radioCardItemChildren = Children.toArray(children).filter(isRadioCardItem);\n\n return (\n <div className={cx(className, `${rootClassName}__container`)} ref={ref}>\n {heading && (\n <Heading\n data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n id={`${props.id}-heading`}\n tag={headingTag}\n variant=\"subsection-100\"\n >\n {props.required && <span aria-hidden>{\"* \"}</span>}\n {heading}\n </Heading>\n )}\n {(!!items?.length || radioCardItemChildren.length) && (\n <RadixRadioGroup.Root\n {...props}\n aria-labelledby={ariaLabelledby || (heading ? `${props.id}-heading` : undefined)}\n className={cx(\n rootClassName,\n `${rootClassName}--${orientation}`,\n `${rootClassName}--radio-${radioPosition}`\n )}\n data-testid={dataTestId}\n loop={loop}\n >\n {items?.map((item) => (\n <RadioCardItem\n key={item.id}\n {...item}\n disabled={item.disabled || props.disabled}\n data-testid={dataTestId ? `${dataTestId}-item` : undefined}\n />\n ))}\n {Children.map(radioCardItemChildren, (child) =>\n cloneElement(child, { disabled: child.props.disabled || props.disabled })\n )}\n </RadixRadioGroup.Root>\n )}\n </div>\n );\n }\n);\n\nRadioCardGroup.displayName = \"RadioCardGroup\";\n\n// RadioCardItem must be exported after `RadioCardGroup` for the Storybook controls to be generated from RadioCardGroup props\nexport type { RadioCardItemProps } from \"./radio-card-item\";\nexport { RadioCardItem } from \"./radio-card-item\";\n"],"names":["ENTRY_FOCUS","EVENT_OPTIONS","GROUP_NAME","Collection","useCollection","createCollectionScope","createCollection","createRovingFocusGroupContext","createRovingFocusGroupScope","createContextScope","RovingFocusProvider","useRovingFocusContext","RovingFocusGroup","React","props","forwardedRef","jsx","RovingFocusGroupImpl","__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopIdProp","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","preventScrollOnEntryFocus","groupProps","ref","composedRefs","useComposedRefs","direction","useDirection","currentTabStopId","setCurrentTabStopId","useControllableState","isTabbingBackOut","setIsTabbingBackOut","handleEntryFocus","useCallbackRef","getItems","isClickFocusRef","focusableItemsCount","setFocusableItemsCount","node","tabStopId","prevCount","Primitive","composeEventHandlers","event","isKeyboardFocus","entryFocusEvent","items","item","activeItem","currentItem","candidateNodes","focusFirst","ITEM_NAME","RovingFocusGroupItem","focusable","active","itemProps","autoId","useId","id","context","isCurrentTabStop","onFocusableItemAdd","onFocusableItemRemove","focusIntent","getFocusIntent","currentIndex","wrapArray","MAP_KEY_TO_FOCUS_INTENT","getDirectionAwareKey","key","candidates","preventScroll","PREVIOUSLY_FOCUSED_ELEMENT","candidate","array","startIndex","_","index","Root","Item","RADIO_NAME","createRadioContext","createRadioScope","RadioProvider","useRadioContext","Radio","__scopeRadio","name","checked","required","disabled","value","onCheck","form","radioProps","button","setButton","hasConsumerStoppedPropagationRef","isFormControl","jsxs","getState","BubbleInput","INDICATOR_NAME","RadioIndicator","forceMount","indicatorProps","Presence","control","bubbles","inputProps","prevChecked","usePrevious","controlSize","useSize","input","inputProto","setChecked","ARROW_KEYS","RADIO_GROUP_NAME","createRadioGroupContext","createContextScope2","useRovingFocusGroupScope","useRadioScope","RadioGroupProvider","useRadioGroupContext","RadioGroup","React2","__scopeRadioGroup","defaultValue","valueProp","onValueChange","rovingFocusGroupScope","setValue","jsx2","RovingFocusGroup.Root","Primitive2","RadioGroupItem","isDisabled","radioScope","useComposedRefs2","isArrowKeyPressedRef","handleKeyDown","handleKeyUp","RovingFocusGroup.Item","composeEventHandlers2","INDICATOR_NAME2","RadioGroupIndicator","Root2","Item2","Indicator","cx","c","styles","rootClassName","isRadioCardItemImageProps","imageProps","RadioCardImage","src","altText","noPlaceholder","loading","dataTestid","isLoaded","setIsLoaded","useState","onLoad","imageClassName","placeholderClassName","Fragment","Skeleton","renderCustomElement","element","RadioCardItem","forwardRef","title","propsx","body","children","image","RadixRadioGroup.Item","Paragraph","RadixRadioGroup.Indicator","isRadioCardItem","child","isValidElement","RadioCardGroup","dataTestId","ariaLabelledby","className","heading","headingTag","radioPosition","radioCardItemChildren","Children","Heading","RadixRadioGroup.Root","cloneElement"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/radio-card-group.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./radio-card-group-BXwkIIEw.js");exports.RadioCardGroup=r.RadioCardGroup;exports.RadioCardItem=r.RadioCardItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./radio-card-group-DcdGkfOp.js");exports.RadioCardGroup=r.RadioCardGroup;exports.RadioCardItem=r.RadioCardItem;
 //# sourceMappingURL=radio-card-group.cjs.js.map

package/dist/radio-card-group.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as r, a as d } from "./radio-card-group-Bn6SK0Wc.mjs";
+import { R as r, a as d } from "./radio-card-group-B9_jOJnM.mjs";
 export {
   r as RadioCardGroup,
   d as RadioCardItem

package/dist/search-field-WJBtiK0K.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),y=require("react"),S=require("./listbox-lXO21cJV.js"),V=require("./use-autocomplete.es-BwAzMcau.js"),k=require("./bind-DeUYJ6m9.js"),O=require("./search.es-Cg2amJSR.js"),q=require("./text-field-VW8ObP83.js"),C=require("./button-DmybVApa.js"),A={"purpur-search-field":"_purpur-search-field_fgjyk_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_fgjyk_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_fgjyk_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_fgjyk_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_fgjyk_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_fgjyk_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_fgjyk_24","purpur-search-field__search-icon--negative":"_purpur-search-field__search-icon--negative_fgjyk_27","purpur-search-field__close-icon--negative":"_purpur-search-field__close-icon--negative_fgjyk_27","purpur-search-field__autocomplete-root":"_purpur-search-field__autocomplete-root_fgjyk_30","purpur-search-field__listbox":"_purpur-search-field__listbox_fgjyk_34"},K={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},M=k.c.bind(K),R="purpur-search-field-button",E=({["data-testid"]:t,disabled:o,iconOnly:d,negative:u,label:p,type:r="submit",onClick:n})=>{const _={className:M(R,{[`${R}--icon-only`]:d}),disabled:o,"data-testid":t,negative:u,onClick:n};return d?e.jsx(C.Button,{..._,"aria-label":p,iconOnly:!0,size:"sm",type:r,variant:"primary",children:e.jsx(O.s,{size:"xs"})}):e.jsx(C.Button,{..._,size:"sm",type:r,variant:"primary",children:p})},H=["button-attached","no-button"],x=k.c.bind(A),l="purpur-search-field",v=y.forwardRef(({["data-testid"]:t,className:o,clearButtonAriaLabel:d,disabled:u,submitBehavior:p="form",iconOnlySearchButton:r,negative:n=!1,onClear:_,onSearch:f,searchButtonLabel:s,variant:b,formRef:g,wrapperStyle:a,...i},j)=>{const m=c=>t?`${t}-${c}`:void 0,L=(typeof i.value=="number"?i.value!==void 0:i.value?.length)&&!u&&!i.readOnly&&!i.loading,$=p==="manual",z=x(o,l,{[`${l}--no-gap`]:b==="button-attached",[`${l}--has-clear-button`]:L}),w={ref:j,className:z,clearButtonAriaLabel:d,disabled:u,negative:n,onClear:_,startAdornment:r?null:e.jsx(O.s,{size:"xs",className:x(`${l}__search-icon`,{[`${l}__search-icon--negative`]:n})},"1"),"data-testid":m("text-field"),type:"search",...i},F=b!=="no-button"?e.jsx(E,{type:$?"button":"submit",onClick:$?c=>f?.(c):void 0,disabled:u,iconOnly:r,negative:n,label:s,"data-testid":m("button")}):null;if($){const c=h=>{i.onKeyDown?.(h),h.key==="Enter"&&!h.defaultPrevented&&(h.preventDefault(),f?.(h))};return e.jsx("div",{className:x(`${l}__wrapper`),"data-testid":t,style:a,children:e.jsx(q.TextField,{...w,onKeyDown:c,afterField:F})})}return e.jsx("form",{ref:g,className:x(`${l}__wrapper`),"data-testid":t,style:a,onSubmit:c=>{c.preventDefault(),f?.(c)},children:e.jsx(q.TextField,{...w,afterField:F})})});v.displayName="SearchFieldBase";const B=k.c.bind(A),I="purpur-search-field",N=y.forwardRef(({suggestions:t,suggestionsLabel:o,onSelectSuggestion:d,openSuggestionsOnFocus:u,suggestionsMaxHeight:p,...r},n)=>{const _=y.useId(),f=r.id??_,s=V.te({id:f,options:t,listboxLabel:o,disabled:r.disabled,negative:r.negative,readOnly:r.readOnly,openOnFocus:u,listboxMaxHeight:p,onSelect:d,"data-testid":r["data-testid"]}),b=a=>{s.inputRef.current=a,typeof n=="function"?n(a):n&&(n.current=a)},g=a=>{r.onChange?.(a),s.isOpen\|\|s.openListbox()};return e.jsxs("div",{ref:s.rootRef,className:B(`${I}__autocomplete-root`),children:[e.jsx(v,{ref:b,...r,onChange:g,id:f,wrapperStyle:s.anchorStyle,...s.inputProps}),s.isOpen&&e.jsx(S.Listbox,{...s.listboxProps,className:B(`${I}__listbox`),children:t.map((a,i)=>{const{key:j,...m}=s.getListboxItemProps(a,i);return e.jsx(S.Listbox.Item,{...m,children:a.label},j)})})]})});N.displayName="SearchFieldAutocomplete";const D=y.forwardRef((t,o)=>t.suggestions?e.jsx(N,{ref:o,...t}):e.jsx(v,{ref:o,...t}));D.displayName="SearchField";exports.SearchField=D;exports.SearchFieldAutocomplete=N;exports.searchFieldVariants=H;
2	+ //# sourceMappingURL=search-field-WJBtiK0K.js.map

package/dist/search-field-WJBtiK0K.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-field-WJBtiK0K.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.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 negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\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 negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\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 clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\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 is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\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 SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\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 const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}

package/dist/search-field-afhtC6q5.mjs ADDED Viewed

@@ -0,0 +1,184 @@
+import { jsx as e, jsxs as K } from "react/jsx-runtime";
+import { forwardRef as k, useId as V } from "react";
+import { L as S } from "./listbox-CtV-Vcmy.mjs";
+import { t as M } from "./use-autocomplete.es-CKb0RHKG.mjs";
+import { c as j } from "./bind-CU-R61T-.mjs";
+import { s as D } from "./search.es-DoFKg2Hr.mjs";
+import { T as C } from "./text-field-D0e-cRbG.mjs";
+import { b as F } from "./button-4-yWOgtD.mjs";
+const L = {
+  "purpur-search-field": "_purpur-search-field_fgjyk_1",
+  "purpur-search-field--has-clear-button": "_purpur-search-field--has-clear-button_fgjyk_4",
+  "purpur-search-field--no-gap": "_purpur-search-field--no-gap_fgjyk_13",
+  "purpur-search-field__wrapper": "_purpur-search-field__wrapper_fgjyk_17",
+  "purpur-search-field__wrapper--gap": "_purpur-search-field__wrapper--gap_fgjyk_20",
+  "purpur-search-field__search-icon": "_purpur-search-field__search-icon_fgjyk_24",
+  "purpur-search-field__close-icon": "_purpur-search-field__close-icon_fgjyk_24",
+  "purpur-search-field__search-icon--negative": "_purpur-search-field__search-icon--negative_fgjyk_27",
+  "purpur-search-field__close-icon--negative": "_purpur-search-field__close-icon--negative_fgjyk_27",
+  "purpur-search-field__autocomplete-root": "_purpur-search-field__autocomplete-root_fgjyk_30",
+  "purpur-search-field__listbox": "_purpur-search-field__listbox_fgjyk_34"
+}, E = {
+  "purpur-search-field-button": "_purpur-search-field-button_c16yo_1",
+  "purpur-search-field-button--icon-only": "_purpur-search-field-button--icon-only_c16yo_1"
+}, H = j.bind(E), I = "purpur-search-field-button", P = ({
+  ["data-testid"]: t,
+  disabled: n,
+  iconOnly: p,
+  negative: u,
+  label: d,
+  type: r = "submit",
+  onClick: o
+}) => {
+  const _ = {
+    className: H(I, {
+      [`${I}--icon-only`]: p
+    }),
+    disabled: n,
+    "data-testid": t,
+    negative: u,
+    onClick: o
+  };
+  return p ? /* @__PURE__ */ e(F, { ..._, "aria-label": d, iconOnly: !0, size: "sm", type: r, variant: "primary", children: /* @__PURE__ */ e(D, { size: "xs" }) }) : /* @__PURE__ */ e(F, { ..._, size: "sm", type: r, variant: "primary", children: d });
+}, ee = ["button-attached", "no-button"], y = j.bind(L), l = "purpur-search-field", v = k(
+  ({
+    ["data-testid"]: t,
+    className: n,
+    clearButtonAriaLabel: p,
+    disabled: u,
+    submitBehavior: d = "form",
+    iconOnlySearchButton: r,
+    negative: o = !1,
+    onClear: _,
+    onSearch: f,
+    searchButtonLabel: a,
+    variant: m,
+    formRef: g,
+    wrapperStyle: s,
+    ...i
+  }, x) => {
+    const b = (c) => t ? `${t}-${c}` : void 0, R = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !u && !i.readOnly && !i.loading, $ = d === "manual", A = y(n, l, {
+      [`${l}--no-gap`]: m === "button-attached",
+      [`${l}--has-clear-button`]: R
+    }), N = {
+      ref: x,
+      className: A,
+      clearButtonAriaLabel: p,
+      disabled: u,
+      negative: o,
+      onClear: _,
+      startAdornment: r ? null : /* @__PURE__ */ e(
+        D,
+        {
+          size: "xs",
+          className: y(`${l}__search-icon`, {
+            [`${l}__search-icon--negative`]: o
+          })
+        },
+        "1"
+      ),
+      "data-testid": b("text-field"),
+      type: "search",
+      ...i
+    }, w = m !== "no-button" ? /* @__PURE__ */ e(
+      P,
+      {
+        type: $ ? "button" : "submit",
+        onClick: $ ? (c) => f?.(c) : void 0,
+        disabled: u,
+        iconOnly: r,
+        negative: o,
+        label: a,
+        "data-testid": b("button")
+      }
+    ) : null;
+    if ($) {
+      const c = (h) => {
+        i.onKeyDown?.(h), h.key === "Enter" && !h.defaultPrevented && (h.preventDefault(), f?.(h));
+      };
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          className: y(`${l}__wrapper`),
+          "data-testid": t,
+          style: s,
+          children: /* @__PURE__ */ e(C, { ...N, onKeyDown: c, afterField: w })
+        }
+      );
+    }
+    return /* @__PURE__ */ e(
+      "form",
+      {
+        ref: g,
+        className: y(`${l}__wrapper`),
+        "data-testid": t,
+        style: s,
+        onSubmit: (c) => {
+          c.preventDefault(), f?.(c);
+        },
+        children: /* @__PURE__ */ e(C, { ...N, afterField: w })
+      }
+    );
+  }
+);
+v.displayName = "SearchFieldBase";
+const O = j.bind(L), B = "purpur-search-field", z = k(
+  ({
+    suggestions: t,
+    suggestionsLabel: n,
+    onSelectSuggestion: p,
+    openSuggestionsOnFocus: u,
+    suggestionsMaxHeight: d,
+    ...r
+  }, o) => {
+    const _ = V(), f = r.id ?? _, a = M({
+      id: f,
+      options: t,
+      listboxLabel: n,
+      disabled: r.disabled,
+      negative: r.negative,
+      readOnly: r.readOnly,
+      openOnFocus: u,
+      listboxMaxHeight: d,
+      onSelect: p,
+      "data-testid": r["data-testid"]
+    }), m = (s) => {
+      a.inputRef.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
+    }, g = (s) => {
+      r.onChange?.(s), a.isOpen || a.openListbox();
+    };
+    return /* @__PURE__ */ K(
+      "div",
+      {
+        ref: a.rootRef,
+        className: O(`${B}__autocomplete-root`),
+        children: [
+          /* @__PURE__ */ e(
+            v,
+            {
+              ref: m,
+              ...r,
+              onChange: g,
+              id: f,
+              wrapperStyle: a.anchorStyle,
+              ...a.inputProps
+            }
+          ),
+          a.isOpen && /* @__PURE__ */ e(S, { ...a.listboxProps, className: O(`${B}__listbox`), children: t.map((s, i) => {
+            const { key: x, ...b } = a.getListboxItemProps(s, i);
+            return /* @__PURE__ */ e(S.Item, { ...b, children: s.label }, x);
+          }) })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "SearchFieldAutocomplete";
+const q = k((t, n) => t.suggestions ? /* @__PURE__ */ e(z, { ref: n, ...t }) : /* @__PURE__ */ e(v, { ref: n, ...t }));
+q.displayName = "SearchField";
+export {
+  q as S,
+  z as a,
+  ee as s
+};
+//# sourceMappingURL=search-field-afhtC6q5.mjs.map

package/dist/search-field-afhtC6q5.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-field-afhtC6q5.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.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 negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\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 negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\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 clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\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 is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\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 SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\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 const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}

package/dist/search-field.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-field-b1_QCs3U.js");exports.SearchField=e.SearchField;exports.SearchFieldAutocomplete=e.SearchFieldAutocomplete;exports.searchFieldVariants=e.searchFieldVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-field-WJBtiK0K.js");exports.SearchField=e.SearchField;exports.SearchFieldAutocomplete=e.SearchFieldAutocomplete;exports.searchFieldVariants=e.searchFieldVariants;
 //# sourceMappingURL=search-field.cjs.js.map

package/dist/search-field.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as r, a as s, s as c } from "./search-field-BMC3WG2H.mjs";
+import { S as r, a as s, s as c } from "./search-field-afhtC6q5.mjs";
 export {
   r as SearchField,
   s as SearchFieldAutocomplete,