@clicktap/ui 2.0.5 → 2.0.7

package/components/Accordion/Accordion.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as d,Fragment as O}from"react/jsx-runtime";import{Children as V,isValidElement as _,Fragment as $}from"react";import{DisclosureGroup as q,Disclosure as H,Button as J,DisclosurePanel as L}from"react-aria-components";import{cn as r}from"../../utils/cn.js";import{DownArrow as x}from"../Icon/DownArrow.js";function Z(p){return null}function E({children:p,selectionMode:y="single",defaultSelectedKeys:N,defaultExpandedKeys:w,selectedKeys:k,onSelectionChange:A,disallowEmptySelection:I=!1,hideIndicator:v=!1,showDivider:S=!0,dividerProps:D,variant:i,isCompact:s,className:F,itemClasses:n}){const c=V.toArray(p).filter(_),K=c.map((t,l)=>String(t.key??l)),b=t=>t==="all"?K:t?[...t].map(String):void 0,j=b(N??w)??[],P=b(k);return e(q,{allowsMultipleExpanded:y==="multiple",defaultExpandedKeys:j,expandedKeys:P,onExpandedChange:t=>{const l=new Set([...t].map(String));I&&l.size===0||A?.(l)},className:r("px-0",i==="bordered"&&["px-4 py-4 rounded-xl border-2 border-border-subtle"],i==="shadow"&&["px-4 py-4 rounded-xl bg-surface-subtle shadow-slate-200 border border-border-subtle"],F),children:c.map((t,l)=>{const h=String(t.key??l),{title:W,subtitle:f,startContent:m,indicator:u,hideIndicator:z,disableIndicatorAnimation:g,isDisabled:B,classNames:o,onPress:G,children:M}=t.props;return d($,{children:[e(H,{id:h,isDisabled:B,className:r("w-full py-2","data-disabled:pointer-events-none data-disabled:opacity-50",i==="bordered"&&["rounded-xl py-0"],i==="splitted"&&["flex flex-col bg-surface-subtle rounded-xl border border-border-subtle"],s&&"py-0",n?.base,o?.base),children:({isExpanded:a})=>d(O,{children:[e("h2",{"data-open":a||void 0,className:r(n?.heading,o?.heading),children:d(J,{slot:"trigger","data-open":a||void 0,onPress:G,"aria-label":t.props["aria-label"],className:r("w-full h-full flex items-center gap-3 py-0 appearance-none cursor-pointer select-none","border-0 focus-visible:outline-2 focus-visible:outline focus-visible:outline-slate-100","bg-transparent text-inherit",s&&["py-2"],n?.trigger,o?.trigger),children:[m!=null&&e("span",{className:r("shrink-0",n?.startContent,o?.startContent),children:m}),d("span",{className:r("flex-1 text-left",n?.titleWrapper,o?.titleWrapper),children:[e("span",{className:r("block text-xl font-semibold",s&&"text-base",n?.title,o?.title),children:W}),f!=null&&e("span",{className:r("block text-base",s&&"text-sm",n?.subtitle,o?.subtitle),children:f})]}),z||v?null:e("span",{"aria-hidden":"true","data-open":a||void 0,className:r("shrink-0",!g&&"transition-transform duration-200",!g&&a&&"-rotate-180",n?.indicator,o?.indicator),children:typeof u=="function"?e(u,{isOpen:a}):u??e(x,{className:"w-4 h-4"})})]})}),e("div",{className:r("grid transition-[grid-template-rows] duration-200 ease-in-out",a?"grid-rows-[1fr]":"grid-rows-[0fr]"),children:e("div",{className:"overflow-hidden min-h-0",children:e(L,{className:r(s?"py-1":"py-2",n?.content,o?.content),children:M})})})]})}),S&&l<c.length-1&&e("hr",{className:r("border-solid border-b-0 border-x-0",D?.className??["my-2 border-border-subtle",i==="shadow"&&"border-border"])})]},h)})})}function C(){return e(x,{className:"w-4 h-4"})}export{E as Accordion,Z as AccordionItem,C as AccordionItemArrow,E as default};
+"use client";import{jsx as e,jsxs as d,Fragment as O}from"react/jsx-runtime";import{Children as V,isValidElement as _,Fragment as q}from"react";import{DisclosureGroup as H,Disclosure as J,Button as L,DisclosurePanel as Q}from"react-aria-components";import{cn as r}from"../../utils/cn.js";import{DownArrow as y}from"../Icon/DownArrow.js";function E(p){return null}function C({children:p,selectionMode:N="single",defaultSelectedKeys:w,defaultExpandedKeys:k,selectedKeys:A,onSelectionChange:I,disallowEmptySelection:v=!1,hideIndicator:D=!1,showDivider:S=!0,dividerProps:K,variant:s,isCompact:i,className:F,itemClasses:n}){const c=V.toArray(p).filter(_),b=(t,l)=>String(t.key??l).replace(/^\.\$/,"").replace(/=2/g,":").replace(/=0/g,"="),j=c.map(b),h=t=>t==="all"?j:t?[...t].map(String):void 0,P=h(w??k)??[],W=h(A);return e(H,{allowsMultipleExpanded:N==="multiple",defaultExpandedKeys:P,expandedKeys:W,onExpandedChange:t=>{const l=new Set([...t].map(String));v&&l.size===0||I?.(l)},className:r("px-0",s==="bordered"&&["px-4 py-4 rounded-xl border-2 border-border-subtle"],s==="shadow"&&["px-4 py-4 rounded-xl bg-surface-subtle shadow-slate-200 border border-border-subtle"],F),children:c.map((t,l)=>{const f=b(t,l),{title:$,subtitle:m,startContent:g,indicator:u,hideIndicator:z,disableIndicatorAnimation:x,isDisabled:B,classNames:o,onPress:G,children:M}=t.props;return d(q,{children:[e(J,{id:f,isDisabled:B,className:r("w-full py-2","data-disabled:pointer-events-none data-disabled:opacity-50",s==="bordered"&&["rounded-xl py-0"],s==="splitted"&&["flex flex-col bg-surface-subtle rounded-xl border border-border-subtle"],i&&"py-0",n?.base,o?.base),children:({isExpanded:a})=>d(O,{children:[e("h2",{"data-open":a||void 0,className:r(n?.heading,o?.heading),children:d(L,{slot:"trigger","data-open":a||void 0,onPress:G,"aria-label":t.props["aria-label"],className:r("w-full h-full flex items-center gap-3 py-0 appearance-none cursor-pointer select-none","border-0 focus-visible:outline-2 focus-visible:outline focus-visible:outline-slate-100","bg-transparent text-inherit",i&&["py-2"],n?.trigger,o?.trigger),children:[g!=null&&e("span",{className:r("shrink-0",n?.startContent,o?.startContent),children:g}),d("span",{className:r("flex-1 text-left",n?.titleWrapper,o?.titleWrapper),children:[e("span",{className:r("block text-xl font-semibold",i&&"text-base",n?.title,o?.title),children:$}),m!=null&&e("span",{className:r("block text-base",i&&"text-sm",n?.subtitle,o?.subtitle),children:m})]}),z||D?null:e("span",{"aria-hidden":"true","data-open":a||void 0,className:r("shrink-0",!x&&"transition-transform duration-200",!x&&a&&"-rotate-180",n?.indicator,o?.indicator),children:typeof u=="function"?e(u,{isOpen:a}):u??e(y,{className:"w-4 h-4"})})]})}),e("div",{className:r("grid transition-[grid-template-rows] duration-200 ease-in-out",a?"grid-rows-[1fr]":"grid-rows-[0fr]"),children:e("div",{className:"overflow-hidden min-h-0",children:e(Q,{className:r(i?"py-1":"py-2",n?.content,o?.content),children:M})})})]})}),S&&l<c.length-1&&e("hr",{className:r("border-solid border-b-0 border-x-0",K?.className??["my-2 border-border-subtle",s==="shadow"&&"border-border"])})]},f)})})}function ee(){return e(y,{className:"w-4 h-4"})}export{C as Accordion,E as AccordionItem,ee as AccordionItemArrow,C as default};

