@wirekyt/react 0.0.1 → 0.0.3

package/dist/clipboard.d.ts

@@ -0,0 +1,70 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as clipboard from "@wirekyt/dom/machines/clipboard";
+import { CopyStatusDetails, CopyStatusDetails as ClipboardCopyStatusDetails, anatomy as clipboardAnatomy } from "@wirekyt/dom/machines/clipboard";
+//#region src/components/clipboard/use.d.ts
+interface UseClipboardProps extends Optional<Omit<clipboard.Props, "getRootNode">, "id"> {}
+interface UseClipboardReturn extends clipboard.Api<PropTypes> {}
+declare const useClipboard: (props?: UseClipboardProps) => UseClipboardReturn;
+//#endregion
+//#region src/components/clipboard/use-context.d.ts
+interface UseClipboardContext extends UseClipboardReturn {}
+declare const ClipboardProvider: import("react").Provider<UseClipboardContext>, useClipboardContext: () => UseClipboardContext;
+//#endregion
+//#region src/components/clipboard/context.d.ts
+interface ClipboardContextProps {
+  children: (context: UseClipboardContext) => ReactNode;
+}
+declare const ClipboardContext: (props: ClipboardContextProps) => ReactNode;
+//#endregion
+//#region src/components/clipboard/control.d.ts
+interface ClipboardControlBaseProps extends PolymorphicProps {}
+interface ClipboardControlProps extends HTMLProps<"div">, ClipboardControlBaseProps {}
+declare const ClipboardControl: import("react").ForwardRefExoticComponent<ClipboardControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/indicator.d.ts
+interface ClipboardIndicatorBaseProps extends PolymorphicProps {
+  copied?: ReactNode | undefined;
+}
+interface ClipboardIndicatorProps extends HTMLProps<"div">, ClipboardIndicatorBaseProps {}
+declare const ClipboardIndicator: import("react").ForwardRefExoticComponent<ClipboardIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/input.d.ts
+interface ClipboardInputBaseProps extends PolymorphicProps {}
+interface ClipboardInputProps extends HTMLProps<"input">, ClipboardInputBaseProps {}
+declare const ClipboardInput: import("react").ForwardRefExoticComponent<ClipboardInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/clipboard/label.d.ts
+interface ClipboardLabelBaseProps extends PolymorphicProps {}
+interface ClipboardLabelProps extends HTMLProps<"label">, ClipboardLabelBaseProps {}
+declare const ClipboardLabel: import("react").ForwardRefExoticComponent<ClipboardLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/clipboard/root.d.ts
+interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {}
+interface ClipboardRootProps extends Assign<HTMLProps<"div">, ClipboardRootBaseProps> {}
+declare const ClipboardRoot: import("react").ForwardRefExoticComponent<ClipboardRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/root-provider.d.ts
+interface RootProviderProps {
+  value: UseClipboardReturn;
+}
+interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ClipboardRootProviderProps extends HTMLProps<"div">, ClipboardRootProviderBaseProps {}
+declare const ClipboardRootProvider: import("react").ForwardRefExoticComponent<ClipboardRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/clipboard/trigger.d.ts
+interface ClipboardTriggerBaseProps extends PolymorphicProps {}
+interface ClipboardTriggerProps extends HTMLProps<"button">, ClipboardTriggerBaseProps {}
+declare const ClipboardTrigger: import("react").ForwardRefExoticComponent<ClipboardTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/clipboard/value-text.d.ts
+interface ClipboardValueTextBaseProps extends PolymorphicProps {}
+interface ClipboardValueTextProps extends HTMLProps<"span">, ClipboardValueTextBaseProps {}
+declare const ClipboardValueText: import("react").ForwardRefExoticComponent<ClipboardValueTextProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace clipboard_d_exports {
+  export { ClipboardContext as Context, ClipboardContextProps as ContextProps, ClipboardControl as Control, ClipboardControlBaseProps as ControlBaseProps, ClipboardControlProps as ControlProps, CopyStatusDetails, ClipboardIndicator as Indicator, ClipboardIndicatorBaseProps as IndicatorBaseProps, ClipboardIndicatorProps as IndicatorProps, ClipboardInput as Input, ClipboardInputBaseProps as InputBaseProps, ClipboardInputProps as InputProps, ClipboardLabel as Label, ClipboardLabelBaseProps as LabelBaseProps, ClipboardLabelProps as LabelProps, ClipboardRoot as Root, ClipboardRootBaseProps as RootBaseProps, ClipboardRootProps as RootProps, ClipboardRootProvider as RootProvider, ClipboardRootProviderBaseProps as RootProviderBaseProps, ClipboardRootProviderProps as RootProviderProps, ClipboardTrigger as Trigger, ClipboardTriggerBaseProps as TriggerBaseProps, ClipboardTriggerProps as TriggerProps, ClipboardValueText as ValueText, ClipboardValueTextBaseProps as ValueTextBaseProps, ClipboardValueTextProps as ValueTextProps };
+}
+//#endregion
+export { clipboard_d_exports as Clipboard, ClipboardContext, type ClipboardContextProps, ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps, type ClipboardCopyStatusDetails, ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps, ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps, ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps, ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps, ClipboardValueText, type ClipboardValueTextBaseProps, type ClipboardValueTextProps, type UseClipboardContext, type UseClipboardProps, type UseClipboardReturn, clipboardAnatomy, useClipboard, useClipboardContext };

