@wirekyt/solid 0.0.14 → 0.0.16

package/README.md

@@ -0,0 +1,28 @@
+Accessible, unstyled Solid components for building design systems and web applications. The components provide behavior, accessibility, and state while leaving styling to you.
+
+## Installation
+
+```sh
+pnpm add @wirekyt/solid
+```
+
+Solid 1.9 or newer is required.
+
+## Usage
+
+Import components from their feature entry point and compose the parts you need.
+
+```tsx
+import { Collapsible } from "@wirekyt/solid/collapsible";
+
+export function Example() {
+  return (
+    <Collapsible.Root>
+      <Collapsible.Trigger>Details</Collapsible.Trigger>
+      <Collapsible.Content>Accessible, headless UI for Solid.</Collapsible.Content>
+    </Collapsible.Root>
+  );
+}
+```
+
+Each component is available through a dedicated entry point such as `@wirekyt/solid/dialog`, `@wirekyt/solid/select`, or `@wirekyt/solid/tooltip`.

package/dist/carousel.d.ts

@@ -84,7 +84,7 @@ interface CarouselRootProviderProps extends HTMLProps<"div">, RootProviderProps,
 declare const CarouselRootProvider: (props: CarouselRootProviderProps) => import("solid-js").JSX.Element;
 //#endregion
 //#region src/components/carousel/anatomy.d.ts
-declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "item" | "control" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "item" | "control" | "prevTrigger" | "nextTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 declare namespace carousel_d_exports {
   export { CarouselAutoplayIndicator as AutoplayIndicator, CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, AutoplayStatusDetails, CarouselAutoplayTrigger as AutoplayTrigger, CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, CarouselAutoplayTriggerProps as AutoplayTriggerProps, CarouselContext as Context, CarouselContextProps as ContextProps, CarouselControl as Control, CarouselControlBaseProps as ControlBaseProps, CarouselControlProps as ControlProps, DragStatusDetails, CarouselIndicator as Indicator, CarouselIndicatorBaseProps as IndicatorBaseProps, CarouselIndicatorGroup as IndicatorGroup, CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, CarouselIndicatorGroupProps as IndicatorGroupProps, CarouselIndicatorProps as IndicatorProps, CarouselItem as Item, CarouselItemBaseProps as ItemBaseProps, CarouselItemGroup as ItemGroup, CarouselItemGroupBaseProps as ItemGroupBaseProps, CarouselItemGroupProps as ItemGroupProps, CarouselItemProps as ItemProps, CarouselNextTrigger as NextTrigger, CarouselNextTriggerBaseProps as NextTriggerBaseProps, CarouselNextTriggerProps as NextTriggerProps, PageChangeDetails, CarouselPrevTrigger as PrevTrigger, CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, CarouselPrevTriggerProps as PrevTriggerProps, CarouselProgressText as ProgressText, CarouselProgressTextBaseProps as ProgressTextBaseProps, CarouselProgressTextProps as ProgressTextProps, CarouselRoot as Root, CarouselRootBaseProps as RootBaseProps, CarouselRootProps as RootProps, CarouselRootProvider as RootProvider, CarouselRootProviderBaseProps as RootProviderBaseProps, CarouselRootProviderProps as RootProviderProps };
 }

package/dist/combobox.d.ts

@@ -120,7 +120,7 @@ interface ComboboxTriggerProps extends HTMLProps<"button">, ComboboxTriggerBaseP
 declare const ComboboxTrigger: (props: ComboboxTriggerProps) => import("solid-js").JSX.Element;
 //#endregion
 //#region src/components/combobox/anatomy.d.ts
-declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"input" | "label" | "root" | "item" | "itemText" | "control" | "itemGroup" | "content" | "itemIndicator" | "itemGroupLabel" | "empty" | "trigger" | "clearTrigger" | "positioner" | "list">;
+declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"input" | "label" | "root" | "item" | "itemText" | "control" | "itemGroup" | "content" | "itemIndicator" | "itemGroupLabel" | "empty" | "trigger" | "clearTrigger" | "list" | "positioner">;
 declare namespace combobox_d_exports {
   export { ComboboxClearTrigger as ClearTrigger, ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, ComboboxClearTriggerProps as ClearTriggerProps, CollectionItem, ComboboxContent as Content, ComboboxContentBaseProps as ContentBaseProps, ComboboxContentProps as ContentProps, ComboboxContext as Context, ComboboxContextProps as ContextProps, ComboboxControl as Control, ComboboxControlBaseProps as ControlBaseProps, ComboboxControlProps as ControlProps, ComboboxEmpty as Empty, ComboboxEmptyBaseProps as EmptyBaseProps, ComboboxEmptyProps as EmptyProps, FocusOutsideEvent, HighlightChangeDetails, ComboboxInput as Input, ComboboxInputBaseProps as InputBaseProps, ComboboxInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, ComboboxItem as Item, ComboboxItemBaseProps as ItemBaseProps, ComboboxItemContext as ItemContext, ComboboxItemContextProps as ItemContextProps, ComboboxItemGroup as ItemGroup, ComboboxItemGroupBaseProps as ItemGroupBaseProps, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, ComboboxItemGroupLabelProps as ItemGroupLabelProps, ComboboxItemGroupProps as ItemGroupProps, ComboboxItemIndicator as ItemIndicator, ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, ComboboxItemIndicatorProps as ItemIndicatorProps, ComboboxItemProps as ItemProps, ComboboxItemText as ItemText, ComboboxItemTextBaseProps as ItemTextBaseProps, ComboboxItemTextProps as ItemTextProps, ComboboxLabel as Label, ComboboxLabelBaseProps as LabelBaseProps, ComboboxLabelProps as LabelProps, ComboboxList as List, ComboboxListBaseProps as ListBaseProps, ComboboxListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, ComboboxPositioner as Positioner, ComboboxPositionerBaseProps as PositionerBaseProps, ComboboxPositionerProps as PositionerProps, ComboboxRoot as Root, ComboboxRootBaseProps as RootBaseProps, ComboboxRootComponent as RootComponent, ComboboxRootComponentProps as RootComponentProps, ComboboxRootProps as RootProps, ComboboxRootProvider as RootProvider, ComboboxRootProviderBaseProps as RootProviderBaseProps, ComboboxRootProviderComponent as RootProviderComponent, ComboboxRootProviderProps as RootProviderProps, SelectionDetails, ComboboxTrigger as Trigger, ComboboxTriggerBaseProps as TriggerBaseProps, ComboboxTriggerProps as TriggerProps, ValueChangeDetails };
 }

package/dist/date-input.js

@@ -3,7 +3,7 @@ import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSp
 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 { Index, createMemo, createUniqueId } from "solid-js";
+import { Index, createMemo, createUniqueId, splitProps, untrack } from "solid-js";
 import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
 import * as dateInput from "@wirekyt/dom/machines/date-input";
 import { anatomy as dateInputAnatomy } from "@wirekyt/dom/machines/date-input";
