@stevederico/skateboard-ui 3.11.0 → 4.0.0

package/dist/shadcn/lib/base-ui/toggle-group.d.ts

@@ -1,235 +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 type Orientation = "horizontal" | "vertical";
-/**
- * Provides a shared state to a series of toggle buttons.
- *
- * Documentation: [Base UI Toggle Group](https://base-ui.com/react/components/toggle-group)
- */
-export declare const ToggleGroup: {
-	<Value extends string>(props: ToggleGroup.Props<Value> & React$1.RefAttributes<HTMLDivElement>): React$1.JSX.Element;
-};
-export interface ToggleGroupState {
-	/**
-	 * Whether the component should ignore user interaction.
-	 */
-	disabled: boolean;
-	/**
-	 * When `false` only one item in the group can be pressed. If any item in
-	 * the group becomes pressed, the others will become unpressed.
-	 * When `true` multiple items can be pressed.
-	 * @default false
-	 */
-	multiple: boolean;
-	/**
-	 * The orientation of the toggle group.
-	 */
-	orientation: Orientation;
-}
-export interface ToggleGroupProps<Value extends string> extends BaseUIComponentProps<"div", ToggleGroupState> {
-	/**
-	 * The pressed state of the toggle group represented by an array of
-	 * the values of all pressed toggle buttons.
-	 * This is the controlled counterpart of `defaultValue`.
-	 */
-	value?: readonly Value[] | undefined;
-	/**
-	 * The pressed state of the toggle group represented by an array of
-	 * the values of all pressed toggle buttons.
-	 * This is the uncontrolled counterpart of `value`.
-	 */
-	defaultValue?: readonly Value[] | undefined;
-	/**
-	 * Callback fired when the pressed states of the toggle group changes.
-	 */
-	onValueChange?: ((groupValue: Value[], eventDetails: ToggleGroup.ChangeEventDetails) => void) | undefined;
-	/**
-	 * Whether the toggle group should ignore user interaction.
-	 * @default false
-	 */
-	disabled?: boolean | undefined;
-	/**
-	 * @default 'horizontal'
-	 */
-	orientation?: Orientation | undefined;
-	/**
-	 * Whether to loop keyboard focus back to the first item
-	 * when the end of the list is reached while using the arrow keys.
-	 * @default true
-	 */
-	loopFocus?: boolean | undefined;
-	/**
-	 * When `false` only one item in the group can be pressed. If any item in
-	 * the group becomes pressed, the others will become unpressed.
-	 * When `true` multiple items can be pressed.
-	 * @default false
-	 */
-	multiple?: boolean | undefined;
-}
-export type ToggleGroupChangeEventReason = typeof none;
-export type ToggleGroupChangeEventDetails = BaseUIChangeEventDetails<ToggleGroup.ChangeEventReason>;
-export declare namespace ToggleGroup {
-	type State = ToggleGroupState;
-	type Props<Value extends string = string> = ToggleGroupProps<Value>;
-	type ChangeEventReason = ToggleGroupChangeEventReason;
-	type ChangeEventDetails = ToggleGroupChangeEventDetails;
-}
-
-export {};

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