package/dist/clipboard.js

@@ -0,0 +1,150 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as clipboard from "@wirekyt/dom/machines/clipboard";
+import { anatomy as clipboardAnatomy } from "@wirekyt/dom/machines/clipboard";
+//#region src/components/clipboard/use-context.ts
+const [ClipboardProvider, useClipboardContext] = createContext$1({
+	name: "ClipboardContext",
+	hookName: "useClipboardContext",
+	providerName: "<ClipboardProvider />"
+});
+//#endregion
+//#region src/components/clipboard/context.tsx
+const ClipboardContext = (props) => props.children(useClipboardContext());
+//#endregion
+//#region src/components/clipboard/control.tsx
+const ClipboardControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useClipboardContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardControl.displayName = "ClipboardControl";
+//#endregion
+//#region src/components/clipboard/indicator.tsx
+const ClipboardIndicator = forwardRef((props, ref) => {
+	const { children, copied, ...localProps } = props;
+	const clipboard = useClipboardContext();
+	const mergedProps = mergeProps(clipboard.getIndicatorProps({ copied: clipboard.copied }), localProps);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref,
+		children: clipboard.copied ? copied : children
+	});
+});
+ClipboardIndicator.displayName = "ClipboardIndicator";
+//#endregion
+//#region src/components/clipboard/input.tsx
+const ClipboardInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useClipboardContext().getInputProps(), props);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardInput.displayName = "ClipboardInput";
+//#endregion
+//#region src/components/clipboard/label.tsx
+const ClipboardLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useClipboardContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardLabel.displayName = "ClipboardLabel";
+//#endregion
+//#region src/components/clipboard/use.ts
+const useClipboard = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(clipboard.machine, machineProps);
+	return clipboard.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/clipboard/root.tsx
+const splitRootProps = createSplitProps();
+const ClipboardRoot = forwardRef((props, ref) => {
+	const [useClipboardProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"id",
+		"ids",
+		"onStatusChange",
+		"onValueChange",
+		"timeout",
+		"translations",
+		"value"
+	]);
+	const clipboard = useClipboard(useClipboardProps);
+	const mergedProps = mergeProps(clipboard.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ClipboardProvider, {
+		value: clipboard,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			ref,
+			...mergedProps
+		})
+	});
+});
+ClipboardRoot.displayName = "ClipboardRoot";
+//#endregion
+//#region src/components/clipboard/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ClipboardRootProvider = forwardRef((props, ref) => {
+	const [{ value: clipboard }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(clipboard.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ClipboardProvider, {
+		value: clipboard,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			ref,
+			...mergedProps
+		})
+	});
+});
+ClipboardRootProvider.displayName = "ClipboardRootProvider";
+//#endregion
+//#region src/components/clipboard/trigger.tsx
+const ClipboardTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useClipboardContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+ClipboardTrigger.displayName = "ClipboardTrigger";
+//#endregion
+//#region src/components/clipboard/value-text.tsx
+const ClipboardValueText = forwardRef((props, ref) => {
+	const clipboard = useClipboardContext();
+	return /* @__PURE__ */ jsx(wire.span, {
+		...props,
+		ref,
+		children: props.children || clipboard.value
+	});
+});
+ClipboardValueText.displayName = "ClipboardValueText";
+//#endregion
+//#region src/components/clipboard/clipboard.ts
+var clipboard_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ClipboardContext,
+	Control: () => ClipboardControl,
+	Indicator: () => ClipboardIndicator,
+	Input: () => ClipboardInput,
+	Label: () => ClipboardLabel,
+	Root: () => ClipboardRoot,
+	RootProvider: () => ClipboardRootProvider,
+	Trigger: () => ClipboardTrigger,
+	ValueText: () => ClipboardValueText
+});
+//#endregion
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, clipboardAnatomy, useClipboard, useClipboardContext };

