@stevederico/skateboard-ui 3.11.0 → 4.0.0

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

@@ -1,387 +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 {
-  useRadioGroupContext
-} from "./_chunk-4maf6pas.js";
-import {
-  serializeValue
-} from "./_chunk-4zhfq4d3.js";
-import {
-  useLabelableId
-} from "./_chunk-23rx7haq.js";
-import {
-  ACTIVE_COMPOSITE_ITEM
-} from "./_chunk-5tt5hk59.js";
-import {
-  useAriaLabelledBy
-} from "./_chunk-vg16xxmb.js";
-import {
-  useFieldItemContext
-} from "./_chunk-7b9dc493.js";
-import {
-  fieldValidityMapping,
-  useFieldRootContext,
-  useLabelableContext
-} from "./_chunk-8ctgmf06.js";
-import"./_chunk-dzvjwv25.js";
-import {
-  CompositeItem
-} from "./_chunk-f2wttwrf.js";
-import"./_chunk-j3qkyd10.js";
-import"./_chunk-3enq1vat.js";
-import"./_chunk-3xpke33f.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 {
-  transitionStatusMapping,
-  useOpenChangeComplete,
-  useTransitionStatus
-} from "./_chunk-e13rsb6b.js";
-import"./_chunk-zk4mtm9m.js";
-import"./_chunk-8a9vv8am.js";
-import"./_chunk-6ejf1z1r.js";
-import {
-  useButton
-} from "./_chunk-5xmdvndx.js";
-import"./_chunk-hm5h9vsk.js";
-import"./_chunk-cdgfsr3q.js";
-import {
-  getWindow
-} from "./_chunk-000kmre8.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-import {
-  EMPTY_OBJECT,
-  NOOP,
-  useMergedRefs,
-  useRenderElement
-} from "./_chunk-x8xehj6d.js";
-import {
-  __export
-} from "./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/radio/index.parts.js
-var exports_index_parts = {};
-__export(exports_index_parts, {
-  Root: () => RadioRoot,
-  Indicator: () => RadioIndicator
-});
-
-// node_modules/@base-ui/react/esm/radio/root/RadioRoot.js
-import * as React2 from "react";
-
-// node_modules/@base-ui/react/esm/radio/root/RadioRootDataAttributes.js
-var RadioRootDataAttributes = /* @__PURE__ */ function(RadioRootDataAttributes2) {
-  RadioRootDataAttributes2["checked"] = "data-checked";
-  RadioRootDataAttributes2["unchecked"] = "data-unchecked";
-  RadioRootDataAttributes2["disabled"] = "data-disabled";
-  RadioRootDataAttributes2["readonly"] = "data-readonly";
-  RadioRootDataAttributes2["required"] = "data-required";
-  RadioRootDataAttributes2["valid"] = "data-valid";
-  RadioRootDataAttributes2["invalid"] = "data-invalid";
-  RadioRootDataAttributes2["touched"] = "data-touched";
-  RadioRootDataAttributes2["dirty"] = "data-dirty";
-  RadioRootDataAttributes2["filled"] = "data-filled";
-  RadioRootDataAttributes2["focused"] = "data-focused";
-  return RadioRootDataAttributes2;
-}({});
-
-// node_modules/@base-ui/react/esm/radio/utils/stateAttributesMapping.js
-var stateAttributesMapping = {
-  checked(value) {
-    if (value) {
-      return {
-        [RadioRootDataAttributes.checked]: ""
-      };
-    }
-    return {
-      [RadioRootDataAttributes.unchecked]: ""
-    };
-  },
-  ...transitionStatusMapping,
-  ...fieldValidityMapping
-};
-
-// node_modules/@base-ui/react/esm/radio/root/RadioRootContext.js
-import * as React from "react";
-"use client";
-var RadioRootContext = /* @__PURE__ */ React.createContext(undefined);
-if (true)
-  RadioRootContext.displayName = "RadioRootContext";
-function useRadioRootContext() {
-  const value = React.useContext(RadioRootContext);
-  if (value === undefined) {
-    throw new Error("Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>.");
-  }
-  return value;
-}
-
-// node_modules/@base-ui/react/esm/radio/root/RadioRoot.js
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-"use client";
-var RadioRoot = /* @__PURE__ */ React2.forwardRef(function RadioRoot2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    disabled: disabledProp = false,
-    readOnly: readOnlyProp = false,
-    required: requiredProp = false,
-    "aria-labelledby": ariaLabelledByProp,
-    value,
-    inputRef: inputRefProp,
-    nativeButton = false,
-    id: idProp,
-    style,
-    ...elementProps
-  } = componentProps;
-  const groupContext = useRadioGroupContext();
-  const {
-    disabled: disabledGroup,
-    readOnly: readOnlyGroup,
-    required: requiredGroup,
-    form: formGroup,
-    checkedValue,
-    touched = false,
-    validation,
-    name
-  } = groupContext ?? {};
-  const setCheckedValue = groupContext?.setCheckedValue ?? NOOP;
-  const setTouched = groupContext?.setTouched ?? NOOP;
-  const registerControlRef = groupContext?.registerControlRef ?? NOOP;
-  const registerInputRef = groupContext?.registerInputRef ?? NOOP;
-  const {
-    setDirty,
-    validityData,
-    setTouched: setFieldTouched,
-    setFilled,
-    state: fieldState,
-    disabled: fieldDisabled
-  } = useFieldRootContext();
-  const fieldItemContext = useFieldItemContext();
-  const {
-    labelId,
-    getDescriptionProps
-  } = useLabelableContext();
-  const disabled = fieldDisabled || fieldItemContext.disabled || disabledGroup || disabledProp;
-  const readOnly = readOnlyGroup || readOnlyProp;
-  const required = requiredGroup || requiredProp;
-  const form = formGroup;
-  const checked = groupContext ? checkedValue === value : value === "";
-  const radioRef = React2.useRef(null);
-  const inputRef = React2.useRef(null);
-  const handleControlRef = useStableCallback((element2) => {
-    if (!element2) {
-      return;
-    }
-    registerControlRef(element2, disabled);
-  });
-  const mergedInputRef = useMergedRefs(inputRefProp, inputRef, registerInputRef);
-  useIsoLayoutEffect(() => {
-    if (inputRef.current?.checked) {
-      setFilled(true);
-    }
-  }, [setFilled]);
-  useIsoLayoutEffect(() => {
-    if (!inputRef.current) {
-      return;
-    }
-    if (disabled && checked) {
-      registerInputRef(null);
-      return;
-    }
-    if (radioRef.current) {
-      registerControlRef(radioRef.current, disabled);
-    }
-    registerInputRef(inputRef.current);
-  }, [checked, disabled, registerControlRef, registerInputRef]);
-  const id = useBaseUiId();
-  const inputId = useLabelableId({
-    id: idProp,
-    implicit: false,
-    controlRef: radioRef
-  });
-  const hiddenInputId = nativeButton ? undefined : inputId;
-  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);
-  const rootProps = {
-    role: "radio",
-    "aria-checked": checked,
-    "aria-required": required || undefined,
-    "aria-readonly": readOnly || undefined,
-    "aria-labelledby": ariaLabelledBy,
-    [ACTIVE_COMPOSITE_ITEM]: checked ? "" : undefined,
-    id: nativeButton ? inputId : id,
-    onKeyDown(event) {
-      if (event.key === "Enter") {
-        event.preventDefault();
-      }
-    },
-    onClick(event) {
-      if (event.defaultPrevented || disabled || readOnly) {
-        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
-      }));
-    },
-    onFocus(event) {
-      if (event.defaultPrevented || disabled || readOnly || !touched) {
-        return;
-      }
-      inputRef.current?.click();
-      setTouched(false);
-    }
-  };
-  const {
-    getButtonProps,
-    buttonRef
-  } = useButton({
-    disabled,
-    native: nativeButton
-  });
-  const inputProps = {
-    type: "radio",
-    ref: mergedInputRef,
-    form,
-    id: hiddenInputId,
-    name,
-    tabIndex: -1,
-    style: name ? visuallyHiddenInput : visuallyHidden,
-    "aria-hidden": true,
-    ...value !== undefined ? {
-      value: serializeValue(value)
-    } : EMPTY_OBJECT,
-    disabled,
-    checked,
-    required,
-    readOnly,
-    onChange(event) {
-      if (event.nativeEvent.defaultPrevented) {
-        return;
-      }
-      if (disabled || readOnly || value === undefined) {
-        return;
-      }
-      const details = createChangeEventDetails(exports_reason_parts.none, event.nativeEvent);
-      if (details.isCanceled) {
-        return;
-      }
-      setFieldTouched(true);
-      setDirty(value !== validityData.initialValue);
-      setFilled(true);
-      setCheckedValue(value, details);
-    },
-    onFocus() {
-      radioRef.current?.focus();
-    }
-  };
-  const state = React2.useMemo(() => ({
-    ...fieldState,
-    required,
-    disabled,
-    readOnly,
-    checked
-  }), [fieldState, disabled, readOnly, checked, required]);
-  const contextValue = state;
-  const isRadioGroup = groupContext !== undefined;
-  const refs = [forwardedRef, radioRef, buttonRef, handleControlRef];
-  const props = [rootProps, getDescriptionProps, validation?.getValidationProps ?? EMPTY_OBJECT, elementProps, getButtonProps];
-  const element = useRenderElement("span", componentProps, {
-    enabled: !isRadioGroup,
-    state,
-    ref: refs,
-    props,
-    stateAttributesMapping
-  });
-  return /* @__PURE__ */ _jsxs(RadioRootContext.Provider, {
-    value: contextValue,
-    children: [isRadioGroup ? /* @__PURE__ */ _jsx(CompositeItem, {
-      tag: "span",
-      render,
-      className,
-      style,
-      state,
-      refs,
-      props,
-      stateAttributesMapping
-    }) : element, /* @__PURE__ */ _jsx("input", {
-      ...inputProps,
-      suppressHydrationWarning: true
-    })]
-  });
-});
-if (true)
-  RadioRoot.displayName = "RadioRoot";
-// node_modules/@base-ui/react/esm/radio/indicator/RadioIndicator.js
-import * as React3 from "react";
-"use client";
-var RadioIndicator = /* @__PURE__ */ React3.forwardRef(function RadioIndicator2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    style,
-    keepMounted = false,
-    ...elementProps
-  } = componentProps;
-  const rootState = useRadioRootContext();
-  const rendered = rootState.checked;
-  const {
-    mounted,
-    transitionStatus,
-    setMounted
-  } = useTransitionStatus(rendered);
-  const state = {
-    ...rootState,
-    transitionStatus
-  };
-  const indicatorRef = React3.useRef(null);
-  const shouldRender = keepMounted || mounted;
-  const element = useRenderElement("span", componentProps, {
-    ref: [forwardedRef, indicatorRef],
-    state,
-    props: elementProps,
-    stateAttributesMapping
-  });
-  useOpenChangeComplete({
-    open: rendered,
-    ref: indicatorRef,
-    onComplete() {
-      if (!rendered) {
-        setMounted(false);
-      }
-    }
-  });
-  if (!shouldRender) {
-    return null;
-  }
-  return element;
-});
-if (true)
-  RadioIndicator.displayName = "RadioIndicator";
-export {
-  exports_index_parts as Radio
-};

