@work-rjkashyap/unified-ui 0.3.4 → 0.3.6

package/dist/motion/hooks.cjs

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  MotionSafe: () => MotionSafe,
+  useMotion: () => useMotion,
+  useMotionProps: () => useMotionProps,
+  useMotionSpringConfig: () => useMotionSpringConfig,
+  useReducedMotion: () => useReducedMotion
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_presets = require("./presets.cjs");
+let mediaQuery = null;
+function getMediaQuery() {
+  if (typeof window === "undefined") return null;
+  if (!mediaQuery) {
+    mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+  }
+  return mediaQuery;
+}
+function getSnapshot() {
+  const mq = getMediaQuery();
+  return mq ? mq.matches : false;
+}
+function getServerSnapshot() {
+  return false;
+}
+function subscribe(callback) {
+  const mq = getMediaQuery();
+  if (!mq) return () => {
+  };
+  mq.addEventListener("change", callback);
+  return () => {
+    mq.removeEventListener("change", callback);
+  };
+}
+function useReducedMotion() {
+  return (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+}
+function useMotion(preset) {
+  const prefersReduced = useReducedMotion();
+  return (0, import_react.useMemo)(
+    () => (0, import_presets.withReducedMotion)(preset, prefersReduced),
+    [preset, prefersReduced]
+  );
+}
+function useMotionProps(preset) {
+  const safePreset = useMotion(preset);
+  return (0, import_react.useMemo)(() => (0, import_presets.motionProps)(safePreset), [safePreset]);
+}
+const INSTANT_SPRING = {
+  stiffness: 1e4,
+  damping: 1e4,
+  mass: 0.01
+};
+function useMotionSpringConfig(config) {
+  const prefersReduced = useReducedMotion();
+  return (0, import_react.useMemo)(
+    () => prefersReduced ? INSTANT_SPRING : config,
+    [prefersReduced, config]
+  );
+}
+function MotionSafe({ children, fallback }) {
+  const prefersReduced = useReducedMotion();
+  if (typeof children === "function") {
+    return children(prefersReduced);
+  }
+  if (prefersReduced && fallback !== void 0) {
+    return fallback;
+  }
+  return children;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MotionSafe,
+  useMotion,
+  useMotionProps,
+  useMotionSpringConfig,
+  useReducedMotion
+});

package/dist/motion/hooks.d.cts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { MotionPreset, MotionPropsResult } from './presets.cjs';
+import 'framer-motion';
+
+declare function useReducedMotion(): boolean;
+declare function useMotion(preset: MotionPreset): MotionPreset;
+declare function useMotionProps(preset: MotionPreset): MotionPropsResult;
+interface SpringConfig {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    duration?: number;
+}
+declare function useMotionSpringConfig(config: SpringConfig): SpringConfig;
+interface MotionSafeProps {
+    /**
+     * Content to render when motion is allowed.
+     * Can be a ReactNode or a render function that receives the
+     * `prefersReduced` boolean.
+     */
+    children: ReactNode | ((prefersReduced: boolean) => ReactNode);
+    /**
+     * Content to render when the user prefers reduced motion.
+     * Only used when `children` is a ReactNode (not a render function).
+     * If not provided and children is a ReactNode, children are rendered
+     * regardless (you should use `useMotion` inside instead).
+     */
+    fallback?: ReactNode;
+}
+declare function MotionSafe({ children, fallback }: MotionSafeProps): ReactNode;
+
+export { MotionSafe, type MotionSafeProps, type SpringConfig, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion };

package/dist/motion/hooks.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { MotionPreset, MotionPropsResult } from './presets.js';
+import 'framer-motion';
+
+declare function useReducedMotion(): boolean;
+declare function useMotion(preset: MotionPreset): MotionPreset;
+declare function useMotionProps(preset: MotionPreset): MotionPropsResult;
+interface SpringConfig {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    duration?: number;
+}
+declare function useMotionSpringConfig(config: SpringConfig): SpringConfig;
+interface MotionSafeProps {
+    /**
+     * Content to render when motion is allowed.
+     * Can be a ReactNode or a render function that receives the
+     * `prefersReduced` boolean.
+     */
+    children: ReactNode | ((prefersReduced: boolean) => ReactNode);
+    /**
+     * Content to render when the user prefers reduced motion.
+     * Only used when `children` is a ReactNode (not a render function).
+     * If not provided and children is a ReactNode, children are rendered
+     * regardless (you should use `useMotion` inside instead).
+     */
+    fallback?: ReactNode;
+}
+declare function MotionSafe({ children, fallback }: MotionSafeProps): ReactNode;
+
+export { MotionSafe, type MotionSafeProps, type SpringConfig, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion };

package/dist/motion/hooks.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { useMemo, useSyncExternalStore } from "react";
+import { motionProps, withReducedMotion } from "./presets.mjs";
+let mediaQuery = null;
+function getMediaQuery() {
+  if (typeof window === "undefined") return null;
+  if (!mediaQuery) {
+    mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+  }
+  return mediaQuery;
+}
+function getSnapshot() {
+  const mq = getMediaQuery();
+  return mq ? mq.matches : false;
+}
+function getServerSnapshot() {
+  return false;
+}
+function subscribe(callback) {
+  const mq = getMediaQuery();
+  if (!mq) return () => {
+  };
+  mq.addEventListener("change", callback);
+  return () => {
+    mq.removeEventListener("change", callback);
+  };
+}
+function useReducedMotion() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function useMotion(preset) {
+  const prefersReduced = useReducedMotion();
+  return useMemo(
+    () => withReducedMotion(preset, prefersReduced),
+    [preset, prefersReduced]
+  );
+}
+function useMotionProps(preset) {
+  const safePreset = useMotion(preset);
+  return useMemo(() => motionProps(safePreset), [safePreset]);
+}
+const INSTANT_SPRING = {
+  stiffness: 1e4,
+  damping: 1e4,
+  mass: 0.01
+};
+function useMotionSpringConfig(config) {
+  const prefersReduced = useReducedMotion();
+  return useMemo(
+    () => prefersReduced ? INSTANT_SPRING : config,
+    [prefersReduced, config]
+  );
+}
+function MotionSafe({ children, fallback }) {
+  const prefersReduced = useReducedMotion();
+  if (typeof children === "function") {
+    return children(prefersReduced);
+  }
+  if (prefersReduced && fallback !== void 0) {
+    return fallback;
+  }
+  return children;
+}
+export {
+  MotionSafe,
+  useMotion,
+  useMotionProps,
+  useMotionSpringConfig,
+  useReducedMotion
+};

package/dist/motion/index.cjs