package/dist/collapsible-B62i_oPJ.cjs

@@ -0,0 +1,185 @@
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_collapsible = require("@wirekyt/dom/machines/collapsible");
+_wirekyt_dom_machines_collapsible = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_collapsible, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/collapsible/use-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = require_utils.createContext({
+	name: "CollapsibleContext",
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+//#endregion
+//#region src/components/collapsible/content.tsx
+const CollapsibleContent = (0, react.forwardRef)((props, ref) => {
+	const collapsible = useCollapsibleContext();
+	if (collapsible.isUnmounted) return null;
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(collapsible.getContentProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleContent.displayName = "CollapsibleContent";
+//#endregion
+//#region src/components/collapsible/context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+//#endregion
+//#region src/components/collapsible/indicator.tsx
+const CollapsibleIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useCollapsibleContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleIndicator.displayName = "CollapsibleIndicator";
+//#endregion
+//#region src/components/collapsible/split-props.ts
+const splitCollapsibleProps = (props) => require_utils.createSplitProps()(props, [
+	"collapsedHeight",
+	"collapsedWidth",
+	"defaultOpen",
+	"disabled",
+	"id",
+	"ids",
+	"lazyMount",
+	"onExitComplete",
+	"onOpenChange",
+	"open",
+	"unmountOnExit"
+]);
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
+	const id = (0, react.useId)();
+	const wasVisible = (0, react.useRef)(false);
+	const { dir } = require_providers.useLocaleContext();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...collapsibleProps
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_collapsible.machine, machineProps);
+	const api = _wirekyt_dom_machines_collapsible.connect(service, require_core.normalizeProps);
+	if (api.visible) wasVisible.current = true;
+	const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
+	return {
+		...api,
+		isUnmounted
+	};
+};
+//#endregion
+//#region src/components/collapsible/root.tsx
+const CollapsibleRoot = (0, react.forwardRef)((props, ref) => {
+	const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
+	const collapsible = useCollapsible(useCollapsibleProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRoot.displayName = "CollapsibleRoot";
+//#endregion
+//#region src/components/collapsible/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const CollapsibleRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: collapsible }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
+//#endregion
+//#region src/components/collapsible/trigger.tsx
+const CollapsibleTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useCollapsibleContext().getTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+//#endregion
+Object.defineProperty(exports, "CollapsibleContent", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleContent;
+	}
+});
+Object.defineProperty(exports, "CollapsibleContext", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleContext;
+	}
+});
+Object.defineProperty(exports, "CollapsibleIndicator", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleIndicator;
+	}
+});
+Object.defineProperty(exports, "CollapsibleRoot", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleRoot;
+	}
+});
+Object.defineProperty(exports, "CollapsibleRootProvider", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleRootProvider;
+	}
+});
+Object.defineProperty(exports, "CollapsibleTrigger", {
+	enumerable: true,
+	get: function() {
+		return CollapsibleTrigger;
+	}
+});
+Object.defineProperty(exports, "collapsible_exports", {
+	enumerable: true,
+	get: function() {
+		return collapsible_exports;
+	}
+});
+Object.defineProperty(exports, "useCollapsible", {
+	enumerable: true,
+	get: function() {
+		return useCollapsible;
+	}
+});
+Object.defineProperty(exports, "useCollapsibleContext", {
+	enumerable: true,
+	get: function() {
+		return useCollapsibleContext;
+	}
+});

package/dist/collapsible-CiTNjCNf.js

