@sprawlify/primitives 0.0.1

package/dist/machines/slider/index.d.cts

@@ -0,0 +1,149 @@
+import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+
+//#region src/machines/slider/slider.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "track" | "label" | "marker" | "control" | "thumb" | "valueText" | "range" | "markerGroup" | "draggingIndicator">;
+//#endregion
+//#region src/machines/slider/slider.types.d.ts
+interface ValueChangeDetails {
+  value: number[];
+}
+interface FocusChangeDetails {
+  focusedIndex: number;
+  value: number[];
+}
+interface ValueTextDetails {
+  value: number;
+  index: number;
+}
+type ElementIds = Partial<{
+  root: string;
+  thumb: (index: number) => string;
+  hiddenInput: (index: number) => string;
+  control: string;
+  track: string;
+  range: string;
+  label: string;
+  valueText: string;
+  marker: (index: number) => string;
+}>;
+interface SliderProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  "aria-label"?: string[] | undefined;
+  "aria-labelledby"?: string[] | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  value?: number[] | undefined;
+  defaultValue?: number[] | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onValueChangeEnd?: ((details: ValueChangeDetails) => void) | undefined;
+  onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
+  getAriaValueText?: ((details: ValueTextDetails) => string) | undefined;
+  min?: number | undefined;
+  max?: number | undefined;
+  step?: number | undefined;
+  minStepsBetweenThumbs?: number | undefined;
+  orientation?: "vertical" | "horizontal" | undefined;
+  origin?: "start" | "center" | "end" | undefined;
+  thumbAlignment?: "contain" | "center" | undefined;
+  thumbSize?: {
+    width: number;
+    height: number;
+  } | undefined;
+}
+type PropsWithDefault = "dir" | "min" | "max" | "step" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs";
+type Computed = Readonly<{
+  hasMeasuredThumbSize: boolean;
+  isInteractive: boolean;
+  isVertical: boolean;
+  isHorizontal: boolean;
+  isRtl: boolean;
+  valuePercent: number[];
+  isDisabled: boolean;
+}>;
+interface Context {
+  focusedIndex: number;
+  fieldsetDisabled: boolean;
+  value: number[];
+  thumbSize: Size | null;
+}
+interface SliderSchema {
+  state: "idle" | "dragging" | "focus";
+  props: RequiredBy<SliderProps, PropsWithDefault>;
+  context: Context;
+  refs: {
+    thumbDragOffset: {
+      x: number;
+      y: number;
+    } | null;
+  };
+  computed: Computed;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type SliderService = Service<SliderSchema>;
+type SliderMachine = Machine<SliderSchema>;
+interface Size {
+  width: number;
+  height: number;
+}
+interface MarkerProps {
+  value: number;
+}
+interface ThumbProps {
+  index: number;
+  name?: string | undefined;
+}
+interface DraggingIndicatorProps {
+  index: number;
+}
+interface SliderApi<T extends PropTypes = PropTypes> {
+  value: number[];
+  dragging: boolean;
+  focused: boolean;
+  setValue: (value: number[]) => void;
+  getThumbValue: (index: number) => number;
+  setThumbValue: (index: number, value: number) => void;
+  getValuePercent: (value: number) => number;
+  getPercentValue: (percent: number) => number;
+  getThumbPercent: (index: number) => number;
+  setThumbPercent: (index: number, percent: number) => void;
+  getThumbMin: (index: number) => number;
+  getThumbMax: (index: number) => number;
+  increment: (index: number) => void;
+  decrement: (index: number) => void;
+  focus: VoidFunction;
+  getLabelProps: () => T["label"];
+  getRootProps: () => T["element"];
+  getValueTextProps: () => T["element"];
+  getTrackProps: () => T["element"];
+  getThumbProps: (props: ThumbProps) => T["element"];
+  getHiddenInputProps: (props: ThumbProps) => T["input"];
+  getRangeProps: () => T["element"];
+  getControlProps: () => T["element"];
+  getMarkerGroupProps: () => T["element"];
+  getMarkerProps: (props: MarkerProps) => T["element"];
+  getDraggingIndicatorProps: (props: DraggingIndicatorProps) => T["element"];
+}
+//#endregion
+//#region src/machines/slider/slider.connect.d.ts
+declare function connect<T extends PropTypes>(service: SliderService, normalize: NormalizeProps<T>): SliderApi<T>;
+//#endregion
+//#region src/machines/slider/slider.machine.d.ts
+declare const machine: Machine<SliderSchema>;
+//#endregion
+//#region src/machines/slider/slider.props.d.ts
+declare const props: (keyof SliderProps)[];
+declare const splitProps: <Props extends Partial<SliderProps>>(props: Props) => [Partial<SliderProps>, Omit<Props, keyof SliderProps>];
+declare const thumbProps: (keyof ThumbProps)[];
+declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
+declare const markerProps: "value"[];
+declare const splitMarkerProps: <Props extends MarkerProps>(props: Props) => [MarkerProps, Omit<Props, "value">];
+//#endregion
+export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, markerProps, props, splitMarkerProps, splitProps, splitThumbProps, thumbProps };