@@ -1,145 +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 {
-  ToggleGroupContext
-} from "./_chunk-qmsqz6nt.js";
-import {
-  CompositeRoot
-} from "./_chunk-cdj8cpx5.js";
-import"./_chunk-5tt5hk59.js";
-import {
-  useToolbarRootContext
-} from "./_chunk-mnd0j7v9.js";
-import"./_chunk-26cc610z.js";
-import"./_chunk-j29xjete.js";
-import"./_chunk-3xpke33f.js";
-import"./_chunk-gy0bpkmx.js";
-import {
-  useControlled
-} from "./_chunk-9x63vfqj.js";
-import"./_chunk-cgptgywc.js";
-import"./_chunk-pv7b791x.js";
-import"./_chunk-kw8nnq00.js";
-import"./_chunk-rrh8rt4v.js";
-import"./_chunk-hm5h9vsk.js";
-import"./_chunk-cdgfsr3q.js";
-import"./_chunk-000kmre8.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import"./_chunk-5tze5c8q.js";
-import {
-  EMPTY_ARRAY,
-  useRenderElement
-} from "./_chunk-x8xehj6d.js";
-import"./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js
-import * as React from "react";
-
-// node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js
-var ToggleGroupDataAttributes = /* @__PURE__ */ function(ToggleGroupDataAttributes2) {
-  ToggleGroupDataAttributes2["disabled"] = "data-disabled";
-  ToggleGroupDataAttributes2["orientation"] = "data-orientation";
-  ToggleGroupDataAttributes2["multiple"] = "data-multiple";
-  return ToggleGroupDataAttributes2;
-}({});
-
-// node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js
-import { jsx as _jsx } from "react/jsx-runtime";
-"use client";
-var stateAttributesMapping = {
-  multiple(value) {
-    if (value) {
-      return {
-        [ToggleGroupDataAttributes.multiple]: ""
-      };
-    }
-    return null;
-  }
-};
-var ToggleGroup = /* @__PURE__ */ React.forwardRef(function ToggleGroup2(componentProps, forwardedRef) {
-  const {
-    defaultValue: defaultValueProp,
-    disabled: disabledProp = false,
-    loopFocus = true,
-    onValueChange,
-    orientation = "horizontal",
-    multiple = false,
-    value: valueProp,
-    className,
-    render,
-    style,
-    ...elementProps
-  } = componentProps;
-  const toolbarContext = useToolbarRootContext(true);
-  const isValueInitialized = React.useMemo(() => valueProp !== undefined || defaultValueProp !== undefined, [valueProp, defaultValueProp]);
-  const disabled = (toolbarContext?.disabled ?? false) || disabledProp;
-  const [groupValue, setValueState] = useControlled({
-    controlled: valueProp,
-    default: valueProp === undefined ? defaultValueProp ?? EMPTY_ARRAY : undefined,
-    name: "ToggleGroup",
-    state: "value"
-  });
-  const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {
-    let newGroupValue;
-    if (multiple) {
-      newGroupValue = groupValue.slice();
-      if (nextPressed) {
-        newGroupValue.push(newValue);
-      } else {
-        newGroupValue.splice(groupValue.indexOf(newValue), 1);
-      }
-    } else {
-      newGroupValue = nextPressed ? [newValue] : [];
-    }
-    onValueChange?.(newGroupValue, eventDetails);
-    if (eventDetails.isCanceled) {
-      return;
-    }
-    setValueState(newGroupValue);
-  });
-  const state = {
-    disabled,
-    multiple,
-    orientation
-  };
-  const contextValue = React.useMemo(() => ({
-    disabled,
-    orientation,
-    setGroupValue,
-    value: groupValue,
-    isValueInitialized
-  }), [disabled, orientation, setGroupValue, groupValue, isValueInitialized]);
-  const defaultProps = {
-    role: "group"
-  };
-  const element = useRenderElement("div", componentProps, {
-    enabled: Boolean(toolbarContext),
-    state,
-    ref: forwardedRef,
-    props: [defaultProps, elementProps],
-    stateAttributesMapping
-  });
-  return /* @__PURE__ */ _jsx(ToggleGroupContext.Provider, {
-    value: contextValue,
-    children: toolbarContext ? element : /* @__PURE__ */ _jsx(CompositeRoot, {
-      render,
-      className,
-      style,
-      state,
-      refs: [forwardedRef],
-      props: [defaultProps, elementProps],
-      stateAttributesMapping,
-      loopFocus,
-      enableHomeAndEndKeys: true,
-      orientation
-    })
-  });
-});
-if (true)
-  ToggleGroup.displayName = "ToggleGroup";
-export {
-  ToggleGroup
-};

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

@@ -1,224 +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;
-}
-/**
- * A two-state button that can be on or off.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Toggle](https://base-ui.com/react/components/toggle)
- */
-export declare const Toggle: {
-	<Value extends string>(props: Toggle.Props<Value> & React$1.RefAttributes<HTMLButtonElement>): React$1.JSX.Element;
-};
-export interface ToggleState {
-	/**
-	 * Whether the toggle is currently pressed.
-	 */
-	pressed: boolean;
-	/**
-	 * Whether the toggle should ignore user interaction.
-	 */
-	disabled: boolean;
-}
-export interface ToggleProps<Value extends string> extends NativeButtonProps, BaseUIComponentProps<"button", ToggleState> {
-	/**
-	 * Whether the toggle button is currently pressed.
-	 * This is the controlled counterpart of `defaultPressed`.
-	 */
-	pressed?: boolean | undefined;
-	/**
-	 * Whether the toggle button is currently pressed.
-	 * This is the uncontrolled counterpart of `pressed`.
-	 * @default false
-	 */
-	defaultPressed?: boolean | undefined;
-	/**
-	 * Whether the component should ignore user interaction.
-	 * @default false
-	 */
-	disabled?: boolean | undefined;
-	/**
-	 * Callback fired when the pressed state is changed.
-	 */
-	onPressedChange?: ((pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void) | undefined;
-	/**
-	 * A unique string that identifies the toggle when used
-	 * inside a toggle group.
-	 */
-	value?: Value | undefined;
-}
-export type ToggleChangeEventReason = typeof none;
-export type ToggleChangeEventDetails = BaseUIChangeEventDetails<Toggle.ChangeEventReason>;
-export declare namespace Toggle {
-	type State = ToggleState;
-	type Props<TValue extends string = string> = ToggleProps<TValue>;
-	type ChangeEventReason = ToggleChangeEventReason;
-	type ChangeEventDetails = ToggleChangeEventDetails;
-}
-
-export {};