@stevederico/skateboard-ui 3.11.0 → 4.0.0

package/dist/shadcn/lib/base-ui/radio-group.js

@@ -1,239 +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 {
-  RadioGroupContext
-} from "./_chunk-4maf6pas.js";
-import {
-  useFieldsetRootContext
-} from "./_chunk-c2bz952e.js";
-import {
-  CompositeRoot
-} from "./_chunk-cdj8cpx5.js";
-import"./_chunk-5tt5hk59.js";
-import {
-  useFormContext,
-  useRegisterFieldControl
-} from "./_chunk-95tf2rxq.js";
-import {
-  fieldValidityMapping,
-  useFieldRootContext,
-  useLabelableContext
-} from "./_chunk-8ctgmf06.js";
-import"./_chunk-dzvjwv25.js";
-import"./_chunk-26cc610z.js";
-import"./_chunk-j29xjete.js";
-import"./_chunk-3xpke33f.js";
-import"./_chunk-gy0bpkmx.js";
-import {
-  useControlled
-} from "./_chunk-9x63vfqj.js";
-import {
-  contains
-} from "./_chunk-cgptgywc.js";
-import {
-  SHIFT
-} from "./_chunk-pv7b791x.js";
-import"./_chunk-kw8nnq00.js";
-import"./_chunk-rrh8rt4v.js";
-import {
-  useValueChanged
-} from "./_chunk-s5pwkz8v.js";
-import {
-  useBaseUiId
-} from "./_chunk-wdqynnjf.js";
-import"./_chunk-hm5h9vsk.js";
-import"./_chunk-cdgfsr3q.js";
-import"./_chunk-000kmre8.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import"./_chunk-5tze5c8q.js";
-import"./_chunk-x8xehj6d.js";
-import"./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/radio-group/RadioGroup.js
-import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-"use client";
-var MODIFIER_KEYS = [SHIFT];
-var RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    disabled: disabledProp,
-    readOnly,
-    required,
-    onValueChange: onValueChangeProp,
-    value: externalValue,
-    defaultValue,
-    form,
-    name: nameProp,
-    inputRef: inputRefProp,
-    id: idProp,
-    style,
-    ...elementProps
-  } = componentProps;
-  const {
-    setTouched: setFieldTouched,
-    setFocused,
-    shouldValidateOnChange,
-    validationMode,
-    name: fieldName,
-    disabled: fieldDisabled,
-    state: fieldState,
-    validation,
-    setDirty,
-    setFilled,
-    validityData
-  } = useFieldRootContext();
-  const {
-    labelId
-  } = useLabelableContext();
-  const {
-    clearErrors
-  } = useFormContext();
-  const fieldsetContext = useFieldsetRootContext(true);
-  const disabled = fieldDisabled || disabledProp;
-  const name = fieldName ?? nameProp;
-  const id = useBaseUiId(idProp);
-  const [checkedValue, setCheckedValueUnwrapped] = useControlled({
-    controlled: externalValue,
-    default: defaultValue,
-    name: "RadioGroup",
-    state: "value"
-  });
-  const [touched, setTouched] = React.useState(false);
-  const setCheckedValue = useStableCallback((value, eventDetails) => {
-    onValueChangeProp?.(value, eventDetails);
-    if (eventDetails.isCanceled) {
-      return;
-    }
-    setCheckedValueUnwrapped(value);
-  });
-  const controlRef = React.useRef(null);
-  const groupInputRef = React.useRef(null);
-  const firstEnabledInputRef = React.useRef(null);
-  function setInputRef(hiddenInput) {
-    let cleanup = undefined;
-    if (inputRefProp) {
-      if (typeof inputRefProp === "function") {
-        cleanup = inputRefProp(hiddenInput);
-      } else {
-        inputRefProp.current = hiddenInput;
-      }
-    }
-    groupInputRef.current = hiddenInput;
-    validation.inputRef.current = hiddenInput;
-    return cleanup;
-  }
-  const registerControlRef = useStableCallback((element, isDisabled = false) => {
-    if (!element) {
-      return;
-    }
-    if (isDisabled) {
-      if (controlRef.current === element) {
-        controlRef.current = null;
-      }
-      return;
-    }
-    if (controlRef.current == null) {
-      controlRef.current = element;
-    }
-  });
-  const registerInputRef = useStableCallback((input) => {
-    if (!input || input.disabled) {
-      return;
-    }
-    if (!firstEnabledInputRef.current) {
-      firstEnabledInputRef.current = input;
-    }
-    const currentInput = groupInputRef.current;
-    if (input.checked || currentInput == null || currentInput.disabled) {
-      return setInputRef(input);
-    }
-    return;
-  });
-  useRegisterFieldControl(controlRef, id, checkedValue ?? null);
-  useValueChanged(checkedValue, () => {
-    clearErrors(name);
-    setDirty(checkedValue !== validityData.initialValue);
-    setFilled(checkedValue != null);
-    if (shouldValidateOnChange()) {
-      validation.commit(checkedValue);
-    } else {
-      validation.commit(checkedValue, true);
-    }
-    const fallbackInput = firstEnabledInputRef.current;
-    if (checkedValue == null && fallbackInput && !fallbackInput.disabled) {
-      setInputRef(fallbackInput);
-    }
-  });
-  const ariaLabelledby = elementProps["aria-labelledby"] ?? labelId ?? fieldsetContext?.legendId;
-  const state = {
-    ...fieldState,
-    disabled: disabled ?? false,
-    required: required ?? false,
-    readOnly: readOnly ?? false
-  };
-  const contextValue = React.useMemo(() => ({
-    ...fieldState,
-    checkedValue,
-    disabled,
-    form,
-    validation,
-    name,
-    readOnly,
-    registerControlRef,
-    registerInputRef,
-    required,
-    setCheckedValue,
-    setTouched,
-    touched
-  }), [checkedValue, disabled, form, validation, fieldState, name, readOnly, registerControlRef, registerInputRef, required, setCheckedValue, setTouched, touched]);
-  const defaultProps = {
-    role: "radiogroup",
-    "aria-required": required || undefined,
-    "aria-disabled": disabled || undefined,
-    "aria-readonly": readOnly || undefined,
-    "aria-labelledby": ariaLabelledby,
-    onFocus() {
-      setFocused(true);
-    },
-    onBlur(event) {
-      if (!contains(event.currentTarget, event.relatedTarget)) {
-        setFieldTouched(true);
-        setFocused(false);
-        if (validationMode === "onBlur") {
-          validation.commit(checkedValue);
-        }
-      }
-    },
-    onKeyDownCapture(event) {
-      if (event.key.startsWith("Arrow")) {
-        setFieldTouched(true);
-        setTouched(true);
-        setFocused(true);
-      }
-    }
-  };
-  return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ _jsx(CompositeRoot, {
-      render,
-      className,
-      style,
-      state,
-      props: [defaultProps, validation.getValidationProps, elementProps],
-      refs: [forwardedRef],
-      stateAttributesMapping: fieldValidityMapping,
-      enableHomeAndEndKeys: false,
-      modifierKeys: MODIFIER_KEYS
-    })
-  });
-});
-if (true)
-  RadioGroup.displayName = "RadioGroup";
-export {
-  RadioGroup
-};

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

