@stevederico/skateboard-ui 3.12.0 → 4.0.0

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

@@ -1,291 +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 NativeButtonProps {
-	/**
-	 * Whether the component renders a native `<button>` element when replacing it
-	 * via the `render` prop.
-	 * Set to `false` if the rendered element is not a button (for example, `<div>`).
-	 * @default true
-	 */
-	nativeButton?: boolean | undefined;
-}
-export type TransitionStatus = "starting" | "ending" | "idle" | undefined;
-export interface UseCollapsibleRootReturnValue {
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled: boolean;
-	handleTrigger: (event: React$1.MouseEvent | React$1.KeyboardEvent) => void;
-	/**
-	 * Whether the collapsible panel is mounted for transition and hidden-state
-	 * purposes. This can be `false` while the element remains in the DOM when
-	 * `keepMounted` or `hiddenUntilFound` is enabled.
-	 */
-	mounted: boolean;
-	/**
-	 * Whether the collapsible panel is currently open.
-	 */
-	open: boolean;
-	panelId: React$1.HTMLAttributes<Element>["id"];
-	setMounted: (nextMounted: boolean) => void;
-	setOpen: (open: boolean) => void;
-	setPanelIdState: (id: string | undefined) => void;
-	transitionStatus: TransitionStatus;
-}
-/**
- * Groups all parts of the collapsible.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
- */
-export declare const CollapsibleRoot: React$1.ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface CollapsibleRootState extends Pick<UseCollapsibleRootReturnValue, "open" | "disabled" | "transitionStatus"> {
-}
-export interface CollapsibleRootProps extends BaseUIComponentProps<"div", CollapsibleRootState> {
-	/**
-	 * Whether the collapsible panel is currently open.
-	 *
-	 * To render an uncontrolled collapsible, use the `defaultOpen` prop instead.
-	 */
-	open?: boolean | undefined;
-	/**
-	 * Whether the collapsible panel is initially open.
-	 *
-	 * To render a controlled collapsible, use the `open` prop instead.
-	 * @default false
-	 */
-	defaultOpen?: boolean | undefined;
-	/**
-	 * Event handler called when the panel is opened or closed.
-	 */
-	onOpenChange?: ((open: boolean, eventDetails: CollapsibleRootChangeEventDetails) => void) | undefined;
-	/**
-	 * Whether the component should ignore user interaction.
-	 * @default false
-	 */
-	disabled?: boolean | undefined;
-}
-export type CollapsibleRootChangeEventReason = typeof triggerPress | typeof none;
-export type CollapsibleRootChangeEventDetails = BaseUIChangeEventDetails<CollapsibleRootChangeEventReason>;
-export declare namespace CollapsibleRoot {
-	type State = CollapsibleRootState;
-	type Props = CollapsibleRootProps;
-	type ChangeEventReason = CollapsibleRootChangeEventReason;
-	type ChangeEventDetails = CollapsibleRootChangeEventDetails;
-}
-/**
- * A button that opens and closes the collapsible panel.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
- */
-export declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-export interface CollapsibleTriggerState extends CollapsibleRootState {
-}
-export interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<"button", CollapsibleTriggerState> {
-}
-export declare namespace CollapsibleTrigger {
-	type State = CollapsibleTriggerState;
-	type Props = CollapsibleTriggerProps;
-}
-/**
- * A panel with the collapsible contents.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
- */
-export declare const CollapsiblePanel: React$1.ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-export interface CollapsiblePanelState extends CollapsibleRootState {
-	/**
-	 * The transition status of the component.
-	 */
-	transitionStatus: TransitionStatus;
-}
-export interface CollapsiblePanelProps extends BaseUIComponentProps<"div", CollapsiblePanelState> {
-	/**
-	 * Allows the browser's built-in page search to find and expand the panel contents.
-	 *
-	 * Overrides the `keepMounted` prop and uses `hidden="until-found"`
-	 * to hide the element without removing it from the DOM.
-	 *
-	 * @default false
-	 */
-	hiddenUntilFound?: boolean | undefined;
-	/**
-	 * Whether to keep the element in the DOM while the panel is hidden.
-	 * This prop is ignored when `hiddenUntilFound` is used.
-	 * @default false
-	 */
-	keepMounted?: boolean | undefined;
-}
-export declare namespace CollapsiblePanel {
-	type State = CollapsiblePanelState;
-	type Props = CollapsiblePanelProps;
-}
-
-declare namespace Collapsible {
-	export { CollapsiblePanel as Panel, CollapsibleRoot as Root, CollapsibleTrigger as Trigger };
-}
-
-export {
-	Collapsible,
-};
-
-export {};

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