package/components/Accordion/index.js

@@ -1 +1,2 @@
+"use client";
 import{Accordion as A,AccordionItem as d,AccordionItemArrow as e}from"./Accordion.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";import"../Icon/DownArrow.js";export{A as Accordion,d as AccordionItem,e as AccordionItemArrow};

package/components/AssetRenderer/index.js

@@ -1 +1,2 @@
+"use client";
 import{AssetRenderer as m}from"./AssetRenderer.js";import{AudioRenderer as p}from"./renderers/AudioRenderer.js";import{DownloadLink as n}from"./renderers/DownloadLink.js";import{ImageRenderer as i}from"./renderers/ImageRenderer.js";import{PdfRenderer as a}from"./renderers/PdfRenderer.js";import{VideoRenderer as A}from"./renderers/VideoRenderer.js";import"react/jsx-runtime";import"../../utils/asset-url.js";export{m as AssetRenderer,p as AudioRenderer,n as DownloadLink,i as ImageRenderer,a as PdfRenderer,A as VideoRenderer};

package/components/AssetRenderer/renderers/index.js

@@ -1 +1,2 @@
+"use client";
 import{AudioRenderer as m}from"./AudioRenderer.js";import{DownloadLink as t}from"./DownloadLink.js";import{ImageRenderer as n}from"./ImageRenderer.js";import{PdfRenderer as x}from"./PdfRenderer.js";import{VideoRenderer as a}from"./VideoRenderer.js";import"react/jsx-runtime";import"../../../utils/asset-url.js";export{m as AudioRenderer,t as DownloadLink,n as ImageRenderer,x as PdfRenderer,a as VideoRenderer};

package/components/Avatar/index.js

@@ -1 +1,2 @@
+"use client";
 import{Avatar as a}from"./Avatar.js";import{AvatarGroup as e}from"./AvatarGroup/AvatarGroup.js";import"react/jsx-runtime";import"../../utils/cn.js";export{a as Avatar,e as AvatarGroup};

package/components/Badge/index.js

@@ -1 +1,2 @@
+"use client";
 import{Badge as e}from"./Badge.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../utils/cn.js";export{e as Badge};

package/components/Breadcrumbs/index.js

@@ -1 +1,2 @@
+"use client";
 import{BreadcrumbEllipsis as t}from"./BreadcrumbEllipsis.js";import{BreadcrumbItem as i}from"./BreadcrumbItem.js";import{BreadcrumbLink as c}from"./BreadcrumbLink.js";import{BreadcrumbSeparator as f}from"./BreadcrumbSeparator.js";import{Breadcrumbs as x}from"./Breadcrumbs.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as BreadcrumbEllipsis,i as BreadcrumbItem,c as BreadcrumbLink,f as BreadcrumbSeparator,x as Breadcrumbs};

package/components/Button/index.js

@@ -1 +1,2 @@
+"use client";
 import{Button as e,resolveVariant as a}from"./Button.js";import{ButtonLoadingContent as u}from"./ButtonLoadingContent.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";import"../Loader/CircularEasing.js";export{e as Button,u as ButtonLoadingContent,a as resolveVariant};

package/components/Card/index.js

@@ -1 +1,2 @@
+"use client";
 import{Card as t}from"./Card.js";import"react/jsx-runtime";import"../../utils/cn.js";export{t as Card};

package/components/Checkbox/Checkbox.js