@@ -1,176 +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';
-
-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 radio button itself.
- * Renders a `<span>` element and a hidden `<input>` beside.
- *
- * Documentation: [Base UI Radio](https://base-ui.com/react/components/radio)
- */
-export declare const RadioRoot: {
-	<Value>(props: RadioRoot.Props<Value>): React$1.JSX.Element;
-};
-export interface RadioRootState extends FieldRootState {
-	/**
-	 * Whether the radio button is currently selected.
-	 */
-	checked: boolean;
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled: boolean;
-	/**
-	 * Whether the user should be unable to select the radio button.
-	 */
-	readOnly: boolean;
-	/**
-	 * Whether the user must choose a value before submitting a form.
-	 */
-	required: boolean;
-}
-export interface RadioRootProps<Value = any> extends NonNativeButtonProps, Omit<BaseUIComponentProps<"span", RadioRootState>, "value"> {
-	/**
-	 * The unique identifying value of the radio in a group.
-	 */
-	value: Value;
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled?: boolean | undefined;
-	/**
-	 * Whether the user must choose a value before submitting a form.
-	 */
-	required?: boolean | undefined;
-	/**
-	 * Whether the user should be unable to select the radio button.
-	 */
-	readOnly?: boolean | undefined;
-	/**
-	 * A ref to access the hidden input element.
-	 */
-	inputRef?: React$1.Ref<HTMLInputElement> | undefined;
-}
-export declare namespace RadioRoot {
-	type State = RadioRootState;
-	type Props<TValue = any> = RadioRootProps<TValue>;
-}
-export type TransitionStatus = "starting" | "ending" | "idle" | undefined;
-/**
- * Indicates whether the radio button is selected.
- * Renders a `<span>` element.
- *
- * Documentation: [Base UI Radio](https://base-ui.com/react/components/radio)
- */
-export declare const RadioIndicator: React$1.ForwardRefExoticComponent<Omit<RadioIndicatorProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-export interface RadioIndicatorProps extends BaseUIComponentProps<"span", RadioIndicatorState> {
-	/**
-	 * Whether to keep the HTML element in the DOM when the radio button is inactive.
-	 * @default false
-	 */
-	keepMounted?: boolean | undefined;
-}
-export interface RadioIndicatorState {
-	/**
-	 * Whether the radio button is currently selected.
-	 */
-	checked: boolean;
-	/**
-	 * The transition status of the component.
-	 */
-	transitionStatus: TransitionStatus;
-}
-export declare namespace RadioIndicator {
-	type Props = RadioIndicatorProps;
-	type State = RadioIndicatorState;
-}
-
-declare namespace Radio {
-	export { RadioIndicator as Indicator, RadioRoot as Root };
-}
-
-export {
-	Radio,
-};
-
-export {};