@stevederico/skateboard-ui 3.12.0 → 4.1.0

package/dist/shadcn/lib/base-ui/switch.d.ts

@@ -1,313 +0,0 @@
-/* @base-ui/react 1.5.0 — vendored (MIT — MUI Inc).
- * Refresh: scripts/vendor-base-ui.js (see header for instructions).
- * Do not edit by hand. */
-import * as React$1 from 'react';
-
-declare const none: "none";
-declare const triggerPress: "trigger-press";
-declare const triggerHover: "trigger-hover";
-declare const triggerFocus: "trigger-focus";
-declare const outsidePress: "outside-press";
-declare const itemPress: "item-press";
-declare const closePress: "close-press";
-declare const linkPress: "link-press";
-declare const clearPress: "clear-press";
-declare const chipRemovePress: "chip-remove-press";
-declare const trackPress: "track-press";
-declare const incrementPress: "increment-press";
-declare const decrementPress: "decrement-press";
-declare const inputChange: "input-change";
-declare const inputClear: "input-clear";
-declare const inputBlur: "input-blur";
-declare const inputPaste: "input-paste";
-declare const inputPress: "input-press";
-declare const focusOut: "focus-out";
-declare const escapeKey: "escape-key";
-declare const closeWatcher: "close-watcher";
-declare const listNavigation: "list-navigation";
-declare const keyboard: "keyboard";
-declare const pointer: "pointer";
-declare const drag: "drag";
-declare const wheel: "wheel";
-declare const scrub: "scrub";
-declare const cancelOpen: "cancel-open";
-declare const siblingOpen: "sibling-open";
-declare const disabled: "disabled";
-declare const missing: "missing";
-declare const initial: "initial";
-declare const imperativeAction: "imperative-action";
-declare const swipe: "swipe";
-declare const windowResize: "window-resize";
-export interface ReasonToEventMap {
-	[none]: Event;
-	[triggerPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
-	[triggerHover]: MouseEvent;
-	[triggerFocus]: FocusEvent;
-	[outsidePress]: MouseEvent | PointerEvent | TouchEvent;
-	[itemPress]: MouseEvent | KeyboardEvent | PointerEvent;
-	[closePress]: MouseEvent | KeyboardEvent | PointerEvent;
-	[linkPress]: MouseEvent | PointerEvent;
-	[clearPress]: PointerEvent | MouseEvent | KeyboardEvent;
-	[chipRemovePress]: PointerEvent | MouseEvent | KeyboardEvent;
-	[trackPress]: PointerEvent | MouseEvent | TouchEvent;
-	[incrementPress]: PointerEvent | MouseEvent | TouchEvent;
-	[decrementPress]: PointerEvent | MouseEvent | TouchEvent;
-	[inputChange]: InputEvent | Event;
-	[inputClear]: InputEvent | FocusEvent | Event;
-	[inputBlur]: FocusEvent;
-	[inputPaste]: ClipboardEvent;
-	[inputPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
-	[focusOut]: FocusEvent | KeyboardEvent;
-	[escapeKey]: KeyboardEvent;
-	[closeWatcher]: Event;
-	[listNavigation]: KeyboardEvent;
-	[keyboard]: KeyboardEvent;
-	[pointer]: PointerEvent;
-	[drag]: PointerEvent | TouchEvent;
-	[swipe]: PointerEvent | TouchEvent;
-	[wheel]: WheelEvent;
-	[scrub]: PointerEvent;
-	[cancelOpen]: MouseEvent;
-	[siblingOpen]: Event;
-	[disabled]: Event;
-	[missing]: Event;
-	[initial]: Event;
-	[imperativeAction]: Event;
-	[windowResize]: UIEvent;
-}
-/**
- * Maps a change `reason` string to the corresponding native event type.
- */
-export type ReasonToEvent<Reason extends string> = Reason extends keyof ReasonToEventMap ? ReasonToEventMap[Reason] : Event;
-export type BaseUIChangeEventDetail<Reason extends string, CustomProperties extends object> = {
-	/**
-	 * The reason for the event.
-	 */
-	reason: Reason;
-	/**
-	 * The native event associated with the custom event.
-	 */
-	event: ReasonToEvent<Reason>;
-	/**
-	 * Cancels Base UI from handling the event.
-	 */
-	cancel: () => void;
-	/**
-	 * Allows the event to propagate in cases where Base UI will stop the propagation.
-	 */
-	allowPropagation: () => void;
-	/**
-	 * Indicates whether the event has been canceled.
-	 */
-	isCanceled: boolean;
-	/**
-	 * Indicates whether the event is allowed to propagate.
-	 */
-	isPropagationAllowed: boolean;
-	/**
-	 * The element that triggered the event, if applicable.
-	 */
-	trigger: Element | undefined;
-} & CustomProperties;
-/**
- * Details of custom change events emitted by Base UI components.
- */
-export type BaseUIChangeEventDetails<Reason extends string, CustomProperties extends object = {}> = Reason extends string ? BaseUIChangeEventDetail<Reason, CustomProperties> & {} : never;
-export type HTMLProps<T = any> = React$1.HTMLAttributes<T> & {
-	ref?: React$1.Ref<T> | undefined;
-};
-/**
- * Shape of the render prop: a function that takes props to be spread on the element and component's state and returns a React element.
- *
- * @template Props Props to be spread on the rendered element.
- * @template State Component's internal state.
- */
-export type ComponentRenderFn<Props, State> = (props: Props, state: State) => React$1.ReactElement<unknown>;
-export type BaseUIEvent<E extends React$1.SyntheticEvent<Element, Event>> = E & {
-	preventBaseUIHandler: () => void;
-	readonly baseUIHandlerPrevented?: boolean | undefined;
-};
-export type WithPreventBaseUIHandler<T> = T extends ((event: infer E) => any) ? E extends React$1.SyntheticEvent<Element, Event> ? (event: BaseUIEvent<E>) => ReturnType<T> : T : T extends undefined ? undefined : T;
-/**
- * Adds a `preventBaseUIHandler` method to all event handlers.
- */
-export type WithBaseUIEvent<T> = {
-	[K in keyof T]: WithPreventBaseUIHandler<T[K]>;
-};
-/**
- * Props shared by all Base UI components.
- * Contains `className` (string or callback taking the component's state as an argument) and `render` (function to customize rendering).
- */
-export type BaseUIComponentProps<ElementType extends React$1.ElementType, State, RenderFunctionProps = HTMLProps> = Omit<WithBaseUIEvent<React$1.ComponentPropsWithRef<ElementType>>, "className" | "color" | "defaultValue" | "defaultChecked" | "style"> & {
-	/**
-	 * CSS class applied to the element, or a function that
-	 * returns a class based on the component's state.
-	 */
-	className?: string | ((state: State) => string | undefined) | undefined;
-	/**
-	 * Allows you to replace the component's HTML element
-	 * with a different tag, or compose it with another component.
-	 *
-	 * Accepts a `ReactElement` or a function that returns the element to render.
-	 */
-	render?: React$1.ReactElement | ComponentRenderFn<RenderFunctionProps, State> | undefined;
-	/**
-	 * Style applied to the element, or a function that
-	 * returns a style object based on the component's state.
-	 */
-	style?: React$1.CSSProperties | ((state: State) => React$1.CSSProperties | undefined) | undefined;
-};
-export interface NonNativeButtonProps {
-	/**
-	 * Whether the component renders a native `<button>` element when replacing it
-	 * via the `render` prop.
-	 * Set to `true` if the rendered element is a native button.
-	 * @default false
-	 */
-	nativeButton?: boolean | undefined;
-}
-export interface FieldRootState {
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled: boolean;
-	/**
-	 * Whether the field has been touched.
-	 */
-	touched: boolean;
-	/**
-	 * Whether the field value has changed from its initial value.
-	 */
-	dirty: boolean;
-	/**
-	 * Whether the field is valid.
-	 */
-	valid: boolean | null;
-	/**
-	 * Whether the field has a value.
-	 */
-	filled: boolean;
-	/**
-	 * Whether the field is focused.
-	 */
-	focused: boolean;
-}
-/**
- * Represents the switch itself.
- * Renders a `<span>` element and a hidden `<input>` beside.
- *
- * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)
- */
-export declare const SwitchRoot: React$1.ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
-export interface SwitchRootState extends FieldRootState {
-	/**
-	 * Whether the switch is currently active.
-	 */
-	checked: boolean;
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled: boolean;
-	/**
-	 * Whether the user should be unable to activate or deactivate the switch.
-	 */
-	readOnly: boolean;
-	/**
-	 * Whether the user must activate the switch before submitting a form.
-	 */
-	required: boolean;
-}
-export interface SwitchRootProps extends NonNativeButtonProps, Omit<BaseUIComponentProps<"span", SwitchRootState>, "onChange"> {
-	/**
-	 * The id of the switch element.
-	 */
-	id?: string | undefined;
-	/**
-	 * Whether the switch is currently active.
-	 *
-	 * To render an uncontrolled switch, use the `defaultChecked` prop instead.
-	 */
-	checked?: boolean | undefined;
-	/**
-	 * Whether the switch is initially active.
-	 *
-	 * To render a controlled switch, use the `checked` prop instead.
-	 * @default false
-	 */
-	defaultChecked?: boolean | undefined;
-	/**
-	 * Whether the component should ignore user interaction.
-	 * @default false
-	 */
-	disabled?: boolean | undefined;
-	/**
-	 * A ref to access the hidden `<input>` element.
-	 */
-	inputRef?: React$1.Ref<HTMLInputElement> | undefined;
-	/**
-	 * Identifies the field when a form is submitted.
-	 */
-	name?: string | undefined;
-	/**
-	 * Identifies the form that owns the hidden input.
-	 * Useful when the switch is rendered outside the form.
-	 */
-	form?: string | undefined;
-	/**
-	 * Event handler called when the switch is activated or deactivated.
-	 */
-	onCheckedChange?: ((checked: boolean, eventDetails: SwitchRoot.ChangeEventDetails) => void) | undefined;
-	/**
-	 * Whether the user should be unable to activate or deactivate the switch.
-	 * @default false
-	 */
-	readOnly?: boolean | undefined;
-	/**
-	 * Whether the user must activate the switch before submitting a form.
-	 * @default false
-	 */
-	required?: boolean | undefined;
-	/**
-	 * The value submitted with the form when the switch is on.
-	 * By default, switch submits the "on" value, matching native checkbox behavior.
-	 */
-	value?: string | undefined;
-	/**
-	 * The value submitted with the form when the switch is off.
-	 * By default, unchecked switches do not submit any value, matching native checkbox behavior.
-	 */
-	uncheckedValue?: string | undefined;
-}
-export type SwitchRootChangeEventReason = typeof none;
-export type SwitchRootChangeEventDetails = BaseUIChangeEventDetails<SwitchRoot.ChangeEventReason>;
-export declare namespace SwitchRoot {
-	type State = SwitchRootState;
-	type Props = SwitchRootProps;
-	type ChangeEventReason = SwitchRootChangeEventReason;
-	type ChangeEventDetails = SwitchRootChangeEventDetails;
-}
-/**
- * The movable part of the switch that indicates whether the switch is on or off.
- * Renders a `<span>`.
- *
- * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)
- */
-export declare const SwitchThumb: React$1.ForwardRefExoticComponent<Omit<SwitchThumbProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-export interface SwitchThumbProps extends BaseUIComponentProps<"span", SwitchThumbState> {
-}
-export interface SwitchThumbState extends SwitchRootState {
-}
-export declare namespace SwitchThumb {
-	type Props = SwitchThumbProps;
-	type State = SwitchThumbState;
-}
-
-declare namespace Switch {
-	export { SwitchRoot as Root, SwitchThumb as Thumb };
-}
-
-export {
-	Switch,
-};
-
-export {};

package/dist/shadcn/lib/base-ui/switch.js

@@ -1,326 +0,0 @@
-/* @base-ui/react 1.5.0 — vendored (MIT — MUI Inc).
- * Refresh: scripts/vendor-base-ui.js (see header for instructions).
- * Do not edit by hand. */
-import {
-  useLabelableId
-} from "./_chunk-23rx7haq.js";
-import {
-  useAriaLabelledBy
-} from "./_chunk-vg16xxmb.js";
-import {
-  useFormContext,
-  useRegisterFieldControl
-} from "./_chunk-95tf2rxq.js";
-import {
-  fieldValidityMapping,
-  useFieldRootContext,
-  useLabelableContext
-} from "./_chunk-8ctgmf06.js";
-import"./_chunk-dzvjwv25.js";
-import {
-  useControlled
-} from "./_chunk-9x63vfqj.js";
-import {
-  useValueChanged
-} from "./_chunk-s5pwkz8v.js";
-import {
-  visuallyHidden,
-  visuallyHiddenInput
-} from "./_chunk-dan0mva4.js";
-import"./_chunk-x11e1k9r.js";
-import"./_chunk-451nqgsa.js";
-import {
-  createChangeEventDetails,
-  exports_reason_parts
-} from "./_chunk-e56mpvk1.js";
-import {
-  useBaseUiId
-} from "./_chunk-wdqynnjf.js";
-import {
-  useButton
-} from "./_chunk-5xmdvndx.js";
-import"./_chunk-hm5h9vsk.js";
-import"./_chunk-cdgfsr3q.js";
-import {
-  getWindow
-} from "./_chunk-000kmre8.js";
-import"./_chunk-cwvtvwc7.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-import {
-  EMPTY_OBJECT,
-  useMergedRefs,
-  useRenderElement
-} from "./_chunk-x8xehj6d.js";
-import {
-  __export,
-  mergeProps
-} from "./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/switch/index.parts.js
-var exports_index_parts = {};
-__export(exports_index_parts, {
-  Thumb: () => SwitchThumb,
-  Root: () => SwitchRoot
-});
-
-// node_modules/@base-ui/react/esm/switch/root/SwitchRoot.js
-import * as React2 from "react";
-
-// node_modules/@base-ui/react/esm/switch/root/SwitchRootContext.js
-import * as React from "react";
-"use client";
-var SwitchRootContext = /* @__PURE__ */ React.createContext(undefined);
-if (true)
-  SwitchRootContext.displayName = "SwitchRootContext";
-function useSwitchRootContext() {
-  const context = React.useContext(SwitchRootContext);
-  if (context === undefined) {
-    throw new Error("Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.");
-  }
-  return context;
-}
-
-// node_modules/@base-ui/react/esm/switch/root/SwitchRootDataAttributes.js
-var SwitchRootDataAttributes = /* @__PURE__ */ function(SwitchRootDataAttributes2) {
-  SwitchRootDataAttributes2["checked"] = "data-checked";
-  SwitchRootDataAttributes2["unchecked"] = "data-unchecked";
-  SwitchRootDataAttributes2["disabled"] = "data-disabled";
-  SwitchRootDataAttributes2["readonly"] = "data-readonly";
-  SwitchRootDataAttributes2["required"] = "data-required";
-  SwitchRootDataAttributes2["valid"] = "data-valid";
-  SwitchRootDataAttributes2["invalid"] = "data-invalid";
-  SwitchRootDataAttributes2["touched"] = "data-touched";
-  SwitchRootDataAttributes2["dirty"] = "data-dirty";
-  SwitchRootDataAttributes2["filled"] = "data-filled";
-  SwitchRootDataAttributes2["focused"] = "data-focused";
-  return SwitchRootDataAttributes2;
-}({});
-
-// node_modules/@base-ui/react/esm/switch/stateAttributesMapping.js
-var stateAttributesMapping = {
-  ...fieldValidityMapping,
-  checked(value) {
-    if (value) {
-      return {
-        [SwitchRootDataAttributes.checked]: ""
-      };
-    }
-    return {
-      [SwitchRootDataAttributes.unchecked]: ""
-    };
-  }
-};
-
-// node_modules/@base-ui/react/esm/switch/root/SwitchRoot.js
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-"use client";
-var SwitchRoot = /* @__PURE__ */ React2.forwardRef(function SwitchRoot2(componentProps, forwardedRef) {
-  const {
-    checked: checkedProp,
-    className,
-    defaultChecked,
-    "aria-labelledby": ariaLabelledByProp,
-    form,
-    id: idProp,
-    inputRef: externalInputRef,
-    name: nameProp,
-    nativeButton = false,
-    onCheckedChange,
-    readOnly = false,
-    required = false,
-    disabled: disabledProp = false,
-    render,
-    uncheckedValue,
-    value,
-    style,
-    ...elementProps
-  } = componentProps;
-  const {
-    clearErrors
-  } = useFormContext();
-  const {
-    state: fieldState,
-    setTouched,
-    setDirty,
-    validityData,
-    setFilled,
-    setFocused,
-    shouldValidateOnChange,
-    validationMode,
-    disabled: fieldDisabled,
-    name: fieldName,
-    validation
-  } = useFieldRootContext();
-  const {
-    labelId
-  } = useLabelableContext();
-  const disabled = fieldDisabled || disabledProp;
-  const name = fieldName ?? nameProp;
-  const inputRef = React2.useRef(null);
-  const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);
-  const switchRef = React2.useRef(null);
-  const id = useBaseUiId();
-  const controlId = useLabelableId({
-    id: idProp,
-    implicit: false,
-    controlRef: switchRef
-  });
-  const hiddenInputId = nativeButton ? undefined : controlId;
-  const [checked, setCheckedState] = useControlled({
-    controlled: checkedProp,
-    default: Boolean(defaultChecked),
-    name: "Switch",
-    state: "checked"
-  });
-  useRegisterFieldControl(switchRef, id, checked);
-  useIsoLayoutEffect(() => {
-    if (inputRef.current) {
-      setFilled(inputRef.current.checked);
-    }
-  }, [inputRef, setFilled]);
-  useValueChanged(checked, () => {
-    clearErrors(name);
-    setDirty(checked !== validityData.initialValue);
-    setFilled(checked);
-    if (shouldValidateOnChange()) {
-      validation.commit(checked);
-    } else {
-      validation.commit(checked, true);
-    }
-  });
-  const {
-    getButtonProps,
-    buttonRef
-  } = useButton({
-    disabled,
-    native: nativeButton
-  });
-  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);
-  const rootProps = {
-    id: nativeButton ? controlId : id,
-    role: "switch",
-    "aria-checked": checked,
-    "aria-readonly": readOnly || undefined,
-    "aria-required": required || undefined,
-    "aria-labelledby": ariaLabelledBy,
-    onFocus() {
-      if (!disabled) {
-        setFocused(true);
-      }
-    },
-    onBlur() {
-      const element2 = inputRef.current;
-      if (!element2 || disabled) {
-        return;
-      }
-      setTouched(true);
-      setFocused(false);
-      if (validationMode === "onBlur") {
-        validation.commit(element2.checked);
-      }
-    },
-    onClick(event) {
-      if (readOnly || disabled) {
-        return;
-      }
-      event.preventDefault();
-      const input = inputRef.current;
-      if (!input) {
-        return;
-      }
-      input.dispatchEvent(new (getWindow(input)).PointerEvent("click", {
-        bubbles: true,
-        shiftKey: event.shiftKey,
-        ctrlKey: event.ctrlKey,
-        altKey: event.altKey,
-        metaKey: event.metaKey
-      }));
-    }
-  };
-  const inputProps = mergeProps({
-    checked,
-    disabled,
-    form,
-    id: hiddenInputId,
-    name,
-    required,
-    style: name ? visuallyHiddenInput : visuallyHidden,
-    tabIndex: -1,
-    type: "checkbox",
-    "aria-hidden": true,
-    ref: handleInputRef,
-    onChange(event) {
-      if (event.nativeEvent.defaultPrevented) {
-        return;
-      }
-      if (readOnly) {
-        event.preventDefault();
-        return;
-      }
-      const nextChecked = event.currentTarget.checked;
-      const eventDetails = createChangeEventDetails(exports_reason_parts.none, event.nativeEvent);
-      onCheckedChange?.(nextChecked, eventDetails);
-      if (eventDetails.isCanceled) {
-        return;
-      }
-      setCheckedState(nextChecked);
-    },
-    onFocus() {
-      switchRef.current?.focus();
-    }
-  }, validation.getInputValidationProps, value !== undefined ? {
-    value
-  } : EMPTY_OBJECT);
-  const state = React2.useMemo(() => ({
-    ...fieldState,
-    checked,
-    disabled,
-    readOnly,
-    required
-  }), [fieldState, checked, disabled, readOnly, required]);
-  const element = useRenderElement("span", componentProps, {
-    state,
-    ref: [forwardedRef, switchRef, buttonRef],
-    props: [rootProps, validation.getValidationProps, elementProps, getButtonProps],
-    stateAttributesMapping
-  });
-  return /* @__PURE__ */ _jsxs(SwitchRootContext.Provider, {
-    value: state,
-    children: [element, !checked && name && uncheckedValue !== undefined && /* @__PURE__ */ _jsx("input", {
-      type: "hidden",
-      form,
-      name,
-      value: uncheckedValue
-    }), /* @__PURE__ */ _jsx("input", {
-      ...inputProps,
-      suppressHydrationWarning: true
-    })]
-  });
-});
-if (true)
-  SwitchRoot.displayName = "SwitchRoot";
-// node_modules/@base-ui/react/esm/switch/thumb/SwitchThumb.js
-import * as React3 from "react";
-"use client";
-var SwitchThumb = /* @__PURE__ */ React3.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    style,
-    ...elementProps
-  } = componentProps;
-  const state = useSwitchRootContext();
-  return useRenderElement("span", componentProps, {
-    state,
-    ref: forwardedRef,
-    stateAttributesMapping,
-    props: elementProps
-  });
-});
-if (true)
-  SwitchThumb.displayName = "SwitchThumb";
-export {
-  exports_index_parts as Switch
-};