@stevederico/skateboard-ui 3.11.0 → 4.0.0

package/dist/shadcn/lib/base-ui/_chunk-cgptgywc.js

@@ -1,104 +0,0 @@
-import {
-  FOCUSABLE_ATTRIBUTE,
-  TYPEABLE_SELECTOR,
-  isJSDOM
-} from "./_chunk-rrh8rt4v.js";
-import {
-  isElement,
-  isHTMLElement,
-  isShadowRoot
-} from "./_chunk-000kmre8.js";
-
-// node_modules/@base-ui/react/esm/internals/shadowDom.js
-function activeElement(doc) {
-  let element = doc.activeElement;
-  while (element?.shadowRoot?.activeElement != null) {
-    element = element.shadowRoot.activeElement;
-  }
-  return element;
-}
-function contains(parent, child) {
-  if (!parent || !child) {
-    return false;
-  }
-  const rootNode = child.getRootNode?.();
-  if (parent.contains(child)) {
-    return true;
-  }
-  if (rootNode && isShadowRoot(rootNode)) {
-    let next = child;
-    while (next) {
-      if (parent === next) {
-        return true;
-      }
-      next = next.parentNode || next.host;
-    }
-  }
-  return false;
-}
-function getTarget(event) {
-  if ("composedPath" in event) {
-    return event.composedPath()[0];
-  }
-  return event.target;
-}
-
-// node_modules/@base-ui/react/esm/floating-ui-react/utils/element.js
-function isTargetInsideEnabledTrigger(target, triggerElements) {
-  if (!isElement(target)) {
-    return false;
-  }
-  const targetElement = target;
-  if (triggerElements.hasElement(targetElement)) {
-    return !targetElement.hasAttribute("data-trigger-disabled");
-  }
-  for (const [, trigger] of triggerElements.entries()) {
-    if (contains(trigger, targetElement)) {
-      return !trigger.hasAttribute("data-trigger-disabled");
-    }
-  }
-  return false;
-}
-function isEventTargetWithin(event, node) {
-  if (node == null) {
-    return false;
-  }
-  if ("composedPath" in event) {
-    return event.composedPath().includes(node);
-  }
-  const eventAgain = event;
-  return eventAgain.target != null && node.contains(eventAgain.target);
-}
-function isRootElement(element) {
-  return element.matches("html,body");
-}
-function isTypeableElement(element) {
-  return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
-}
-function isInteractiveElement(element) {
-  return element?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${TYPEABLE_SELECTOR}`) != null;
-}
-function isTypeableCombobox(element) {
-  if (!element) {
-    return false;
-  }
-  return element.getAttribute("role") === "combobox" && isTypeableElement(element);
-}
-function matchesFocusVisible(element) {
-  if (!element || isJSDOM) {
-    return true;
-  }
-  try {
-    return element.matches(":focus-visible");
-  } catch (_e) {
-    return true;
-  }
-}
-function getFloatingFocusElement(floatingElement) {
-  if (!floatingElement) {
-    return null;
-  }
-  return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE) ? floatingElement : floatingElement.querySelector(`[${FOCUSABLE_ATTRIBUTE}]`) || floatingElement;
-}
-
-export { activeElement, contains, getTarget, isTargetInsideEnabledTrigger, isEventTargetWithin, isRootElement, isTypeableElement, isInteractiveElement, isTypeableCombobox, matchesFocusVisible, getFloatingFocusElement };

package/dist/shadcn/lib/base-ui/_chunk-cwvtvwc7.js

@@ -1,35 +0,0 @@
-import {
-  SafeReact
-} from "./_chunk-5tze5c8q.js";
-import {
-  useRefWithInit
-} from "./_chunk-x8xehj6d.js";
-
-// node_modules/@base-ui/utils/esm/useStableCallback.js
-"use client";
-var useInsertionEffect = SafeReact.useInsertionEffect;
-var useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn();
-function useStableCallback(callback) {
-  const stable = useRefWithInit(createStableCallback).current;
-  stable.next = callback;
-  useSafeInsertionEffect(stable.effect);
-  return stable.trampoline;
-}
-function createStableCallback() {
-  const stable = {
-    next: undefined,
-    callback: assertNotCalled,
-    trampoline: (...args) => stable.callback?.(...args),
-    effect: () => {
-      stable.callback = stable.next;
-    }
-  };
-  return stable;
-}
-function assertNotCalled() {
-  if (true) {
-    throw new Error("Base UI: Cannot call an event handler while rendering.");
-  }
-}
-
-export { useStableCallback };

package/dist/shadcn/lib/base-ui/_chunk-dan0mva4.js

@@ -1,23 +0,0 @@
-// node_modules/@base-ui/utils/esm/visuallyHidden.js
-var visuallyHiddenBase = {
-  clipPath: "inset(50%)",
-  overflow: "hidden",
-  whiteSpace: "nowrap",
-  border: 0,
-  padding: 0,
-  width: 1,
-  height: 1,
-  margin: -1
-};
-var visuallyHidden = {
-  ...visuallyHiddenBase,
-  position: "fixed",
-  top: 0,
-  left: 0
-};
-var visuallyHiddenInput = {
-  ...visuallyHiddenBase,
-  position: "absolute"
-};
-
-export { visuallyHidden, visuallyHiddenInput };

package/dist/shadcn/lib/base-ui/_chunk-e13rsb6b.js

@@ -1,184 +0,0 @@
-import {
-  resolveRef
-} from "./_chunk-zk4mtm9m.js";
-import {
-  AnimationFrame,
-  useAnimationFrame
-} from "./_chunk-8a9vv8am.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-
-// node_modules/@base-ui/react/esm/internals/useTransitionStatus.js
-import * as React from "react";
-"use client";
-function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
-  const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? "idle" : undefined);
-  const [mounted, setMounted] = React.useState(open);
-  if (open && !mounted) {
-    setMounted(true);
-    setTransitionStatus("starting");
-  }
-  if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) {
-    setTransitionStatus("ending");
-  }
-  if (!open && !mounted && transitionStatus === "ending") {
-    setTransitionStatus(undefined);
-  }
-  useIsoLayoutEffect(() => {
-    if (!open && mounted && transitionStatus !== "ending" && deferEndingState) {
-      const frame = AnimationFrame.request(() => {
-        setTransitionStatus("ending");
-      });
-      return () => {
-        AnimationFrame.cancel(frame);
-      };
-    }
-    return;
-  }, [open, mounted, transitionStatus, deferEndingState]);
-  useIsoLayoutEffect(() => {
-    if (!open || enableIdleState) {
-      return;
-    }
-    const frame = AnimationFrame.request(() => {
-      setTransitionStatus(undefined);
-    });
-    return () => {
-      AnimationFrame.cancel(frame);
-    };
-  }, [enableIdleState, open]);
-  useIsoLayoutEffect(() => {
-    if (!open || !enableIdleState) {
-      return;
-    }
-    if (open && mounted && transitionStatus !== "idle") {
-      setTransitionStatus("starting");
-    }
-    const frame = AnimationFrame.request(() => {
-      setTransitionStatus("idle");
-    });
-    return () => {
-      AnimationFrame.cancel(frame);
-    };
-  }, [enableIdleState, open, mounted, transitionStatus]);
-  return {
-    mounted,
-    setMounted,
-    transitionStatus
-  };
-}
-
-// node_modules/@base-ui/react/esm/internals/stateAttributesMapping.js
-var TransitionStatusDataAttributes = /* @__PURE__ */ function(TransitionStatusDataAttributes2) {
-  TransitionStatusDataAttributes2["startingStyle"] = "data-starting-style";
-  TransitionStatusDataAttributes2["endingStyle"] = "data-ending-style";
-  return TransitionStatusDataAttributes2;
-}({});
-var STARTING_HOOK = {
-  [TransitionStatusDataAttributes.startingStyle]: ""
-};
-var ENDING_HOOK = {
-  [TransitionStatusDataAttributes.endingStyle]: ""
-};
-var transitionStatusMapping = {
-  transitionStatus(value) {
-    if (value === "starting") {
-      return STARTING_HOOK;
-    }
-    if (value === "ending") {
-      return ENDING_HOOK;
-    }
-    return null;
-  }
-};
-
-// node_modules/@base-ui/react/esm/internals/useAnimationsFinished.js
-import * as ReactDOM from "react-dom";
-"use client";
-function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false, treatAbortedAsFinished = true) {
-  const frame = useAnimationFrame();
-  return useStableCallback((fnToExecute, signal = null) => {
-    frame.cancel();
-    const element = resolveRef(elementOrRef);
-    if (element == null) {
-      return;
-    }
-    const resolvedElement = element;
-    const done = () => {
-      ReactDOM.flushSync(fnToExecute);
-    };
-    if (typeof resolvedElement.getAnimations !== "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
-      fnToExecute();
-      return;
-    }
-    function exec() {
-      Promise.all(resolvedElement.getAnimations().map((animation) => animation.finished)).then(() => {
-        if (!signal?.aborted) {
-          done();
-        }
-      }).catch(() => {
-        if (treatAbortedAsFinished) {
-          if (!signal?.aborted) {
-            done();
-          }
-          return;
-        }
-        const currentAnimations = resolvedElement.getAnimations();
-        if (!signal?.aborted && currentAnimations.length > 0 && currentAnimations.some((animation) => animation.pending || animation.playState !== "finished")) {
-          exec();
-        }
-      });
-    }
-    if (waitForStartingStyleRemoved) {
-      const startingStyleAttribute = TransitionStatusDataAttributes.startingStyle;
-      if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-        frame.request(exec);
-        return;
-      }
-      const attributeObserver = new MutationObserver(() => {
-        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-          attributeObserver.disconnect();
-          exec();
-        }
-      });
-      attributeObserver.observe(resolvedElement, {
-        attributes: true,
-        attributeFilter: [startingStyleAttribute]
-      });
-      signal?.addEventListener("abort", () => attributeObserver.disconnect(), {
-        once: true
-      });
-      return;
-    }
-    frame.request(exec);
-  });
-}
-
-// node_modules/@base-ui/react/esm/internals/useOpenChangeComplete.js
-import * as React2 from "react";
-"use client";
-function useOpenChangeComplete(parameters) {
-  const {
-    enabled = true,
-    open,
-    ref,
-    onComplete: onCompleteParam
-  } = parameters;
-  const onComplete = useStableCallback(onCompleteParam);
-  const runOnceAnimationsFinish = useAnimationsFinished(ref, open, false);
-  React2.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const abortController = new AbortController;
-    runOnceAnimationsFinish(onComplete, abortController.signal);
-    return () => {
-      abortController.abort();
-    };
-  }, [enabled, open, onComplete, runOnceAnimationsFinish]);
-}
-
-export { useTransitionStatus, TransitionStatusDataAttributes, transitionStatusMapping, useAnimationsFinished, useOpenChangeComplete };

package/dist/shadcn/lib/base-ui/_chunk-e56mpvk1.js

@@ -1,118 +0,0 @@
-import {
-  EMPTY_OBJECT
-} from "./_chunk-x8xehj6d.js";
-import {
-  __export
-} from "./_chunk-svxv97ph.js";
-
-// node_modules/@base-ui/react/esm/internals/reason-parts.js
-var exports_reason_parts = {};
-__export(exports_reason_parts, {
-  windowResize: () => windowResize,
-  wheel: () => wheel,
-  triggerPress: () => triggerPress,
-  triggerHover: () => triggerHover,
-  triggerFocus: () => triggerFocus,
-  trackPress: () => trackPress,
-  swipe: () => swipe,
-  siblingOpen: () => siblingOpen,
-  scrub: () => scrub,
-  pointer: () => pointer,
-  outsidePress: () => outsidePress,
-  none: () => none,
-  missing: () => missing,
-  listNavigation: () => listNavigation,
-  linkPress: () => linkPress,
-  keyboard: () => keyboard,
-  itemPress: () => itemPress,
-  inputPress: () => inputPress,
-  inputPaste: () => inputPaste,
-  inputClear: () => inputClear,
-  inputChange: () => inputChange,
-  inputBlur: () => inputBlur,
-  initial: () => initial,
-  incrementPress: () => incrementPress,
-  imperativeAction: () => imperativeAction,
-  focusOut: () => focusOut,
-  escapeKey: () => escapeKey,
-  drag: () => drag,
-  disabled: () => disabled,
-  decrementPress: () => decrementPress,
-  closeWatcher: () => closeWatcher,
-  closePress: () => closePress,
-  clearPress: () => clearPress,
-  chipRemovePress: () => chipRemovePress,
-  cancelOpen: () => cancelOpen
-});
-var none = "none";
-var triggerPress = "trigger-press";
-var triggerHover = "trigger-hover";
-var triggerFocus = "trigger-focus";
-var outsidePress = "outside-press";
-var itemPress = "item-press";
-var closePress = "close-press";
-var linkPress = "link-press";
-var clearPress = "clear-press";
-var chipRemovePress = "chip-remove-press";
-var trackPress = "track-press";
-var incrementPress = "increment-press";
-var decrementPress = "decrement-press";
-var inputChange = "input-change";
-var inputClear = "input-clear";
-var inputBlur = "input-blur";
-var inputPaste = "input-paste";
-var inputPress = "input-press";
-var focusOut = "focus-out";
-var escapeKey = "escape-key";
-var closeWatcher = "close-watcher";
-var listNavigation = "list-navigation";
-var keyboard = "keyboard";
-var pointer = "pointer";
-var drag = "drag";
-var wheel = "wheel";
-var scrub = "scrub";
-var cancelOpen = "cancel-open";
-var siblingOpen = "sibling-open";
-var disabled = "disabled";
-var missing = "missing";
-var initial = "initial";
-var imperativeAction = "imperative-action";
-var swipe = "swipe";
-var windowResize = "window-resize";
-
-// node_modules/@base-ui/react/esm/internals/createBaseUIEventDetails.js
-function createChangeEventDetails(reason, event, trigger, customProperties) {
-  let canceled = false;
-  let allowPropagation = false;
-  const custom = customProperties ?? EMPTY_OBJECT;
-  const details = {
-    reason,
-    event: event ?? new Event("base-ui"),
-    cancel() {
-      canceled = true;
-    },
-    allowPropagation() {
-      allowPropagation = true;
-    },
-    get isCanceled() {
-      return canceled;
-    },
-    get isPropagationAllowed() {
-      return allowPropagation;
-    },
-    trigger,
-    ...custom
-  };
-  return details;
-}
-function createGenericEventDetails(reason, event, customProperties) {
-  const custom = customProperties ?? EMPTY_OBJECT;
-  const details = {
-    reason,
-    event: event ?? new Event("base-ui"),
-    ...custom
-  };
-  return details;
-}
-
-export { exports_reason_parts, createChangeEventDetails, createGenericEventDetails };

package/dist/shadcn/lib/base-ui/_chunk-e6k2ecs7.js

@@ -1,48 +0,0 @@
-import {
-  clamp
-} from "./_chunk-yzr7eg4b.js";
-
-// node_modules/@base-ui/react/esm/utils/styles.js
-import { jsx as _jsx } from "react/jsx-runtime";
-var DISABLE_SCROLLBAR_CLASS_NAME = "base-ui-disable-scrollbar";
-var styleDisableScrollbar = {
-  className: DISABLE_SCROLLBAR_CLASS_NAME,
-  getElement(nonce) {
-    return /* @__PURE__ */ _jsx("style", {
-      nonce,
-      href: DISABLE_SCROLLBAR_CLASS_NAME,
-      precedence: "base-ui:low",
-      children: `.${DISABLE_SCROLLBAR_CLASS_NAME}{scrollbar-width:none}.${DISABLE_SCROLLBAR_CLASS_NAME}::-webkit-scrollbar{display:none}`
-    });
-  }
-};
-if (true)
-  styleDisableScrollbar.getElement.displayName = "styleDisableScrollbar.getElement";
-
-// node_modules/@base-ui/react/esm/utils/scrollEdges.js
-var SCROLL_EDGE_TOLERANCE_PX = 1;
-function getMaxScrollOffset(scrollSize, clientSize) {
-  return Math.max(0, scrollSize - clientSize);
-}
-function normalizeScrollOffset(value, max) {
-  if (max <= 0) {
-    return 0;
-  }
-  const clamped = clamp(value, 0, max);
-  const startDistance = clamped;
-  const endDistance = max - clamped;
-  const withinStartTolerance = startDistance <= SCROLL_EDGE_TOLERANCE_PX;
-  const withinEndTolerance = endDistance <= SCROLL_EDGE_TOLERANCE_PX;
-  if (withinStartTolerance && withinEndTolerance) {
-    return startDistance <= endDistance ? 0 : max;
-  }
-  if (withinStartTolerance) {
-    return 0;
-  }
-  if (withinEndTolerance) {
-    return max;
-  }
-  return clamped;
-}
-
-export { styleDisableScrollbar, SCROLL_EDGE_TOLERANCE_PX, getMaxScrollOffset, normalizeScrollOffset };

package/dist/shadcn/lib/base-ui/_chunk-ebyxgtb4.js

@@ -1,29 +0,0 @@
-import {
-  useScrollLock
-} from "./_chunk-ytnp24gq.js";
-import {
-  ownerDocument
-} from "./_chunk-451nqgsa.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-
-// node_modules/@base-ui/react/esm/utils/useAnchoredPopupScrollLock.js
-import * as React from "react";
-"use client";
-var VIEWPORT_WIDTH_TOLERANCE_PX = 20;
-function useAnchoredPopupScrollLock(enabled, touchOpen, positionerElement, referenceElement) {
-  const [touchOpenShouldLockScroll, setTouchOpenShouldLockScroll] = React.useState(false);
-  useIsoLayoutEffect(() => {
-    if (!enabled || !touchOpen || positionerElement == null) {
-      setTouchOpenShouldLockScroll(false);
-      return;
-    }
-    const viewportWidth = ownerDocument(positionerElement).documentElement.clientWidth;
-    const popupWidth = positionerElement.offsetWidth;
-    setTouchOpenShouldLockScroll(viewportWidth > 0 && popupWidth > 0 && popupWidth >= viewportWidth - VIEWPORT_WIDTH_TOLERANCE_PX);
-  }, [enabled, touchOpen, positionerElement]);
-  useScrollLock(enabled && (!touchOpen || touchOpenShouldLockScroll), referenceElement);
-}
-
-export { useAnchoredPopupScrollLock };

package/dist/shadcn/lib/base-ui/_chunk-f2wttwrf.js

@@ -1,39 +0,0 @@
-import {
-  useCompositeItem
-} from "./_chunk-j3qkyd10.js";
-import {
-  EMPTY_ARRAY,
-  EMPTY_OBJECT,
-  useRenderElement
-} from "./_chunk-x8xehj6d.js";
-
-// node_modules/@base-ui/react/esm/internals/composite/item/CompositeItem.js
-"use client";
-function CompositeItem(componentProps) {
-  const {
-    render,
-    className,
-    style,
-    state = EMPTY_OBJECT,
-    props = EMPTY_ARRAY,
-    refs = EMPTY_ARRAY,
-    metadata,
-    stateAttributesMapping,
-    tag = "div",
-    ...elementProps
-  } = componentProps;
-  const {
-    compositeProps,
-    compositeRef
-  } = useCompositeItem({
-    metadata
-  });
-  return useRenderElement(tag, componentProps, {
-    state,
-    ref: [...refs, compositeRef],
-    props: [compositeProps, ...props, elementProps],
-    stateAttributesMapping
-  });
-}
-
-export { CompositeItem };

package/dist/shadcn/lib/base-ui/_chunk-fdzctasg.js

@@ -1,38 +0,0 @@
-import {
-  useFloatingPortalNode
-} from "./_chunk-2z044bba.js";
-
-// node_modules/@base-ui/react/esm/utils/FloatingPortalLite.js
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-"use client";
-var FloatingPortalLite = /* @__PURE__ */ React.forwardRef(function FloatingPortalLite2(componentProps, forwardedRef) {
-  const {
-    children,
-    container,
-    className,
-    render,
-    style,
-    ...elementProps
-  } = componentProps;
-  const {
-    portalNode,
-    portalSubtree
-  } = useFloatingPortalNode({
-    container,
-    ref: forwardedRef,
-    componentProps,
-    elementProps
-  });
-  if (!portalSubtree && !portalNode) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxs(React.Fragment, {
-    children: [portalSubtree, portalNode && /* @__PURE__ */ ReactDOM.createPortal(children, portalNode)]
-  });
-});
-if (true)
-  FloatingPortalLite.displayName = "FloatingPortalLite";
-
-export { FloatingPortalLite };

package/dist/shadcn/lib/base-ui/_chunk-ffpjy0ta.js

@@ -1,39 +0,0 @@
-// node_modules/@base-ui/react/esm/utils/formatNumber.js
-var cache = new Map;
-function getFormatter(locale, options) {
-  const optionsString = JSON.stringify({
-    locale,
-    options
-  });
-  const cachedFormatter = cache.get(optionsString);
-  if (cachedFormatter) {
-    return cachedFormatter;
-  }
-  const formatter = new Intl.NumberFormat(locale, options);
-  cache.set(optionsString, formatter);
-  return formatter;
-}
-function formatNumber(value, locale, options) {
-  if (value == null) {
-    return "";
-  }
-  return getFormatter(locale, options).format(value);
-}
-function formatNumberValue(value, locale, format) {
-  if (value == null) {
-    return "";
-  }
-  if (!format) {
-    return formatNumber(value / 100, locale, {
-      style: "percent"
-    });
-  }
-  return formatNumber(value, locale, format);
-}
-
-// node_modules/@base-ui/react/esm/utils/valueToPercent.js
-function valueToPercent(value, min, max) {
-  return (value - min) * 100 / (max - min);
-}
-
-export { formatNumber, formatNumberValue, valueToPercent };