bits-ui 2.6.2 → 2.8.0

package/dist/bits/calendar/components/calendar-grid-body.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CalendarGridBodyProps } from "../types.js";
-	import { useCalendarGridBody } from "../calendar.svelte.js";
+	import { CalendarGridBodyState } from "../calendar.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarGridBodyProps = $props();
 
-	const gridBodyState = useCalendarGridBody({
+	const gridBodyState = CalendarGridBodyState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-grid-head.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarGridHead } from "../calendar.svelte.js";
+	import { CalendarGridHeadState } from "../calendar.svelte.js";
 	import type { CalendarGridHeadProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarGridHeadProps = $props();
 
-	const gridHeadState = useCalendarGridHead({
+	const gridHeadState = CalendarGridHeadState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-grid-row.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarGridRow } from "../calendar.svelte.js";
+	import { CalendarGridRowState } from "../calendar.svelte.js";
 	import type { CalendarGridRowProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarGridRowProps = $props();
 
-	const gridRowState = useCalendarGridRow({
+	const gridRowState = CalendarGridRowState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-grid.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarGrid } from "../calendar.svelte.js";
+	import { CalendarGridState } from "../calendar.svelte.js";
 	import type { CalendarGridProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarGridProps = $props();
 
-	const gridState = useCalendarGrid({
+	const gridState = CalendarGridState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-head-cell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarHeadCell } from "../calendar.svelte.js";
+	import { CalendarHeadCellState } from "../calendar.svelte.js";
 	import type { CalendarHeadCellProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarHeadCellProps = $props();
 
-	const headCellState = useCalendarHeadCell({
+	const headCellState = CalendarHeadCellState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarHeader } from "../calendar.svelte.js";
+	import { CalendarHeaderState } from "../calendar.svelte.js";
 	import type { CalendarHeaderProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarHeaderProps = $props();
 
-	const headerState = useCalendarHeader({
+	const headerState = CalendarHeaderState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-heading.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CalendarHeadingProps } from "../types.js";
-	import { useCalendarHeading } from "../calendar.svelte.js";
+	import { CalendarHeadingState } from "../calendar.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarHeadingProps = $props();
 
-	const headingState = useCalendarHeading({
+	const headingState = CalendarHeadingState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,
@@ -26,13 +26,13 @@
 </script>
 
 {#if child}
-	{@render child({ props: mergedProps, headingValue: headingState.headingValue })}
+	{@render child({ props: mergedProps, headingValue: headingState.root.headingValue })}
 {:else}
 	<div {...mergedProps}>
 		{#if children}
-			{@render children?.({ headingValue: headingState.headingValue })}
+			{@render children?.({ headingValue: headingState.root.headingValue })}
 		{:else}
-			{headingState.headingValue}
+			{headingState.root.headingValue}
 		{/if}
 	</div>
 {/if}

package/dist/bits/calendar/components/calendar-month-select.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CalendarMonthSelectProps } from "../types.js";
-	import { useCalendarMonthSelect } from "../calendar.svelte.js";
+	import { CalendarMonthSelectState } from "../calendar.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -18,7 +18,7 @@
 		...restProps
 	}: CalendarMonthSelectProps = $props();
 
-	const monthSelectState = useCalendarMonthSelect({
+	const monthSelectState = CalendarMonthSelectState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-next-button.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
-	import { useCalendarNextButton } from "../calendar.svelte.js";
+	import { CalendarNextButtonState } from "../calendar.svelte.js";
 	import type { CalendarNextButtonProps } from "../types.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarNextButtonProps = $props();
 
-	const nextButtonState = useCalendarNextButton({
+	const nextButtonState = CalendarNextButtonState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CalendarPrevButtonProps } from "../types.js";
-	import { useCalendarPrevButton } from "../calendar.svelte.js";
+	import { CalendarPrevButtonState } from "../calendar.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -14,7 +14,7 @@
 		...restProps
 	}: CalendarPrevButtonProps = $props();
 
-	const prevButtonState = useCalendarPrevButton({
+	const prevButtonState = CalendarPrevButtonState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar-year-select.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CalendarYearSelectProps } from "../types.js";
-	import { useCalendarYearSelect } from "../calendar.svelte.js";
+	import { CalendarYearSelectState } from "../calendar.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -18,7 +18,7 @@
 		...restProps
 	}: CalendarYearSelectProps = $props();
 
-	const yearSelectState = useCalendarYearSelect({
+	const yearSelectState = CalendarYearSelectState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/calendar/components/calendar.svelte

@@ -2,7 +2,7 @@
 	import { watch } from "runed";
 	import { box, mergeProps } from "svelte-toolbelt";
 	import { type DateValue } from "@internationalized/date";
-	import { useCalendarRoot } from "../calendar.svelte.js";
+	import { CalendarRootState } from "../calendar.svelte.js";
 	import type { CalendarRootProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
 	import { noop } from "../../../internal/noop.js";
@@ -75,7 +75,7 @@
 		}
 	);
 
-	const rootState = useCalendarRoot({
+	const rootState = CalendarRootState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/checkbox/checkbox.svelte.d.ts

@@ -1,63 +1,70 @@
+import { type ReadableBoxedValues, type WritableBoxedValues } from "svelte-toolbelt";
 import type { HTMLButtonAttributes } from "svelte/elements";
 import { Context } from "runed";
-import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { BitsKeyboardEvent, BitsMouseEvent, OnChangeFn, WithRefProps } from "../../internal/types.js";
-type CheckboxGroupStateProps = WithRefProps<ReadableBoxedValues<{
+import type { BitsKeyboardEvent, BitsMouseEvent, OnChangeFn, WithRefOpts } from "../../internal/types.js";
+interface CheckboxGroupStateOpts extends WithRefOpts, ReadableBoxedValues<{
     name: string | undefined;
     disabled: boolean;
     required: boolean;
     onValueChange: OnChangeFn<string[]>;
-}> & WritableBoxedValues<{
+}>, WritableBoxedValues<{
     value: string[];
-}>>;
-declare class CheckboxGroupState {
-    readonly opts: CheckboxGroupStateProps;
+}> {
+}
+export declare const CheckboxGroupContext: Context<CheckboxGroupState>;
+export declare class CheckboxGroupState {
+    static create(opts: CheckboxGroupStateOpts): CheckboxGroupState;
+    readonly opts: CheckboxGroupStateOpts;
     labelId: string | undefined;
-    constructor(opts: CheckboxGroupStateProps);
+    constructor(opts: CheckboxGroupStateOpts);
     addValue(checkboxValue: string | undefined): void;
     removeValue(checkboxValue: string | undefined): void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly role: "group";
         readonly "aria-labelledby": string | undefined;
         readonly "data-disabled": "" | undefined;
     };
 }
-type CheckboxGroupLabelStateProps = WithRefProps;
-declare class CheckboxGroupLabelState {
-    readonly opts: CheckboxGroupLabelStateProps;
+interface CheckboxGroupLabelStateOpts extends WithRefOpts {
+}
+export declare class CheckboxGroupLabelState {
+    static create(opts: CheckboxGroupLabelStateOpts): CheckboxGroupLabelState;
+    readonly opts: CheckboxGroupLabelStateOpts;
     readonly group: CheckboxGroupState;
-    constructor(opts: CheckboxGroupLabelStateProps, group: CheckboxGroupState);
-    props: {
+    constructor(opts: CheckboxGroupLabelStateOpts, group: CheckboxGroupState);
+    readonly props: {
         readonly id: string;
         readonly "data-disabled": "" | undefined;
     };
 }
-type CheckboxRootStateProps = WithRefProps<ReadableBoxedValues<{
+interface CheckboxRootStateOpts extends WithRefOpts, ReadableBoxedValues<{
     disabled: boolean;
     required: boolean;
     name: string | undefined;
     value: string | undefined;
     type: HTMLButtonAttributes["type"];
-}> & WritableBoxedValues<{
+}>, WritableBoxedValues<{
     checked: boolean;
     indeterminate: boolean;
-}>>;
-declare class CheckboxRootState {
+}> {
+}
+export declare class CheckboxRootState {
     #private;
-    readonly opts: CheckboxRootStateProps;
+    static create(opts: CheckboxRootStateOpts, group?: CheckboxGroupState | null): CheckboxRootState;
+    readonly opts: CheckboxRootStateOpts;
     readonly group: CheckboxGroupState | null;
-    trueName: string | undefined;
-    trueRequired: boolean;
-    trueDisabled: boolean;
-    constructor(opts: CheckboxRootStateProps, group?: CheckboxGroupState | null);
+    readonly trueName: string | undefined;
+    readonly trueRequired: boolean;
+    readonly trueDisabled: boolean;
+    constructor(opts: CheckboxRootStateOpts, group: CheckboxGroupState | null);
     onkeydown(e: BitsKeyboardEvent): void;
     onclick(_: BitsMouseEvent): void;
-    snippetProps: {
+    readonly snippetProps: {
         checked: boolean;
         indeterminate: boolean;
     };
-    props: {
+    readonly props: {
         readonly id: string;
         readonly role: "checkbox";
         readonly type: "button" | "reset" | "submit" | null | undefined;
@@ -70,12 +77,13 @@ declare class CheckboxRootState {
         readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
-declare class CheckboxInputState {
+export declare class CheckboxInputState {
+    static create(): CheckboxInputState;
     readonly root: CheckboxRootState;
-    trueChecked: boolean;
-    shouldRender: boolean;
+    readonly trueChecked: boolean;
+    readonly shouldRender: boolean;
     constructor(root: CheckboxRootState);
-    props: {
+    readonly props: {
         readonly type: "checkbox";
         readonly checked: boolean;
         readonly disabled: boolean;
@@ -84,9 +92,4 @@ declare class CheckboxInputState {
         readonly value: string | undefined;
     };
 }
-export declare const CheckboxGroupContext: Context<CheckboxGroupState>;
-export declare function useCheckboxGroup(props: CheckboxGroupStateProps): CheckboxGroupState;
-export declare function useCheckboxRoot(props: CheckboxRootStateProps, group: CheckboxGroupState | null): CheckboxRootState;
-export declare function useCheckboxGroupLabel(props: CheckboxGroupLabelStateProps): CheckboxGroupLabelState;
-export declare function useCheckboxInput(): CheckboxInputState;
 export {};

package/dist/bits/checkbox/checkbox.svelte.js

@@ -6,7 +6,11 @@ const checkboxAttrs = createBitsAttrs({
     component: "checkbox",
     parts: ["root", "group", "group-label", "input"],
 });
-class CheckboxGroupState {
+export const CheckboxGroupContext = new Context("Checkbox.Group");
+export class CheckboxGroupState {
+    static create(opts) {
+        return CheckboxGroupContext.set(new CheckboxGroupState(opts));
+    }
     opts;
     labelId = $state(undefined);
     constructor(opts) {
@@ -40,7 +44,10 @@ class CheckboxGroupState {
         ...attachRef(this.opts.ref),
     }));
 }
-class CheckboxGroupLabelState {
+export class CheckboxGroupLabelState {
+    static create(opts) {
+        return new CheckboxGroupLabelState(opts, CheckboxGroupContext.get());
+    }
     opts;
     group;
     constructor(opts, group) {
@@ -54,7 +61,11 @@ class CheckboxGroupLabelState {
         ...attachRef(this.opts.ref, (v) => (this.group.labelId = v?.id)),
     }));
 }
-class CheckboxRootState {
+const CheckboxRootContext = new Context("Checkbox.Root");
+export class CheckboxRootState {
+    static create(opts, group = null) {
+        return CheckboxRootContext.set(new CheckboxRootState(opts, group));
+    }
     opts;
     group;
     trueName = $derived.by(() => {
@@ -77,7 +88,7 @@ class CheckboxRootState {
         }
         return this.opts.disabled.current;
     });
-    constructor(opts, group = null) {
+    constructor(opts, group) {
         this.opts = opts;
         this.group = group;
         this.onkeydown = this.onkeydown.bind(this);
@@ -142,10 +153,10 @@ class CheckboxRootState {
         ...attachRef(this.opts.ref),
     }));
 }
-//
-// INPUT
-//
-class CheckboxInputState {
+export class CheckboxInputState {
+    static create() {
+        return new CheckboxInputState(CheckboxRootContext.get());
+    }
     root;
     trueChecked = $derived.by(() => {
         if (!this.root.group)
@@ -174,17 +185,3 @@ function getCheckboxDataState(checked, indeterminate) {
         return "indeterminate";
     return checked ? "checked" : "unchecked";
 }
-export const CheckboxGroupContext = new Context("Checkbox.Group");
-const CheckboxRootContext = new Context("Checkbox.Root");
-export function useCheckboxGroup(props) {
-    return CheckboxGroupContext.set(new CheckboxGroupState(props));
-}
-export function useCheckboxRoot(props, group) {
-    return CheckboxRootContext.set(new CheckboxRootState(props, group));
-}
-export function useCheckboxGroupLabel(props) {
-    return new CheckboxGroupLabelState(props, CheckboxGroupContext.get());
-}
-export function useCheckboxInput() {
-    return new CheckboxInputState(CheckboxRootContext.get());
-}

package/dist/bits/checkbox/components/checkbox-group-label.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CheckboxGroupLabelProps } from "../types.js";
-	import { useCheckboxGroupLabel } from "../checkbox.svelte.js";
+	import { CheckboxGroupLabelState } from "../checkbox.svelte.js";
 	import { createId } from "../../../internal/create-id.js";
 
 	const uid = $props.id();
@@ -14,7 +14,7 @@
 		...restProps
 	}: CheckboxGroupLabelProps = $props();
 
-	const labelState = useCheckboxGroupLabel({
+	const labelState = CheckboxGroupLabelState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/checkbox/components/checkbox-group.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CheckboxGroupProps } from "../types.js";
-	import { useCheckboxGroup } from "../checkbox.svelte.js";
+	import { CheckboxGroupState } from "../checkbox.svelte.js";
 	import { noop } from "../../../internal/noop.js";
 	import { createId } from "../../../internal/create-id.js";
 
@@ -20,7 +20,7 @@
 		...restProps
 	}: CheckboxGroupProps = $props();
 
-	const groupState = useCheckboxGroup({
+	const groupState = CheckboxGroupState.create({
 		id: box.with(() => id),
 		ref: box.with(
 			() => ref,

package/dist/bits/checkbox/components/checkbox-input.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { useCheckboxInput } from "../checkbox.svelte.js";
+	import { CheckboxInputState } from "../checkbox.svelte.js";
 	import HiddenInput from "../../utilities/hidden-input.svelte";
 
-	const inputState = useCheckboxInput();
+	const inputState = CheckboxInputState.create();
 </script>
 
 {#if inputState.shouldRender}

package/dist/bits/checkbox/components/checkbox.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CheckboxRootProps } from "../types.js";
-	import { CheckboxGroupContext, useCheckboxRoot } from "../checkbox.svelte.js";
+	import { CheckboxGroupContext, CheckboxRootState } from "../checkbox.svelte.js";
 	import CheckboxInput from "./checkbox-input.svelte";
 	import { createId } from "../../../internal/create-id.js";
 	import { watch } from "runed";
@@ -48,7 +48,7 @@
 		}
 	);
 
-	const rootState = useCheckboxRoot(
+	const rootState = CheckboxRootState.create(
 		{
 			checked: box.with(
 				() => checked,

package/dist/bits/collapsible/collapsible.svelte.d.ts

@@ -1,35 +1,39 @@
-import { type WithRefProps } from "svelte-toolbelt";
-import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { BitsKeyboardEvent, BitsMouseEvent } from "../../internal/types.js";
-type CollapsibleRootStateProps = WithRefProps & WritableBoxedValues<{
+import { type ReadableBoxedValues, type WritableBoxedValues } from "svelte-toolbelt";
+import type { BitsKeyboardEvent, BitsMouseEvent, OnChangeFn, WithRefOpts } from "../../internal/types.js";
+interface CollapsibleRootStateOpts extends WithRefOpts, WritableBoxedValues<{
     open: boolean;
-}> & ReadableBoxedValues<{
+}>, ReadableBoxedValues<{
     disabled: boolean;
-}>;
-declare class CollapsibleRootState {
-    readonly opts: CollapsibleRootStateProps;
+    onOpenChangeComplete: OnChangeFn<boolean>;
+}> {
+}
+export declare class CollapsibleRootState {
+    static create(opts: CollapsibleRootStateOpts): CollapsibleRootState;
+    readonly opts: CollapsibleRootStateOpts;
     contentNode: HTMLElement | null;
-    constructor(opts: CollapsibleRootStateProps);
+    constructor(opts: CollapsibleRootStateOpts);
     toggleOpen(): void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-state": "open" | "closed";
         readonly "data-disabled": "" | undefined;
     };
 }
-type CollapsibleContentStateProps = WithRefProps & ReadableBoxedValues<{
+interface CollapsibleContentStateOpts extends WithRefOpts, ReadableBoxedValues<{
     forceMount: boolean;
-}>;
-declare class CollapsibleContentState {
+}> {
+}
+export declare class CollapsibleContentState {
     #private;
-    readonly opts: CollapsibleContentStateProps;
+    static create(opts: CollapsibleContentStateOpts): CollapsibleContentState;
+    readonly opts: CollapsibleContentStateOpts;
     readonly root: CollapsibleRootState;
-    present: boolean;
-    constructor(opts: CollapsibleContentStateProps, root: CollapsibleRootState);
-    snippetProps: {
+    readonly present: boolean;
+    constructor(opts: CollapsibleContentStateOpts, root: CollapsibleRootState);
+    readonly snippetProps: {
         open: boolean;
     };
-    props: {
+    readonly props: {
         readonly id: string;
         readonly style: {
             readonly "--bits-collapsible-content-height": string | undefined;
@@ -39,17 +43,19 @@ declare class CollapsibleContentState {
         readonly "data-disabled": "" | undefined;
     };
 }
-type CollapsibleTriggerStateProps = WithRefProps & ReadableBoxedValues<{
+interface CollapsibleTriggerStateOpts extends WithRefOpts, ReadableBoxedValues<{
     disabled: boolean | null | undefined;
-}>;
-declare class CollapsibleTriggerState {
+}> {
+}
+export declare class CollapsibleTriggerState {
     #private;
-    readonly opts: CollapsibleTriggerStateProps;
+    static create(opts: CollapsibleTriggerStateOpts): CollapsibleTriggerState;
+    readonly opts: CollapsibleTriggerStateOpts;
     readonly root: CollapsibleRootState;
-    constructor(opts: CollapsibleTriggerStateProps, root: CollapsibleRootState);
+    constructor(opts: CollapsibleTriggerStateOpts, root: CollapsibleRootState);
     onclick(e: BitsMouseEvent): void;
     onkeydown(e: BitsKeyboardEvent): void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly type: "button";
         readonly disabled: boolean;
@@ -61,7 +67,4 @@ declare class CollapsibleTriggerState {
         readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
-export declare function useCollapsibleRoot(props: CollapsibleRootStateProps): CollapsibleRootState;
-export declare function useCollapsibleTrigger(props: CollapsibleTriggerStateProps): CollapsibleTriggerState;
-export declare function useCollapsibleContent(props: CollapsibleContentStateProps): CollapsibleContentState;
 export {};