@chassis-ui/react 0.1.3 → 0.3.0

package/dist/style.css

@@ -1 +1 @@
-@layer components{.notification.showing{opacity:0}.datepicker-body{position:relative}.datepicker-months-month.selected,.datepicker-years-year.selected{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-months-month.selected:hover,.datepicker-years-year.selected:hover{background-color:var(--cx-primary)}.datepicker-date-outside>.datepicker-date-btn{color:var(--cx-day-disabled-fg-color)}.datepicker-date-weekend:where(:not(.datepicker-date-selected):not(.datepicker-date-unavailable))>.datepicker-date-btn:where(:not([aria-disabled=true])){color:var(--cx-fg-subtle)}.datepicker-date-unavailable:where(:not(.datepicker-date-selected))>.datepicker-date-btn{color:var(--cx-day-disabled-fg-color);text-decoration:line-through}.datepicker-date-selected>.datepicker-date-btn,.datepicker-date-selected.datepicker-date[aria-current=date]>.datepicker-date-btn{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-date-in-range{color:var(--cx-day-range-fg-color);background-color:var(--cx-day-range-bg-color)}.datepicker-date-in-range>.datepicker-date-btn:hover{background-color:unset}.datepicker-date-in-range.datepicker-date-range-start{border-start-start-radius:var(--cx-border-radius-md);border-end-start-radius:var(--cx-border-radius-md)}.datepicker-date-in-range.datepicker-date-range-end{border-start-end-radius:var(--cx-border-radius-md);border-end-end-radius:var(--cx-border-radius-md)}.datepicker-date-btn:is(.datepicker-date-range-start,.datepicker-date-range-end),.datepicker-date-btn:is(.datepicker-date-range-start,.datepicker-date-range-end):hover{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-date-btn.datepicker-date-range-start:not(.datepicker-date-range-end){border-start-end-radius:0;border-end-end-radius:0}.datepicker-date-btn.datepicker-date-range-end:not(.datepicker-date-range-start){border-start-start-radius:0;border-end-start-radius:0}.datepicker-date[aria-current=date]>.datepicker-date-btn.datepicker-date-range-start,.datepicker-date[aria-current=date]>.datepicker-date-btn.datepicker-date-range-end{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-presets{gap:var(--cx-gap);padding-inline:0 var(--cx-padding-x);border-inline-end:var(--cx-border-width-md) solid var(--cx-border-subtle);flex-direction:column;margin:0;list-style:none;display:flex}.datepicker-preset{padding:var(--cx-space-2xs) var(--cx-space-xs);color:var(--cx-fg-main);text-align:start;white-space:nowrap;cursor:pointer;border-radius:var(--cx-border-radius-md);background-color:#0000;border:0}.datepicker-preset:hover{background-color:var(--cx-bg-hover)}.datepicker-preset:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-1px}.datepicker-preset.selected{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-preset.selected:hover{background-color:var(--cx-primary)}.datagrid{--cx-fg-color:var(--cx-table-td-fg-color,var(--cx-default-fg-main));--cx-bg-color:var(--cx-table-td-bg-color,var(--cx-default-bg-main));--cx-th-fg-color:var(--cx-table-th-fg-color,var(--cx-default-fg-main));--cx-th-bg-color:var(--cx-table-th-bg-color,var(--cx-default-bg-evident));--cx-hover-fg-color:var(--cx-table-hover-fg-color,var(--cx-default-fg-main));--cx-hover-bg-color:var(--cx-table-hover-bg-color,var(--cx-default-bg-evident));--cx-active-fg-color:var(--cx-table-active-fg-color,var(--cx-default-fg-main));--cx-active-bg-color:var(--cx-table-active-bg-color,var(--cx-default-bg-highlight));--cx-border-width:var(--cx-table-border-width,var(--cx-border-width-md));--cx-border-color:var(--cx-table-border-color,var(--cx-default-border-subtle));--cx-cue-color:var(--cx-table-cue-color,var(--cx-default-cue-main));--cx-cell-padding-y:var(--cx-table-cell-padding-y,.5rem);--cx-cell-padding-x:var(--cx-table-cell-padding-x,.5rem);--cx-datagrid-pin-cue-shadow-start:inset 6px 0 6px -6px #0000004d;--cx-datagrid-pin-cue-shadow-end:inset -6px 0 6px -6px #0000004d;--cx-td-font-family:var(--cx-table-td-font-family,var(--cx-font-family-text));--cx-td-font-size:var(--cx-table-td-font-size,var(--cx-font-size-sm));--cx-td-font-weight:var(--cx-table-td-font-weight,var(--cx-font-weight-normal));--cx-td-line-height:var(--cx-table-td-line-height,var(--cx-line-height-sm));--cx-th-font-family:var(--cx-table-th-font-family,var(--cx-font-family-text));--cx-th-font-size:var(--cx-table-th-font-size,var(--cx-font-size-sm));--cx-th-font-weight:var(--cx-table-th-font-weight,var(--cx-font-weight-strong));--cx-th-line-height:var(--cx-table-th-line-height,var(--cx-line-height-sm));width:100%;height:400px;vertical-align:var(--cx-table-cell-vertical-align,top);border-color:var(--cx-border-color);display:block;position:relative;overflow:auto}.datagrid [role=columnheader],.datagrid [role=gridcell],.datagrid [role=rowheader]{box-sizing:border-box;height:100%;padding:var(--cx-cell-padding-y) var(--cx-cell-padding-x);color:var(--cx-fg-color);background-color:var(--cx-bg-color);border-color:var(--cx-border-color);border-style:solid;border-width:0 0 var(--cx-border-width) 0;font:var(--cx-td-font-weight) var(--cx-td-font-size)/var(--cx-td-line-height) var(--cx-td-font-family)}.datagrid .datagrid-header [role=columnheader]{--cx-fg-color:var(--cx-th-fg-color);--cx-bg-color:var(--cx-th-bg-color);font:var(--cx-th-font-weight) var(--cx-th-font-size)/var(--cx-th-line-height) var(--cx-th-font-family)}.datagrid [role=row][data-selected]>*{--cx-fg-color:var(--cx-active-fg-color);--cx-bg-color:var(--cx-active-bg-color)}.datagrid.hoverable [role=row]:not([data-selected]):hover>*{--cx-fg-color:var(--cx-hover-fg-color);--cx-bg-color:var(--cx-hover-bg-color)}.datagrid.bordered{border:var(--cx-border-width) solid var(--cx-border-color)}.datagrid.bordered [role=columnheader],.datagrid.bordered [role=gridcell],.datagrid.bordered [role=rowheader]{border-width:0 var(--cx-border-width) var(--cx-border-width) 0}.datagrid.borderless [role=columnheader],.datagrid.borderless [role=gridcell],.datagrid.borderless [role=rowheader]{border-width:0}.datagrid [role=row]:focus-visible,.datagrid [role=gridcell]:focus-visible,.datagrid [role=columnheader]:focus-visible,.datagrid [role=rowheader]:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-2px}.datagrid [role=columnheader][data-allows-sorting]{cursor:pointer;user-select:none}.datagrid .datagrid-sort-icon{opacity:.6;margin-inline-start:var(--cx-space-2xs);font-size:.75em;display:inline-block}.datagrid [data-sort-direction] .datagrid-sort-icon{opacity:1}.datagrid :has(>.datagrid-header),.datagrid :has(>.datagrid-body){overflow:visible!important}.datagrid .datagrid-selection-cell{text-align:center;padding-inline-end:0}.datagrid-footer{--cx-fg-color:var(--cx-table-td-fg-color,var(--cx-default-fg-main));--cx-bg-color:var(--cx-table-td-bg-color,var(--cx-default-bg-main));--cx-border-width:var(--cx-table-border-width,var(--cx-border-width-md));--cx-border-color:var(--cx-table-border-color,var(--cx-default-border-subtle));--cx-cell-padding-y:var(--cx-table-cell-padding-y,.5rem);--cx-cell-padding-x:var(--cx-table-cell-padding-x,.5rem);box-sizing:border-box;padding:var(--cx-cell-padding-y) var(--cx-cell-padding-x);color:var(--cx-fg-color);background-color:var(--cx-bg-color);border-color:var(--cx-border-color);border-style:solid;border-width:var(--cx-border-width) 0 0 0}.datagrid-footer.borderless{border-width:0}.datepicker[hidden]{display:none}}.datepicker-field{align-items:center;width:fit-content;display:flex}.datepicker-segment{padding-inline:var(--cx-space-3xs);border-radius:var(--cx-border-radius-sm);outline:0}.datepicker-segment.placeholder{color:var(--cx-form-idle-fg-inactive)}.datepicker-segment:focus{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.daterangepicker-separator{margin-inline:var(--cx-gap);color:var(--cx-fg-subtle)}.table-sort-icon{opacity:.6;margin-inline-start:var(--cx-space-2xs);font-size:.75em;display:inline-block}[aria-sort=ascending] .table-sort-icon,[aria-sort=descending] .table-sort-icon{opacity:1}[role=columnheader][aria-sort]{cursor:pointer;user-select:none}.table-selection-cell{text-align:center;width:1%;padding-inline-end:0}.table [role=row]:focus-visible,.table [role=gridcell]:focus-visible,.table [role=columnheader]:focus-visible,.table [role=rowheader]:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-2px}
+@layer colors, theme, config, root, reboot, layout, content, components, custom, helpers, utilities;@layer components{.notification.showing{opacity:0}.datepicker[hidden]{display:none}.datepicker-body{position:relative}.datepicker-months-month.selected,.datepicker-years-year.selected{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-months-month.selected:hover,.datepicker-years-year.selected:hover{background-color:var(--cx-primary)}.datepicker-date>.datepicker-date-btn[aria-disabled=true]{pointer-events:auto;cursor:default}.datepicker-date:where(:not(.datepicker-date-selected))>.datepicker-date-btn[aria-disabled=true]{--cx-day-hover-bg-color:transparent}.datepicker-date-outside>.datepicker-date-btn{color:var(--cx-day-disabled-fg-color)}.datepicker-date-weekend:where(:not(.datepicker-date-selected):not(.datepicker-date-unavailable))>.datepicker-date-btn:where(:not([aria-disabled=true])){color:var(--cx-fg-subtle)}.datepicker-date-unavailable:where(:not(.datepicker-date-selected))>.datepicker-date-btn{color:var(--cx-day-disabled-fg-color);text-decoration:line-through}.datepicker-date-selected>.datepicker-date-btn,.datepicker-date-selected.datepicker-date[aria-current=date]>.datepicker-date-btn{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-date-in-range{color:var(--cx-day-range-fg-color);background-color:var(--cx-day-range-bg-color)}.datepicker-date-in-range>.datepicker-date-btn:hover{background-color:unset}.datepicker-date-in-range.datepicker-date-range-start{border-start-start-radius:var(--cx-border-radius-md);border-end-start-radius:var(--cx-border-radius-md)}.datepicker-date-in-range.datepicker-date-range-end{border-start-end-radius:var(--cx-border-radius-md);border-end-end-radius:var(--cx-border-radius-md)}.datepicker-date-btn:is(.datepicker-date-range-start,.datepicker-date-range-end),.datepicker-date-btn:is(.datepicker-date-range-start,.datepicker-date-range-end):hover{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-date-btn.datepicker-date-range-start:not(.datepicker-date-range-end){border-start-end-radius:0;border-end-end-radius:0}.datepicker-date-btn.datepicker-date-range-end:not(.datepicker-date-range-start){border-start-start-radius:0;border-end-start-radius:0}.datepicker-date[aria-current=date]>.datepicker-date-btn.datepicker-date-range-start,.datepicker-date[aria-current=date]>.datepicker-date-btn.datepicker-date-range-end{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-presets{gap:var(--cx-gap);padding-inline:0 var(--cx-padding-x);border-inline-end:var(--cx-border-width-md) solid var(--cx-border-subtle);flex-direction:column;margin:0;list-style:none;display:flex}.datepicker-preset{padding:var(--cx-space-2xs) var(--cx-space-xs);color:var(--cx-fg-main);text-align:start;white-space:nowrap;cursor:pointer;border-radius:var(--cx-border-radius-md);background-color:#0000;border:0}.datepicker-preset:hover{background-color:var(--cx-bg-hover)}.datepicker-preset:disabled{color:var(--cx-day-disabled-fg-color);cursor:default;background-color:#0000}.datepicker-preset:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-1px}.datepicker-preset.selected{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.datepicker-preset.selected:hover{background-color:var(--cx-primary)}.datagrid{--cx-fg-color:var(--cx-table-td-fg-color,var(--cx-default-fg-main));--cx-bg-color:var(--cx-table-td-bg-color,var(--cx-default-bg-main));--cx-th-fg-color:var(--cx-table-th-fg-color,var(--cx-default-fg-main));--cx-th-bg-color:var(--cx-table-th-bg-color,var(--cx-default-bg-evident));--cx-hover-fg-color:var(--cx-table-hover-fg-color,var(--cx-default-fg-main));--cx-hover-bg-color:var(--cx-table-hover-bg-color,var(--cx-default-bg-evident));--cx-active-fg-color:var(--cx-table-active-fg-color,var(--cx-default-fg-main));--cx-active-bg-color:var(--cx-table-active-bg-color,var(--cx-default-bg-highlight));--cx-border-width:var(--cx-table-border-width,var(--cx-border-width-md));--cx-border-color:var(--cx-table-border-color,var(--cx-default-border-subtle));--cx-cue-color:var(--cx-table-cue-color,var(--cx-default-cue-main));--cx-cell-padding-y:var(--cx-table-cell-padding-y,.5rem);--cx-cell-padding-x:var(--cx-table-cell-padding-x,.5rem);--cx-datagrid-pin-cue-shadow-start:inset 6px 0 6px -6px #0000004d;--cx-datagrid-pin-cue-shadow-end:inset -6px 0 6px -6px #0000004d;--cx-td-font-family:var(--cx-table-td-font-family,var(--cx-font-family-text));--cx-td-font-size:var(--cx-table-td-font-size,var(--cx-font-size-sm));--cx-td-font-weight:var(--cx-table-td-font-weight,var(--cx-font-weight-normal));--cx-td-line-height:var(--cx-table-td-line-height,var(--cx-line-height-sm));--cx-th-font-family:var(--cx-table-th-font-family,var(--cx-font-family-text));--cx-th-font-size:var(--cx-table-th-font-size,var(--cx-font-size-sm));--cx-th-font-weight:var(--cx-table-th-font-weight,var(--cx-font-weight-strong));--cx-th-line-height:var(--cx-table-th-line-height,var(--cx-line-height-sm));width:100%;height:400px;vertical-align:var(--cx-table-cell-vertical-align,top);border-color:var(--cx-border-color);display:block;position:relative;overflow:auto}.datagrid [role=columnheader],.datagrid [role=gridcell],.datagrid [role=rowheader]{box-sizing:border-box;height:100%;padding:var(--cx-cell-padding-y) var(--cx-cell-padding-x);color:var(--cx-fg-color);background-color:var(--cx-bg-color);border-color:var(--cx-border-color);border-style:solid;border-width:0 0 var(--cx-border-width) 0;font:var(--cx-td-font-weight) var(--cx-td-font-size)/var(--cx-td-line-height) var(--cx-td-font-family)}.datagrid .datagrid-header [role=columnheader]{--cx-fg-color:var(--cx-th-fg-color);--cx-bg-color:var(--cx-th-bg-color);font:var(--cx-th-font-weight) var(--cx-th-font-size)/var(--cx-th-line-height) var(--cx-th-font-family)}.datagrid [role=row][data-selected]>*{--cx-fg-color:var(--cx-active-fg-color);--cx-bg-color:var(--cx-active-bg-color)}.datagrid.hoverable [role=row]:not([data-selected]):hover>*{--cx-fg-color:var(--cx-hover-fg-color);--cx-bg-color:var(--cx-hover-bg-color)}.datagrid.bordered{border:var(--cx-border-width) solid var(--cx-border-color)}.datagrid.bordered [role=columnheader],.datagrid.bordered [role=gridcell],.datagrid.bordered [role=rowheader]{border-width:0 var(--cx-border-width) var(--cx-border-width) 0}.datagrid.borderless [role=columnheader],.datagrid.borderless [role=gridcell],.datagrid.borderless [role=rowheader]{border-width:0}.datagrid [role=row]:focus-visible,.datagrid [role=gridcell]:focus-visible,.datagrid [role=columnheader]:focus-visible,.datagrid [role=rowheader]:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-2px}.datagrid [role=columnheader][data-allows-sorting]{cursor:pointer;user-select:none}.datagrid .datagrid-sort-icon{opacity:.6;margin-inline-start:var(--cx-space-2xs);font-size:.75em;display:inline-block}.datagrid [data-sort-direction] .datagrid-sort-icon{opacity:1}.datagrid :has(>.datagrid-header),.datagrid :has(>.datagrid-body){overflow:visible!important}.datagrid .datagrid-selection-cell{text-align:center;padding-inline-end:0}.datagrid-footer{--cx-fg-color:var(--cx-table-td-fg-color,var(--cx-default-fg-main));--cx-bg-color:var(--cx-table-td-bg-color,var(--cx-default-bg-main));--cx-border-width:var(--cx-table-border-width,var(--cx-border-width-md));--cx-border-color:var(--cx-table-border-color,var(--cx-default-border-subtle));--cx-cell-padding-y:var(--cx-table-cell-padding-y,.5rem);--cx-cell-padding-x:var(--cx-table-cell-padding-x,.5rem);box-sizing:border-box;padding:var(--cx-cell-padding-y) var(--cx-cell-padding-x);color:var(--cx-fg-color);background-color:var(--cx-bg-color);border-color:var(--cx-border-color);border-style:solid;border-width:var(--cx-border-width) 0 0 0}.datagrid-footer.borderless{border-width:0}.divider{--cx-line-color:var(--cx-divider-color,var(--cx-border-subtle));--cx-line-size:var(--cx-divider-size,var(--cx-border-width-md));--cx-line-opacity:var(--cx-divider-opacity,var(--cx-opacity-solid));--cx-gap:var(--cx-divider-gap,var(--cx-space-sm));--cx-label-fg-color:var(--cx-divider-label-fg-color,var(--cx-fg-subtle));--cx-label-font-size:var(--cx-divider-label-font-size,var(--cx-font-size-text-sm));margin:var(--cx-divider-margin,var(--cx-space-md) 0);border:0;border-block-start:var(--cx-line-size) solid var(--cx-line-color);opacity:var(--cx-line-opacity);display:block}.divider-vertical{--cx-line-color:var(--cx-divider-color,var(--cx-border-subtle));--cx-line-size:var(--cx-divider-size,var(--cx-border-width-md));--cx-line-opacity:var(--cx-divider-opacity,var(--cx-opacity-solid));width:var(--cx-line-size);background-color:var(--cx-line-color);border:0;align-self:stretch;min-height:1em;margin:0;display:inline-block}.divider-labelled{gap:var(--cx-gap);font-size:var(--cx-label-font-size);color:var(--cx-label-fg-color);opacity:1;border:0;align-items:center;display:flex}.divider-labelled:before,.divider-labelled:after{content:"";border-block-start:var(--cx-line-size) solid var(--cx-line-color);opacity:var(--cx-line-opacity);flex:1 1 0}.divider-vertical.divider-labelled{background-color:#0000;flex-direction:column;width:auto;display:inline-flex}.divider-vertical.divider-labelled:before,.divider-vertical.divider-labelled:after{border-block-start:0;border-inline-start:var(--cx-line-size) solid var(--cx-line-color);min-height:1em}.divider-start:before,.divider-end:after{display:none}.divider-label{text-align:center}.form-input.number-field{gap:var(--cx-gap);align-items:stretch;display:flex}.form-input.number-field>.ghost-input{flex:1;min-width:0}.number-field-buttons{margin-block:calc(var(--cx-border-width) - var(--cx-padding-y));border-inline-start:var(--cx-border-width) solid var(--cx-border-color);border-start-end-radius:calc(var(--cx-border-radius) - var(--cx-border-width));border-end-end-radius:calc(var(--cx-border-radius) - var(--cx-border-width));flex-direction:column;flex-shrink:0;margin-inline-end:calc(var(--cx-border-width) - var(--cx-padding-x));display:flex;overflow:hidden}.number-field-increment,.number-field-decrement{--cx-icon-size:calc(var(--cx-input-icon-size,1.25rem) * 3 / 5);min-height:0;padding:0 calc(var(--cx-padding-x) / 2);color:inherit;background-color:#0000;border:0;flex:1 1 0;justify-content:center;align-items:center;display:flex}.number-field-increment:hover:not(:disabled),.number-field-increment:active:not(:disabled),.number-field-decrement:hover:not(:disabled),.number-field-decrement:active:not(:disabled){background-color:var(--cx-file-button-bg-hover)}.number-field-increment:disabled,.number-field-decrement:disabled{--cx-icon-color:var(--cx-form-disabled-fg-active)}.number-field-increment{border-block-end:var(--cx-border-width) solid var(--cx-border-color)}.form-input.search-field{gap:var(--cx-gap);display:flex}.form-input.search-field>.ghost-input{flex:1;min-width:0}.form-input.search-field>.ghost-input::-webkit-search-cancel-button{appearance:none}.form-input.search-field .search-field-clear{--cx-icon-color:inherit;opacity:var(--cx-close-button-idle-opacity,.5)}.form-input.search-field .search-field-clear:is(:hover,:active){--cx-icon-color:inherit;opacity:var(--cx-close-button-hover-opacity,.75)}.search-field .ghost-input:disabled~.search-field-clear{display:none}.tree{--cx-padding-y:var(--cx-tree-padding-y,var(--cx-space-xs));--cx-padding-x:var(--cx-tree-padding-x,var(--cx-space-xs));--cx-gap:var(--cx-tree-gap,var(--cx-space-xs));--cx-fg-color:var(--cx-tree-fg-color,var(--cx-fg-main));--cx-bg-color:var(--cx-tree-bg-color,var(--cx-bg-main));--cx-item-fg-hover:var(--cx-tree-item-fg-hover,var(--cx-fg-main));--cx-item-bg-hover:var(--cx-tree-item-bg-hover,var(--cx-bg-even));--cx-item-fg-active:var(--cx-tree-item-fg-active,var(--cx-fg-highlight));--cx-item-bg-active:var(--cx-tree-item-bg-active,var(--cx-bg-highlight));--cx-item-fg-disabled:var(--cx-tree-item-fg-disabled,var(--cx-fg-slight));--cx-item-bg-disabled:var(--cx-tree-item-bg-disabled,var(--cx-bg-main));--cx-item-border-radius:var(--cx-tree-item-border-radius,var(--cx-border-radius-sm));--cx-item-icon-idle:var(--cx-tree-item-idle-icon-color,var(--cx-icon-main));--cx-item-icon-active:var(--cx-tree-item-active-icon-color,var(--cx-fg-highlight));--cx-item-icon-disabled:var(--cx-tree-item-disabled-icon-color,var(--cx-icon-slight));--cx-icon-size:var(--cx-tree-icon-size,var(--cx-icon-sm));--cx-toggle-size:var(--cx-tree-toggle-size,var(--cx-size-xs));--cx-indent:var(--cx-tree-indent,calc(var(--cx-toggle-size)));color:var(--cx-fg-color);background-color:var(--cx-bg-color);outline:0;flex-direction:column;display:flex}.tree:focus-visible{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color)}.tree-item{--cx-icon-color:var(--cx-item-icon-idle);gap:var(--cx-gap);padding:var(--cx-padding-y) var(--cx-padding-x);color:var(--cx-item-fg-color,var(--cx-fg-color));user-select:none;background-color:var(--cx-item-bg-color,var(--cx-bg-color));border-radius:var(--cx-item-border-radius);outline:0;align-items:center;padding-inline-start:calc(var(--cx-padding-x) + var(--cx-indent) * (var(--cx-tree-level,1) - 1));display:flex}.tree-item:hover{--cx-item-fg-color:var(--cx-item-fg-hover);--cx-item-bg-color:var(--cx-item-bg-hover)}.tree-item:focus-visible{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color);outline-offset:calc(-1 * var(--cx-focus-ring-width))}.tree-item.active,.tree-item.active:hover{--cx-icon-color:var(--cx-item-icon-active);--cx-item-fg-color:var(--cx-item-fg-active);--cx-item-bg-color:var(--cx-item-bg-active)}.tree-item.disabled,.tree-item.disabled:hover{--cx-icon-color:var(--cx-item-icon-disabled);--cx-item-fg-color:var(--cx-item-fg-disabled);--cx-item-bg-color:var(--cx-item-bg-disabled)}.tree-item-toggle,.tree-item-spacer{width:var(--cx-toggle-size);height:var(--cx-toggle-size);flex:none}.tree-item-toggle{color:inherit;border-radius:var(--cx-item-border-radius);transition:transform var(--cx-transition-duration) var(--cx-transition-timing);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (prefers-reduced-motion:reduce){.tree-item-toggle{transition:none}}.tree-item-toggle:focus-visible{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color)}.tree-item.expanded .tree-item-toggle{transform:rotate(90deg)}[dir=rtl] .tree-item-toggle{transform:scaleX(-1)}[dir=rtl] .tree-item.expanded .tree-item-toggle{transform:scaleX(-1)rotate(90deg)}.tree-item .tree-item-check{flex:none;margin:0}.tree-item-icon{flex:none;display:inline-flex}.tree-item-label{flex:auto;min-width:0}}.daterangepicker-separator{margin-inline:var(--cx-gap);color:var(--cx-fg-subtle)}.datepicker-field{white-space:nowrap;width:fit-content}.datepicker-segment{padding-inline:var(--cx-space-3xs);border-radius:var(--cx-border-radius-sm);outline:0}.datepicker-segment.placeholder{color:var(--cx-form-idle-fg-inactive)}.datepicker-segment:focus{color:var(--cx-primary-contrast);background-color:var(--cx-primary)}.table-sort-icon{opacity:.6;margin-inline-start:var(--cx-space-2xs);font-size:.75em;display:inline-block}[aria-sort=ascending] .table-sort-icon,[aria-sort=descending] .table-sort-icon{opacity:1}[role=columnheader][aria-sort]{cursor:pointer;user-select:none}.table-selection-cell{text-align:center;width:1%;padding-inline-end:0}.table [role=row]:focus-visible,.table [role=gridcell]:focus-visible,.table [role=columnheader]:focus-visible,.table [role=rowheader]:focus-visible{outline:var(--cx-border-width-xl) solid var(--cx-primary);outline-offset:-2px}

package/dist/switch.d.ts

@@ -0,0 +1,2 @@
+import { n as SwitchProps, t as Switch } from "./chunks/index-BO9jLOIb.js";
+export { Switch, type SwitchProps };

package/dist/switch.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./chunks/switch-C6s3LxEv.js";export{e as Switch};

package/dist/table.d.ts

@@ -0,0 +1,2 @@
+import { a as TableColumn, c as TableCellProps, d as Table, f as TableProps, i as TableHeaderProps, l as TableBody, n as TableRowProps, o as TableColumnProps, r as TableHeader, s as TableCell, t as TableRow, u as TableBodyProps } from "./chunks/index-CRfm7W6C.js";
+export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/table.js

@@ -0,0 +1 @@
+"use client";import{a as e,i as t,n,o as r,r as i,t as a}from"./chunks/table-Cy6uEuEP.js";export{r as Table,e as TableBody,t as TableCell,i as TableColumn,n as TableHeader,a as TableRow};

package/dist/tabs.d.ts

@@ -0,0 +1,2 @@
+import { a as Tab, c as TabsProps, i as TabListProps, n as TabPanelProps, o as TabProps, r as TabList, s as Tabs, t as TabPanel } from "./chunks/index-CFnQubsV.js";
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/tabs.js

@@ -0,0 +1 @@
+"use client";import{i as e,n as t,r as n,t as r}from"./chunks/tabs-91T7-8qq.js";export{r as Tab,e as TabList,n as TabPanel,t as Tabs};

package/dist/text-input.d.ts

@@ -0,0 +1,2 @@
+import { n as TextInputProps, t as TextInput } from "./chunks/index-6uob77s9.js";
+export { TextInput, type TextInputProps };

package/dist/text-input.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./chunks/text-input-B4pTv6SU.js";export{e as TextInput};

package/dist/textarea.d.ts

@@ -0,0 +1,2 @@
+import { n as TextareaProps, t as Textarea } from "./chunks/index-Dfg4Ftb8.js";
+export { Textarea, type TextareaProps };

package/dist/textarea.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./chunks/textarea-1A1nABQE.js";export{e as Textarea};

package/dist/time-field.d.ts

@@ -0,0 +1,2 @@
+import { n as TimeFieldProps, t as TimeField } from "./chunks/index-DMbdEm__.js";
+export { TimeField, type TimeFieldProps };

package/dist/time-field.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./chunks/time-field-B3MA7ED_.js";export{e as TimeField};

package/dist/toast.d.ts

@@ -0,0 +1,2 @@
+import { _ as Toast, a as closeToast, c as ToasterProps, d as ToastHeader, f as ToastHeaderProps, g as ToastBodyProps, h as ToastBody, i as addToast, l as ToastIcon, m as ToastFooterProps, n as useToast, o as toastQueue, p as ToastFooter, r as ToastContent, s as Toaster, t as UseToastResult, u as ToastIconProps, v as ToastProps } from "./chunks/index-CYgBmZ8w.js";
+export { Toast, ToastBody, type ToastBodyProps, type ToastContent, ToastFooter, type ToastFooterProps, ToastHeader, type ToastHeaderProps, ToastIcon, type ToastIconProps, type ToastProps, Toaster, type ToasterProps, type UseToastResult, addToast, closeToast, toastQueue, useToast };

package/dist/toast.js

@@ -0,0 +1 @@
+"use client";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./chunks/toast-CGHl3-oU.js";export{a as Toast,r as ToastBody,t as ToastFooter,s as ToastHeader,e as ToastIcon,c as Toaster,i as addToast,o as closeToast,n as toastQueue,l as useToast};

package/dist/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { n as TooltipProps, t as Tooltip } from "./chunks/index-DJfga0Ce.js";
+export { Tooltip, type TooltipProps };

package/dist/tooltip.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./chunks/tooltip-Bc-u6nIW.js";export{e as Tooltip};

package/dist/tree.d.ts

@@ -0,0 +1,2 @@
+import { i as TreeProps, n as TreeItemProps, r as Tree, t as TreeItem } from "./chunks/index-DaHQdNul.js";
+export { Tree, TreeItem, type TreeItemProps, type TreeProps };

package/dist/tree.js

@@ -0,0 +1 @@
+"use client";import{n as e,t}from"./chunks/tree-Cql1veeZ.js";export{e as Tree,t as TreeItem};

package/dist/visually-hidden.d.ts

@@ -0,0 +1,2 @@
+import { n as VisuallyHiddenProps, t as VisuallyHidden } from "./chunks/index-Ddd7iWfm.js";
+export { VisuallyHidden, type VisuallyHiddenProps };

package/dist/visually-hidden.js

@@ -0,0 +1 @@
+"use client";import"./chunks/focus-ring-SR_LwaN7.js";import{t as e}from"./chunks/VisuallyHidden-C2dM7HhC.js";export{e as VisuallyHidden};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chassis-ui/react",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "type": "module",
   "description": "Chassis UI Components Library for React.js",
   "keywords": [
@@ -29,11 +29,80 @@
   },
   "exports": {
     ".": "./dist/index.js",
+    "./accordion": "./dist/accordion.js",
+    "./alert": "./dist/alert.js",
+    "./autocomplete": "./dist/autocomplete.js",
+    "./avatar": "./dist/avatar.js",
+    "./badge": "./dist/badge.js",
+    "./breadcrumb": "./dist/breadcrumb.js",
+    "./button": "./dist/button.js",
+    "./button-group": "./dist/button-group.js",
+    "./calendar": "./dist/calendar.js",
+    "./card": "./dist/card.js",
+    "./carousel": "./dist/carousel.js",
+    "./checkbox": "./dist/checkbox.js",
+    "./chip": "./dist/chip.js",
+    "./chip-input": "./dist/chip-input.js",
+    "./close-button": "./dist/close-button.js",
+    "./collapse": "./dist/collapse.js",
+    "./color-input": "./dist/color-input.js",
+    "./combobox": "./dist/combobox.js",
+    "./context-menu": "./dist/context-menu.js",
+    "./datagrid": "./dist/datagrid.js",
+    "./datepicker": "./dist/datepicker.js",
+    "./divider": "./dist/divider.js",
+    "./drawer": "./dist/drawer.js",
+    "./file-input": "./dist/file-input.js",
+    "./flex": "./dist/flex.js",
+    "./floating-input": "./dist/floating-input.js",
+    "./form": "./dist/form.js",
+    "./form-field": "./dist/form-field.js",
+    "./grid": "./dist/grid.js",
+    "./icon": "./dist/icon.js",
+    "./input-adorn": "./dist/input-adorn.js",
+    "./input-group": "./dist/input-group.js",
+    "./link": "./dist/link.js",
+    "./list": "./dist/list.js",
+    "./menu": "./dist/menu.js",
+    "./modal": "./dist/modal.js",
+    "./nav": "./dist/nav.js",
+    "./nav-overflow": "./dist/nav-overflow.js",
+    "./navbar": "./dist/navbar.js",
+    "./notification": "./dist/notification.js",
+    "./number-field": "./dist/number-field.js",
+    "./otp-input": "./dist/otp-input.js",
+    "./pagination": "./dist/pagination.js",
+    "./password-strength": "./dist/password-strength.js",
+    "./placeholder": "./dist/placeholder.js",
+    "./popover": "./dist/popover.js",
+    "./portal": "./dist/portal.js",
+    "./progress": "./dist/progress.js",
+    "./radio": "./dist/radio.js",
+    "./range-input": "./dist/range-input.js",
+    "./scrollspy": "./dist/scrollspy.js",
+    "./search-field": "./dist/search-field.js",
+    "./select": "./dist/select.js",
+    "./skeleton": "./dist/skeleton.js",
+    "./spinner": "./dist/spinner.js",
+    "./stack": "./dist/stack.js",
+    "./static-table": "./dist/static-table.js",
+    "./stepper": "./dist/stepper.js",
+    "./switch": "./dist/switch.js",
+    "./table": "./dist/table.js",
+    "./tabs": "./dist/tabs.js",
+    "./text-input": "./dist/text-input.js",
+    "./textarea": "./dist/textarea.js",
+    "./time-field": "./dist/time-field.js",
+    "./toast": "./dist/toast.js",
+    "./tooltip": "./dist/tooltip.js",
+    "./tree": "./dist/tree.js",
+    "./visually-hidden": "./dist/visually-hidden.js",
     "./package.json": "./package.json",
     "./style.css": "./dist/style.css"
   },
   "sideEffects": [
-    "./dist/index.js",
+    "./dist/*.js",
+    "./dist/chunks/focus-ring-*.js",
     "./dist/style.css"
   ],
   "browserslist": [
@@ -43,79 +112,77 @@
     "safari >= 16"
   ],
   "files": [
-    "dist/",
-    "src/"
+    "dist/"
   ],
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch --no-clean",
+    "test": "vitest run --coverage",
+    "test:update": "vitest run --coverage -u",
+    "lint": "pnpm lint:eslint && pnpm lint:stylelint && pnpm lint:prettier",
+    "lint:eslint": "eslint --cache --cache-location ../../.cache/react.eslintcache --report-unused-disable-directives .",
+    "lint:stylelint": "stylelint --cache --cache-location ../../.cache/react.stylelintcache \"**/*.{css,scss}\"",
+    "lint:prettier": "prettier -c --cache --ignore-path ../../.gitignore --ignore-path ../../.prettierignore .",
+    "format": "prettier --write --ignore-path ../../.gitignore --ignore-path ../../.prettierignore .",
+    "check:bundle": "bundlewatch --config .bundlewatch.config.json",
+    "check:types": "tsc --noEmit -p tsconfig.json",
+    "check:rsc": "ts-node --project ../../build/tsconfig.json ./scripts/check-rsc-directive.ts",
+    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./style.css",
+    "check:api": "ts-node --project ../../build/tsconfig.json ./scripts/check-api-surface.ts",
+    "check:api:update": "ts-node --project ../../build/tsconfig.json ./scripts/check-api-surface.ts --update",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build -o ../../_storybook",
+    "test:visual": "pnpm storybook:build --quiet && playwright test",
+    "test:visual:update": "pnpm storybook:build --quiet && playwright test --update-snapshots",
+    "test:visual:update:linux": "bash scripts/update-linux-snapshots.sh"
+  },
   "dependencies": {
     "@internationalized/date": "^3.12.4",
     "classnames": "^2.3.1",
-    "react-aria": "^3.52.0",
+    "react-aria": "^3.52.1",
     "react-aria-components": "^1.20.0",
-    "react-stately": "^3.50.0",
-    "react-transition-group": "^4.4.2"
+    "react-stately": "^3.50.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@arethetypeswrong/core": "^0.18.5",
-    "@chassis-ui/css": "^0.5.0-0",
-    "@chassis-ui/tokens": "^0.5.0-0",
-    "@playwright/test": "1.62.1",
-    "@storybook/addon-a11y": "^10.6.0",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-themes": "^10.6.0",
-    "@storybook/addon-vitest": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
+    "@chassis-ui/css": "^0.6.0",
+    "@chassis-ui/tokens": "^0.6.0",
+    "@playwright/test": "1.63.0",
+    "@storybook/addon-a11y": "^10.6.1",
+    "@storybook/addon-docs": "^10.6.1",
+    "@storybook/addon-themes": "^10.6.1",
+    "@storybook/addon-vitest": "^10.6.1",
+    "@storybook/react-vite": "^10.6.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
     "@tsdown/css": "^0.23.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.2.7",
-    "@types/react-transition-group": "^4.4.11",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/browser-playwright": "4.1.10",
-    "@vitest/coverage-istanbul": "^4.1.10",
+    "@vitest/browser-playwright": "4.1.11",
+    "@vitest/coverage-istanbul": "^4.1.11",
     "bundlewatch": "^0.4.2",
     "http-server": "^14.1.1",
     "jest-axe": "^11.0.0",
-    "jsdom": "^30.0.1",
-    "playwright": "^1.62.1",
+    "jsdom": "^30.1.1",
+    "playwright": "^1.63.0",
     "postcss": "^8.5.28",
     "postcss-prefix-custom-properties": "^0.1.0",
-    "publint": "^0.3.24",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "sass": "^1.104.0",
-    "storybook": "^10.6.0",
+    "publint": "^0.3.25",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "sass": "^1.105.1",
+    "storybook": "^10.6.1",
     "tsdown": "0.23.0",
     "tslib": "^2.6.0",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "test": "vitest run --coverage",
-    "test:update": "vitest run --coverage -u",
-    "lint": "pnpm lint:eslint && pnpm lint:stylelint && pnpm lint:prettier",
-    "lint:eslint": "eslint --cache --cache-location ../../.cache/react.eslintcache --report-unused-disable-directives .",
-    "lint:stylelint": "stylelint --cache --cache-location ../../.cache/react.stylelintcache \"**/*.{css,scss}\"",
-    "lint:prettier": "prettier -c --cache --ignore-path ../../.gitignore --ignore-path ../../.prettierignore .",
-    "format": "prettier --write --ignore-path ../../.gitignore --ignore-path ../../.prettierignore .",
-    "check:bundle": "bundlewatch --config .bundlewatch.config.json",
-    "check:types": "tsc --noEmit -p tsconfig.json",
-    "check:rsc": "ts-node --project ../../build/tsconfig.json ./scripts/check-rsc-directive.ts",
-    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./style.css",
-    "check:api": "ts-node --project ../../build/tsconfig.json ./scripts/check-api-surface.ts",
-    "check:api:update": "ts-node --project ../../build/tsconfig.json ./scripts/check-api-surface.ts --update",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build -o ../../_storybook",
-    "test:visual": "pnpm storybook:build --quiet && playwright test",
-    "test:visual:update": "pnpm storybook:build --quiet && playwright test --update-snapshots",
-    "test:visual:update:linux": "bash scripts/update-linux-snapshots.sh"
+    "@chassis-ui/css": ">=0.6.0 <0.7.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   }
-}
+}

package/src/components/accordion/Accordion.tsx

@@ -1,190 +0,0 @@
-import React, { forwardRef, HTMLAttributes, ReactNode, useId, useRef, useState } from 'react'
-import classNames from 'classnames'
-
-import { AccordionBody } from './AccordionBody'
-import { AccordionHeader } from './AccordionHeader'
-import { AccordionItem } from './AccordionItem'
-import { AccordionContext } from './context'
-
-export interface AccordionItemDef {
-  /**
-   * Let this item stay open when another item opens, overriding the accordion's `alwaysOpen` setting.
-   */
-  alwaysOpen?: boolean
-  /**
-   * Body content, rendered inside a `AccordionBody`.
-   */
-  body: ReactNode
-  /**
-   * A string of all className you want applied to this item.
-   */
-  className?: string
-  /**
-   * Header content, rendered inside a `AccordionHeader`.
-   */
-  header: ReactNode
-  /**
-   * React key for this item. Falls back to its index when omitted.
-   */
-  id?: number | string
-  /**
-   * The group this item shares with other items so only one can be open at a time, overriding the
-   * accordion's shared `name`.
-   */
-  name?: string
-  /**
-   * Callback fired when this item's open state changes. Chained after `Accordion`'s own handling
-   * of `expandedKeys`/`onExpandedChange`, so it fires regardless of whether those are used.
-   */
-  onToggle?: (event: React.SyntheticEvent<HTMLDetailsElement>) => void
-  /**
-   * Start the item in the open state (uncontrolled). Ignored for items whose key is included in
-   * `expandedKeys`/`defaultExpandedKeys` on the parent `Accordion`.
-   */
-  open?: boolean
-}
-
-export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * Make accordion items stay open when another item is opened.
-   */
-  alwaysOpen?: boolean
-  /**
-   * Move the caret icon to the end of the header.
-   */
-  caretEnd?: boolean
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-  /**
-   * The keys of the initially expanded items (uncontrolled). Only applies to items rendered via
-   * the `items` prop — a composed `AccordionItem` already supports native controlled `open`/
-   * `onToggle` directly.
-   */
-  defaultExpandedKeys?: Array<number | string>
-  /**
-   * The keys of the currently expanded items (controlled). Only applies to items rendered via the
-   * `items` prop — a composed `AccordionItem` already supports native controlled `open`/`onToggle`
-   * directly.
-   */
-  expandedKeys?: Array<number | string>
-  /**
-   * Removes the default background-context, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
-   */
-  flush?: boolean
-  /**
-   * Array of item definitions for data-driven rendering. When provided, children are ignored.
-   */
-  items?: AccordionItemDef[]
-  /**
-   * The shared group name used by items that don't set their own `name`. Defaults to an auto-generated id.
-   */
-  name?: string
-  /**
-   * Callback fired with the updated set of expanded item keys, reflecting the native `<details>`
-   * elements' actual open state (including items the browser closed itself via a shared `name`
-   * group). Only fires for items rendered via the `items` prop.
-   */
-  onExpandedChange?: (keys: Array<number | string>) => void
-  /**
-   * Size the component sm or lg.
-   */
-  size?: 'sm' | 'lg'
-}
-
-export const Accordion = forwardRef<HTMLDivElement, AccordionProps>(
-  (
-    {
-      children,
-      alwaysOpen = false,
-      caretEnd,
-      className,
-      defaultExpandedKeys,
-      expandedKeys,
-      flush,
-      items,
-      name,
-      onExpandedChange,
-      size,
-      ...rest
-    },
-    ref
-  ) => {
-    const generatedName = useId()
-    const groupName = name ?? generatedName
-    const _className = classNames('accordion', { flush, 'caret-end': caretEnd }, size, className)
-
-    const isExpandedControlled = expandedKeys !== undefined
-    const isTrackingExpanded =
-      isExpandedControlled || defaultExpandedKeys !== undefined || onExpandedChange !== undefined
-
-    const [uncontrolledExpandedKeys, setUncontrolledExpandedKeys] = useState<
-      Array<number | string>
-    >(
-      () =>
-        defaultExpandedKeys ??
-        items?.filter((item) => item.open).map((item, index) => item.id ?? index) ??
-        []
-    )
-    const currentExpandedKeys = isExpandedControlled ? expandedKeys : uncontrolledExpandedKeys
-
-    // Keyed by each item's id (or index) so a toggle handler can read every sibling's *actual*
-    // DOM open state — the browser settles a whole shared-`name` group's open attributes
-    // synchronously before dispatching any `toggle` events, so this is always the true next set,
-    // regardless of which affected item's handler happens to run first.
-    const itemRefs = useRef(new Map<number | string, HTMLDetailsElement | null>())
-
-    const handleItemToggle =
-      (id: number | string, itemOnToggle?: AccordionItemDef['onToggle']) =>
-      (event: React.SyntheticEvent<HTMLDetailsElement>) => {
-        itemOnToggle?.(event)
-        if (!items) return
-        const next = items
-          .map((item, index) => item.id ?? index)
-          .filter((key) => itemRefs.current.get(key)?.open)
-        if (isExpandedControlled) {
-          // React doesn't intercept a native <details> click the way it does controlled form
-          // inputs, so the DOM has already toggled by the time this fires. Snap this element back
-          // to the still-current controlled value — if the consumer's onExpandedChange updates
-          // `expandedKeys` in response, the next render sets it back to the new value anyway.
-          ;(event.currentTarget as HTMLDetailsElement).open = expandedKeys.includes(id)
-        } else {
-          setUncontrolledExpandedKeys(next)
-        }
-        onExpandedChange?.(next)
-      }
-
-    const content = items
-      ? items.map((item, index) => {
-          const id = item.id ?? index
-          return (
-            <AccordionItem
-              key={id}
-              className={item.className}
-              open={isTrackingExpanded ? currentExpandedKeys.includes(id) : item.open}
-              name={item.name}
-              alwaysOpen={item.alwaysOpen}
-              onToggle={handleItemToggle(id, item.onToggle)}
-              ref={(node) => {
-                itemRefs.current.set(id, node)
-              }}
-            >
-              <AccordionHeader>{item.header}</AccordionHeader>
-              <AccordionBody>{item.body}</AccordionBody>
-            </AccordionItem>
-          )
-        })
-      : children
-
-    return (
-      <div className={_className} {...rest} ref={ref}>
-        <AccordionContext.Provider value={{ alwaysOpen, name: groupName }}>
-          {content}
-        </AccordionContext.Provider>
-      </div>
-    )
-  }
-)
-
-Accordion.displayName = 'Accordion'

package/src/components/accordion/AccordionBody.tsx

@@ -1,46 +0,0 @@
-import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'
-import classNames from 'classnames'
-
-import {
-  createPolymorphicComponent,
-  PolymorphicComponentProps,
-  PolymorphicRef
-} from '../../utils/polymorphic'
-
-type AccordionBodyOwnProps<C extends ElementType> = {
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-  /**
-   * Component used for the root node. Either a string to use a HTML element or a component.
-   */
-  component?: C
-}
-
-export type AccordionBodyProps<C extends ElementType = 'div'> = PolymorphicComponentProps<
-  C,
-  AccordionBodyOwnProps<C>
->
-
-type AccordionBodyComponent = (<C extends ElementType = 'div'>(
-  props: AccordionBodyProps<C> & { ref?: PolymorphicRef<C> }
-) => ReactElement | null) & { displayName?: string }
-
-function AccordionBodyRender<C extends ElementType = 'div'>(
-  { children, className, component, ...rest }: AccordionBodyProps<C>,
-  ref: PolymorphicRef<C>
-) {
-  const Component = component ?? 'div'
-
-  return (
-    <Component className={classNames('accordion-body', className)} {...rest} ref={ref}>
-      {children}
-    </Component>
-  )
-}
-
-export const AccordionBody = createPolymorphicComponent<AccordionBodyComponent>(
-  AccordionBodyRender as ForwardRefRenderFunction<Element, AccordionBodyProps<ElementType>>,
-  'AccordionBody'
-)

package/src/components/accordion/AccordionHeader.tsx

@@ -1,21 +0,0 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
-import classNames from 'classnames'
-
-export interface AccordionHeaderProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-}
-
-export const AccordionHeader = forwardRef<HTMLElement, AccordionHeaderProps>(
-  ({ children, className, ...rest }, ref) => {
-    return (
-      <summary className={classNames(className) || undefined} {...rest} ref={ref}>
-        <span className="accordion-title">{children}</span>
-      </summary>
-    )
-  }
-)
-
-AccordionHeader.displayName = 'AccordionHeader'