package/dist/shadcn/lib/base-ui/scroll-area.d.ts

@@ -1,241 +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;
-};
-declare const DEFAULT_COORDS: {
-	x: number;
-	y: number;
-};
-declare const DEFAULT_SIZE: {
-	width: number;
-	height: number;
-};
-declare const DEFAULT_OVERFLOW_EDGES: {
-	xStart: boolean;
-	xEnd: boolean;
-	yStart: boolean;
-	yEnd: boolean;
-};
-declare const DEFAULT_HIDDEN_STATE: {
-	x: boolean;
-	y: boolean;
-	corner: boolean;
-};
-export type HiddenState = typeof DEFAULT_HIDDEN_STATE;
-export type OverflowEdges = typeof DEFAULT_OVERFLOW_EDGES;
-export type Size = typeof DEFAULT_SIZE;
-export type Coords = typeof DEFAULT_COORDS;
-/**
- * Groups all parts of the scroll area.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaRoot: React$1.ForwardRefExoticComponent<Omit<ScrollAreaRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaRootState {
-	/**
-	 * Whether the scroll area is being scrolled.
-	 */
-	scrolling: boolean;
-	/**
-	 * Whether horizontal overflow is present.
-	 */
-	hasOverflowX: boolean;
-	/**
-	 * Whether vertical overflow is present.
-	 */
-	hasOverflowY: boolean;
-	/**
-	 * Whether there is overflow on the inline start side for the horizontal axis.
-	 */
-	overflowXStart: boolean;
-	/**
-	 * Whether there is overflow on the inline end side for the horizontal axis.
-	 */
-	overflowXEnd: boolean;
-	/**
-	 * Whether there is overflow on the block start side.
-	 */
-	overflowYStart: boolean;
-	/**
-	 * Whether there is overflow on the block end side.
-	 */
-	overflowYEnd: boolean;
-	/**
-	 * Whether the scrollbar corner is hidden.
-	 */
-	cornerHidden: boolean;
-}
-export interface ScrollAreaRootProps extends BaseUIComponentProps<"div", ScrollAreaRootState> {
-	/**
-	 * The threshold in pixels that must be passed before the overflow edge attributes are applied.
-	 * Accepts a single number for all edges or an object to configure them individually.
-	 * @default 0
-	 */
-	overflowEdgeThreshold?: number | Partial<{
-		xStart: number;
-		xEnd: number;
-		yStart: number;
-		yEnd: number;
-	}> | undefined;
-}
-export declare namespace ScrollAreaRoot {
-	type State = ScrollAreaRootState;
-	type Props = ScrollAreaRootProps;
-}
-/**
- * The actual scrollable container of the scroll area.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaViewport: React$1.ForwardRefExoticComponent<Omit<ScrollAreaViewportProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaViewportProps extends BaseUIComponentProps<"div", ScrollAreaViewportState> {
-}
-export interface ScrollAreaViewportState extends ScrollAreaRootState {
-}
-export declare namespace ScrollAreaViewport {
-	type Props = ScrollAreaViewportProps;
-	type State = ScrollAreaViewportState;
-}
-/**
- * A vertical or horizontal scrollbar for the scroll area.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaScrollbar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaScrollbarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaScrollbarState extends ScrollAreaRootState {
-	/**
-	 * Whether the scroll area is being hovered.
-	 */
-	hovering: boolean;
-	/**
-	 * Whether the scroll area is being scrolled.
-	 */
-	scrolling: boolean;
-	/**
-	 * The orientation of the scrollbar.
-	 */
-	orientation: "vertical" | "horizontal";
-}
-export interface ScrollAreaScrollbarProps extends BaseUIComponentProps<"div", ScrollAreaScrollbarState> {
-	/**
-	 * Whether the scrollbar controls vertical or horizontal scroll.
-	 * @default 'vertical'
-	 */
-	orientation?: "vertical" | "horizontal" | undefined;
-	/**
-	 * Whether to keep the HTML element in the DOM when the viewport isn't scrollable.
-	 * @default false
-	 */
-	keepMounted?: boolean | undefined;
-}
-export declare namespace ScrollAreaScrollbar {
-	type State = ScrollAreaScrollbarState;
-	type Props = ScrollAreaScrollbarProps;
-}
-/**
- * A container for the content of the scroll area.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaContent: React$1.ForwardRefExoticComponent<Omit<ScrollAreaContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaContentState extends ScrollAreaRootState {
-}
-export interface ScrollAreaContentProps extends BaseUIComponentProps<"div", ScrollAreaContentState> {
-}
-export declare namespace ScrollAreaContent {
-	type State = ScrollAreaContentState;
-	type Props = ScrollAreaContentProps;
-}
-/**
- * The draggable part of the scrollbar that indicates the current scroll position.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaThumb: React$1.ForwardRefExoticComponent<Omit<ScrollAreaThumbProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaThumbState {
-	/**
-	 * The component orientation.
-	 */
-	orientation?: "horizontal" | "vertical" | undefined;
-}
-export interface ScrollAreaThumbProps extends BaseUIComponentProps<"div", ScrollAreaThumbState> {
-}
-export declare namespace ScrollAreaThumb {
-	type State = ScrollAreaThumbState;
-	type Props = ScrollAreaThumbProps;
-}
-/**
- * A small rectangular area that appears at the intersection of horizontal and vertical scrollbars.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
- */
-export declare const ScrollAreaCorner: React$1.ForwardRefExoticComponent<Omit<ScrollAreaCornerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface ScrollAreaCornerState {
-}
-export interface ScrollAreaCornerProps extends BaseUIComponentProps<"div", ScrollAreaCornerState> {
-}
-export declare namespace ScrollAreaCorner {
-	type State = ScrollAreaCornerState;
-	type Props = ScrollAreaCornerProps;
-}
-
-declare namespace ScrollArea {
-	export { ScrollAreaContent as Content, ScrollAreaCorner as Corner, ScrollAreaRoot as Root, ScrollAreaScrollbar as Scrollbar, ScrollAreaThumb as Thumb, ScrollAreaViewport as Viewport };
-}
-
-export {
-	ScrollArea,
-};
-
-export {};