@wirekyt/react 0.0.1 → 0.0.2

package/dist/date-input.d.ts

@@ -0,0 +1,69 @@
+import "./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 dateInput from "@wirekyt/dom/machines/date-input";
+import { DateSegment, DateValue as DateInputDateValue, FocusChangeDetails as DateInputFocusChangeDetails, HiddenInputProps, SegmentGroupProps, SegmentProps, SelectionMode as DateInputSelectionMode, ValueChangeDetails as DateInputValueChangeDetails, anatomy as dateInputAnatomy } from "@wirekyt/dom/machines/date-input";
+//#region src/components/date-input/use-date-input.d.ts
+interface UseDateInputProps extends Optional<dateInput.Props, "id"> {}
+type UseDateInputReturn = ReturnType<typeof useDateInput>;
+declare const useDateInput: (props?: UseDateInputProps) => dateInput.Api;
+//#endregion
+//#region src/components/date-input/use-date-input-context.d.ts
+interface UseDateInputContext extends UseDateInputReturn {}
+declare const DateInputProvider: import("react").Provider<UseDateInputContext>, useDateInputContext: () => UseDateInputContext;
+//#endregion
+//#region src/components/date-input/context.d.ts
+interface DateInputContextProps {
+  children: (context: UseDateInputContext) => ReactNode;
+}
+declare const DateInputContext: (props: DateInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/date-input/label.d.ts
+interface DateInputLabelBaseProps extends PolymorphicProps {}
+interface DateInputLabelProps extends HTMLProps<"label">, DateInputLabelBaseProps {}
+declare const DateInputLabel: import("react").ForwardRefExoticComponent<DateInputLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/date-input/root.d.ts
+interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps {}
+interface DateInputRootProps extends Assign<HTMLProps<"div">, DateInputRootBaseProps> {}
+declare const DateInputRoot: import("react").ForwardRefExoticComponent<DateInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/date-input/root-provider.d.ts
+interface RootProviderProps {
+  value: UseDateInputReturn;
+}
+interface DateInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface DateInputRootProviderProps extends HTMLProps<"div">, DateInputRootProviderBaseProps {}
+declare const DateInputRootProvider: import("react").ForwardRefExoticComponent<DateInputRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/date-input/segment.d.ts
+interface DateInputSegmentBaseProps extends PolymorphicProps, Pick<SegmentProps, "segment"> {}
+interface DateInputSegmentProps extends HTMLProps<"span">, DateInputSegmentBaseProps {}
+declare const DateInputSegment: import("react").ForwardRefExoticComponent<DateInputSegmentProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/date-input/segment-group.d.ts
+interface DateInputSegmentGroupBaseProps extends PolymorphicProps, SegmentGroupProps {}
+interface DateInputSegmentGroupProps extends HTMLProps<"div">, DateInputSegmentGroupBaseProps {}
+declare const DateInputSegmentGroup: import("react").ForwardRefExoticComponent<DateInputSegmentGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/date-input/hidden-input.d.ts
+interface DateInputHiddenInputBaseProps extends PolymorphicProps, HiddenInputProps {}
+interface DateInputHiddenInputProps extends HTMLProps<"input">, DateInputHiddenInputBaseProps {}
+declare const DateInputHiddenInput: import("react").ForwardRefExoticComponent<DateInputHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/date-input/control.d.ts
+interface DateInputControlBaseProps extends PolymorphicProps {}
+interface DateInputControlProps extends HTMLProps<"div">, DateInputControlBaseProps {}
+declare const DateInputControl: import("react").ForwardRefExoticComponent<DateInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/date-input/segment-context.d.ts
+interface DateInputSegmentContextProps {
+  children: (segment: DateSegment) => ReactNode;
+}
+declare const DateInputSegmentContext: (props: DateInputSegmentContextProps) => import("react").JSX.Element[];
+declare namespace date_input_d_exports {
+  export { DateInputContext as Context, DateInputContextProps as ContextProps, DateInputControl as Control, DateInputControlBaseProps as ControlBaseProps, DateInputControlProps as ControlProps, DateInputHiddenInput as HiddenInput, DateInputHiddenInputBaseProps as HiddenInputBaseProps, DateInputHiddenInputProps as HiddenInputProps, DateInputLabel as Label, DateInputLabelBaseProps as LabelBaseProps, DateInputLabelProps as LabelProps, DateInputRoot as Root, DateInputRootBaseProps as RootBaseProps, DateInputRootProps as RootProps, DateInputRootProvider as RootProvider, DateInputRootProviderBaseProps as RootProviderBaseProps, DateInputRootProviderProps as RootProviderProps, DateInputSegment as Segment, DateInputSegmentBaseProps as SegmentBaseProps, DateInputSegmentContext as SegmentContext, DateInputSegmentContextProps as SegmentContextProps, DateInputSegmentGroup as SegmentGroup, DateInputSegmentGroupBaseProps as SegmentGroupBaseProps, DateInputSegmentGroupProps as SegmentGroupProps, DateInputSegmentProps as SegmentProps };
+}
+//#endregion
+export { date_input_d_exports as DateInput, DateInputContext, type DateInputContextProps, DateInputControl, type DateInputControlBaseProps, type DateInputControlProps, type DateInputDateValue, type DateInputFocusChangeDetails, DateInputHiddenInput, type DateInputHiddenInputBaseProps, type DateInputHiddenInputProps, DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps, DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps, DateInputRootProvider, type DateInputRootProviderBaseProps, type DateInputRootProviderProps, DateInputSegment, type DateInputSegmentBaseProps, DateInputSegmentContext, type DateInputSegmentContextProps, DateInputSegmentGroup, type DateInputSegmentGroupBaseProps, type DateInputSegmentGroupProps, type DateInputSegmentProps, type DateInputSelectionMode, type DateInputValueChangeDetails, type UseDateInputContext, type UseDateInputProps, type UseDateInputReturn, dateInputAnatomy, useDateInput, useDateInputContext };

package/dist/date-input.js

@@ -0,0 +1,193 @@
+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 { Fragment, forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as dateInput from "@wirekyt/dom/machines/date-input";
+import { anatomy as dateInputAnatomy } from "@wirekyt/dom/machines/date-input";
+//#region src/components/date-input/use-date-input.ts
+const useDateInput = (props = {}) => {
+	const id = useId();
+	const { dir, locale } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const context = {
+		id,
+		dir,
+		locale,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(dateInput.machine, context);
+	return dateInput.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/date-input/use-date-input-context.ts
+const [DateInputProvider, useDateInputContext] = createContext$1({
+	name: "DateInputContext",
+	hookName: "useDateInputContext",
+	providerName: "<DateInput.Root />"
+});
+//#endregion
+//#region src/components/date-input/context.tsx
+const DateInputContext = (props) => props.children(useDateInputContext());
+//#endregion
+//#region src/components/date-input/label.tsx
+const DateInputLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDateInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+DateInputLabel.displayName = "DateInputLabel";
+//#endregion
+//#region src/components/date-input/root.tsx
+const splitRootProps = createSplitProps();
+const DateInputRoot = forwardRef((props, ref) => {
+	const [useDateInputProps, localProps] = splitRootProps(props, [
+		"dir",
+		"disabled",
+		"getRootNode",
+		"id",
+		"ids",
+		"invalid",
+		"locale",
+		"max",
+		"min",
+		"name",
+		"form",
+		"onFocusChange",
+		"onPlaceholderChange",
+		"onValueChange",
+		"readOnly",
+		"required",
+		"selectionMode",
+		"timeZone",
+		"hideTimeZone",
+		"translations",
+		"value",
+		"defaultValue",
+		"hourCycle",
+		"granularity",
+		"shouldForceLeadingZeros",
+		"allSegments",
+		"formatter",
+		"placeholderValue",
+		"defaultPlaceholderValue",
+		"format",
+		"createCalendar",
+		"isDateUnavailable"
+	]);
+	const dateInput = useDateInput(useDateInputProps);
+	const mergedProps = mergeProps(dateInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(DateInputProvider, {
+		value: dateInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DateInputRoot.displayName = "DateInputRoot";
+//#endregion
+//#region src/components/date-input/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const DateInputRootProvider = forwardRef((props, ref) => {
+	const [{ value: dateInput }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(dateInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(DateInputProvider, {
+		value: dateInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DateInputRootProvider.displayName = "DateInputRootProvider";
+//#endregion
+//#region src/components/date-input/use-date-input-segment-group-props-context.ts
+const [DateInputSegmentGroupPropsProvider, useDateInputSegmentGroupPropsContext] = createContext$1({
+	name: "DateInputSegmentGroupPropsContext",
+	hookName: "useDateInputSegmentGroupPropsContext",
+	providerName: "<DateInput.SegmentGroup />",
+	strict: true
+});
+//#endregion
+//#region src/components/date-input/segment.tsx
+const splitSegmentProps = createSplitProps();
+const DateInputSegment = forwardRef((props, ref) => {
+	const [segmentProps, localProps] = splitSegmentProps(props, ["segment"]);
+	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
+	const mergedProps = mergeProps(useDateInputContext().getSegmentProps({
+		...segmentProps,
+		index: segmentGroupProps.index
+	}), localProps);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref,
+		children: segmentProps.segment.text
+	});
+});
+DateInputSegment.displayName = "DateInputSegment";
+//#endregion
+//#region src/components/date-input/segment-group.tsx
+const splitSegmentGroupProps = createSplitProps();
+const DateInputSegmentGroup = forwardRef((props, ref) => {
+	const [segmentGroupProps, localProps] = splitSegmentGroupProps(props, ["index"]);
+	const mergedProps = mergeProps(useDateInputContext().getSegmentGroupProps(segmentGroupProps), localProps);
+	return /* @__PURE__ */ jsx(DateInputSegmentGroupPropsProvider, {
+		value: segmentGroupProps,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DateInputSegmentGroup.displayName = "DateInputSegmentGroup";
+//#endregion
+//#region src/components/date-input/hidden-input.tsx
+const splitHiddenInputProps = createSplitProps();
+const DateInputHiddenInput = forwardRef((props, ref) => {
+	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["index", "name"]);
+	const mergedProps = mergeProps(useDateInputContext().getHiddenInputProps(hiddenInputProps), localProps);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+DateInputHiddenInput.displayName = "DateInputHiddenInput";
+//#endregion
+//#region src/components/date-input/control.tsx
+const DateInputControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDateInputContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DateInputControl.displayName = "DateInputControl";
+//#endregion
+//#region src/components/date-input/segment-context.tsx
+const DateInputSegmentContext = (props) => {
+	const dateInput = useDateInputContext();
+	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
+	return dateInput.getSegments(segmentGroupProps).map((segment, index) => /* @__PURE__ */ jsx(Fragment, { children: props.children(segment) }, `${segment.type}-${index}`));
+};
+//#endregion
+//#region src/components/date-input/date-input.ts
+var date_input_exports = /* @__PURE__ */ __exportAll({
+	Context: () => DateInputContext,
+	Control: () => DateInputControl,
+	HiddenInput: () => DateInputHiddenInput,
+	Label: () => DateInputLabel,
+	Root: () => DateInputRoot,
+	RootProvider: () => DateInputRootProvider,
+	Segment: () => DateInputSegment,
+	SegmentContext: () => DateInputSegmentContext,
+	SegmentGroup: () => DateInputSegmentGroup
+});
+//#endregion
+export { date_input_exports as DateInput, DateInputContext, DateInputControl, DateInputHiddenInput, DateInputLabel, DateInputRoot, DateInputRootProvider, DateInputSegment, DateInputSegmentContext, DateInputSegmentGroup, dateInputAnatomy, useDateInput, useDateInputContext };