@wirekyt/solid 0.0.1 → 0.0.2

package/dist/scroll-area.jsx

@@ -0,0 +1,109 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as scrollArea from "@wirekyt/dom/machines/scroll-area";
+import { anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";
+//#region src/components/scroll-area/use-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = createContext$1({
+	hookName: "useScrollAreaContext",
+	providerName: "<ScrollAreaProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/context.tsx
+function ScrollAreaContext(props) {
+	return props.children(useScrollAreaContext());
+}
+//#endregion
+//#region src/components/scroll-area/content.tsx
+const ScrollAreaContent = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea().getContentProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/scroll-area/corner.tsx
+const ScrollAreaCorner = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea().getCornerProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/scroll-area/use.ts
+const useScrollArea = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...props
+	}));
+	const service = useMachine(scrollArea.machine, machineProps);
+	return createMemo(() => scrollArea.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/scroll-area/root.tsx
+const ScrollAreaRoot = (props) => {
+	const [useScrollAreaProps, localProps] = createSplitProps()(props, ["id", "ids"]);
+	const scrollArea = useScrollArea(useScrollAreaProps);
+	const mergedProps = mergeProps$1(() => scrollArea().getRootProps(), localProps);
+	return <ScrollAreaProvider value={scrollArea}>
+      <wire.div {...mergedProps} />
+    </ScrollAreaProvider>;
+};
+//#endregion
+//#region src/components/scroll-area/root-provider.tsx
+const ScrollAreaRootProvider = (props) => {
+	const { value, children, ...localProps } = props;
+	return <ScrollAreaProvider value={value}>
+      <wire.div {...localProps}>{children}</wire.div>
+    </ScrollAreaProvider>;
+};
+//#endregion
+//#region src/components/scroll-area/use-scrollbar-context.ts
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext$1({
+	hookName: "useScrollAreaScrollbarContext",
+	providerName: "<ScrollAreaScrollbarProvider />"
+});
+//#endregion
+//#region src/components/scroll-area/scrollbar.tsx
+const ScrollAreaScrollbar = (props) => {
+	const [scrollbarProps, localProps] = createSplitProps()(props, ["orientation"]);
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea().getScrollbarProps(scrollbarProps), localProps);
+	return <ScrollAreaScrollbarProvider value={scrollbarProps}>
+      <wire.div {...mergedProps} />
+    </ScrollAreaScrollbarProvider>;
+};
+//#endregion
+//#region src/components/scroll-area/thumb.tsx
+const ScrollAreaThumb = (props) => {
+	const scrollAreaApi = useScrollAreaContext();
+	const scrollbarProps = useScrollAreaScrollbarContext();
+	const mergedProps = mergeProps$1(() => scrollAreaApi().getThumbProps(scrollbarProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/scroll-area/viewport.tsx
+const ScrollAreaViewport = (props) => {
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps$1(() => scrollArea().getViewportProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ __exportAll({
+	Content: () => ScrollAreaContent,
+	Context: () => ScrollAreaContext,
+	Corner: () => ScrollAreaCorner,
+	Root: () => ScrollAreaRoot,
+	RootProvider: () => ScrollAreaRootProvider,
+	Scrollbar: () => ScrollAreaScrollbar,
+	Thumb: () => ScrollAreaThumb,
+	Viewport: () => ScrollAreaViewport
+});
+//#endregion
+export { scroll_area_exports as ScrollArea, ScrollAreaContent, ScrollAreaContext, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaRootProvider, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, scrollAreaAnatomy, useScrollArea, useScrollAreaContext };

package/dist/segment-group.d.ts

@@ -0,0 +1,80 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as segmentGroup from "@wirekyt/dom/machines/radio-group";
+import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as SegmentGroupValueChangeDetails } from "@wirekyt/dom/machines/radio-group";
+//#region src/components/segment-group/use.d.ts
+interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSegmentGroupReturn extends Accessor<segmentGroup.Api<PropTypes>> {}
+declare const useSegmentGroup: (props?: MaybeAccessor<UseSegmentGroupProps>) => UseSegmentGroupReturn;
+//#endregion
+//#region src/components/segment-group/use-context.d.ts
+interface UseSegmentGroupContext extends UseSegmentGroupReturn {}
+declare const SegmentGroupProvider: import("solid-js").ContextProviderComponent<UseSegmentGroupContext>, useSegmentGroupContext: () => UseSegmentGroupContext;
+//#endregion
+//#region src/components/segment-group/context.d.ts
+interface SegmentGroupContextProps {
+  children: (context: UseSegmentGroupContext) => JSX.Element;
+}
+declare const SegmentGroupContext: (props: SegmentGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/segment-group/indicator.d.ts
+interface SegmentGroupIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface SegmentGroupIndicatorProps extends HTMLProps<"div">, SegmentGroupIndicatorBaseProps {}
+declare const SegmentGroupIndicator: (props: SegmentGroupIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/item.d.ts
+interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<"label"> {}
+interface SegmentGroupItemProps extends HTMLProps<"label">, SegmentGroupItemBaseProps {}
+declare const SegmentGroupItem: (props: SegmentGroupItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/use-item-context.d.ts
+interface UseSegmentGroupItemContext extends Accessor<ItemState> {}
+declare const SegmentGroupItemProvider: import("solid-js").ContextProviderComponent<UseSegmentGroupItemContext>, useSegmentGroupItemContext: () => UseSegmentGroupItemContext;
+//#endregion
+//#region src/components/segment-group/item-context.d.ts
+interface SegmentGroupItemContextProps {
+  children: (context: UseSegmentGroupItemContext) => JSX.Element;
+}
+declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/segment-group/item-control.d.ts
+interface SegmentGroupItemControlBaseProps extends PolymorphicProps<"div"> {}
+interface SegmentGroupItemControlProps extends HTMLProps<"div">, SegmentGroupItemControlBaseProps {}
+declare const SegmentGroupItemControl: (props: SegmentGroupItemControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/item-hidden-input.d.ts
+interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface SegmentGroupItemHiddenInputProps extends HTMLProps<"input">, SegmentGroupItemHiddenInputBaseProps {}
+declare const SegmentGroupItemHiddenInput: (props: SegmentGroupItemHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/item-text.d.ts
+interface SegmentGroupItemTextBaseProps extends PolymorphicProps<"span"> {}
+interface SegmentGroupItemTextProps extends HTMLProps<"span">, SegmentGroupItemTextBaseProps {}
+declare const SegmentGroupItemText: (props: SegmentGroupItemTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/label.d.ts
+interface SegmentGroupLabelBaseProps extends PolymorphicProps<"span"> {}
+interface SegmentGroupLabelProps extends HTMLProps<"span">, SegmentGroupLabelBaseProps {}
+declare const SegmentGroupLabel: (props: SegmentGroupLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/root.d.ts
+interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<"div"> {}
+interface SegmentGroupRootProps extends HTMLProps<"div">, SegmentGroupRootBaseProps {}
+declare const SegmentGroupRoot: (props: SegmentGroupRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/root-provider.d.ts
+interface RootProviderProps {
+  value: UseSegmentGroupReturn;
+}
+interface SegmentGroupRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface SegmentGroupRootProviderProps extends HTMLProps<"div">, RootProviderProps, SegmentGroupRootProviderBaseProps {}
+declare const SegmentGroupRootProvider: (props: SegmentGroupRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/segment-group/anatomy.d.ts
+declare const segmentGroupAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+declare namespace segment_group_d_exports {
+  export { SegmentGroupContext as Context, SegmentGroupContextProps as ContextProps, SegmentGroupIndicator as Indicator, SegmentGroupIndicatorBaseProps as IndicatorBaseProps, SegmentGroupIndicatorProps as IndicatorProps, SegmentGroupItem as Item, SegmentGroupItemBaseProps as ItemBaseProps, SegmentGroupItemContext as ItemContext, SegmentGroupItemContextProps as ItemContextProps, SegmentGroupItemControl as ItemControl, SegmentGroupItemControlBaseProps as ItemControlBaseProps, SegmentGroupItemControlProps as ItemControlProps, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, SegmentGroupItemProps as ItemProps, SegmentGroupItemText as ItemText, SegmentGroupItemTextBaseProps as ItemTextBaseProps, SegmentGroupItemTextProps as ItemTextProps, SegmentGroupLabel as Label, SegmentGroupLabelBaseProps as LabelBaseProps, SegmentGroupLabelProps as LabelProps, SegmentGroupRoot as Root, SegmentGroupRootBaseProps as RootBaseProps, SegmentGroupRootProps as RootProps, SegmentGroupRootProvider as RootProvider, SegmentGroupRootProviderBaseProps as RootProviderBaseProps, SegmentGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { segment_group_d_exports as SegmentGroup, SegmentGroupContext, type SegmentGroupContextProps, SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, SegmentGroupItem, type SegmentGroupItemBaseProps, SegmentGroupItemContext, type SegmentGroupItemContextProps, SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, type SegmentGroupItemProps, SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupValueChangeDetails, type UseSegmentGroupContext, type UseSegmentGroupItemContext, type UseSegmentGroupProps, type UseSegmentGroupReturn, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };

package/dist/segment-group.js

@@ -0,0 +1,166 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as segmentGroup from "@wirekyt/dom/machines/radio-group";
+import { anatomy } from "@wirekyt/dom/machines/radio-group";
+//#region src/components/segment-group/use-context.ts
+const [SegmentGroupProvider, useSegmentGroupContext] = createContext$1({
+	hookName: "useSegmentGroupContext",
+	providerName: "<SegmentGroupProvider />"
+});
+//#endregion
+//#region src/components/segment-group/context.tsx
+const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
+//#endregion
+//#region src/components/segment-group/anatomy.ts
+const segmentGroupAnatomy = anatomy.rename("segment-group");
+const parts = segmentGroupAnatomy.build();
+//#endregion
+//#region src/components/segment-group/indicator.tsx
+const SegmentGroupIndicator = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/segment-group/use-item-context.ts
+const [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext$1({
+	hookName: "useSegmentGroupItemContext",
+	providerName: "<SegmentGroupItemProvider />"
+});
+//#endregion
+//#region src/components/segment-group/use-item-props-context.ts
+const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext$1({
+	hookName: "useSegmentGroupItemPropsContext",
+	providerName: "<SegmentGroupItemPropsProvider />"
+});
+//#endregion
+//#region src/components/segment-group/item.tsx
+const SegmentGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
+	const itemState = createMemo(() => segmentGroup().getItemState(itemProps));
+	return createComponent(SegmentGroupItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(SegmentGroupItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(wire.label, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/segment-group/item-context.tsx
+const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
+//#endregion
+//#region src/components/segment-group/item-control.tsx
+const SegmentGroupItemControl = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/segment-group/item-hidden-input.tsx
+const SegmentGroupItemHiddenInput = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getItemHiddenInputProps(itemProps), props);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/segment-group/item-text.tsx
+const SegmentGroupItemText = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/segment-group/label.tsx
+const SegmentGroupLabel = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$2(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/segment-group/use.ts
+const useSegmentGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(segmentGroup.machine, machineProps);
+	return createMemo(() => segmentGroup.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/segment-group/root.tsx
+const SegmentGroupRoot = (props) => {
+	const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const segmentGroup = useSegmentGroup(useSegmentGroupProps);
+	const mergedProps = mergeProps$2(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+	return createComponent(SegmentGroupProvider, {
+		value: segmentGroup,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/segment-group/root-provider.tsx
+const SegmentGroupRootProvider = (props) => {
+	const [{ value: segmentGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+	return createComponent(SegmentGroupProvider, {
+		value: segmentGroup,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/segment-group/segment-group.ts
+var segment_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => SegmentGroupContext,
+	Indicator: () => SegmentGroupIndicator,
+	Item: () => SegmentGroupItem,
+	ItemContext: () => SegmentGroupItemContext,
+	ItemControl: () => SegmentGroupItemControl,
+	ItemHiddenInput: () => SegmentGroupItemHiddenInput,
+	ItemText: () => SegmentGroupItemText,
+	Label: () => SegmentGroupLabel,
+	Root: () => SegmentGroupRoot,
+	RootProvider: () => SegmentGroupRootProvider
+});
+//#endregion
+export { segment_group_exports as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };

package/dist/segment-group.jsx

@@ -0,0 +1,153 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as segmentGroup from "@wirekyt/dom/machines/radio-group";
+import { anatomy } from "@wirekyt/dom/machines/radio-group";
+//#region src/components/segment-group/use-context.ts
+const [SegmentGroupProvider, useSegmentGroupContext] = createContext$1({
+	hookName: "useSegmentGroupContext",
+	providerName: "<SegmentGroupProvider />"
+});
+//#endregion
+//#region src/components/segment-group/context.tsx
+const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
+//#endregion
+//#region src/components/segment-group/anatomy.ts
+const segmentGroupAnatomy = anatomy.rename("segment-group");
+const parts = segmentGroupAnatomy.build();
+//#endregion
+//#region src/components/segment-group/indicator.tsx
+const SegmentGroupIndicator = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/segment-group/use-item-context.ts
+const [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext$1({
+	hookName: "useSegmentGroupItemContext",
+	providerName: "<SegmentGroupItemProvider />"
+});
+//#endregion
+//#region src/components/segment-group/use-item-props-context.ts
+const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext$1({
+	hookName: "useSegmentGroupItemPropsContext",
+	providerName: "<SegmentGroupItemPropsProvider />"
+});
+//#endregion
+//#region src/components/segment-group/item.tsx
+const SegmentGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
+	const itemState = createMemo(() => segmentGroup().getItemState(itemProps));
+	return <SegmentGroupItemPropsProvider value={itemProps}>
+      <SegmentGroupItemProvider value={itemState}>
+        <wire.label {...mergedProps} />
+      </SegmentGroupItemProvider>
+    </SegmentGroupItemPropsProvider>;
+};
+//#endregion
+//#region src/components/segment-group/item-context.tsx
+const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
+//#endregion
+//#region src/components/segment-group/item-control.tsx
+const SegmentGroupItemControl = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/segment-group/item-hidden-input.tsx
+const SegmentGroupItemHiddenInput = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getItemHiddenInputProps(itemProps), props);
+	return <wire.input {...mergedProps} />;
+};
+//#endregion
+//#region src/components/segment-group/item-text.tsx
+const SegmentGroupItemText = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/segment-group/label.tsx
+const SegmentGroupLabel = (props) => {
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/segment-group/use.ts
+const useSegmentGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(segmentGroup.machine, machineProps);
+	return createMemo(() => segmentGroup.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/segment-group/root.tsx
+const SegmentGroupRoot = (props) => {
+	const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const segmentGroup = useSegmentGroup(useSegmentGroupProps);
+	const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+	return <SegmentGroupProvider value={segmentGroup}>
+      <wire.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+//#endregion
+//#region src/components/segment-group/root-provider.tsx
+const SegmentGroupRootProvider = (props) => {
+	const [{ value: segmentGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+	return <SegmentGroupProvider value={segmentGroup}>
+      <wire.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+//#endregion
+//#region src/components/segment-group/segment-group.ts
+var segment_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => SegmentGroupContext,
+	Indicator: () => SegmentGroupIndicator,
+	Item: () => SegmentGroupItem,
+	ItemContext: () => SegmentGroupItemContext,
+	ItemControl: () => SegmentGroupItemControl,
+	ItemHiddenInput: () => SegmentGroupItemHiddenInput,
+	ItemText: () => SegmentGroupItemText,
+	Label: () => SegmentGroupLabel,
+	Root: () => SegmentGroupRoot,
+	RootProvider: () => SegmentGroupRootProvider
+});
+//#endregion
+export { segment_group_exports as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };

package/dist/select.d.ts

@@ -0,0 +1,132 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "./index-CJwZCGOS.js";
+import { s as UsePresenceProps } from "./index-B17eqq14.js";
+import { Accessor, JSX } from "solid-js";
+import * as select from "@wirekyt/dom/machines/select";
+import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails, anatomy as selectAnatomy } from "@wirekyt/dom/machines/select";
+import { JSX as JSX$1 } from "solid-js/jsx-runtime";
+//#region src/components/select/clear-trigger.d.ts
+interface SelectClearTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface SelectClearTriggerProps extends HTMLProps<"button">, SelectClearTriggerBaseProps {}
+declare const SelectClearTrigger: (props: SelectClearTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/content.d.ts
+interface SelectContentBaseProps extends PolymorphicProps<"div"> {}
+interface SelectContentProps extends HTMLProps<"div">, SelectContentBaseProps {}
+declare const SelectContent: (props: SelectContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/use.d.ts
+interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Props<T>, "collection" | "dir" | "getRootNode">, "id"> {
+  collection: ListCollection<T>;
+}
+interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {}
+declare const useSelect: <T extends CollectionItem>(props: MaybeAccessor<UseSelectProps<T>>) => UseSelectReturn<T>;
+//#endregion
+//#region src/components/select/use-context.d.ts
+interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {}
+declare const SelectProvider: import("solid-js").ContextProviderComponent<UseSelectContext<any>>, useSelectContext: () => UseSelectContext<any>;
+//#endregion
+//#region src/components/select/context.d.ts
+interface SelectContextProps<T extends CollectionItem> {
+  children: (context: UseSelectContext<T>) => JSX.Element;
+}
+declare const SelectContext: <T extends CollectionItem>(props: SelectContextProps<T>) => JSX.Element;
+//#endregion
+//#region src/components/select/control.d.ts
+interface SelectControlBaseProps extends PolymorphicProps<"div"> {}
+interface SelectControlProps extends HTMLProps<"div">, SelectControlBaseProps {}
+declare const SelectControl: (props: SelectControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/hidden-select.d.ts
+interface SelectHiddenSelectBaseProps extends PolymorphicProps<"select"> {}
+interface SelectHiddenSelectProps extends HTMLProps<"select">, SelectHiddenSelectBaseProps {}
+declare const SelectHiddenSelect: (props: SelectHiddenSelectProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/indicator.d.ts
+interface SelectIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface SelectIndicatorProps extends HTMLProps<"div">, SelectIndicatorBaseProps {}
+declare const SelectIndicator: (props: SelectIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/item.d.ts
+interface SelectItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
+interface SelectItemProps extends HTMLProps<"div">, SelectItemBaseProps {}
+declare const SelectItem: (props: SelectItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/use-item-context.d.ts
+interface UseSelectItemContext extends Accessor<ItemState> {}
+declare const SelectItemProvider: import("solid-js").ContextProviderComponent<UseSelectItemContext>, useSelectItemContext: () => UseSelectItemContext;
+//#endregion
+//#region src/components/select/item-context.d.ts
+interface SelectItemContextProps {
+  children: (context: UseSelectItemContext) => JSX.Element;
+}
+declare const SelectItemContext: (props: SelectItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/select/item-group.d.ts
+interface SelectItemGroupBaseProps extends PolymorphicProps<"div"> {}
+interface SelectItemGroupProps extends HTMLProps<"div">, SelectItemGroupBaseProps {}
+declare const SelectItemGroup: (props: SelectItemGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/item-group-label.d.ts
+interface SelectItemGroupLabelBaseProps extends PolymorphicProps<"div"> {}
+interface SelectItemGroupLabelProps extends HTMLProps<"div">, SelectItemGroupLabelBaseProps {}
+declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/item-indicator.d.ts
+interface SelectItemIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface SelectItemIndicatorProps extends HTMLProps<"div">, SelectItemIndicatorBaseProps {}
+declare const SelectItemIndicator: (props: SelectItemIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/item-text.d.ts
+interface SelectItemTextBaseProps extends PolymorphicProps<"span"> {}
+interface SelectItemTextProps extends HTMLProps<"span">, SelectItemTextBaseProps {}
+declare const SelectItemText: (props: SelectItemTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/label.d.ts
+interface SelectLabelBaseProps extends PolymorphicProps<"label"> {}
+interface SelectLabelProps extends HTMLProps<"label">, SelectLabelBaseProps {}
+declare const SelectLabel: (props: SelectLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/list.d.ts
+interface SelectListBaseProps extends PolymorphicProps<"div"> {}
+interface SelectListProps extends HTMLProps<"div">, SelectListBaseProps {}
+declare const SelectList: (props: SelectListProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/positioner.d.ts
+interface SelectPositionerBaseProps extends PolymorphicProps<"div"> {}
+interface SelectPositionerProps extends HTMLProps<"div">, SelectPositionerBaseProps {}
+declare const SelectPositioner: (props: SelectPositionerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/root.d.ts
+interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps<"div"> {}
+interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<"div">, SelectRootBaseProps<T>> {}
+declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T>) => JSX.Element;
+type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P>;
+type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => JSX.Element;
+//#endregion
+//#region src/components/select/root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseSelectReturn<T>;
+}
+interface SelectRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<"div"> {}
+interface SelectRootProviderProps<T extends CollectionItem> extends HTMLProps<"div">, SelectRootProviderBaseProps<T> {}
+declare const SelectRootProvider: <T extends CollectionItem>(props: SelectRootProviderProps<T>) => JSX$1.Element;
+type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => JSX$1.Element;
+//#endregion
+//#region src/components/select/trigger.d.ts
+interface SelectTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface SelectTriggerProps extends HTMLProps<"button">, SelectTriggerBaseProps {}
+declare const SelectTrigger: (props: SelectTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/select/value-text.d.ts
+interface SelectValueTextBaseProps extends PolymorphicProps<"span"> {
+  placeholder?: string;
+}
+interface SelectValueTextProps extends HTMLProps<"span">, SelectValueTextBaseProps {}
+declare const SelectValueText: (props: SelectValueTextProps) => import("solid-js").JSX.Element;
+declare namespace select_d_exports {
+  export { SelectClearTrigger as ClearTrigger, SelectClearTriggerBaseProps as ClearTriggerBaseProps, SelectClearTriggerProps as ClearTriggerProps, CollectionItem, SelectContent as Content, SelectContentBaseProps as ContentBaseProps, SelectContentProps as ContentProps, SelectContext as Context, SelectContextProps as ContextProps, SelectControl as Control, SelectControlBaseProps as ControlBaseProps, SelectControlProps as ControlProps, FocusOutsideEvent, SelectHiddenSelect as HiddenSelect, SelectHiddenSelectBaseProps as HiddenSelectBaseProps, SelectHiddenSelectProps as HiddenSelectProps, HighlightChangeDetails, SelectIndicator as Indicator, SelectIndicatorBaseProps as IndicatorBaseProps, SelectIndicatorProps as IndicatorProps, InteractOutsideEvent, SelectItem as Item, SelectItemBaseProps as ItemBaseProps, SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps, SelectItemGroup as ItemGroup, SelectItemGroupBaseProps as ItemGroupBaseProps, SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, SelectItemGroupLabelProps as ItemGroupLabelProps, SelectItemGroupProps as ItemGroupProps, SelectItemIndicator as ItemIndicator, SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, SelectItemIndicatorProps as ItemIndicatorProps, SelectItemProps as ItemProps, SelectItemText as ItemText, SelectItemTextBaseProps as ItemTextBaseProps, SelectItemTextProps as ItemTextProps, SelectLabel as Label, SelectLabelBaseProps as LabelBaseProps, SelectLabelProps as LabelProps, SelectList as List, SelectListBaseProps as ListBaseProps, ListCollection, SelectListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, SelectPositioner as Positioner, SelectPositionerBaseProps as PositionerBaseProps, SelectPositionerProps as PositionerProps, SelectRoot as Root, SelectRootBaseProps as RootBaseProps, SelectRootComponent as RootComponent, SelectRootComponentProps as RootComponentProps, SelectRootProps as RootProps, SelectRootProvider as RootProvider, SelectRootProviderBaseProps as RootProviderBaseProps, SelectRootProviderComponent as RootProviderComponent, SelectRootProviderProps as RootProviderProps, SelectTrigger as Trigger, SelectTriggerBaseProps as TriggerBaseProps, SelectTriggerProps as TriggerProps, ValueChangeDetails, SelectValueText as ValueText, SelectValueTextBaseProps as ValueTextBaseProps, SelectValueTextProps as ValueTextProps };
+}
+//#endregion
+export { type CollectionItem, type ListCollection, select_d_exports as Select, SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, SelectContent, type SelectContentBaseProps, type SelectContentProps, SelectContext, type SelectContextProps, SelectControl, type SelectControlBaseProps, type SelectControlProps, type SelectFocusOutsideEvent, SelectHiddenSelect, type SelectHiddenSelectBaseProps, type SelectHiddenSelectProps, type SelectHighlightChangeDetails, SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps, type SelectInteractOutsideEvent, SelectItem, type SelectItemBaseProps, SelectItemContext, type SelectItemContextProps, SelectItemGroup, type SelectItemGroupBaseProps, SelectItemGroupLabel, type SelectItemGroupLabelBaseProps, type SelectItemGroupLabelProps, type SelectItemGroupProps, SelectItemIndicator, type SelectItemIndicatorBaseProps, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps, SelectLabel, type SelectLabelBaseProps, type SelectLabelProps, SelectList, type SelectListBaseProps, type SelectListProps, type SelectOpenChangeDetails, type SelectPointerDownOutsideEvent, SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, SelectRoot, type SelectRootBaseProps, type SelectRootComponent, type SelectRootComponentProps, type SelectRootProps, SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderComponent, type SelectRootProviderProps, SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps, type SelectValueChangeDetails, SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, type UseListCollectionProps, type UseSelectContext, type UseSelectItemContext, type UseSelectProps, type UseSelectReturn, createListCollection, selectAnatomy, useListCollection, useSelect, useSelectContext, useSelectItemContext };