@@ -1 +1 @@
-import{jsx as n,jsxs as c,Fragment as h}from"react/jsx-runtime";import{Checkbox as s}from"react-aria-components";import{cn as f}from"../../utils/cn.js";function x({control:t,isHovered:a,isFocused:l,isDisabled:e,isIndeterminate:r,isInvalid:o,isSelected:b,isPressed:u,classNames:g,...d}){return t?typeof t=="function"?t({isHovered:a,isFocused:l,isDisabled:e,isIndeterminate:r,isInvalid:o,isSelected:b,isPressed:u,...d}):t:n("div",{className:f("flex items-center justify-center","w-6 h-6","border border-solid border-border rounded","transition-all duration-200 ease-in-out","checkbox-control",a&&["border-border-emphasis"],l&&["border-border-emphasis outline-2 outline outline-border-subtle"],(e||e&&r)&&["border-border-subtle bg-surface-subtle"],o&&["bg-surface-subtle text-danger border-danger-soft"],o&&a&&["border-danger"],o&&l&&["border-danger outline-danger-ring"],o&&b&&r&&["bg-danger-soft border-danger-soft"],o&&b&&r&&u&&["bg-danger border-danger"],(b||r)&&["border-border bg-slate-300"],(b||r)&&u&&["border-border-emphasis bg-slate-400"],g?.control),children:n("svg",{viewBox:"0 0 18 18","aria-hidden":"true",style:{strokeDasharray:"22px",strokeDashoffset:b||r?44:66},className:f("w-4 h-4 fill-none","stroke-white stroke-[3px]","transition-all duration-200 ease-in-out",e&&r&&["stroke-none fill-slate-300"],r&&["stroke-none fill-white"]),children:r?n("rect",{x:1,y:7.5,width:15,height:3}):n("polyline",{points:"1 9 7 14 15 4"})})})}function w({children:t,slots:a,className:l,classNames:e,...r}){return n(s,{className:f("flex items-center gap-2 cursor-pointer","text-xs text-fg-muted forced-color-adjust-none disabled:text-fg-subtle disabled:cursor-not-allowed group","invalid:text-danger-soft",l),...r,children:o=>c(h,{children:[n(x,{control:a?.control,classNames:e,...o}),typeof t=="function"?t(o):t]})})}export{w as Checkbox,w as default};
+"use client";import{jsx as b,jsxs as c,Fragment as s}from"react/jsx-runtime";import{Checkbox as h}from"react-aria-components";import{cn as f}from"../../utils/cn.js";function x({control:e,isHovered:a,isFocused:l,isDisabled:t,isIndeterminate:r,isInvalid:o,isSelected:n,isPressed:u,classNames:g,...d}){return e?typeof e=="function"?e({isHovered:a,isFocused:l,isDisabled:t,isIndeterminate:r,isInvalid:o,isSelected:n,isPressed:u,...d}):e:b("div",{className:f("flex items-center justify-center","w-6 h-6","border border-solid border-border rounded","transition-all duration-200 ease-in-out","checkbox-control",a&&["border-border-emphasis"],l&&["border-border-emphasis outline-2 outline outline-border-subtle"],(t||t&&r)&&["border-border-subtle bg-surface-subtle"],o&&["bg-surface-subtle text-danger border-danger-soft"],o&&a&&["border-danger"],o&&l&&["border-danger outline-danger-ring"],o&&n&&r&&["bg-danger-soft border-danger-soft"],o&&n&&r&&u&&["bg-danger border-danger"],(n||r)&&["border-border bg-slate-300"],(n||r)&&u&&["border-border-emphasis bg-slate-400"],g?.control),children:b("svg",{viewBox:"0 0 18 18","aria-hidden":"true",style:{strokeDasharray:"22px",strokeDashoffset:n||r?44:66},className:f("w-4 h-4 fill-none","stroke-white stroke-[3px]","transition-all duration-200 ease-in-out",t&&r&&["stroke-none fill-slate-300"],r&&["stroke-none fill-white"]),children:r?b("rect",{x:1,y:7.5,width:15,height:3}):b("polyline",{points:"1 9 7 14 15 4"})})})}function w({children:e,slots:a,className:l,classNames:t,...r}){return b(h,{className:f("flex items-center gap-2 cursor-pointer","text-xs text-fg-muted forced-color-adjust-none disabled:text-fg-subtle disabled:cursor-not-allowed group","invalid:text-danger-soft",l),...r,children:o=>c(s,{children:[b(x,{control:a?.control,classNames:t,...o}),typeof e=="function"?e(o):e]})})}export{w as Checkbox,w as default};

package/components/Checkbox/index.js

@@ -1 +1,2 @@
+"use client";
 import{Checkbox as i}from"./Checkbox.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as Checkbox};

package/components/Collapsible/index.js

@@ -1 +1,2 @@
+"use client";
 import{Collapsible as g}from"./Collapsible.js";import{CollapsibleTrigger as b,CollapsibleTriggerStateContext as s}from"./CollapsibleTrigger.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../utils/cn.js";import"react-aria-components";import"@react-stately/utils";import"@react-aria/interactions";export{g as Collapsible,b as CollapsibleTrigger,s as CollapsibleTriggerStateContext};

package/components/Collection/AttributeDataProvider/index.js

@@ -1 +1,2 @@
+"use client";
 import{AttributeDataProvider as o,useAttributeData as a}from"./AttributeDataProvider.js";import"react/jsx-runtime";import"react";export{o as AttributeDataProvider,a as useAttributeData};

package/components/Collection/CollectionFilterChips/index.js

@@ -1 +1,2 @@
+"use client";
 import{CollectionFilterChips as f}from"./CollectionFilterChips.js";import"react/jsx-runtime";import"react";import"../../Button/Button.js";import"react-aria-components";import"../../../utils/cn.js";import"../../Icon/CrossSmall.js";import"../../../utils/collection/getAppliedFilterChips.js";import"../../../utils/collection/removeFilterChip.js";export{f as CollectionFilterChips};

package/components/Collection/CollectionFilters/index.js

@@ -1 +1,2 @@
+"use client";
 import{CollectionFilters as J}from"./CollectionFilters.js";import"react/jsx-runtime";import"react";import"../../Accordion/Accordion.js";import"react-aria-components";import"../../../utils/cn.js";import"../../Icon/DownArrow.js";import"../../Button/Button.js";import"../../ModalOverlay/ModalOverlay.js";import"framer-motion";import"../../Modal/Modal.js";import"../../Drawer/Drawer.js";import"../../Icon/Cross.js";import"../../Icon/CrossSmall.js";import"../../Icon/Search.js";import"../FilterRenderer/FilterRenderer.js";import"../../../utils/env.js";import"../../../utils/swatch.js";import"../FilterRenderer/Renderer/Option.js";import"../../Checkbox/Checkbox.js";import"../FilterRenderer/Renderer/useOptionFilterToggle.js";import"../FilterRenderer/Renderer/Swatch.js";import"../FilterRenderer/Renderer/Swatch/SwatchColor.js";import"../../Icon/CheckIcon.js";import"../../../utils/color.js";import"../FilterRenderer/Renderer/Swatch/SwatchImage.js";import"../FilterRenderer/Renderer/Swatch/SwatchText.js";import"../FilterRenderer/Renderer/Boolean.js";import"../../RadioGroup/RadioGroup.js";import"../../Radio/Radio.js";import"../FilterRenderer/Renderer/Range.js";import"../../../utils/collection/mergeFilters.js";import"../FilterAccordionTitle/FilterAccordionTitle.js";import"../EmptyResults/EmptyResults.js";export{J as CollectionFilters};

package/components/Collection/CollectionToolbar/index.js

@@ -1 +1,2 @@
+"use client";
 import{CollectionToolbar as h}from"./CollectionToolbar.js";import"react/jsx-runtime";import"../../Select/Option.js";import"react-stately";import"../../Select/Select.js";import"react";import"../../Select/ButtonSelect.js";import"react-aria";import"@react-aria/interactions";import"../../../utils/cn.js";import"../../Select/parts.js";import"react-aria-components";import"../../Select/ComboBoxSelect.js";import"../../Loader/Pulse.js";import"../../Select/MultiButtonSelect.js";import"../../Button/Button.js";import"../../Icon/FilterIcon.js";export{h as CollectionToolbar};