package/dist/machines/slider/index.d.mts

@@ -0,0 +1,149 @@
+import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+
+//#region src/machines/slider/slider.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "track" | "label" | "marker" | "control" | "thumb" | "valueText" | "range" | "markerGroup" | "draggingIndicator">;
+//#endregion
+//#region src/machines/slider/slider.types.d.ts
+interface ValueChangeDetails {
+  value: number[];
+}
+interface FocusChangeDetails {
+  focusedIndex: number;
+  value: number[];
+}
+interface ValueTextDetails {
+  value: number;
+  index: number;
+}
+type ElementIds = Partial<{
+  root: string;
+  thumb: (index: number) => string;
+  hiddenInput: (index: number) => string;
+  control: string;
+  track: string;
+  range: string;
+  label: string;
+  valueText: string;
+  marker: (index: number) => string;
+}>;
+interface SliderProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  "aria-label"?: string[] | undefined;
+  "aria-labelledby"?: string[] | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  value?: number[] | undefined;
+  defaultValue?: number[] | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onValueChangeEnd?: ((details: ValueChangeDetails) => void) | undefined;
+  onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
+  getAriaValueText?: ((details: ValueTextDetails) => string) | undefined;
+  min?: number | undefined;
+  max?: number | undefined;
+  step?: number | undefined;
+  minStepsBetweenThumbs?: number | undefined;
+  orientation?: "vertical" | "horizontal" | undefined;
+  origin?: "start" | "center" | "end" | undefined;
+  thumbAlignment?: "contain" | "center" | undefined;
+  thumbSize?: {
+    width: number;
+    height: number;
+  } | undefined;
+}
+type PropsWithDefault = "dir" | "min" | "max" | "step" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs";
+type Computed = Readonly<{
+  hasMeasuredThumbSize: boolean;
+  isInteractive: boolean;
+  isVertical: boolean;
+  isHorizontal: boolean;
+  isRtl: boolean;
+  valuePercent: number[];
+  isDisabled: boolean;
+}>;
+interface Context {
+  focusedIndex: number;
+  fieldsetDisabled: boolean;
+  value: number[];
+  thumbSize: Size | null;
+}
+interface SliderSchema {
+  state: "idle" | "dragging" | "focus";
+  props: RequiredBy<SliderProps, PropsWithDefault>;
+  context: Context;
+  refs: {
+    thumbDragOffset: {
+      x: number;
+      y: number;
+    } | null;
+  };
+  computed: Computed;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type SliderService = Service<SliderSchema>;
+type SliderMachine = Machine<SliderSchema>;
+interface Size {
+  width: number;
+  height: number;
+}
+interface MarkerProps {
+  value: number;
+}
+interface ThumbProps {
+  index: number;
+  name?: string | undefined;
+}
+interface DraggingIndicatorProps {
+  index: number;
+}
+interface SliderApi<T extends PropTypes = PropTypes> {
+  value: number[];
+  dragging: boolean;
+  focused: boolean;
+  setValue: (value: number[]) => void;
+  getThumbValue: (index: number) => number;
+  setThumbValue: (index: number, value: number) => void;
+  getValuePercent: (value: number) => number;
+  getPercentValue: (percent: number) => number;
+  getThumbPercent: (index: number) => number;
+  setThumbPercent: (index: number, percent: number) => void;
+  getThumbMin: (index: number) => number;
+  getThumbMax: (index: number) => number;
+  increment: (index: number) => void;
+  decrement: (index: number) => void;
+  focus: VoidFunction;
+  getLabelProps: () => T["label"];
+  getRootProps: () => T["element"];
+  getValueTextProps: () => T["element"];
+  getTrackProps: () => T["element"];
+  getThumbProps: (props: ThumbProps) => T["element"];
+  getHiddenInputProps: (props: ThumbProps) => T["input"];
+  getRangeProps: () => T["element"];
+  getControlProps: () => T["element"];
+  getMarkerGroupProps: () => T["element"];
+  getMarkerProps: (props: MarkerProps) => T["element"];
+  getDraggingIndicatorProps: (props: DraggingIndicatorProps) => T["element"];
+}
+//#endregion
+//#region src/machines/slider/slider.connect.d.ts
+declare function connect<T extends PropTypes>(service: SliderService, normalize: NormalizeProps<T>): SliderApi<T>;
+//#endregion
+//#region src/machines/slider/slider.machine.d.ts
+declare const machine: Machine<SliderSchema>;
+//#endregion
+//#region src/machines/slider/slider.props.d.ts
+declare const props: (keyof SliderProps)[];
+declare const splitProps: <Props extends Partial<SliderProps>>(props: Props) => [Partial<SliderProps>, Omit<Props, keyof SliderProps>];
+declare const thumbProps: (keyof ThumbProps)[];
+declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
+declare const markerProps: "value"[];
+declare const splitMarkerProps: <Props extends MarkerProps>(props: Props) => [MarkerProps, Omit<Props, "value">];
+//#endregion
+export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, markerProps, props, splitMarkerProps, splitProps, splitThumbProps, thumbProps };