@@ -109,7 +109,9 @@ const DateInputSegment = (props) => {
 	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
 	const api = useDateInputContext();
 	const currentSegment = createMemo(() => {
-		return api().getSegments(segmentGroupProps).find((s) => s.type === segmentProps.segment.type) ?? segmentProps.segment;
+		const index = segmentProps.segment.index;
+		const segments = api().getSegments(segmentGroupProps);
+		return (typeof index === "number" ? segments[index] : void 0) ?? segmentProps.segment;
 	});
 	const mergedProps = mergeProps$2(() => api().getSegmentProps({
 		segment: currentSegment(),
@@ -146,8 +148,10 @@ const DateInputHiddenInput = (props) => {
 //#region src/components/date-input/control.tsx
 const DateInputControl = (props) => {
 	const api = useDateInputContext();
-	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
-	return createComponent(wire.div, mergedProps);
+	const [childrenProps, localProps] = splitProps(props, ["children"]);
+	const content = untrack(() => childrenProps.children);
+	const mergedProps = mergeProps$2(() => api().getControlProps(), localProps);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { children: content }));
 };
 //#endregion
 //#region src/components/date-input/segment-context.tsx
@@ -158,7 +162,10 @@ const DateInputSegmentContext = (props) => {
 		get each() {
 			return api().getSegments(segmentGroupProps);
 		},
-		children: (segment) => props.children(segment())
+		children: (segment, index) => props.children({
+			...segment(),
+			index
+		})
 	});
 };
 //#endregion

package/dist/date-input.jsx

@@ -3,7 +3,7 @@ import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSp
 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 { Index, createMemo, createUniqueId } from "solid-js";
+import { Index, createMemo, createUniqueId, splitProps, untrack } from "solid-js";
 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
@@ -102,7 +102,9 @@ const DateInputSegment = (props) => {
 	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
 	const api = useDateInputContext();
 	const currentSegment = createMemo(() => {
-		return api().getSegments(segmentGroupProps).find((s) => s.type === segmentProps.segment.type) ?? segmentProps.segment;
+		const index = segmentProps.segment.index;
+		const segments = api().getSegments(segmentGroupProps);
+		return (typeof index === "number" ? segments[index] : void 0) ?? segmentProps.segment;
 	});
 	const mergedProps = mergeProps$1(() => api().getSegmentProps({
 		segment: currentSegment(),
@@ -134,8 +136,10 @@ const DateInputHiddenInput = (props) => {
 //#region src/components/date-input/control.tsx
 const DateInputControl = (props) => {
 	const api = useDateInputContext();
-	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
-	return <wire.div {...mergedProps} />;
+	const [childrenProps, localProps] = splitProps(props, ["children"]);
+	const content = untrack(() => childrenProps.children);
+	const mergedProps = mergeProps$1(() => api().getControlProps(), localProps);
+	return <wire.div {...mergedProps}>{content}</wire.div>;
 };
 //#endregion
 //#region src/components/date-input/segment-context.tsx
@@ -143,7 +147,10 @@ const DateInputSegmentContext = (props) => {
 	const api = useDateInputContext();
 	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
 	return <Index each={api().getSegments(segmentGroupProps)}>
-      {(segment) => props.children(segment())}
+      {(segment, index) => props.children({
+		...segment(),
+		index
+	})}
     </Index>;
 };
 //#endregion

package/dist/date-picker.d.ts

@@ -183,7 +183,7 @@ interface DatePickerYearSelectProps extends HTMLProps<"select">, DatePickerYearS
 declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => import("solid-js").JSX.Element;
 //#endregion
 //#region src/components/date-picker/anatomy.d.ts
-declare const datePickerAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"input" | "label" | "table" | "view" | "root" | "control" | "nextTrigger" | "prevTrigger" | "content" | "valueText" | "trigger" | "clearTrigger" | "positioner" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+declare const datePickerAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"input" | "label" | "table" | "view" | "root" | "control" | "prevTrigger" | "nextTrigger" | "content" | "valueText" | "trigger" | "clearTrigger" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 declare namespace date_picker_d_exports {
   export { DatePickerClearTrigger as ClearTrigger, DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, DatePickerClearTriggerProps as ClearTriggerProps, DatePickerContent as Content, DatePickerContentBaseProps as ContentBaseProps, DatePickerContentProps as ContentProps, DatePickerContext as Context, DatePickerContextProps as ContextProps, DatePickerControl as Control, DatePickerControlBaseProps as ControlBaseProps, DatePickerControlProps as ControlProps, DateRangePreset, DateValue$2 as DateValue, DateView, FocusChangeDetails, DatePickerInput as Input, DatePickerInputBaseProps as InputBaseProps, DatePickerInputProps as InputProps, DatePickerLabel as Label, DatePickerLabelBaseProps as LabelBaseProps, DatePickerLabelProps as LabelProps, DatePickerMonthSelect as MonthSelect, DatePickerMonthSelectBaseProps as MonthSelectBaseProps, DatePickerMonthSelectProps as MonthSelectProps, DatePickerNextTrigger as NextTrigger, DatePickerNextTriggerBaseProps as NextTriggerBaseProps, DatePickerNextTriggerProps as NextTriggerProps, OpenChangeDetails, DatePickerPositioner as Positioner, DatePickerPositionerBaseProps as PositionerBaseProps, DatePickerPositionerProps as PositionerProps, DatePickerPresetTrigger as PresetTrigger, DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, DatePickerPresetTriggerProps as PresetTriggerProps, DatePickerPrevTrigger as PrevTrigger, DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, DatePickerPrevTriggerProps as PrevTriggerProps, DatePickerRangeText as RangeText, DatePickerRangeTextBaseProps as RangeTextBaseProps, DatePickerRangeTextProps as RangeTextProps, DatePickerRoot as Root, DatePickerRootBaseProps as RootBaseProps, DatePickerRootProps as RootProps, DatePickerRootProvider as RootProvider, DatePickerRootProviderBaseProps as RootProviderBaseProps, DatePickerRootProviderProps as RootProviderProps, SelectionMode, DatePickerTable as Table, DatePickerTableBaseProps as TableBaseProps, DatePickerTableBody as TableBody, DatePickerTableBodyBaseProps as TableBodyBaseProps, DatePickerTableBodyProps as TableBodyProps, DatePickerTableCell as TableCell, DatePickerTableCellBaseProps as TableCellBaseProps, DatePickerTableCellProps as TableCellProps, DatePickerTableCellTrigger as TableCellTrigger, DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, DatePickerTableCellTriggerProps as TableCellTriggerProps, DatePickerTableHead as TableHead, DatePickerTableHeadBaseProps as TableHeadBaseProps, DatePickerTableHeadProps as TableHeadProps, DatePickerTableHeader as TableHeader, DatePickerTableHeaderBaseProps as TableHeaderBaseProps, DatePickerTableHeaderProps as TableHeaderProps, DatePickerTableProps as TableProps, DatePickerTableRow as TableRow, DatePickerTableRowBaseProps as TableRowBaseProps, DatePickerTableRowProps as TableRowProps, DatePickerTrigger as Trigger, DatePickerTriggerBaseProps as TriggerBaseProps, DatePickerTriggerProps as TriggerProps, ValueChangeDetails, DatePickerValueText as ValueText, DatePickerValueTextBaseProps as ValueTextBaseProps, DatePickerValueTextProps as ValueTextProps, DatePickerValueTextRenderProps as ValueTextRenderProps, DatePickerView as View, DatePickerViewBaseProps as ViewBaseProps, ViewChangeDetails, DatePickerViewControl as ViewControl, DatePickerViewControlBaseProps as ViewControlBaseProps, DatePickerViewControlProps as ViewControlProps, DatePickerViewProps as ViewProps, DatePickerViewTrigger as ViewTrigger, DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, DatePickerViewTriggerProps as ViewTriggerProps, VisibleRangeChangeDetails, DatePickerWeekNumberCell as WeekNumberCell, DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, DatePickerWeekNumberCellProps as WeekNumberCellProps, DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, DatePickerYearSelect as YearSelect, DatePickerYearSelectBaseProps as YearSelectBaseProps, DatePickerYearSelectProps as YearSelectProps };
 }

package/dist/tour.d.ts

@@ -104,7 +104,7 @@ interface TourTitleProps extends HTMLProps<"h2">, TourTitleBaseProps {}
 declare const TourTitle: (props: TourTitleProps) => import("solid-js").JSX.Element;
 //#endregion
 //#region src/components/tour/anatomy.d.ts
-declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"title" | "control" | "progressText" | "content" | "positioner" | "arrow" | "arrowTip" | "backdrop" | "description" | "closeTrigger" | "actionTrigger" | "spotlight">;
+declare const tourAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"title" | "control" | "progressText" | "content" | "positioner" | "arrow" | "arrowTip" | "actionTrigger" | "backdrop" | "description" | "closeTrigger" | "spotlight">;
 declare namespace tour_d_exports {
   export { TourActionTrigger as ActionTrigger, TourActionTriggerBaseProps as ActionTriggerBaseProps, TourActionTriggerProps as ActionTriggerProps, TourActions as Actions, TourActionsProps as ActionsProps, TourArrow as Arrow, TourArrowBaseProps as ArrowBaseProps, TourArrowProps as ArrowProps, TourArrowTip as ArrowTip, TourArrowTipBaseProps as ArrowTipBaseProps, TourArrowTipProps as ArrowTipProps, TourBackdrop as Backdrop, TourBackdropBaseProps as BackdropBaseProps, TourBackdropProps as BackdropProps, TourCloseTrigger as CloseTrigger, TourCloseTriggerBaseProps as CloseTriggerBaseProps, TourCloseTriggerProps as CloseTriggerProps, TourContent as Content, TourContentBaseProps as ContentBaseProps, TourContentProps as ContentProps, TourContext as Context, TourContextProps as ContextProps, TourControl as Control, TourControlBaseProps as ControlBaseProps, TourControlProps as ControlProps, TourDescription as Description, TourDescriptionBaseProps as DescriptionBaseProps, TourDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, TourPositioner as Positioner, TourPositionerBaseProps as PositionerBaseProps, TourPositionerProps as PositionerProps, TourProgressText as ProgressText, TourProgressTextBaseProps as ProgressTextBaseProps, ProgressTextDetails, TourProgressTextProps as ProgressTextProps, TourRoot as Root, TourRootBaseProps as RootBaseProps, TourRootProps as RootProps, TourSpotlight as Spotlight, TourSpotlightBaseProps as SpotlightBaseProps, TourSpotlightProps as SpotlightProps, StatusChangeDetails, StepAction$1 as StepAction, StepActionMap, StepActionTriggerProps$1 as StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, TourTitle as Title, TourTitleBaseProps as TitleBaseProps, TourTitleProps as TitleProps, WaitOptions$1 as WaitOptions };
 }

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@wirekyt/solid",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Solid adapter for Wirekyt",
+  "readme": "README.md",
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "type": "module",
   "main": "./dist/index.js",
@@ -309,7 +311,7 @@
   "dependencies": {
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
-    "@wirekyt/dom": "0.0.14"
+    "@wirekyt/dom": "0.0.16"
   },
   "peerDependencies": {
     "@solid-primitives/keyed": ">=1.5.3",