package/components/Collection/EmptyResults/index.js

@@ -1 +1,2 @@
+"use client";
 import{EmptyResults as p}from"./EmptyResults.js";import"react/jsx-runtime";export{p as EmptyResults};

package/components/Collection/FilterAccordionTitle/index.js

@@ -1 +1,2 @@
+"use client";
 import{FilterAccordionTitle as p}from"./FilterAccordionTitle.js";import"react/jsx-runtime";import"../../Icon/CrossSmall.js";import"../../../utils/cn.js";export{p as FilterAccordionTitle};

package/components/Collection/FilterRenderer/Renderer/Swatch/index.js

@@ -1 +1,2 @@
+"use client";
 import{SwatchColor as h}from"./SwatchColor.js";import{SwatchImage as S}from"./SwatchImage.js";import{SwatchText as l}from"./SwatchText.js";import"react/jsx-runtime";import"../../../../Checkbox/Checkbox.js";import"react-aria-components";import"../../../../../utils/cn.js";import"../../../../Icon/CheckIcon.js";import"../../../../../utils/env.js";import"../../../../../utils/color.js";import"../../../../../utils/swatch.js";import"../useOptionFilterToggle.js";export{h as SwatchColor,S as SwatchImage,l as SwatchText};

package/components/Collection/FilterRenderer/Renderer/index.js

@@ -1 +1,2 @@
+"use client";
 import{FilterRendererOption as g}from"./Option.js";import{FilterRendererSwatch as w}from"./Swatch.js";import{FilterRendererBoolean as O}from"./Boolean.js";import{FilterRendererRange as b}from"./Range.js";import"react/jsx-runtime";import"../../../Checkbox/Checkbox.js";import"react-aria-components";import"../../../../utils/cn.js";import"./useOptionFilterToggle.js";import"../../../../utils/swatch.js";import"./Swatch/SwatchColor.js";import"../../../Icon/CheckIcon.js";import"../../../../utils/env.js";import"../../../../utils/color.js";import"./Swatch/SwatchImage.js";import"./Swatch/SwatchText.js";import"../../../RadioGroup/RadioGroup.js";import"../../../Radio/Radio.js";export{O as FilterRendererBoolean,g as FilterRendererOption,b as FilterRendererRange,w as FilterRendererSwatch};

package/components/Collection/FilterRenderer/index.js

@@ -1 +1,2 @@
+"use client";
 import{FilterRenderer as k}from"./FilterRenderer.js";import"react/jsx-runtime";import"../../../utils/env.js";import"../../../utils/swatch.js";import"./Renderer/Option.js";import"../../Checkbox/Checkbox.js";import"react-aria-components";import"../../../utils/cn.js";import"./Renderer/useOptionFilterToggle.js";import"./Renderer/Swatch.js";import"./Renderer/Swatch/SwatchColor.js";import"../../Icon/CheckIcon.js";import"../../../utils/color.js";import"./Renderer/Swatch/SwatchImage.js";import"./Renderer/Swatch/SwatchText.js";import"./Renderer/Boolean.js";import"../../RadioGroup/RadioGroup.js";import"../../Radio/Radio.js";import"./Renderer/Range.js";export{k as FilterRenderer};

package/components/Collection/ProductCardSwatches/index.js

@@ -1 +1,2 @@
+"use client";
 import{ProductCardSwatches as e}from"./ProductCardSwatches.js";import"react/jsx-runtime";import"react-aria-components";import"../../../utils/cn.js";import"../../Icon/CheckIcon.js";import"../../../utils/env.js";import"../../../utils/color.js";import"../../../utils/swatch.js";export{e as ProductCardSwatches};

package/components/Collection/ProductPrice/index.js

@@ -1 +1,2 @@
+"use client";
 import{ProductPrice as c}from"./ProductPrice.js";import"react/jsx-runtime";export{c as ProductPrice};

package/components/Collection/index.js

@@ -1 +1,2 @@
+"use client";
 import{AttributeDataProvider as Q,useAttributeData as U}from"./AttributeDataProvider/AttributeDataProvider.js";import{EmptyResults as W}from"./EmptyResults/EmptyResults.js";import{ProductPrice as Y}from"./ProductPrice/ProductPrice.js";import{FilterRenderer as _}from"./FilterRenderer/FilterRenderer.js";import{CollectionFilterChips as rr}from"./CollectionFilterChips/CollectionFilterChips.js";import{FilterAccordionTitle as tr}from"./FilterAccordionTitle/FilterAccordionTitle.js";import{ProductCardSwatches as pr}from"./ProductCardSwatches/ProductCardSwatches.js";import{CollectionFilters as er}from"./CollectionFilters/CollectionFilters.js";import{CollectionToolbar as cr}from"./CollectionToolbar/CollectionToolbar.js";import"react/jsx-runtime";import"react";import"../../utils/env.js";import"../../utils/swatch.js";import"./FilterRenderer/Renderer/Option.js";import"../Checkbox/Checkbox.js";import"react-aria-components";import"../../utils/cn.js";import"./FilterRenderer/Renderer/useOptionFilterToggle.js";import"./FilterRenderer/Renderer/Swatch.js";import"./FilterRenderer/Renderer/Swatch/SwatchColor.js";import"../Icon/CheckIcon.js";import"../../utils/color.js";import"./FilterRenderer/Renderer/Swatch/SwatchImage.js";import"./FilterRenderer/Renderer/Swatch/SwatchText.js";import"./FilterRenderer/Renderer/Boolean.js";import"../RadioGroup/RadioGroup.js";import"../Radio/Radio.js";import"./FilterRenderer/Renderer/Range.js";import"../Button/Button.js";import"../Icon/CrossSmall.js";import"../../utils/collection/getAppliedFilterChips.js";import"../../utils/collection/removeFilterChip.js";import"../Accordion/Accordion.js";import"../Icon/DownArrow.js";import"../ModalOverlay/ModalOverlay.js";import"framer-motion";import"../Modal/Modal.js";import"../Drawer/Drawer.js";import"../Icon/Cross.js";import"../Icon/Search.js";import"../../utils/collection/mergeFilters.js";import"../Select/Option.js";import"react-stately";import"../Select/Select.js";import"../Select/ButtonSelect.js";import"react-aria";import"@react-aria/interactions";import"../Select/parts.js";import"../Select/ComboBoxSelect.js";import"../Loader/Pulse.js";import"../Select/MultiButtonSelect.js";import"../Icon/FilterIcon.js";export{Q as AttributeDataProvider,rr as CollectionFilterChips,er as CollectionFilters,cr as CollectionToolbar,W as EmptyResults,tr as FilterAccordionTitle,_ as FilterRenderer,pr as ProductCardSwatches,Y as ProductPrice,U as useAttributeData};

