@wirekyt/react 0.0.1 → 0.0.3

package/dist/floating-panel.d.ts

@@ -0,0 +1,98 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { c as UsePresenceProps } from "./index-DRnET7mJ.js";
+import { ReactNode } from "react";
+import * as floatingPanel from "@wirekyt/dom/machines/floating-panel";
+import { AnchorPositionDetails, AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds, ElementIds as FloatingPanelElementIds, IntlTranslations, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point, Point as FloatingPanelPoint, PositionChangeDetails, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, ResizeTriggerProps, Size, Size as FloatingPanelSize, SizeChangeDetails, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage, Stage as FloatingPanelStage, StageChangeDetails, StageChangeDetails as FloatingPanelStageChangeDetails, StageTriggerProps, anatomy as floatingPanelAnatomy, resizeTriggerAxes } from "@wirekyt/dom/machines/floating-panel";
+//#region src/components/floating-panel/body.d.ts
+interface FloatingPanelBodyBaseProps extends PolymorphicProps {}
+interface FloatingPanelBodyProps extends HTMLProps<"div">, FloatingPanelBodyBaseProps {}
+declare const FloatingPanelBody: import("react").ForwardRefExoticComponent<FloatingPanelBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/close-trigger.d.ts
+interface FloatingPanelCloseTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelCloseTriggerProps extends HTMLProps<"button">, FloatingPanelCloseTriggerBaseProps {}
+declare const FloatingPanelCloseTrigger: import("react").ForwardRefExoticComponent<FloatingPanelCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/content.d.ts
+interface FloatingPanelContentBaseProps extends PolymorphicProps {}
+interface FloatingPanelContentProps extends HTMLProps<"div">, FloatingPanelContentBaseProps {}
+declare const FloatingPanelContent: import("react").ForwardRefExoticComponent<FloatingPanelContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/use.d.ts
+interface UseFloatingPanelProps extends Optional<Omit<floatingPanel.Props, "getRootNode">, "id"> {}
+interface UseFloatingPanelReturn extends floatingPanel.Api<PropTypes> {}
+declare const useFloatingPanel: (props?: UseFloatingPanelProps) => UseFloatingPanelReturn;
+//#endregion
+//#region src/components/floating-panel/use-context.d.ts
+interface UseFloatingPanelContext extends UseFloatingPanelReturn {}
+declare const FloatingPanelProvider: import("react").Provider<UseFloatingPanelContext>, useFloatingPanelContext: () => UseFloatingPanelContext;
+//#endregion
+//#region src/components/floating-panel/context.d.ts
+interface FloatingPanelContextProps {
+  children: (context: UseFloatingPanelContext) => ReactNode;
+}
+declare const FloatingPanelContext: (props: FloatingPanelContextProps) => ReactNode;
+//#endregion
+//#region src/components/floating-panel/drag-trigger.d.ts
+interface FloatingPanelDragTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelDragTriggerProps extends HTMLProps<"div">, FloatingPanelDragTriggerBaseProps {}
+declare const FloatingPanelDragTrigger: import("react").ForwardRefExoticComponent<FloatingPanelDragTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/header.d.ts
+interface FloatingPanelHeaderBaseProps extends PolymorphicProps {}
+interface FloatingPanelHeaderProps extends HTMLProps<"div">, FloatingPanelHeaderBaseProps {}
+declare const FloatingPanelHeader: import("react").ForwardRefExoticComponent<FloatingPanelHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/positioner.d.ts
+interface FloatingPanelPositionerBaseProps extends PolymorphicProps {}
+interface FloatingPanelPositionerProps extends HTMLProps<"div">, FloatingPanelPositionerBaseProps {}
+declare const FloatingPanelPositioner: import("react").ForwardRefExoticComponent<FloatingPanelPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/resize-trigger.d.ts
+interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {}
+interface FloatingPanelResizeTriggerProps extends HTMLProps<"div">, FloatingPanelResizeTriggerBaseProps {}
+declare const FloatingPanelResizeTrigger: import("react").ForwardRefExoticComponent<FloatingPanelResizeTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/stage-trigger.d.ts
+interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {}
+interface FloatingPanelStageTriggerProps extends HTMLProps<"button">, FloatingPanelStageTriggerBaseProps {}
+declare const FloatingPanelStageTrigger: import("react").ForwardRefExoticComponent<FloatingPanelStageTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/root.d.ts
+interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {}
+interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/floating-panel/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFloatingPanelReturn;
+}
+interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, "present"> {}
+interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/floating-panel/title.d.ts
+interface FloatingPanelTitleBaseProps extends PolymorphicProps {}
+interface FloatingPanelTitleProps extends HTMLProps<"h2">, FloatingPanelTitleBaseProps {}
+declare const FloatingPanelTitle: import("react").ForwardRefExoticComponent<FloatingPanelTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/trigger.d.ts
+interface FloatingPanelTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelTriggerProps extends HTMLProps<"button">, FloatingPanelTriggerBaseProps {}
+declare const FloatingPanelTrigger: import("react").ForwardRefExoticComponent<FloatingPanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/control.d.ts
+interface FloatingPanelControlBaseProps extends PolymorphicProps {}
+interface FloatingPanelControlProps extends HTMLProps<"div">, FloatingPanelControlBaseProps {}
+declare const FloatingPanelControl: import("react").ForwardRefExoticComponent<FloatingPanelControlProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace floating_panel_d_exports {
+  export { AnchorPositionDetails, FloatingPanelBody as Body, FloatingPanelBodyBaseProps as BodyBaseProps, FloatingPanelBodyProps as BodyProps, FloatingPanelCloseTrigger as CloseTrigger, FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, FloatingPanelCloseTriggerProps as CloseTriggerProps, FloatingPanelContent as Content, FloatingPanelContentBaseProps as ContentBaseProps, FloatingPanelContentProps as ContentProps, FloatingPanelContext as Context, FloatingPanelContextProps as ContextProps, FloatingPanelControl as Control, FloatingPanelControlBaseProps as ControlBaseProps, FloatingPanelControlProps as ControlProps, FloatingPanelDragTrigger as DragTrigger, FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, FloatingPanelDragTriggerProps as DragTriggerProps, ElementIds, FloatingPanelHeader as Header, FloatingPanelHeaderBaseProps as HeaderBaseProps, FloatingPanelHeaderProps as HeaderProps, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, FloatingPanelPositioner as Positioner, FloatingPanelPositionerBaseProps as PositionerBaseProps, FloatingPanelPositionerProps as PositionerProps, FloatingPanelResizeTrigger as ResizeTrigger, ResizeTriggerAxis, FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, FloatingPanelResizeTriggerProps as ResizeTriggerProps, FloatingPanelRoot as Root, FloatingPanelRootBaseProps as RootBaseProps, FloatingPanelRootProps as RootProps, FloatingPanelRootProvider as RootProvider, FloatingPanelRootProviderBaseProps as RootProviderBaseProps, FloatingPanelRootProviderProps as RootProviderProps, Size, SizeChangeDetails, Stage, StageChangeDetails, FloatingPanelStageTrigger as StageTrigger, FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, FloatingPanelStageTriggerProps as StageTriggerProps, FloatingPanelTitle as Title, FloatingPanelTitleBaseProps as TitleBaseProps, FloatingPanelTitleProps as TitleProps, FloatingPanelTrigger as Trigger, FloatingPanelTriggerBaseProps as TriggerBaseProps, FloatingPanelTriggerProps as TriggerProps, resizeTriggerAxes };
+}
+//#endregion
+export { floating_panel_d_exports as FloatingPanel, type FloatingPanelAnchorPositionDetails, FloatingPanelBody, type FloatingPanelBodyBaseProps, type FloatingPanelBodyProps, FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerBaseProps, type FloatingPanelCloseTriggerProps, FloatingPanelContent, type FloatingPanelContentBaseProps, type FloatingPanelContentProps, FloatingPanelContext, type FloatingPanelContextProps, FloatingPanelControl, type FloatingPanelControlBaseProps, type FloatingPanelControlProps, FloatingPanelDragTrigger, type FloatingPanelDragTriggerBaseProps, type FloatingPanelDragTriggerProps, type FloatingPanelElementIds, FloatingPanelHeader, type FloatingPanelHeaderBaseProps, type FloatingPanelHeaderProps, type FloatingPanelIntlTranslations, type FloatingPanelOpenChangeDetails, type FloatingPanelPoint, type FloatingPanelPositionChangeDetails, FloatingPanelPositioner, type FloatingPanelPositionerBaseProps, type FloatingPanelPositionerProps, FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerAxis, type FloatingPanelResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps, FloatingPanelRoot, type FloatingPanelRootBaseProps, type FloatingPanelRootProps, FloatingPanelRootProvider, type FloatingPanelRootProviderBaseProps, type FloatingPanelRootProviderProps, type FloatingPanelSize, type FloatingPanelSizeChangeDetails, type FloatingPanelStage, type FloatingPanelStageChangeDetails, FloatingPanelStageTrigger, type FloatingPanelStageTriggerBaseProps, type FloatingPanelStageTriggerProps, FloatingPanelTitle, type FloatingPanelTitleBaseProps, type FloatingPanelTitleProps, FloatingPanelTrigger, type FloatingPanelTriggerBaseProps, type FloatingPanelTriggerProps, type UseFloatingPanelContext, type UseFloatingPanelProps, type UseFloatingPanelReturn, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/floating-panel.js

@@ -0,0 +1,242 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, l as useComposedRefs, 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 { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-I8Rceflw.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as floatingPanel from "@wirekyt/dom/machines/floating-panel";
+import { anatomy as floatingPanelAnatomy, resizeTriggerAxes } from "@wirekyt/dom/machines/floating-panel";
+//#region src/components/floating-panel/use-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = createContext$1({
+	name: "FloatingPanelContext",
+	hookName: "useFloatingPanelContext",
+	providerName: "<FloatingPanelProvider />"
+});
+//#endregion
+//#region src/components/floating-panel/body.tsx
+const FloatingPanelBody = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getBodyProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelBody.displayName = "FloatingPanelBody";
+//#endregion
+//#region src/components/floating-panel/close-trigger.tsx
+const FloatingPanelCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelCloseTrigger.displayName = "FloatingPanelCloseTrigger";
+//#endregion
+//#region src/components/floating-panel/content.tsx
+const FloatingPanelContent = forwardRef((props, ref) => {
+	const floatingPanel = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(floatingPanel.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+FloatingPanelContent.displayName = "FloatingPanelContent";
+//#endregion
+//#region src/components/floating-panel/context.tsx
+const FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+//#endregion
+//#region src/components/floating-panel/drag-trigger.tsx
+const FloatingPanelDragTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getDragTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelDragTrigger.displayName = "FloatingPanelDragTrigger";
+//#endregion
+//#region src/components/floating-panel/header.tsx
+const FloatingPanelHeader = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getHeaderProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelHeader.displayName = "FloatingPanelHeader";
+//#endregion
+//#region src/components/floating-panel/positioner.tsx
+const FloatingPanelPositioner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getPositionerProps(), props);
+	if (usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelPositioner.displayName = "FloatingPanelPositioner";
+//#endregion
+//#region src/components/floating-panel/resize-trigger.tsx
+const splitResizeTriggerProps = createSplitProps();
+const FloatingPanelResizeTrigger = forwardRef((props, ref) => {
+	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
+	const mergedProps = mergeProps(useFloatingPanelContext().getResizeTriggerProps(resizeProps), localProps);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";
+//#endregion
+//#region src/components/floating-panel/stage-trigger.tsx
+const splitStageTriggerProps = createSplitProps();
+const FloatingPanelStageTrigger = forwardRef((props, ref) => {
+	const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
+	const mergedProps = mergeProps(useFloatingPanelContext().getStageTriggerProps(stage), localProps);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";
+//#endregion
+//#region src/components/floating-panel/use.ts
+const useFloatingPanel = (props = {}) => {
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id: useId(),
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(floatingPanel.machine, context);
+	return floatingPanel.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/floating-panel/root.tsx
+const splitRootProps = createSplitProps();
+const FloatingPanelRoot = (props) => {
+	const [presenceProps, otherProps] = splitPresenceProps(props);
+	const [useFloatingPanelProps, localProps] = splitRootProps(otherProps, [
+		"allowOverflow",
+		"closeOnEscape",
+		"defaultOpen",
+		"defaultPosition",
+		"defaultSize",
+		"dir",
+		"disabled",
+		"draggable",
+		"getAnchorPosition",
+		"getBoundaryEl",
+		"gridSize",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"lockAspectRatio",
+		"maxSize",
+		"minSize",
+		"onOpenChange",
+		"onPositionChange",
+		"onPositionChangeEnd",
+		"onSizeChange",
+		"onSizeChangeEnd",
+		"onStageChange",
+		"open",
+		"persistRect",
+		"position",
+		"resizable",
+		"restoreFocus",
+		"size",
+		"strategy",
+		"translations"
+	]);
+	const floatingPanel = useFloatingPanel(useFloatingPanelProps);
+	return /* @__PURE__ */ jsx(FloatingPanelProvider, {
+		value: floatingPanel,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: usePresence(mergeProps({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+//#endregion
+//#region src/components/floating-panel/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const FloatingPanelRootProvider = (props) => {
+	const [presenceProps, baseProps] = splitPresenceProps(props);
+	const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
+	return /* @__PURE__ */ jsx(FloatingPanelProvider, {
+		value: floatingPanel,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: usePresence(mergeProps({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+//#endregion
+//#region src/components/floating-panel/title.tsx
+const FloatingPanelTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(wire.h2, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTitle.displayName = "FloatingPanelTitle";
+//#endregion
+//#region src/components/floating-panel/trigger.tsx
+const FloatingPanelTrigger = forwardRef((props, ref) => {
+	const floatingPanel = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const triggerProps = floatingPanel.getTriggerProps();
+	const mergedProps = mergeProps({
+		...triggerProps,
+		"aria-controls": presence.unmounted ? void 0 : triggerProps["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTrigger.displayName = "FloatingPanelTrigger";
+//#endregion
+//#region src/components/floating-panel/control.tsx
+const FloatingPanelControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFloatingPanelContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelControl.displayName = "FloatingPanelControl";
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ __exportAll({
+	Body: () => FloatingPanelBody,
+	CloseTrigger: () => FloatingPanelCloseTrigger,
+	Content: () => FloatingPanelContent,
+	Context: () => FloatingPanelContext,
+	Control: () => FloatingPanelControl,
+	DragTrigger: () => FloatingPanelDragTrigger,
+	Header: () => FloatingPanelHeader,
+	Positioner: () => FloatingPanelPositioner,
+	ResizeTrigger: () => FloatingPanelResizeTrigger,
+	Root: () => FloatingPanelRoot,
+	RootProvider: () => FloatingPanelRootProvider,
+	StageTrigger: () => FloatingPanelStageTrigger,
+	Title: () => FloatingPanelTitle,
+	Trigger: () => FloatingPanelTrigger,
+	resizeTriggerAxes: () => resizeTriggerAxes
+});
+//#endregion
+export { floating_panel_exports as FloatingPanel, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/format.cjs

@@ -0,0 +1,64 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_i18n_utils = require("@wirekyt/dom/i18n-utils");
+//#region src/components/format/byte.tsx
+const FormatByte = (props) => {
+	const { locale } = require_providers.useLocaleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+		const { value, ...intlOptions } = props;
+		return (0, _wirekyt_dom_i18n_utils.formatBytes)(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatByte.displayName = "FormatByte";
+//#endregion
+//#region src/components/format/number.tsx
+const FormatNumber = (props) => {
+	const { locale } = require_providers.useLocaleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+		const { value, ...intlOptions } = props;
+		return (0, _wirekyt_dom_i18n_utils.formatNumber)(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatNumber.displayName = "FormatNumber";
+//#endregion
+//#region src/components/format/relative-time.tsx
+const FormatRelativeTime = (props) => {
+	const { locale } = require_providers.useLocaleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+		const { value, ...intlOptions } = props;
+		return (0, _wirekyt_dom_i18n_utils.formatRelativeTime)(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatRelativeTime.displayName = "FormatRelativeTime";
+//#endregion
+//#region src/components/format/time.tsx
+const FormatTime = (props) => {
+	const { locale } = require_providers.useLocaleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+		const { value, ...intlOptions } = props;
+		return (0, _wirekyt_dom_i18n_utils.formatTime)(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatTime.displayName = "FormatTime";
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Byte: () => FormatByte,
+	Number: () => FormatNumber,
+	RelativeTime: () => FormatRelativeTime,
+	Time: () => FormatTime
+});
+//#endregion
+Object.defineProperty(exports, "Format", {
+	enumerable: true,
+	get: function() {
+		return format_exports;
+	}
+});
+exports.FormatByte = FormatByte;
+exports.FormatNumber = FormatNumber;
+exports.FormatRelativeTime = FormatRelativeTime;
+exports.FormatTime = FormatTime;

package/dist/format.d.cts

@@ -0,0 +1,44 @@
+import { FormatTimeOptions } from "@wirekyt/dom/i18n-utils";
+//#region src/components/format/byte.d.ts
+interface FormatByteProps {
+  unit?: "bit" | "byte" | undefined;
+  unitDisplay?: "long" | "short" | "narrow" | undefined;
+  unitSystem?: "decimal" | "binary" | undefined;
+  value: number;
+}
+declare const FormatByte: {
+  (props: FormatByteProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/number.d.ts
+interface FormatNumberProps extends Intl.NumberFormatOptions {
+  value: number;
+}
+declare const FormatNumber: {
+  (props: FormatNumberProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/relative-time.d.ts
+interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+  value: Date;
+}
+declare const FormatRelativeTime: {
+  (props: FormatRelativeTimeProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/time.d.ts
+interface FormatTimeProps extends FormatTimeOptions {
+  value: string | Date;
+}
+declare const FormatTime: {
+  (props: FormatTimeProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare namespace format_d_exports {
+  export { FormatByte as Byte, FormatByteProps as ByteProps, FormatNumber as Number, FormatNumberProps as NumberProps, FormatRelativeTime as RelativeTime, FormatRelativeTimeProps as RelativeTimeProps, FormatTime as Time, FormatTimeProps as TimeProps };
+}
+//#endregion
+export { format_d_exports as Format, FormatByte, type FormatByteProps, FormatNumber, type FormatNumberProps, FormatRelativeTime, type FormatRelativeTimeProps, FormatTime, type FormatTimeProps };

package/dist/format.d.ts

@@ -0,0 +1,44 @@
+import { FormatTimeOptions } from "@wirekyt/dom/i18n-utils";
+//#region src/components/format/byte.d.ts
+interface FormatByteProps {
+  unit?: "bit" | "byte" | undefined;
+  unitDisplay?: "long" | "short" | "narrow" | undefined;
+  unitSystem?: "decimal" | "binary" | undefined;
+  value: number;
+}
+declare const FormatByte: {
+  (props: FormatByteProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/number.d.ts
+interface FormatNumberProps extends Intl.NumberFormatOptions {
+  value: number;
+}
+declare const FormatNumber: {
+  (props: FormatNumberProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/relative-time.d.ts
+interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+  value: Date;
+}
+declare const FormatRelativeTime: {
+  (props: FormatRelativeTimeProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/time.d.ts
+interface FormatTimeProps extends FormatTimeOptions {
+  value: string | Date;
+}
+declare const FormatTime: {
+  (props: FormatTimeProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare namespace format_d_exports {
+  export { FormatByte as Byte, FormatByteProps as ByteProps, FormatNumber as Number, FormatNumberProps as NumberProps, FormatRelativeTime as RelativeTime, FormatRelativeTimeProps as RelativeTimeProps, FormatTime as Time, FormatTimeProps as TimeProps };
+}
+//#endregion
+export { format_d_exports as Format, FormatByte, type FormatByteProps, FormatNumber, type FormatNumberProps, FormatRelativeTime, type FormatRelativeTimeProps, FormatTime, type FormatTimeProps };

package/dist/format.js

@@ -0,0 +1,54 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { formatBytes, formatNumber, formatRelativeTime, formatTime } from "@wirekyt/dom/i18n-utils";
+//#region src/components/format/byte.tsx
+const FormatByte = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatBytes(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatByte.displayName = "FormatByte";
+//#endregion
+//#region src/components/format/number.tsx
+const FormatNumber = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatNumber(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatNumber.displayName = "FormatNumber";
+//#endregion
+//#region src/components/format/relative-time.tsx
+const FormatRelativeTime = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatRelativeTime(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatRelativeTime.displayName = "FormatRelativeTime";
+//#endregion
+//#region src/components/format/time.tsx
+const FormatTime = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatTime(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatTime.displayName = "FormatTime";
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ __exportAll({
+	Byte: () => FormatByte,
+	Number: () => FormatNumber,
+	RelativeTime: () => FormatRelativeTime,
+	Time: () => FormatTime
+});
+//#endregion
+export { format_exports as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };

package/dist/frame.cjs

@@ -0,0 +1,85 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_dom = require("react-dom");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/frame/content.tsx
+const FrameContent = (props) => {
+	const { onMount, onUnmount, children } = props;
+	const mountedRef = (0, react.useRef)(false);
+	const calledRef = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		if (!mountedRef.current && !calledRef.current) {
+			onMount?.();
+			mountedRef.current = true;
+			calledRef.current = true;
+		}
+		return () => {
+			if (mountedRef.current) {
+				onUnmount?.();
+				mountedRef.current = false;
+			}
+		};
+	}, []);
+	return children;
+};
+//#endregion
+//#region src/components/frame/frame.tsx
+const initialSrcDoc = `<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class="frame-root"></div></body></html>`;
+function getMountNode(frame) {
+	const doc = frame.contentWindow?.document;
+	if (!doc) return null;
+	return doc.body.querySelector(".frame-root") || doc.body;
+}
+const Frame = (0, react.forwardRef)((props, ref) => {
+	const { children, head, onMount, onUnmount, srcDoc = initialSrcDoc, ...rest } = props;
+	const [frameRef, setFrameRef] = (0, react.useState)(null);
+	const [mountNode, setMountNode] = (0, react.useState)(null);
+	const composedRefs = require_utils.useComposedRefs(ref, setFrameRef);
+	require_utils.useSafeLayoutEffect(() => {
+		if (!frameRef) return;
+		const doc = frameRef.contentWindow?.document;
+		if (!doc) return;
+		doc.open();
+		doc.write(srcDoc);
+		doc.close();
+		setMountNode(getMountNode(frameRef));
+	}, [frameRef, srcDoc]);
+	(0, react.useEffect)(() => {
+		if (!frameRef?.contentDocument) return;
+		const win = frameRef.contentWindow;
+		if (!win) return;
+		const mountNode = getMountNode(frameRef);
+		if (!mountNode) return;
+		const exec = () => {
+			win.requestAnimationFrame(() => {
+				if (!frameRef.contentDocument?.documentElement) return;
+				frameRef.style.setProperty("--width", `${mountNode.scrollWidth}px`);
+				frameRef.style.setProperty("--height", `${mountNode.scrollHeight}px`);
+			});
+		};
+		const resizeObserver = new win.ResizeObserver(exec);
+		exec();
+		if (frameRef.contentDocument) resizeObserver.observe(mountNode);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [frameRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_environment.EnvironmentProvider, {
+		value: () => frameRef?.contentDocument ?? document,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("iframe", {
+			title: `frame:${(0, react.useId)()}`,
+			ref: composedRefs,
+			...rest,
+			children: [mountNode ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FrameContent, {
+				onMount,
+				onUnmount,
+				children
+			}), mountNode) : null, head && frameRef ? (0, react_dom.createPortal)(head, frameRef.contentDocument.head) : null]
+		})
+	});
+});
+//#endregion
+exports.Frame = Frame;

package/dist/frame.d.cts

@@ -0,0 +1,12 @@
+import "./index-CQAbOgb7.cjs";
+import { t as Assign } from "./types-BQQfrr86.cjs";
+//#region src/components/frame/frame.d.ts
+interface FrameBaseProps {
+  head?: React.ReactNode | undefined;
+  onMount?: (() => void) | undefined;
+  onUnmount?: (() => void) | undefined;
+}
+interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {}
+declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLIFrameElement>>;
+//#endregion
+export { Frame, type FrameBaseProps, type FrameProps };

package/dist/frame.d.ts

@@ -0,0 +1,12 @@
+import "./index-CxWYgVJk.js";
+import { t as Assign } from "./types-BQQfrr86.js";
+//#region src/components/frame/frame.d.ts
+interface FrameBaseProps {
+  head?: React.ReactNode | undefined;
+  onMount?: (() => void) | undefined;
+  onUnmount?: (() => void) | undefined;
+}
+interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {}
+declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLIFrameElement>>;
+//#endregion
+export { Frame, type FrameBaseProps, type FrameProps };