@@ -0,0 +1,131 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { forwardRef, useId, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as collapsible from "@wirekyt/dom/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
+//#region src/components/collapsible/use-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	name: "CollapsibleContext",
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+//#endregion
+//#region src/components/collapsible/content.tsx
+const CollapsibleContent = forwardRef((props, ref) => {
+	const collapsible = useCollapsibleContext();
+	if (collapsible.isUnmounted) return null;
+	const mergedProps = mergeProps(collapsible.getContentProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleContent.displayName = "CollapsibleContent";
+//#endregion
+//#region src/components/collapsible/context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+//#endregion
+//#region src/components/collapsible/indicator.tsx
+const CollapsibleIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCollapsibleContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleIndicator.displayName = "CollapsibleIndicator";
+//#endregion
+//#region src/components/collapsible/split-props.ts
+const splitCollapsibleProps = (props) => createSplitProps()(props, [
+	"collapsedHeight",
+	"collapsedWidth",
+	"defaultOpen",
+	"disabled",
+	"id",
+	"ids",
+	"lazyMount",
+	"onExitComplete",
+	"onOpenChange",
+	"open",
+	"unmountOnExit"
+]);
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
+	const id = useId();
+	const wasVisible = useRef(false);
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...collapsibleProps
+	};
+	const service = useMachine(collapsible.machine, machineProps);
+	const api = collapsible.connect(service, normalizeProps);
+	if (api.visible) wasVisible.current = true;
+	const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
+	return {
+		...api,
+		isUnmounted
+	};
+};
+//#endregion
+//#region src/components/collapsible/root.tsx
+const CollapsibleRoot = forwardRef((props, ref) => {
+	const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
+	const collapsible = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRoot.displayName = "CollapsibleRoot";
+//#endregion
+//#region src/components/collapsible/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const CollapsibleRootProvider = forwardRef((props, ref) => {
+	const [{ value: collapsible }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
+//#endregion
+//#region src/components/collapsible/trigger.tsx
+const CollapsibleTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCollapsibleContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __exportAll({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+//#endregion
+export { CollapsibleRoot as a, CollapsibleContext as c, CollapsibleRootProvider as i, CollapsibleContent as l, collapsibleAnatomy as n, useCollapsible as o, CollapsibleTrigger as r, CollapsibleIndicator as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collapsible.cjs

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_collapsible = require("./collapsible-B62i_oPJ.cjs");
+let _wirekyt_dom_machines_collapsible = require("@wirekyt/dom/machines/collapsible");
+Object.defineProperty(exports, "Collapsible", {
+	enumerable: true,
+	get: function() {
+		return require_collapsible.collapsible_exports;
+	}
+});
+exports.CollapsibleContent = require_collapsible.CollapsibleContent;
+exports.CollapsibleContext = require_collapsible.CollapsibleContext;
+exports.CollapsibleIndicator = require_collapsible.CollapsibleIndicator;
+exports.CollapsibleRoot = require_collapsible.CollapsibleRoot;
+exports.CollapsibleRootProvider = require_collapsible.CollapsibleRootProvider;
+exports.CollapsibleTrigger = require_collapsible.CollapsibleTrigger;
+Object.defineProperty(exports, "collapsibleAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_collapsible.anatomy;
+	}
+});
+exports.useCollapsible = require_collapsible.useCollapsible;
+exports.useCollapsibleContext = require_collapsible.useCollapsibleContext;

package/dist/collapsible.d.cts

@@ -0,0 +1,56 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { r as RenderStrategyProps } from "./index-srZfUQNt.cjs";
+import { ReactNode } from "react";
+import * as collapsible from "@wirekyt/dom/machines/collapsible";
+import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
+//#region src/components/collapsible/content.d.ts
+interface CollapsibleContentBaseProps extends PolymorphicProps {}
+interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/collapsible/use-collapsible.d.ts
+interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
+interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
+  isUnmounted?: boolean | undefined;
+}
+declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
+//#endregion
+//#region src/components/collapsible/use-context.d.ts
+interface UseCollapsibleContext extends UseCollapsibleReturn {}
+declare const CollapsibleProvider: import("react").Provider<UseCollapsibleContext>, useCollapsibleContext: () => UseCollapsibleContext;
+//#endregion
+//#region src/components/collapsible/context.d.ts
+interface CollapsibleContextProps {
+  children: (context: UseCollapsibleContext) => ReactNode;
+}
+declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
+//#endregion
+//#region src/components/collapsible/indicator.d.ts
+interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
+interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
+declare const CollapsibleIndicator: import("react").ForwardRefExoticComponent<CollapsibleIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/collapsible/root.d.ts
+interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
+interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
+declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/collapsible/root-provider.d.ts
+interface RootProviderProps {
+  value: UseCollapsibleReturn;
+}
+interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
+declare const CollapsibleRootProvider: import("react").ForwardRefExoticComponent<CollapsibleRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/collapsible/trigger.d.ts
+interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
+interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare namespace collapsible_d_exports {
+  export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
+}
+//#endregion
+export { collapsible_d_exports as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, type CollapsibleOpenChangeDetails, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, collapsibleAnatomy, useCollapsible, useCollapsibleContext };