package/components/Container/index.js

@@ -1 +1,2 @@
+"use client";
 import{Container as p}from"./Container.js";import"react/jsx-runtime";import"react";import"../../utils/cn.js";export{p as Container};

package/components/ContextMenu/index.js

@@ -1 +1,2 @@
+"use client";
 import{ContextMenu as n}from"./ContextMenu.js";import"react/jsx-runtime";import"react-aria-components";import"react";import"framer-motion";import"../../utils/cn.js";export{n as ContextMenu};

package/components/CreditCardExpirationInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{CreditCardExpirationInput as d}from"./CreditCardExpirationInput.js";import"react/jsx-runtime";import"../../assets/react-number-format.es-LSEUnuG5.js";import"react";import"react-aria-components";import"../../utils/cn.js";export{d as CreditCardExpirationInput};

package/components/CreditCardInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{CreditCardInput as e}from"./CreditCardInput.js";import"react/jsx-runtime";import"react";import"../../assets/react-number-format.es-LSEUnuG5.js";import"react-aria-components";import"../../utils/cn.js";export{e as CreditCardInput};

package/components/DateInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{DateInput as i}from"./DateInput.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as DateInput};

package/components/DateTimeFormat/index.js

@@ -1 +1,2 @@
+"use client";
 import{DateTimeFormat as o}from"./DateTimeFormat.js";export{o as DateTimeFormat};

package/components/Dialog/index.js

@@ -1 +1,2 @@
+"use client";
 import{Dialog as e}from"./Dialog.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{e as Dialog};

package/components/DialogTrigger/index.js

@@ -1 +1,2 @@
+"use client";
 import{DialogTrigger as t,useDialogTrigger as e}from"./DialogTrigger.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"react-stately";export{t as DialogTrigger,e as useDialogTrigger};

package/components/Divider/index.js

@@ -1 +1,2 @@
+"use client";
 import{Divider as t}from"./Divider.js";import"react/jsx-runtime";import"react-aria";import"../../utils/cn.js";export{t as Divider};

package/components/DobInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{DobInput as e}from"./DobInput.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../assets/react-number-format.es-LSEUnuG5.js";import"../../utils/cn.js";export{e as DobInput};

package/components/Drawer/index.js

@@ -1 +1,2 @@
+"use client";
 import{Drawer as a}from"./Drawer.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{a as Drawer};

package/components/Icon/index.js

@@ -1 +1,2 @@
+"use client";
 import{Account as m}from"./Account.js";import{Cart as p}from"./Cart.js";import{Checkmark as c}from"./Checkmark.js";import{Cross as I}from"./Cross.js";import{DownArrow as i}from"./DownArrow.js";import{Hamburger as d}from"./Hamburger.js";import{LinkArrow as u}from"./LinkArrow.js";import{Minus as w}from"./Minus.js";import{Plus as h}from"./Plus.js";import{Search as A}from"./Search.js";import{Trash as U}from"./Trash.js";import{Verified as y}from"./Verified.js";import{ArrowLeftIcon as E}from"./ArrowLeftIcon.js";import{CloseIcon as R}from"./CloseIcon.js";import{CreateIcon as g}from"./CreateIcon.js";import{DeleteIcon as B}from"./DeleteIcon.js";import{FilterIcon as G}from"./FilterIcon.js";import{GemIcon as M}from"./GemIcon.js";import{IncludedIcon as T}from"./IncludedIcon.js";import{InfoIcon as j}from"./InfoIcon.js";import{InvoiceIcon as z}from"./InvoiceIcon.js";import{LockIcon as K}from"./LockIcon.js";import{NoEntryIcon as W}from"./NoEntryIcon.js";import{NoteIcon as Y}from"./NoteIcon.js";import{PencilIcon as _}from"./PencilIcon.js";import{PermissionIcon as oo}from"./PermissionIcon.js";import{ProductBoxIcon as eo}from"./ProductBoxIcon.js";import{ProductIcon as mo}from"./ProductIcon.js";import{QuoteIcon as po}from"./QuoteIcon.js";import{ResetPasswordIcon as co}from"./ResetPasswordIcon.js";import{RoleIcon as Io}from"./RoleIcon.js";import{ShieldUserIcon as io}from"./ShieldUserIcon.js";import{StarIcon as lo}from"./StarIcon.js";import{SyncIcon as Po}from"./SyncIcon.js";import{UpdateIcon as Co}from"./UpdateIcon.js";import{UserEditIcon as ko}from"./UserEditIcon.js";import{UserIcon as So}from"./UserIcon.js";import"react/jsx-runtime";import"../../utils/cn.js";export{m as Account,E as ArrowLeftIcon,p as Cart,c as Checkmark,R as CloseIcon,g as CreateIcon,I as Cross,B as DeleteIcon,i as DownArrow,G as FilterIcon,M as GemIcon,d as Hamburger,T as IncludedIcon,j as InfoIcon,z as InvoiceIcon,u as LinkArrow,K as LockIcon,w as Minus,W as NoEntryIcon,Y as NoteIcon,_ as PencilIcon,oo as PermissionIcon,h as Plus,eo as ProductBoxIcon,mo as ProductIcon,po as QuoteIcon,co as ResetPasswordIcon,Io as RoleIcon,A as Search,io as ShieldUserIcon,lo as StarIcon,Po as SyncIcon,U as Trash,Co as UpdateIcon,ko as UserEditIcon,So as UserIcon,y as Verified};

package/components/Image/index.js

@@ -1 +1,2 @@
+"use client";
 import{Image as i}from"./Image.js";import{ImageProvider as I,useImageConfig as f}from"./ImageContext.js";import{DEFAULT_IMAGE_WIDTHS as S,buildSrcSet as a,resolveSrc as x}from"./imageShared.js";import"react/jsx-runtime";import"../../utils/cn.js";import"react";export{S as DEFAULT_IMAGE_WIDTHS,i as Image,I as ImageProvider,a as buildSrcSet,x as resolveSrc,f as useImageConfig};

package/components/Input/index.js

@@ -1 +1,2 @@
+"use client";
 import{Input as n}from"./Input.js";import"react/jsx-runtime";import"react-aria-components";import"react";import"../../utils/cn.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";export{n as Input};

package/components/Link/index.js