@@ -0,0 +1,157 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var motion_exports = {};
+__export(motion_exports, {
+  MotionSafe: () => import_hooks.MotionSafe,
+  blurIn: () => import_presets.blurIn,
+  blurInSubtle: () => import_presets.blurInSubtle,
+  countUp: () => import_presets.countUp,
+  crossfade: () => import_presets.crossfade,
+  dragDismiss: () => import_presets.dragDismiss,
+  duration: () => import_motion.duration,
+  durationCSS: () => import_motion.durationCSS,
+  durationSeconds: () => import_motion.durationSeconds,
+  easing: () => import_motion.easing,
+  easingCSS: () => import_motion.easingCSS,
+  expandHeight: () => import_presets.expandHeight,
+  expandHeightSlow: () => import_presets.expandHeightSlow,
+  fadeIn: () => import_presets.fadeIn,
+  fadeInFast: () => import_presets.fadeInFast,
+  fadeInSlow: () => import_presets.fadeInSlow,
+  hoverLift: () => import_presets.hoverLift,
+  hoverScale: () => import_presets.hoverScale,
+  modalContent: () => import_presets.modalContent,
+  modalContentSpring: () => import_presets.modalContentSpring,
+  motionProps: () => import_presets.motionProps,
+  numberRoll: () => import_presets.numberRoll,
+  overlayBackdrop: () => import_presets.overlayBackdrop,
+  pop: () => import_presets.pop,
+  popSubtle: () => import_presets.popSubtle,
+  press: () => import_presets.press,
+  pulse: () => import_presets.pulse,
+  reduceMotion: () => import_presets.reduceMotion,
+  revealMask: () => import_presets.revealMask,
+  scaleIn: () => import_presets.scaleIn,
+  scaleInLg: () => import_presets.scaleInLg,
+  scaleInSpring: () => import_presets.scaleInSpring,
+  shakeX: () => import_presets.shakeX,
+  slideDown: () => import_presets.slideDown,
+  slideDownSm: () => import_presets.slideDownSm,
+  slideInFromBottom: () => import_presets.slideInFromBottom,
+  slideInFromLeft: () => import_presets.slideInFromLeft,
+  slideInFromRight: () => import_presets.slideInFromRight,
+  slideLeft: () => import_presets.slideLeft,
+  slidePanelBottom: () => import_presets.slidePanelBottom,
+  slidePanelLeft: () => import_presets.slidePanelLeft,
+  slidePanelRight: () => import_presets.slidePanelRight,
+  slidePanelTop: () => import_presets.slidePanelTop,
+  slideRight: () => import_presets.slideRight,
+  slideUp: () => import_presets.slideUp,
+  slideUpLg: () => import_presets.slideUpLg,
+  slideUpSm: () => import_presets.slideUpSm,
+  slideUpSpring: () => import_presets.slideUpSpring,
+  spin: () => import_presets.spin,
+  spring: () => import_motion.spring,
+  springHover: () => import_presets.springHover,
+  springPress: () => import_presets.springPress,
+  stagger: () => import_motion.stagger,
+  staggerContainer: () => import_presets.staggerContainer,
+  staggerContainerFast: () => import_presets.staggerContainerFast,
+  staggerContainerSlow: () => import_presets.staggerContainerSlow,
+  tapScale: () => import_presets.tapScale,
+  toastSlideIn: () => import_presets.toastSlideIn,
+  toastSlideUp: () => import_presets.toastSlideUp,
+  useMotion: () => import_hooks.useMotion,
+  useMotionProps: () => import_hooks.useMotionProps,
+  useMotionSpringConfig: () => import_hooks.useMotionSpringConfig,
+  useReducedMotion: () => import_hooks.useReducedMotion,
+  withReducedMotion: () => import_presets.withReducedMotion
+});
+module.exports = __toCommonJS(motion_exports);
+var import_motion = require("../tokens/motion.cjs");
+var import_hooks = require("./hooks.cjs");
+var import_presets = require("./presets.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MotionSafe,
+  blurIn,
+  blurInSubtle,
+  countUp,
+  crossfade,
+  dragDismiss,
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  expandHeight,
+  expandHeightSlow,
+  fadeIn,
+  fadeInFast,
+  fadeInSlow,
+  hoverLift,
+  hoverScale,
+  modalContent,
+  modalContentSpring,
+  motionProps,
+  numberRoll,
+  overlayBackdrop,
+  pop,
+  popSubtle,
+  press,
+  pulse,
+  reduceMotion,
+  revealMask,
+  scaleIn,
+  scaleInLg,
+  scaleInSpring,
+  shakeX,
+  slideDown,
+  slideDownSm,
+  slideInFromBottom,
+  slideInFromLeft,
+  slideInFromRight,
+  slideLeft,
+  slidePanelBottom,
+  slidePanelLeft,
+  slidePanelRight,
+  slidePanelTop,
+  slideRight,
+  slideUp,
+  slideUpLg,
+  slideUpSm,
+  slideUpSpring,
+  spin,
+  spring,
+  springHover,
+  springPress,
+  stagger,
+  staggerContainer,
+  staggerContainerFast,
+  staggerContainerSlow,
+  tapScale,
+  toastSlideIn,
+  toastSlideUp,
+  useMotion,
+  useMotionProps,
+  useMotionSpringConfig,
+  useReducedMotion,
+  withReducedMotion
+});

package/dist/motion/index.d.cts