@@ -1,264 +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 {
-  CollapsibleRootContext,
-  collapsibleOpenStateMapping,
-  triggerOpenStateMapping,
-  useCollapsiblePanel,
-  useCollapsibleRoot,
-  useCollapsibleRootContext
-} from "./_chunk-6adaer33.js";
-import"./_chunk-9x63vfqj.js";
-import"./_chunk-x11e1k9r.js";
-import"./_chunk-ase0ydtt.js";
-import"./_chunk-6kqramh9.js";
-import"./_chunk-451nqgsa.js";
-import"./_chunk-e56mpvk1.js";
-import"./_chunk-wdqynnjf.js";
-import {
-  transitionStatusMapping
-} 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"./_chunk-000kmre8.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-import {
-  resolveStyle,
-  useRenderElement,
-  warn
-} from "./_chunk-x8xehj6d.js";
-import {
-  __export
-} from "./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/collapsible/index.parts.js
-var exports_index_parts = {};
-__export(exports_index_parts, {
-  Trigger: () => CollapsibleTrigger,
-  Root: () => CollapsibleRoot,
-  Panel: () => CollapsiblePanel
-});
-
-// node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js
-import * as React from "react";
-
-// node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js
-var collapsibleStateAttributesMapping = {
-  ...collapsibleOpenStateMapping,
-  ...transitionStatusMapping
-};
-
-// node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js
-import { jsx as _jsx } from "react/jsx-runtime";
-"use client";
-var CollapsibleRoot = /* @__PURE__ */ React.forwardRef(function CollapsibleRoot2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    defaultOpen = false,
-    disabled = false,
-    onOpenChange: onOpenChangeProp,
-    open,
-    style,
-    ...elementProps
-  } = componentProps;
-  const onOpenChange = useStableCallback(onOpenChangeProp);
-  const collapsible = useCollapsibleRoot({
-    open,
-    defaultOpen,
-    onOpenChange,
-    disabled
-  });
-  const state = React.useMemo(() => ({
-    open: collapsible.open,
-    disabled: collapsible.disabled,
-    transitionStatus: collapsible.transitionStatus
-  }), [collapsible.open, collapsible.disabled, collapsible.transitionStatus]);
-  const contextValue = React.useMemo(() => ({
-    ...collapsible,
-    onOpenChange,
-    state
-  }), [collapsible, onOpenChange, state]);
-  const element = useRenderElement("div", componentProps, {
-    state,
-    ref: forwardedRef,
-    props: elementProps,
-    stateAttributesMapping: collapsibleStateAttributesMapping
-  });
-  return /* @__PURE__ */ _jsx(CollapsibleRootContext.Provider, {
-    value: contextValue,
-    children: element
-  });
-});
-if (true)
-  CollapsibleRoot.displayName = "CollapsibleRoot";
-// node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js
-import * as React2 from "react";
-"use client";
-var stateAttributesMapping = {
-  ...triggerOpenStateMapping,
-  ...transitionStatusMapping
-};
-var CollapsibleTrigger = /* @__PURE__ */ React2.forwardRef(function CollapsibleTrigger2(componentProps, forwardedRef) {
-  const {
-    panelId,
-    open,
-    handleTrigger,
-    state,
-    disabled: contextDisabled
-  } = useCollapsibleRootContext();
-  const {
-    className,
-    disabled = contextDisabled,
-    id,
-    render,
-    nativeButton = true,
-    style,
-    ...elementProps
-  } = componentProps;
-  const {
-    getButtonProps,
-    buttonRef
-  } = useButton({
-    disabled,
-    focusableWhenDisabled: true,
-    native: nativeButton
-  });
-  const element = useRenderElement("button", componentProps, {
-    state,
-    ref: [forwardedRef, buttonRef],
-    props: [{
-      "aria-controls": open ? panelId : undefined,
-      "aria-expanded": open,
-      onClick: handleTrigger
-    }, elementProps, getButtonProps],
-    stateAttributesMapping
-  });
-  return element;
-});
-if (true)
-  CollapsibleTrigger.displayName = "CollapsibleTrigger";
-// node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js
-import * as React3 from "react";
-
-// node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanelCssVars.js
-var CollapsiblePanelCssVars = /* @__PURE__ */ function(CollapsiblePanelCssVars2) {
-  CollapsiblePanelCssVars2["collapsiblePanelHeight"] = "--collapsible-panel-height";
-  CollapsiblePanelCssVars2["collapsiblePanelWidth"] = "--collapsible-panel-width";
-  return CollapsiblePanelCssVars2;
-}({});
-
-// node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js
-"use client";
-var CollapsiblePanel = /* @__PURE__ */ React3.forwardRef(function CollapsiblePanel2(componentProps, forwardedRef) {
-  const {
-    className,
-    hiddenUntilFound: hiddenUntilFoundProp,
-    keepMounted: keepMountedProp,
-    render,
-    id: idProp,
-    style,
-    ...elementProps
-  } = componentProps;
-  if (true) {
-    useIsoLayoutEffect(() => {
-      if (hiddenUntilFoundProp && keepMountedProp === false) {
-        warn("The `keepMounted={false}` prop on `Collapsible.Panel` is ignored when `hiddenUntilFound` is enabled, since the panel must remain mounted while closed.");
-      }
-    }, [hiddenUntilFoundProp, keepMountedProp]);
-  }
-  const {
-    mounted,
-    onOpenChange,
-    open,
-    panelId,
-    setMounted,
-    setPanelIdState,
-    setOpen,
-    state,
-    transitionStatus
-  } = useCollapsibleRootContext();
-  const hiddenUntilFound = hiddenUntilFoundProp ?? false;
-  const keepMounted = keepMountedProp ?? false;
-  useIsoLayoutEffect(() => {
-    if (idProp) {
-      setPanelIdState(idProp);
-      return () => {
-        setPanelIdState(undefined);
-      };
-    }
-    return;
-  }, [idProp, setPanelIdState]);
-  const {
-    height,
-    props,
-    ref,
-    shouldPreventOpenAnimation,
-    shouldRender,
-    transitionStatus: panelTransitionStatus,
-    width
-  } = useCollapsiblePanel({
-    externalRef: forwardedRef,
-    hiddenUntilFound,
-    id: panelId,
-    keepMounted,
-    mounted,
-    onOpenChange,
-    open,
-    setMounted,
-    setOpen,
-    transitionStatus
-  });
-  const panelState = {
-    ...state,
-    transitionStatus: panelTransitionStatus
-  };
-  const resolvedStyle = resolveStyle(style, panelState);
-  const element = useRenderElement("div", {
-    ...componentProps,
-    style: undefined
-  }, {
-    state: panelState,
-    ref,
-    props: [
-      props,
-      {
-        style: {
-          [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === undefined ? "auto" : `${height}px`,
-          [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === undefined ? "auto" : `${width}px`
-        }
-      },
-      elementProps,
-      resolvedStyle ? {
-        style: resolvedStyle
-      } : undefined,
-      shouldPreventOpenAnimation ? {
-        style: {
-          animationName: "none"
-        }
-      } : undefined
-    ],
-    stateAttributesMapping: collapsibleStateAttributesMapping
-  });
-  if (!shouldRender) {
-    return null;
-  }
-  return element;
-});
-if (true)
-  CollapsiblePanel.displayName = "CollapsiblePanel";
-export {
-  exports_index_parts as Collapsible
-};