@@ -1 +1,2 @@
+"use client";
 import{Link as e}from"./Link.js";import{LinkProvider as f,useLinkConfig as x}from"./LinkContext.js";import{isExternalUrl as L}from"./utils.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";export{e as Link,f as LinkProvider,L as isExternalUrl,x as useLinkConfig};

package/components/LinkAsButton/index.js

@@ -1 +1,2 @@
+"use client";
 import{LinkAsButton as s}from"./LinkAsButton.js";import"react/jsx-runtime";import"react";import"../../utils/cn.js";import"../Link/Link.js";import"react-aria-components";import"../Link/LinkContext.js";import"../Link/utils.js";import"../Button/Button.js";export{s as LinkAsButton};

package/components/Loader/index.js

@@ -1 +1,2 @@
+"use client";
 import{CircularEasing as p}from"./CircularEasing.js";import{Pulse as e}from"./Pulse.js";import"react/jsx-runtime";import"../../utils/cn.js";export{p as CircularEasing,e as Pulse};

package/components/Menu/index.js

@@ -1 +1,2 @@
+"use client";
 import{ContextMenu as n}from"./ContextMenu.js";import{Menu as f}from"./Menu.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../utils/cn.js";import"react-dom";export{n as ContextMenu,f as Menu};

package/components/Meter/index.js

@@ -1 +1,2 @@
+"use client";
 import{Meter as e}from"./Meter.js";import"react/jsx-runtime";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{e as Meter};

package/components/Modal/index.js

@@ -1 +1,2 @@
+"use client";
 import{Modal as i}from"./Modal.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as Modal};

package/components/ModalOverlay/index.js

@@ -1 +1,2 @@
+"use client";
 import{ModalOverlay as e}from"./ModalOverlay.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{e as ModalOverlay};

package/components/NumberFormat/index.js

@@ -1 +1,2 @@
+"use client";
 import{NumberFormat as o}from"./NumberFormat.js";export{o as NumberFormat};

package/components/NumberInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{NumberInput as i}from"./NumberInput.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as NumberInput};

package/components/NumberTicker/index.js

@@ -1 +1,2 @@
+"use client";
 import{DigitResolver as b}from"./DigitResolver.js";import{NumberTicker as g}from"./NumberTicker.js";import"react/jsx-runtime";import"react";import"framer-motion";import"./hooks/useColumnTransition.js";import"../../utils/cn.js";import"./hooks/useNumberDelta.js";import"./hooks/useNumberTicker.js";export{b as DigitResolver,g as NumberTicker};

package/components/Pagination/index.js

@@ -1 +1,2 @@
+"use client";
 import{Pagination as a}from"./Pagination.js";import"react/jsx-runtime";import"react";import"../../utils/cn.js";import"../Icon/DownArrow.js";export{a as Pagination};

package/components/PasswordCheck/index.js

@@ -1 +1,2 @@
+"use client";
 import{PasswordCheck as i}from"./PasswordCheck.js";import"react/jsx-runtime";import"../../utils/cn.js";import"./PasswordCheck.utils.js";export{i as PasswordCheck};

package/components/PhoneInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{PhoneInput as u}from"./PhoneInput.js";import"react/jsx-runtime";import"react-aria";import"react";import"react-aria-components";import"../../utils/cn.js";import"../Input/Input.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";export{u as PhoneInput};

package/components/PinInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{PinInput as n}from"./PinInput.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";export{n as PinInput};

package/components/Progressbar/index.js

@@ -1 +1,2 @@
+"use client";
 import{CircularProgressbar as e}from"./CircularProgressbar.js";import{LinearProgressbar as s}from"./LinearProgressbar.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";import"framer-motion";export{e as CircularProgressbar,s as LinearProgressbar};

package/components/Radio/index.js

@@ -1 +1,2 @@
+"use client";
 import{Radio as t}from"./Radio.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as Radio};

package/components/RadioGroup/RadioGroup.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as c}from"react/jsx-runtime";import{RadioGroup as p,Label as d}from"react-aria-components";import{cn as o}from"../../utils/cn.js";function g({label:a,errorMessage:l,description:f,orientation:m,children:t,className:x,...s}){return e(p,{className:o("flex flex-col gap-4",x),orientation:m,...s,children:typeof t=="function"?t:r(c,{children:[a&&e(d,{className:"flex text-fg-muted text-xs",children:a}),e("div",{className:o("flex flex-col gap-2",m==="horizontal"&&"flex-row items-center gap-4"),children:t}),f&&e("p",{className:"flex mt-1 text-fg-muted text-sm",children:f}),l&&e("p",{className:"flex pl-6 text-danger-soft text-sm",children:l})]})})}export{g as RadioGroup,g as default};
+"use client";import{jsx as e,jsxs as r,Fragment as c}from"react/jsx-runtime";import{RadioGroup as p,Label as i}from"react-aria-components";import{cn as o}from"../../utils/cn.js";function g({label:l,errorMessage:a,description:f,orientation:m,children:t,className:s,...x}){return e(p,{className:o("flex flex-col gap-4",s),orientation:m,...x,children:typeof t=="function"?t:r(c,{children:[l&&e(i,{className:"flex text-fg-muted text-xs",children:l}),e("div",{className:o("flex flex-col gap-2",m==="horizontal"&&"flex-row items-center gap-4"),children:t}),f&&e("p",{className:"flex mt-1 text-fg-muted text-sm",children:f}),a&&e("p",{className:"flex pl-6 text-danger-soft text-sm",children:a})]})})}export{g as RadioGroup,g as default};

package/components/RadioGroup/index.js

@@ -1 +1,2 @@
+"use client";
 import{RadioGroup as t}from"./RadioGroup.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as RadioGroup};

package/components/ResendCode/index.js

@@ -1 +1,2 @@
+"use client";
 import{ResendCode as p}from"./ResendCode.js";import"react/jsx-runtime";import"../../utils/cn.js";export{p as ResendCode};

package/components/Select/Option.js

@@ -1 +1,2 @@
+"use client";
 import{Item as o}from"react-stately";import{Section as p}from"react-stately";const e=o;export{e as Option,p as Section,e as default};

package/components/Select/index.js

@@ -1 +1,2 @@
+"use client";
 import{Option as O}from"./Option.js";import{Select as b}from"./Select.js";import{Section as g}from"react-stately";import"react/jsx-runtime";import"react";import"./ButtonSelect.js";import"react-aria";import"@react-aria/interactions";import"../../utils/cn.js";import"./parts.js";import"react-aria-components";import"./ComboBoxSelect.js";import"../Loader/Pulse.js";import"./MultiButtonSelect.js";export{O as Option,g as Section,b as Select};

