@purpur/library 9.9.0 → 9.10.1

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=radio-card-group-DcdGkfOp.js.map

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

@@ -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

@@ -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

@@ -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/rich-text.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RichText-BAVZadzi.js");exports.RichText=e.RichText;exports.richToPlainText=e.richToPlainText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RichText-IejAKqm2.js");exports.RichText=e.RichText;exports.richToPlainText=e.richToPlainText;
 //# sourceMappingURL=rich-text.cjs.js.map

package/dist/rich-text.es.js

@@ -1,4 +1,4 @@
-import { R as e, r as i } from "./RichText-D4vznH1B.mjs";
+import { R as e, r as i } from "./RichText-2_z57EYi.mjs";
 export {
   e as RichText,
   i as richToPlainText

package/dist/search-field-BTqVE1-l.mjs

@@ -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-C9LX7LBf.mjs";
+import { b as F } from "./button-EVRfctR8.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-BTqVE1-l.mjs.map

package/dist/search-field-BTqVE1-l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-BTqVE1-l.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-DkJrwzJB.js

@@ -0,0 +1,2 @@
+"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-CS0PT5T6.js"),C=require("./button-DZgtrGqN.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;
+//# sourceMappingURL=search-field-DkJrwzJB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-DkJrwzJB.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":"8zCAiBMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,6BAETC,EAAoB,CAAC,CAChC,CAAC,eAAgBC,EACjB,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,CACF,IAAa,CACX,MAAMC,EAAc,CAClB,UAAWZ,EAAGG,EAAe,CAC3B,CAAC,GAAGA,CAAa,aAAa,EAAGI,CAAA,CAClC,EACD,SAAAD,EACC,cAAgBD,EACjB,SAAAG,EACA,QAAAG,CAAA,EAGF,OAAIJ,QAECM,SAAA,CAAQ,GAAGD,EAAa,aAAYH,EAAO,SAAQ,GAAC,KAAK,KAAK,KAAAC,EAAY,QAAQ,UACjF,eAACI,EAAAA,EAAA,CAAW,KAAK,KAAK,EACxB,EAKFC,MAACF,EAAAA,QAAQ,GAAGD,EAAa,KAAK,KAAK,KAAAF,EAAY,QAAQ,UACpD,SAAAD,CAAA,CACH,CAEJ,ECrCaO,EAAsB,CAAC,kBAAmB,WAAW,EAuG5DhB,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETc,EAAkBC,EAAAA,WAC7B,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EACA,qBAAAC,EACA,SAAAf,EACA,eAAAgB,EAAiB,OACjB,qBAAAC,EACA,SAAAf,EAAW,GACX,QAAAgB,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAaC,GAAkBd,EAAa,GAAGA,CAAU,IAAIc,CAAI,GAAK,OAGtEC,GADJ,OAAOJ,EAAM,OAAU,SAAWA,EAAM,QAAU,OAAYA,EAAM,OAAO,SAC1C,CAACxB,GAAY,CAACwB,EAAM,UAAY,CAACA,EAAM,QACpEK,EAAiBb,IAAmB,SAEpCc,EAAUpC,EAAGoB,EAAWjB,EAAe,CAC3C,CAAC,GAAGA,CAAa,UAAU,EAAGwB,IAAY,kBAC1C,CAAC,GAAGxB,CAAa,oBAAoB,EAAG+B,CAAA,CACzC,EAEKG,EAAiC,CACrC,IAAAN,EACA,UAAWK,EACX,qBAAAf,EACA,SAAAf,EACA,SAAAE,EACA,QAAAgB,EACA,eAAiBD,EAQb,KAPFR,EAAAA,IAACD,EAAAA,EAAA,CACC,KAAK,KACL,UAAWd,EAAG,GAAGG,CAAa,gBAAiB,CAC7C,CAAC,GAAGA,CAAa,yBAAyB,EAAGK,CAAA,CAC9C,CAAA,EACG,GAAA,EAGR,cAAewB,EAAU,YAAY,EACrC,KAAM,SACN,GAAGF,CAAA,EAGCQ,EACJX,IAAY,YACVZ,EAAAA,IAACX,EAAA,CACC,KAAM+B,EAAiB,SAAW,SAClC,QAASA,EAAkBI,GAAUd,IAAWc,CAAK,EAAI,OACzD,SAAAjC,EACA,SAAUiB,EACV,SAAAf,EACA,MAAOkB,EACP,cAAaM,EAAU,QAAQ,CAAA,CAAA,EAE/B,KAEN,GAAIG,EAAgB,CAClB,MAAMK,EAAiBD,GAAiD,CACtET,EAAM,YAAYS,CAAK,EAEnBA,EAAM,MAAQ,SAAW,CAACA,EAAM,mBAClCA,EAAM,eAAA,EACNd,IAAWc,CAAK,EAEpB,EAEA,OACExB,EAAAA,IAAC,MAAA,CACC,UAAWf,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAagB,EACb,MAAOU,EAEP,eAACY,EAAAA,UAAA,CAAW,GAAGJ,EAAgB,UAAWG,EAAe,WAAYF,CAAA,CAAc,CAAA,CAAA,CAGzF,CAEA,OACEvB,EAAAA,IAAC,OAAA,CACC,IAAKa,EACL,UAAW5B,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAagB,EACb,MAAOU,EACP,SAAWa,GAAoC,CAC7CA,EAAE,eAAA,EACFjB,IAAWiB,CAAC,CACd,EAEA,SAAA3B,EAAAA,IAAC0B,EAAAA,UAAA,CAAW,GAAGJ,EAAgB,WAAYC,CAAA,CAAc,CAAA,CAAA,CAG/D,CACF,EAEArB,EAAgB,YAAc,kBCpN9B,MAAMjB,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAKTwC,EAA0BzB,EAAAA,WACrC,CACE,CACE,YAAA0B,EACA,iBAAAC,EACA,mBAAAC,EACA,uBAAAC,EACA,qBAAAC,EACA,GAAGC,CAAA,EAELlB,IACG,CACH,MAAMmB,EAAWC,EAAAA,MAAA,EACXC,EAAWH,EAAiB,IAA6BC,EACzDG,EAAeC,EAAAA,GAAgB,CACnC,GAAIF,EACJ,QAASR,EACT,aAAcC,EACd,SAAUI,EAAiB,SAC3B,SAAUA,EAAiB,SAC3B,SAAUA,EAAiB,SAC3B,YAAaF,EACb,iBAAkBC,EAClB,SAAUF,EACT,cAAgBG,EAAiB,aAAa,CAAA,CAChD,EAEKM,EAAeC,GAAkC,CACpDH,EAAa,SAA6D,QAAUG,EACjF,OAAOzB,GAAQ,WAAYA,EAAIyB,CAAI,EAC9BzB,IAAMA,EAAwD,QAAUyB,EACnF,EAEMC,EAAiElB,GAAU,CAC/EU,EAAiB,WAAWV,CAAK,EAC5Bc,EAAa,QAChBA,EAAa,YAAA,CAEjB,EACA,OACEK,EAAAA,KAAC,MAAA,CACC,IAAKL,EAAa,QAClB,UAAWrD,EAAG,GAAGG,CAAa,qBAAqB,EAEnD,SAAA,CAAAY,EAAAA,IAACE,EAAA,CACC,IAAKsC,EACJ,GAAGN,EACJ,SAAUQ,EACV,GAAIL,EACJ,aAAcC,EAAa,YAC1B,GAAGA,EAAa,UAAA,CAAA,EAElBA,EAAa,QACZtC,EAAAA,IAAC4C,EAAAA,QAAA,CAAS,GAAGN,EAAa,aAAc,UAAWrD,EAAG,GAAGG,CAAa,WAAW,EAC9E,WAAY,IAAI,CAACyD,EAAQC,IAAU,CAClC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAqBV,EAAa,oBAAoBO,EAAQC,CAAK,EAEnF,OACE9C,EAAAA,IAAC4C,UAAQ,KAAR,CAAwB,GAAGI,EACzB,SAAAH,EAAO,OADSE,CAEnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CACF,EAEAnB,EAAwB,YAAc,0BC1E/B,MAAMqB,EAAc9C,EAAAA,WAA+C,CAACY,EAAOC,IAC5ED,EAAM,YACDf,EAAAA,IAAC4B,EAAA,CAAwB,IAAAZ,EAAW,GAAGD,CAAA,CAAO,EAGhDf,EAAAA,IAACE,EAAA,CAAgB,IAAAc,EAAW,GAAGD,CAAA,CAAO,CAC9C,EAEDkC,EAAY,YAAc"}

package/dist/search-field.cjs.js

@@ -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-DkJrwzJB.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

@@ -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-BTqVE1-l.mjs";
 export {
   r as SearchField,
   s as SearchFieldAutocomplete,

package/dist/stepper-5rQ3cK18.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),N=require("./button-DZgtrGqN.js"),M=require("./chevron-left.es-B0vPg5XM.js"),W=require("./chevron-right.es-Bv376M3o.js"),I=require("./index-BVmlsxuF.js"),x=require("./index-CoR7YA3H.js"),T=require("./bind-DeUYJ6m9.js"),J=require("./tooltip-COFCRUKv.js"),K=require("./checkmark.es-lYntWFA3.js"),Q={PRIMARY:"primary"},L={SMALL_SCREEN:"small-screen",LARGE_SCREEN:"large-screen",ALWAYS:"always"},X={"purpur-stepper__nav-container":"_purpur-stepper__nav-container_1rouo_1","purpur-stepper__nav":"_purpur-stepper__nav_1rouo_1","purpur-stepper":"_purpur-stepper_1rouo_1","purpur-stepper__scroll-button":"_purpur-stepper__scroll-button_1rouo_7","purpur-stepper__scroll-button--left":"_purpur-stepper__scroll-button--left_1rouo_18","purpur-stepper__scroll-button--right":"_purpur-stepper__scroll-button--right_1rouo_21","purpur-stepper__scroll-button-icon":"_purpur-stepper__scroll-button-icon_1rouo_24","purpur-stepper__hidden":"_purpur-stepper__hidden_1rouo_27"},Z={"purpur-stepper-container":"_purpur-stepper-container_162zw_1","purpur-stepper-container__inner--align-with-grid":"_purpur-stepper-container__inner--align-with-grid_162zw_5","purpur-stepper-container--primary":"_purpur-stepper-container--primary_162zw_18","purpur-stepper-container--secondary":"_purpur-stepper-container--secondary_162zw_21"},O=T.c.bind(Z),j="purpur-stepper-container",ee=({["data-testid"]:t="purpur-stepper-container",children:r,className:s,alignWithGrid:n,variant:i,...p})=>{const m=O(s,j,{[`${j}--${i}`]:i,[`${j}--align-with-grid`]:n});return e.jsx("div",{className:m,"data-testid":t,...p,children:e.jsx("div",{className:O(`${j}__inner`,{[`${j}__inner--align-with-grid`]:n}),children:r})})},te=l.forwardRef(({children:t,...r},s)=>{const{finished:n,...i}=r;return e.jsx("div",{...i,ref:s,children:t})}),re=t=>!!t&&l.isValidElement(t)&&!!t.props.label,se={"purpur-stepper-button":"_purpur-stepper-button_162is_1","purpur-stepper-button__trigger-outline":"_purpur-stepper-button__trigger-outline_162is_21","purpur-stepper-button--first":"_purpur-stepper-button--first_162is_33","purpur-stepper-button--current":"_purpur-stepper-button--current_162is_33","purpur-stepper-button--middle":"_purpur-stepper-button--middle_162is_38","purpur-stepper-button--last":"_purpur-stepper-button--last_162is_48","purpur-stepper-button--visibility-small-screen":"_purpur-stepper-button--visibility-small-screen_162is_58","purpur-stepper-button--visibility-large-screen":"_purpur-stepper-button--visibility-large-screen_162is_66","purpur-stepper-button__icon":"_purpur-stepper-button__icon_162is_90","purpur-stepper-button__step-number":"_purpur-stepper-button__step-number_162is_100","purpur-stepper-button__step-number--current":"_purpur-stepper-button__step-number--current_162is_111","purpur-stepper-button__step-number--disabled":"_purpur-stepper-button__step-number--disabled_162is_115","purpur-stepper-button__step-label":"_purpur-stepper-button__step-label_162is_120","arrow-forward":"_arrow-forward_162is_124","purpur-stepper-button--primary":"_purpur-stepper-button--primary_162is_136","purpur-stepper-button--disabled":"_purpur-stepper-button--disabled_162is_139","purpur-stepper-button--secondary":"_purpur-stepper-button--secondary_162is_145","arrow-tail":"_arrow-tail_162is_155","sr-only--lg-down":"_sr-only--lg-down_162is_174"},w=T.c.bind(se),d="purpur-stepper-button",ne=({["data-testid"]:t,current:r,disabled:s,stepNumber:n})=>e.jsx("div",{"data-testid":t,className:w([`${d}__step-number`,{[`${d}__step-number--current`]:r},{[`${d}__step-number--disabled`]:s}]),children:n}),A=l.forwardRef(({className:t,["data-testid"]:r,variant:s,step:n,indexOfLastItem:i,index:p,currentStepIndex:m,whenToBeVisible:f,handleStepChange:u,handleStepFocus:a,completedStepLabel:o,..._},b)=>{const $=p===0?"first":p===i?"last":"middle",g=p===m;return e.jsx(I.Item,{asChild:!0,children:e.jsx(N.Button,{..._,ref:b,className:w(t,d,`${d}--${$}`,`${d}--${s}`,`${d}--visibility-${f}`,{[`${d}--current`]:g},{[`${d}--disabled`]:n.disabled},{"arrow-tail":$!=="first"},{"arrow-forward":$!=="last"}),id:`stepper-trigger-button-${p}`,variant:N.BUTTON_VARIANT.TERTIARY_PURPLE,"data-testid":`${r}-step-trigger-item-${p}`,disabled:n.disabled,"aria-current":g&&"step","aria-label":n.finished&&!g?[n.label,o].filter(Boolean).join(", "):void 0,onClick:E=>u(E,p),onFocus:a,children:e.jsxs("span",{className:w(`${d}__trigger-outline`),children:[n.finished&&!g?e.jsx(K.a,{className:w(`${d}__icon`),"data-testid":`${r}-step-finished-icon`,size:"sm"}):e.jsx(ne,{"data-testid":`${r}-step-number`,current:g,disabled:n.disabled,stepNumber:p+1}),e.jsx("span",{className:w(`${d}__step-label`,{"sr-only--lg-down":!g}),children:n.label})]})})})}),pe={"purpur-stepper-nav-items__list":"_purpur-stepper-nav-items__list_lgkh0_1","purpur-stepper-nav-items__list-item":"_purpur-stepper-nav-items__list-item_lgkh0_7","purpur-stepper-nav-items__list-item--current":"_purpur-stepper-nav-items__list-item--current_lgkh0_25","purpur-stepper-nav-items__tooltip-content":"_purpur-stepper-nav-items__tooltip-content_lgkh0_31","purpur-stepper-nav-items__tooltip-trigger-item-container":"_purpur-stepper-nav-items__tooltip-trigger-item-container_lgkh0_34"},C=T.c.bind(pe),y="purpur-stepper-nav-items",oe=l.forwardRef(({["data-testid"]:t,variant:r,handleStepChange:s,handleStepFocus:n,steps:i,firstStepRef:p,lastStepRef:m,currentStepIndex:f,completedStepLabel:u},a)=>{const o=i.map((_,b)=>{const $=e.jsx("span",{className:C(`${y}__tooltip-trigger-item-container`),children:e.jsx(A,{"data-testid":`${t}-disabled-sm`,variant:r,step:_,indexOfLastItem:i.length-1,index:b,currentStepIndex:f,whenToBeVisible:L.SMALL_SCREEN,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})});return e.jsx("li",{className:C(`${y}__list-item`,{[`${y}__list-item--current`]:b===f}),ref:b===0?p:b===i.length-1?m:null,children:_.disabled?e.jsxs(e.Fragment,{children:[e.jsx(J.Tooltip,{contentClassName:C(`${y}__tooltip-content`),triggerElement:$,children:_.label}),e.jsx(A,{"data-testid":`${t}-disabled-lg`,variant:r,step:_,indexOfLastItem:i.length-1,index:b,currentStepIndex:f,whenToBeVisible:L.LARGE_SCREEN,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})]}):e.jsx(A,{"data-testid":t,variant:r,step:_,indexOfLastItem:i.length-1,index:b,currentStepIndex:f,whenToBeVisible:L.ALWAYS,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})},_.label)});return e.jsx(I.Root,{loop:!1,dir:"ltr",children:e.jsx("ol",{ref:a,className:C(`${y}__list`),children:o})})}),ie=t=>{const r=l.useRef(!0),s=l.useRef(null);return l.useEffect(()=>{!r.current&&s.current!==null&&s.current.focus(),r.current=!1},[t]),{contentRef:s}},S={LEFT:"left",RIGHT:"right"},le=()=>{const t=l.useRef(null),r=l.useRef(null),s=l.useRef(null),[n,i]=l.useState(!1),[p,m]=l.useState(!1),f=u=>{if(!t.current)return;const a=t.current,o=a.clientWidth,_=a.scrollLeft;u===S.LEFT&&a.scroll({behavior:"smooth",left:_-o/2}),u===S.RIGHT&&a.scroll({behavior:"smooth",left:_+o/2})};return l.useEffect(()=>{if(r.current&&s.current&&t.current){const u=new IntersectionObserver(a=>{for(const o of a){if(o.target===r.current){o.isIntersecting?i(!1):i(!0);continue}o.target===s.current&&(o.isIntersecting?m(!1):m(!0))}},{root:t.current,threshold:.95});return u.observe(r.current),u.observe(s.current),()=>u.disconnect()}},[r,s,t]),{scrollContainer:t,firstStepRef:r,lastStepRef:s,displayLeftScrollButton:n,displayRightScrollButton:p,handleHorizontalScroll:f}},R=T.c.bind(X),c="purpur-stepper",B=({["aria-label"]:t,["data-testid"]:r,children:s,className:n,completedStepLabel:i,currentStepIndex:p=0,onStepChange:m,alignWithGrid:f=!1,leftScrollButtonAriaLabel:u,rightScrollButtonAriaLabel:a,variant:o=Q.PRIMARY,..._})=>{const b=l.Children.toArray(s).filter(re),$=l.Children.map(b,h=>{const{disabled:v,finished:D,label:G}=h.props;return{disabled:v??!1,finished:D??!1,label:G}}),{contentRef:g}=ie(p),{scrollContainer:E,firstStepRef:q,lastStepRef:z,displayLeftScrollButton:P,displayRightScrollButton:Y,handleHorizontalScroll:V}=le(),U=R([n,c,{[`${c}--${o}`]:o}]),k=h=>{h.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},F=(h,v)=>{h.preventDefault(),k(h),m(v)},H=h=>{k(h)};return e.jsxs("div",{className:U,..._,children:[e.jsx(ee,{variant:o,alignWithGrid:f,children:e.jsxs("div",{className:R(`${c}__nav-container`),children:[e.jsxs(x.Root,{children:[e.jsx(x.Viewport,{ref:E,children:e.jsx("div",{"aria-label":t,"data-testid":r,className:R([`${c}__nav`,{[`${c}__nav--${o}`]:o}]),children:e.jsx(I.Root,{loop:!1,dir:"ltr",children:e.jsx(oe,{"data-testid":r,variant:o,firstStepRef:q,lastStepRef:z,steps:$,currentStepIndex:p,handleStepChange:F,handleStepFocus:H,completedStepLabel:i})})})}),e.jsx(x.Scrollbar,{orientation:"horizontal",children:e.jsx(x.Thumb,{})})]}),P&&e.jsx(N.Button,{"aria-label":u,className:R([`${c}__scroll-button`,`${c}__scroll-button--left`]),variant:N.BUTTON_VARIANT.TERTIARY_PURPLE,tabIndex:-1,iconOnly:!0,onClick:()=>{V(S.LEFT)},children:e.jsx(M.l,{className:R(`${c}__scroll-button-icon`),size:"md"})}),Y&&e.jsx(N.Button,{"aria-label":a,className:R([`${c}__scroll-button`,`${c}__scroll-button--right`]),variant:N.BUTTON_VARIANT.TERTIARY_PURPLE,tabIndex:-1,iconOnly:!0,onClick:()=>{V(S.RIGHT)},children:e.jsx(W.n,{className:R(`${c}__scroll-button-icon`),size:"md"})})]})}),e.jsx("div",{tabIndex:-1,"aria-labelledby":`stepper-trigger-button-${p}`,ref:g,style:{outline:"none"},children:e.jsx("div",{"aria-live":"polite",children:l.Children.map(b,(h,v)=>e.jsx("div",{className:R({[`${c}__hidden`]:v!==p}),hidden:v!==p,children:h}))})})]})};B.Content=te;B.displayName="Stepper";exports.Stepper=B;
+//# sourceMappingURL=stepper-5rQ3cK18.js.map

package/dist/stepper-5rQ3cK18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-5rQ3cK18.js","sources":["../../../components/stepper/src/constants.ts","../../../components/stepper/src/stepper-container.tsx","../../../components/stepper/src/stepper-content.tsx","../../../components/stepper/src/stepper-button.tsx","../../../components/stepper/src/stepper-nav-items.tsx","../../../components/stepper/src/use-content-focus.hook.ts","../../../components/stepper/src/use-scroll-buttons.hook.ts","../../../components/stepper/src/stepper.tsx"],"sourcesContent":["export const STEPPER_VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n} as const;\n\nexport const VISIBILITY_STATES = {\n  SMALL_SCREEN: \"small-screen\",\n  LARGE_SCREEN: \"large-screen\",\n  ALWAYS: \"always\",\n} as const;\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-container.module.scss\";\nimport { type StepperVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type StepperContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  alignWithGrid: boolean;\n  variant: StepperVariant;\n};\n\nconst rootClassName = \"purpur-stepper-container\";\n\nexport const StepperContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-stepper-container\",\n  children,\n  className,\n  alignWithGrid,\n  variant,\n  ...props\n}: StepperContainerProps) => {\n  const classes: string = cx(className, rootClassName, {\n    [`${rootClassName}--${variant}`]: variant,\n    [`${rootClassName}--align-with-grid`]: alignWithGrid,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      <div\n        className={cx(`${rootClassName}__inner`, {\n          [`${rootClassName}__inner--align-with-grid`]: alignWithGrid,\n        })}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { type Optional, type Step } from \"./types\";\n\nexport type StepperContentProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n} & Optional<Step, \"disabled\" | \"finished\">;\n\nexport const StepperContent = forwardRef<HTMLDivElement, StepperContentProps>(\n  ({ children, ...props }, ref) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { finished, ...rest } = props;\n    return (\n      <div {...rest} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const isStepperContent = (child?: ReactNode): child is ReactElement<StepperContentProps> =>\n  !!child && isValidElement<StepperContentProps>(child) && !!child.props.label;\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-button.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n  type VisibilityStates,\n} from \"./types\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-stepper-button\";\n\nexport type StepNumberProps = {\n  current: boolean;\n  disabled: boolean;\n  stepNumber: number;\n  [\"data-testid\"]?: string;\n};\n\nconst StepNumber = ({\n  [\"data-testid\"]: dataTestId,\n  current,\n  disabled,\n  stepNumber,\n}: StepNumberProps) => {\n  return (\n    <div\n      data-testid={dataTestId}\n      className={cx([\n        `${rootClassName}__step-number`,\n        {\n          [`${rootClassName}__step-number--current`]: current,\n        },\n        {\n          [`${rootClassName}__step-number--disabled`]: disabled,\n        },\n      ])}\n    >\n      {stepNumber}\n    </div>\n  );\n};\n\nexport type StepperButtonProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  variant: StepperVariant;\n  step: Step;\n  currentStepIndex: number;\n  index: number;\n  indexOfLastItem: number;\n  whenToBeVisible: VisibilityStates;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperButton = forwardRef<HTMLButtonElement, StepperButtonProps>(\n  (\n    {\n      className,\n      [\"data-testid\"]: dataTestId,\n      variant,\n      step,\n      indexOfLastItem,\n      index,\n      currentStepIndex,\n      whenToBeVisible,\n      handleStepChange,\n      handleStepFocus,\n      completedStepLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const placement = index === 0 ? \"first\" : index === indexOfLastItem ? \"last\" : \"middle\";\n    const isCurrentStep = index === currentStepIndex;\n    return (\n      <RovingFocusGroup.Item asChild>\n        <Button\n          {...props}\n          ref={ref}\n          className={cx(\n            className,\n            rootClassName,\n            `${rootClassName}--${placement}`,\n            `${rootClassName}--${variant}`,\n            `${rootClassName}--visibility-${whenToBeVisible}`,\n            {\n              [`${rootClassName}--current`]: isCurrentStep,\n            },\n            {\n              [`${rootClassName}--disabled`]: step.disabled,\n            },\n            {\n              [\"arrow-tail\"]: placement !== \"first\",\n            },\n            {\n              [\"arrow-forward\"]: placement !== \"last\",\n            }\n          )}\n          id={`stepper-trigger-button-${index}`}\n          variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n          data-testid={`${dataTestId}-step-trigger-item-${index}`}\n          disabled={step.disabled}\n          aria-current={isCurrentStep && \"step\"}\n          aria-label={\n            step.finished && !isCurrentStep\n              ? [step.label, completedStepLabel].filter(Boolean).join(\", \")\n              : undefined\n          }\n          onClick={(e) => handleStepChange(e, index)}\n          onFocus={handleStepFocus}\n        >\n          <span className={cx(`${rootClassName}__trigger-outline`)}>\n            {step.finished && !isCurrentStep ? (\n              <IconCheckmark\n                className={cx(`${rootClassName}__icon`)}\n                data-testid={`${dataTestId}-step-finished-icon`}\n                size=\"sm\"\n              />\n            ) : (\n              <StepNumber\n                data-testid={`${dataTestId}-step-number`}\n                current={isCurrentStep}\n                disabled={step.disabled}\n                stepNumber={index + 1}\n              />\n            )}\n            <span\n              className={cx(`${rootClassName}__step-label`, {\n                [`sr-only--lg-down`]: !isCurrentStep,\n              })}\n            >\n              {step.label}\n            </span>\n          </span>\n        </Button>\n      </RovingFocusGroup.Item>\n    );\n  }\n);\n","import React, { forwardRef, type RefObject } from \"react\";\nimport { Tooltip } from \"@purpur/tooltip\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport { VISIBILITY_STATES } from \"./constants\";\nimport { StepperButton } from \"./stepper-button\";\nimport styles from \"./stepper-nav-items.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n} from \"./types\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper-nav-items\";\n\nexport type StepperNavItemsProps = {\n  variant: StepperVariant;\n  [\"data-testid\"]?: string;\n  firstStepRef: RefObject<HTMLLIElement | null>;\n  lastStepRef: RefObject<HTMLLIElement | null>;\n  steps: Step[];\n  currentStepIndex: number;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperNavItems = forwardRef<HTMLOListElement, StepperNavItemsProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      variant,\n      handleStepChange,\n      handleStepFocus,\n      steps,\n      firstStepRef,\n      lastStepRef,\n      currentStepIndex,\n      completedStepLabel,\n    },\n    ref\n  ) => {\n    const stepListItems = steps.map((step: Step, index: number) => {\n      const tooltipTriggerItem = (\n        <span className={cx(`${rootClassName}__tooltip-trigger-item-container`)}>\n          <StepperButton\n            data-testid={`${dataTestId}-disabled-sm`}\n            variant={variant}\n            step={step}\n            indexOfLastItem={steps.length - 1}\n            index={index}\n            currentStepIndex={currentStepIndex}\n            whenToBeVisible={VISIBILITY_STATES.SMALL_SCREEN}\n            completedStepLabel={completedStepLabel}\n            handleStepChange={handleStepChange}\n            handleStepFocus={handleStepFocus}\n          />\n        </span>\n      );\n\n      return (\n        <li\n          className={cx(`${rootClassName}__list-item`, {\n            [`${rootClassName}__list-item--current`]: index === currentStepIndex,\n          })}\n          ref={index === 0 ? firstStepRef : index === steps.length - 1 ? lastStepRef : null}\n          key={step.label}\n        >\n          {step.disabled ? (\n            <>\n              <Tooltip\n                contentClassName={cx(`${rootClassName}__tooltip-content`)}\n                triggerElement={tooltipTriggerItem}\n              >\n                {step.label}\n              </Tooltip>\n              <StepperButton\n                data-testid={`${dataTestId}-disabled-lg`}\n                variant={variant}\n                step={step}\n                indexOfLastItem={steps.length - 1}\n                index={index}\n                currentStepIndex={currentStepIndex}\n                whenToBeVisible={VISIBILITY_STATES.LARGE_SCREEN}\n                completedStepLabel={completedStepLabel}\n                handleStepChange={handleStepChange}\n                handleStepFocus={handleStepFocus}\n              />\n            </>\n          ) : (\n            <StepperButton\n              data-testid={dataTestId}\n              variant={variant}\n              step={step}\n              indexOfLastItem={steps.length - 1}\n              index={index}\n              currentStepIndex={currentStepIndex}\n              whenToBeVisible={VISIBILITY_STATES.ALWAYS}\n              completedStepLabel={completedStepLabel}\n              handleStepChange={handleStepChange}\n              handleStepFocus={handleStepFocus}\n            />\n          )}\n        </li>\n      );\n    });\n    return (\n      <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n        <ol ref={ref} className={cx(`${rootClassName}__list`)}>\n          {stepListItems}\n        </ol>\n      </RovingFocusGroup.Root>\n    );\n  }\n);\n","import { type RefObject, useEffect, useRef } from \"react\";\n\ninterface UseContentFocusHook<T extends HTMLElement> {\n  contentRef: RefObject<T | null>;\n}\n\nexport const useContentFocus = <T extends HTMLElement>(\n  currentStepIndex: number\n): UseContentFocusHook<T> => {\n  const firstLoad = useRef<boolean>(true);\n  const contentRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    if (!firstLoad.current && contentRef.current !== null) {\n      contentRef.current.focus();\n    }\n    firstLoad.current = false;\n  }, [currentStepIndex]);\n\n  return {\n    contentRef,\n  };\n};\n","import { type RefObject, useEffect, useRef, useState } from \"react\";\n\nexport const SCROLL_DIRECTION = {\n  LEFT: \"left\",\n  RIGHT: \"right\",\n} as const;\n\nexport type ScrollDirection = (typeof SCROLL_DIRECTION)[keyof typeof SCROLL_DIRECTION];\n\nexport type UseScrollHook<ContainerElement, WatchedElement> = {\n  scrollContainer: RefObject<ContainerElement | null>;\n  firstStepRef: RefObject<WatchedElement | null>;\n  lastStepRef: RefObject<WatchedElement | null>;\n  displayLeftScrollButton: boolean;\n  displayRightScrollButton: boolean;\n  handleHorizontalScroll: (dir: ScrollDirection) => void;\n};\n\nexport const useScrollButtons = <\n  ContainerElement extends HTMLElement,\n  WatchedElement extends HTMLElement\n>(): UseScrollHook<ContainerElement, WatchedElement> => {\n  const scrollContainer = useRef<ContainerElement | null>(null);\n  const firstStepRef = useRef<WatchedElement | null>(null);\n  const lastStepRef = useRef<WatchedElement | null>(null);\n  const [displayLeftScrollButton, setDisplayLeftScrollButton] = useState(false);\n  const [displayRightScrollButton, setDisplayRightScrollButton] = useState(false);\n\n  const handleHorizontalScroll = (dir: ScrollDirection): void => {\n    if (!scrollContainer.current) {\n      return;\n    }\n    const scrollableContainer = scrollContainer.current;\n    const scrollableContainerWidth = scrollableContainer.clientWidth;\n    const currentScrollLeft = scrollableContainer.scrollLeft;\n    if (dir === SCROLL_DIRECTION.LEFT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft - scrollableContainerWidth / 2,\n      });\n    }\n    if (dir === SCROLL_DIRECTION.RIGHT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft + scrollableContainerWidth / 2,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (firstStepRef.current && lastStepRef.current && scrollContainer.current) {\n      const observer: IntersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          for (const entry of entries) {\n            if (entry.target === firstStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayLeftScrollButton(false);\n              } else {\n                setDisplayLeftScrollButton(true);\n              }\n              continue;\n            }\n            if (entry.target === lastStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayRightScrollButton(false);\n              } else {\n                setDisplayRightScrollButton(true);\n              }\n            }\n          }\n        },\n        {\n          root: scrollContainer.current,\n          threshold: 0.95,\n        }\n      );\n\n      observer.observe(firstStepRef.current);\n      observer.observe(lastStepRef.current);\n\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [firstStepRef, lastStepRef, scrollContainer]);\n\n  return {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  };\n};\n","import React, { Children, type ReactElement } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconChevronRight } from \"@purpur/icon/chevron-right\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport * as ScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport { STEPPER_VARIANT } from \"./constants\";\nimport styles from \"./stepper.module.scss\";\nimport { StepperContainer } from \"./stepper-container\";\nimport { isStepperContent, StepperContent } from \"./stepper-content\";\nimport { StepperNavItems } from \"./stepper-nav-items\";\nimport { type Step, type StepChangeFunction, type StepperVariant } from \"./types\";\nimport { useContentFocus } from \"./use-content-focus.hook\";\nimport { SCROLL_DIRECTION, useScrollButtons } from \"./use-scroll-buttons.hook\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper\";\n\nexport type StepperProps = Omit<BaseProps, \"children\"> & {\n  children: Array<ReactElement<typeof StepperContent>> | ReactElement<typeof StepperContent>;\n  completedStepLabel: string;\n  currentStepIndex: number;\n  onStepChange: StepChangeFunction;\n  alignWithGrid?: boolean;\n  leftScrollButtonAriaLabel: string;\n  rightScrollButtonAriaLabel: string;\n  variant: StepperVariant;\n};\n\nexport type StepperComponent<P> = React.FunctionComponent<P> & {\n  Content: typeof StepperContent;\n};\n\nexport const Stepper: StepperComponent<StepperProps> = ({\n  [\"aria-label\"]: ariaLabel,\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  completedStepLabel,\n  currentStepIndex = 0,\n  onStepChange,\n  alignWithGrid = false,\n  leftScrollButtonAriaLabel,\n  rightScrollButtonAriaLabel,\n  variant = STEPPER_VARIANT.PRIMARY,\n  ...props\n}: StepperProps) => {\n  const stepperContentChildren = Children.toArray(children).filter(isStepperContent);\n  const steps: Step[] = Children.map(stepperContentChildren, (child) => {\n    const { disabled, finished, label } = child.props;\n    return {\n      disabled: disabled ?? false,\n      finished: finished ?? false,\n      label,\n    };\n  });\n  const { contentRef } = useContentFocus<HTMLDivElement>(currentStepIndex);\n  const {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  } = useScrollButtons<HTMLDivElement, HTMLLIElement>();\n\n  const classes: string = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}--${variant}`]: variant,\n    },\n  ]);\n  const scrollTriggerIntoView = (e: React.FocusEvent | React.MouseEvent): void => {\n    (e.target as HTMLButtonElement).scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  };\n\n  const handleStepChange = (e: React.MouseEvent, idx: number): void => {\n    e.preventDefault();\n    scrollTriggerIntoView(e);\n    onStepChange(idx);\n  };\n\n  const handleStepFocus = (e: React.FocusEvent): void => {\n    scrollTriggerIntoView(e);\n  };\n\n  return (\n    <div className={classes} {...props}>\n      <StepperContainer variant={variant} alignWithGrid={alignWithGrid}>\n        <div className={cx(`${rootClassName}__nav-container`)}>\n          <ScrollArea.Root>\n            <ScrollArea.Viewport ref={scrollContainer}>\n              <div\n                aria-label={ariaLabel}\n                data-testid={dataTestId}\n                className={cx([\n                  `${rootClassName}__nav`,\n                  {\n                    [`${rootClassName}__nav--${variant}`]: variant,\n                  },\n                ])}\n              >\n                <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n                  <StepperNavItems\n                    data-testid={dataTestId}\n                    variant={variant}\n                    firstStepRef={firstStepRef}\n                    lastStepRef={lastStepRef}\n                    steps={steps}\n                    currentStepIndex={currentStepIndex}\n                    handleStepChange={handleStepChange}\n                    handleStepFocus={handleStepFocus}\n                    completedStepLabel={completedStepLabel}\n                  />\n                </RovingFocusGroup.Root>\n              </div>\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar orientation=\"horizontal\">\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea.Root>\n          {displayLeftScrollButton && (\n            <Button\n              aria-label={leftScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--left`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.LEFT);\n              }}\n            >\n              <IconChevronLeft className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n          {displayRightScrollButton && (\n            <Button\n              aria-label={rightScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--right`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.RIGHT);\n              }}\n            >\n              <IconChevronRight className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n        </div>\n      </StepperContainer>\n      <div\n        tabIndex={-1}\n        aria-labelledby={`stepper-trigger-button-${currentStepIndex}`}\n        ref={contentRef}\n        style={{ outline: \"none\" }}\n      >\n        <div aria-live=\"polite\">\n          {Children.map(stepperContentChildren, (child, index: number) => (\n            <div\n              className={cx({\n                [`${rootClassName}__hidden`]: index !== currentStepIndex,\n              })}\n              hidden={index !== currentStepIndex}\n            >\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStepper.Content = StepperContent;\n\nStepper.displayName = \"Stepper\";\n"],"names":["STEPPER_VARIANT","VISIBILITY_STATES","cx","c","styles","rootClassName","StepperContainer","dataTestId","children","className","alignWithGrid","variant","props","classes","jsx","StepperContent","forwardRef","ref","finished","rest","isStepperContent","child","isValidElement","StepNumber","current","disabled","stepNumber","StepperButton","step","indexOfLastItem","index","currentStepIndex","whenToBeVisible","handleStepChange","handleStepFocus","completedStepLabel","placement","isCurrentStep","RovingFocusGroup.Item","Button","BUTTON_VARIANT","e","IconCheckmark","StepperNavItems","steps","firstStepRef","lastStepRef","stepListItems","tooltipTriggerItem","jsxs","Fragment","Tooltip","RovingFocusGroup.Root","useContentFocus","firstLoad","useRef","contentRef","useEffect","SCROLL_DIRECTION","useScrollButtons","scrollContainer","displayLeftScrollButton","setDisplayLeftScrollButton","useState","displayRightScrollButton","setDisplayRightScrollButton","handleHorizontalScroll","dir","scrollableContainer","scrollableContainerWidth","currentScrollLeft","observer","entries","entry","Stepper","ariaLabel","onStepChange","leftScrollButtonAriaLabel","rightScrollButtonAriaLabel","stepperContentChildren","Children","label","scrollTriggerIntoView","idx","ScrollArea.Root","ScrollArea.Viewport","ScrollArea.Scrollbar","ScrollArea.Thumb","IconChevronLeft","IconChevronRight"],"mappings":"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"}