@@ -0,0 +1,5 @@
+export { Duration, Easing, Spring, Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger } from '../tokens/motion.cjs';
+export { MotionSafe, MotionSafeProps, SpringConfig, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion } from './hooks.cjs';
+export { MotionPreset, MotionPropsResult, blurIn, blurInSubtle, countUp, crossfade, dragDismiss, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, numberRoll, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, revealMask, scaleIn, scaleInLg, scaleInSpring, shakeX, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slidePanelBottom, slidePanelLeft, slidePanelRight, slidePanelTop, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, springHover, springPress, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, withReducedMotion } from './presets.cjs';
+import 'react';
+import 'framer-motion';

package/dist/motion/index.d.ts

@@ -0,0 +1,5 @@
+export { Duration, Easing, Spring, Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger } from '../tokens/motion.js';
+export { MotionSafe, MotionSafeProps, SpringConfig, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion } from './hooks.js';
+export { MotionPreset, MotionPropsResult, blurIn, blurInSubtle, countUp, crossfade, dragDismiss, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, numberRoll, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, revealMask, scaleIn, scaleInLg, scaleInSpring, shakeX, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slidePanelBottom, slidePanelLeft, slidePanelRight, slidePanelTop, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, springHover, springPress, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, withReducedMotion } from './presets.js';
+import 'react';
+import 'framer-motion';

package/dist/motion/index.mjs

@@ -0,0 +1,137 @@
+"use client";
+import {
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  spring,
+  stagger
+} from "../tokens/motion.mjs";
+import {
+  MotionSafe,
+  useMotion,
+  useMotionProps,
+  useMotionSpringConfig,
+  useReducedMotion
+} from "./hooks.mjs";
+import {
+  blurIn,
+  blurInSubtle,
+  countUp,
+  crossfade,
+  dragDismiss,
+  expandHeight,
+  expandHeightSlow,
+  fadeIn,
+  fadeInFast,
+  fadeInSlow,
+  hoverLift,
+  hoverScale,
+  modalContent,
+  modalContentSpring,
+  motionProps,
+  numberRoll,
+  overlayBackdrop,
+  pop,
+  popSubtle,
+  press,
+  pulse,
+  reduceMotion,
+  revealMask,
+  scaleIn,
+  scaleInLg,
+  scaleInSpring,
+  shakeX,
+  slideDown,
+  slideDownSm,
+  slideInFromBottom,
+  slideInFromLeft,
+  slideInFromRight,
+  slideLeft,
+  slidePanelBottom,
+  slidePanelLeft,
+  slidePanelRight,
+  slidePanelTop,
+  slideRight,
+  slideUp,
+  slideUpLg,
+  slideUpSm,
+  slideUpSpring,
+  spin,
+  springHover,
+  springPress,
+  staggerContainer,
+  staggerContainerFast,
+  staggerContainerSlow,
+  tapScale,
+  toastSlideIn,
+  toastSlideUp,
+  withReducedMotion
+} from "./presets.mjs";
+export {
+  MotionSafe,
+  blurIn,
+  blurInSubtle,
+  countUp,
+  crossfade,
+  dragDismiss,
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  expandHeight,
+  expandHeightSlow,
+  fadeIn,
+  fadeInFast,
+  fadeInSlow,
+  hoverLift,
+  hoverScale,
+  modalContent,
+  modalContentSpring,
+  motionProps,
+  numberRoll,
+  overlayBackdrop,
+  pop,
+  popSubtle,
+  press,
+  pulse,
+  reduceMotion,
+  revealMask,
+  scaleIn,
+  scaleInLg,
+  scaleInSpring,
+  shakeX,
+  slideDown,
+  slideDownSm,
+  slideInFromBottom,
+  slideInFromLeft,
+  slideInFromRight,
+  slideLeft,
+  slidePanelBottom,
+  slidePanelLeft,
+  slidePanelRight,
+  slidePanelTop,
+  slideRight,
+  slideUp,
+  slideUpLg,
+  slideUpSm,
+  slideUpSpring,
+  spin,
+  spring,
+  springHover,
+  springPress,
+  stagger,
+  staggerContainer,
+  staggerContainerFast,
+  staggerContainerSlow,
+  tapScale,
+  toastSlideIn,
+  toastSlideUp,
+  useMotion,
+  useMotionProps,
+  useMotionSpringConfig,
+  useReducedMotion,
+  withReducedMotion
+};