package/components/Slider/index.js

@@ -1 +1,2 @@
+"use client";
 import{Slider as t}from"./Slider.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as Slider};

package/components/Switch/index.js

@@ -1 +1,2 @@
+"use client";
 import{Switch as p}from"./Switch.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{p as Switch};

package/components/Table/index.js

@@ -1 +1,2 @@
+"use client";
 import{Table as t}from"./Table.js";import"react/jsx-runtime";import"../../utils/cn.js";export{t as Table};

package/components/Tabs/index.js

@@ -1 +1,2 @@
+"use client";
 import{BaseTab as i,Tab as b}from"./Tab.js";import{TabList as T}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{Tabs as l}from"./Tabs.js";import{TabsOrientationContext as C}from"./Tabs.context.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{i as BaseTab,b as Tab,T as TabList,n as TabPanel,l as Tabs,C as TabsOrientationContext};

package/components/Time/index.js

@@ -1 +1,2 @@
+"use client";
 import{Time as t}from"./Time.js";import"react/jsx-runtime";import"../Timezone/TimezoneContext.js";import"react";export{t as Time};

package/components/TimeInput/index.js

@@ -1 +1,2 @@
+"use client";
 import{TimeInput as i}from"./TimeInput.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as TimeInput};

package/components/Timezone/index.js

@@ -1 +1,2 @@
+"use client";
 import{TimezoneProvider as m,useTimezone as n}from"./TimezoneContext.js";import{TIMEZONE_COOKIE_NAME as t,TimezoneCookieSync as E}from"./TimezoneCookieSync.js";import"react/jsx-runtime";import"react";export{t as TIMEZONE_COOKIE_NAME,E as TimezoneCookieSync,m as TimezoneProvider,n as useTimezone};

package/components/ToggleButton/index.js

@@ -1 +1,2 @@
+"use client";
 import{ToggleButton as i}from"./ToggleButton.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as ToggleButton};

package/components/Tooltip/index.js

@@ -1 +1,2 @@
+"use client";
 import{Tooltip as m}from"./Tooltip.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{m as Tooltip};

package/components/UploadImage/index.js

@@ -1 +1,2 @@
+"use client";
 import{UploadImage as f}from"./UploadImage.js";import"react/jsx-runtime";import"react";import"framer-motion";import"react-aria-components";import"../../utils/cn.js";import"../../hooks/useIsClient.js";import"../Skeleton/Skeleton.js";export{f as UploadImage};

package/docs/migrations/2026/08/ui-2026-08-23-use-client-propagates-to-barrels.md

@@ -0,0 +1,101 @@
+# 'use client' now reaches the re-export barrels
+
+**Date:** 2026-08-23
+**Package:** `@clicktap/ui`
+**Affects:** every emitted `components/**/index.js`; `Checkbox` and `RadioGroup` sources; the build's directive verification
+**Classification:** BUGFIX (packaging)
+**Breaking:** No.
+**Ticket:** CTAP-1392
+
+A Server Component could not import **any** `@clicktap/ui` barrel. The leaves carried
+`"use client"`, but the `index.js` re-export layer consumers actually import did not — while
+still holding side-effect imports of client-only packages:
+
+```js
+// components/Modal/index.js as published in 2.0.5
+import{Modal as i}from"./Modal.js";import"react/jsx-runtime";
+import"react-aria-components";import"../../utils/cn.js";export{i as Modal};
+```
+
+Next evaluates that on the server and the consumer's build dies:
+
+```
+The error was caused by importing '@clicktap/ui/components/DialogTrigger.js' in './app/page.jsx'.
+> Build failed because of webpack errors
+```
+
+The real cost was not Modal. A consumer barrel that re-exports anything from `@clicktap/ui`
+became unusable from the server, which transitively blocked converting *any* component
+importing through it into a Server Component.
+
+## Why the existing guard missed it
+
+`verifyUseClientDirectives` has caught directive stripping since CTAP-712, and it passed on
+every one of these files. It keyed solely on `import { … } from 'react'` containing a
+client-only React API. A barrel imports `react-aria-components` and `react/jsx-runtime` but
+never `react` by name, so the regex did not match and the file was skipped outright.
+
+The guard could only see modules that are client-only **directly**. It was blind to modules
+that are client-only **transitively** — which is the entire barrel layer. The same blind
+spot hid two source-level omissions: `Checkbox.tsx` and `RadioGroup.tsx` both import
+`react-aria-components` with no directive of their own.
+
+## The fix
+
+**Propagation.** A new `propagateUseClientDirectives` build plugin walks the emitted output,
+seeds from files that already carry the directive or import a wholly client-only package
+(`react-aria-components`, `react-aria`, `react-stately`, `framer-motion`), then closes over
+local imports to a fixpoint and stamps what it reaches. 70 modules get stamped; 34 that
+reach nothing client-only are deliberately left alone, which is the point — they stay
+server-safe rather than being blanket-marked.
+
+**Two source fixes.** `Checkbox` and `RadioGroup` now declare `'use client'`.
+
+**The guard now sees transitive clients.** It flags any emitted module importing a
+client-only package without a directive, so this class cannot ship again.
+
+## `export *` cannot be a client boundary
+
+The flat subpath stubs (`components/Modal.js` → `export * from './Modal/index.js'`) are
+**deliberately left undirectived**. Stamping them was tried first, because `components/Modal.js`
+is the exact path a consumer imports, and Next rejects it outright:
+
+```
+Error: It's currently unsupported to use "export *" in a client boundary.
+Please use named exports instead.
+```
+
+A plain server-side re-export of a client module is the supported shape: the boundary belongs
+on the barrel, and the server follows the stub through to it. The propagation plugin skips
+any `export * from` module for the same reason, so this cannot be reintroduced by a future
+module that happens to re-export.
+
+Note the ordering this depends on: `emitFlatSubpathStubs` runs *after* propagation, so the
+stubs do not exist when it walks. Do not reorder them expecting the stubs to be stamped —
+they must not be.
+
+## Verified
+
+An acceptance harness outside the repo: a minimal Next 14.2.35 App Router project with a
+Server Component (no `'use client'`) importing `@clicktap/ui/components/Modal` and
+`@clicktap/ui/components/DialogTrigger`.
+
+- **Published 2.0.5** — fails, reproducing the reported error exactly.
+- **This build** — compiles and prerenders the route as static.
+
+Worth keeping that shape for anything RSC-related: the structural assertion (every module
+either carries the directive or imports nothing client-only) is necessary but *not*
+sufficient, and it passed at a point when the package still failed to build in a consumer.
+Only the real consumer build caught the `export *` constraint.
+
+## Unrelated hazard noticed while verifying
+
+The build **intermittently** emits the development JSX runtime — `jsxDEV` calls and a
+bundled `assets/jsx-dev-runtime-*.js` — instead of the external `react/jsx-runtime`. It
+appeared twice during this work and then did not reproduce across five consecutive clean
+builds, with and without `NODE_ENV=production`, on both the original and the new config.
+Published 2.0.5 is clean, so it has not shipped.
+
+It matters because a consumer's production React has no `jsxDEV`, so it fails at prerender
+with `TypeError: r.j.jsxDEV is not a function` — and nothing in the build would catch it.
+Filed separately; if you are cutting a release, grep the artifact for `jsxDEV` first.

package/docs/migrations/2026/08/ui-2026-08-24-accordion-author-key-space.md

@@ -0,0 +1,50 @@
+# Accordion controlled selection matches authored keys again
+
+**Date:** 2026-08-24
+**Package:** `@clicktap/ui`
+**Affects:** every controlled or default-expanded `Accordion` — checkout payment method selection, checkout's `defaultExpandedKeys={['cart']}`, totals/discount panel, PDP mobile overview, filter groups.
+**Classification:** BUGFIX
+**Breaking:** No — unless you shipped a workaround that pre-prefixes keys (see crispi note).
+**Ticket:** CTAP-1404
+
+## The defect (2.0.x regression from the CTAP-1383 react-aria rewrite)
+
+The component derived internal item ids from `Children.toArray(children)`, whose
+keys are NOT the author's keys: React prefixes them (`key="CYBERSOURCE"` arrives
+as `".$CYBERSOURCE"`) and escapes them (`:` → `=2`, `=` → `=0`). Consumer keys
+were only `String()`ed, so:
+
+1. `selectedKeys` / `defaultSelectedKeys` / `defaultExpandedKeys` never matched
+   any item — nothing opened, nothing highlighted. The checkout payment step's
+   method selection "not working" was this.
+2. `onSelectionChange` handed the PREFIXED id back out — crispi's checkout
+   dispatched `".$CYBERSOURCE"` as a payment method code to the backend.
+
+The heroui accordion this replaced handled keys correctly. Diagnosed by the
+crispi session against the installed 2.0.6 bundle.
+
+## The fix
+
+Internal ids now live in the author's key space: the `.$` prefix is stripped AND
+React's key escaping is reversed (`=2` → `:`, `=0` → `=` — without the unescape,
+`Module:Entity`-style keys would still mangle). The same author-space id is used
+as the `Disclosure` id, so what react-aria reports through `onExpandedChange`
+round-trips with no output translation. `"all"` and unkeyed children (positional
+`".0"` ids) behave as before.
+
+## Consumer checklist
+
+1. Take the release; no call-site changes needed — controlled accordions start
+   working as written.
+2. **Delete compensating shims.** crispi: `libs/crispi-ui/.../Accordion.tsx`
+   wrapper (crispi-monorepo `7a44704f0`) must be REMOVED when taking this
+   release — it translates keys into the prefixed space, which no longer
+   exists, so keeping it reintroduces the bug in the other direction. Check the
+   shim's own escape handling is not needed elsewhere (this fix also covers
+   escaped keys, which a bare `.$`-strip shim does not).
+3. If any code path stored or transmitted a prefixed id (`.$…`) — crispi saw
+   them reach the backend as payment codes — check persisted data for the
+   `.$` prefix.
+
+Regression tests ship with the component (`Accordion.test.tsx`), proven to fail
+4/6 against the unfixed 2.0.6 behavior.

package/docs/migrations/README.md

@@ -32,5 +32,6 @@ For migrations affecting the frontend app, see [frontend migrations](../../../..
 | 2026-08-06 | [`Image` is framework-free; Next's optimizer moves to `@clicktap/ui/next`](./2026/08/ui-2026-08-06-clicktap-ui-image-next-subpath.md) ↔ | Yes (Next consumers) | *None* |
 | 2026-08-11 | [Password reveal is a toggle again, not press-and-hold](./2026/08/ui-2026-08-11-password-reveal-toggle.md) | Behavioural | Supersedes CTAP-1128 |
 | 2026-08-11 | [`next` / `@heroui/*` peers capped; `react-stately` pinned](./2026/08/ui-2026-08-11-peer-ranges-capped.md) | Yes (consumers past a ceiling) | *None* |
+| 2026-08-24 | [Accordion controlled selection matches authored keys again](./2026/08/ui-2026-08-24-accordion-author-key-space.md) | No | CTAP-1383 regression (CTAP-1404) |
 
 ↔ = cross-app migration (has counterpart in frontend app)

package/docs/migrations/index.json

@@ -1,4 +1,14 @@
 [
+  {
+    "path": "2026/08/ui-2026-08-23-use-client-propagates-to-barrels.md",
+    "module": "libs/frontend-modules/ui",
+    "package": "@clicktap/ui",
+    "date": "2026-08-23",
+    "title": "'use client' now reaches the re-export barrels",
+    "classification": "BUGFIX (packaging)",
+    "breaking": "No.",
+    "affects": "every emitted `components/**/index.js`; `Checkbox` and `RadioGroup` sources; the build's directive verification"
+  },
   {
     "path": "2026/08/ui-2026-08-22-react-aria-moves-as-one-version-set.md",
     "module": "libs/frontend-modules/ui",

package/hooks/useAttributeData.js

@@ -1 +1,2 @@
+"use client";
 import{useAttributeData as i}from"../components/Collection/AttributeDataProvider/AttributeDataProvider.js";import"react/jsx-runtime";import"react";export{i as useAttributeData};

package/hooks/useCollectionState/index.js

@@ -1 +1,2 @@
+"use client";
 import{useCollectionState as i}from"./useCollectionState.js";import"react";import"../../utils/collection/filterSearchParams.js";export{i as useCollectionState};

package/hooks/useRoute/index.js

@@ -1 +1,2 @@
+"use client";
 import{buildPath as u,resolveParams as i,useRoute as m}from"./useRoute.js";import{RouteProvider as s,useRouteConfig as a}from"./RouteContext.js";import"react";import"react/jsx-runtime";export{s as RouteProvider,u as buildPath,i as resolveParams,m as useRoute,a as useRouteConfig};

package/next/index.js

@@ -1 +1,2 @@
+"use client";
 import{Image as a}from"./Image.js";import"react/jsx-runtime";import"next/image";import"react";import"../utils/cn.js";import"../components/Image/imageShared.js";export{a as Image};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",