@zentauri-ui/zentauri-components 1.8.4 → 1.8.42

package/dist/animations/tilt.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkODZM25II_js = require('../chunk-ODZM25II.js');
+var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
 require('../chunk-ZS5756ZC.js');
 
 // src/animations/tilt/presets.ts
@@ -16,7 +16,7 @@ var tiltPreset = {
 };
 
 // src/animations/tilt/tilt.tsx
-var Tilt = chunkODZM25II_js.createMotionAnimation("Tilt", "animation-tilt", tiltPreset);
+var Tilt = chunkR5LL56ZO_js.createMotionAnimation("Tilt", "animation-tilt", tiltPreset);
 
 exports.Tilt = Tilt;
 exports.tiltPreset = tiltPreset;

package/dist/animations/tilt.mjs

@@ -1,4 +1,4 @@
-import { createMotionAnimation } from '../chunk-AACGI7FX.mjs';
+import { createMotionAnimation } from '../chunk-7OVJXYSS.mjs';
 import '../chunk-4D54YOL6.mjs';
 
 // src/animations/tilt/presets.ts

package/dist/animations/wiggle.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkODZM25II_js = require('../chunk-ODZM25II.js');
+var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
 require('../chunk-ZS5756ZC.js');
 
 // src/animations/wiggle/presets.ts
@@ -17,7 +17,7 @@ var wigglePreset = {
 };
 
 // src/animations/wiggle/wiggle.tsx
-var Wiggle = chunkODZM25II_js.createMotionAnimation(
+var Wiggle = chunkR5LL56ZO_js.createMotionAnimation(
   "Wiggle",
   "animation-wiggle",
   wigglePreset

package/dist/animations/wiggle.mjs

@@ -1,4 +1,4 @@
-import { createMotionAnimation } from '../chunk-AACGI7FX.mjs';
+import { createMotionAnimation } from '../chunk-7OVJXYSS.mjs';
 import '../chunk-4D54YOL6.mjs';
 
 // src/animations/wiggle/presets.ts

package/dist/{chunk-AACGI7FX.mjs → chunk-7OVJXYSS.mjs}

@@ -19,6 +19,9 @@ function mergeTargetOverrides(target, overrides) {
     ...blur === void 0 ? null : { filter: formatBlurValue(blur) }
   };
 }
+function isTargetObject(target) {
+  return target !== null && typeof target === "object" && !Array.isArray(target);
+}
 function createMotionAnimation(displayName, slot, preset) {
   function MotionAnimation(props) {
     const {
@@ -30,6 +33,7 @@ function createMotionAnimation(displayName, slot, preset) {
       transition,
       layout,
       whileHover,
+      whileInView,
       whileTap,
       from,
       to,
@@ -37,20 +41,27 @@ function createMotionAnimation(displayName, slot, preset) {
       ...rest
     } = props;
     const shouldReduceMotion = useReducedMotion();
-    const resolvedAnimate = animate ?? mergeTargetOverrides(preset.animate, to);
-    const resolvedInitial = initial ?? (shouldReduceMotion ? resolvedAnimate : mergeTargetOverrides(preset.initial, from));
+    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);
+    const resolvedAnimate = animate ?? resolvedAnimateTarget;
+    const shouldAnimateInView = whileInView !== void 0;
+    const usesPresetWhileInView = whileInView === true;
+    const resolvedWhileInView = whileInView === void 0 ? void 0 : usesPresetWhileInView ? resolvedAnimateTarget : isTargetObject(whileInView) ? { ...resolvedAnimateTarget, ...whileInView } : whileInView;
+    const reducedMotionTarget = shouldAnimateInView ? resolvedWhileInView : resolvedAnimate;
+    const resolvedInitial = initial ?? (shouldReduceMotion ? reducedMotionTarget : mergeTargetOverrides(preset.initial, from));
     const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);
     const resolvedTransition = transition ? { ...preset.transition, ...transition } : preset.transition;
+    const shouldDisableAnimate = usesPresetWhileInView || shouldReduceMotion && shouldAnimateInView;
     return /* @__PURE__ */ jsx(
       motion.div,
       {
         "data-slot": slot,
         className: cn(className),
         initial: resolvedInitial,
-        animate: resolvedAnimate,
+        animate: shouldDisableAnimate ? void 0 : resolvedAnimate,
         exit: resolvedExit,
         layout: layout ?? preset.layout,
         whileHover: whileHover ?? preset.whileHover,
+        whileInView: shouldReduceMotion ? void 0 : shouldAnimateInView ? resolvedWhileInView : void 0,
         whileTap: whileTap ?? preset.whileTap,
         transition: resolvedTransition,
         ...rest,
@@ -63,5 +74,5 @@ function createMotionAnimation(displayName, slot, preset) {
 }
 
 export { createMotionAnimation };
-//# sourceMappingURL=chunk-AACGI7FX.mjs.map
-//# sourceMappingURL=chunk-AACGI7FX.mjs.map
+//# sourceMappingURL=chunk-7OVJXYSS.mjs.map
+//# sourceMappingURL=chunk-7OVJXYSS.mjs.map

package/dist/chunk-7OVJXYSS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"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","file":"chunk-7OVJXYSS.mjs","sourcesContent":["\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  MotionAnimationPreset,\n  MotionAnimationProps,\n  MotionAnimationTargetOverrides,\n} from \"./types\";\n\nfunction formatBlurValue(value: number | string) {\n  if (typeof value === \"number\") {\n    return `blur(${value}px)`;\n  }\n  return value.includes(\"(\") ? value : `blur(${value})`;\n}\n\nfunction mergeTargetOverrides(\n  target: MotionAnimationPreset[\"initial\"] | undefined,\n  overrides: MotionAnimationTargetOverrides | undefined,\n) {\n  if (!overrides) {\n    return target;\n  }\n\n  const { blur, ...rest } = overrides;\n  return {\n    ...(target ?? {}),\n    ...rest,\n    ...(blur === undefined ? null : { filter: formatBlurValue(blur) }),\n  };\n}\n\nfunction isTargetObject(\n  target: NonNullable<MotionAnimationProps[\"whileInView\"]>,\n): target is MotionAnimationPreset[\"animate\"] {\n  return target !== null && typeof target === \"object\" && !Array.isArray(target);\n}\n\nexport function createMotionAnimation(\n  displayName: string,\n  slot: string,\n  preset: MotionAnimationPreset,\n) {\n  function MotionAnimation(props: MotionAnimationProps) {\n    const {\n      children,\n      className,\n      initial,\n      animate,\n      exit,\n      transition,\n      layout,\n      whileHover,\n      whileInView,\n      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);\n    const resolvedAnimate = animate ?? resolvedAnimateTarget;\n    const shouldAnimateInView = whileInView !== undefined;\n    const usesPresetWhileInView = whileInView === true;\n    const resolvedWhileInView =\n      whileInView === undefined\n        ? undefined\n        : usesPresetWhileInView\n          ? resolvedAnimateTarget\n          : isTargetObject(whileInView)\n            ? { ...resolvedAnimateTarget, ...whileInView }\n            : whileInView;\n    const reducedMotionTarget = shouldAnimateInView\n      ? resolvedWhileInView\n      : resolvedAnimate;\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? reducedMotionTarget\n        : mergeTargetOverrides(preset.initial, from));\n    const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);\n    const resolvedTransition = transition\n      ? { ...preset.transition, ...transition }\n      : preset.transition;\n    const shouldDisableAnimate =\n      usesPresetWhileInView || (shouldReduceMotion && shouldAnimateInView);\n\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={shouldDisableAnimate ? undefined : resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\n        whileInView={\n          shouldReduceMotion\n            ? undefined\n            : shouldAnimateInView\n              ? resolvedWhileInView\n              : undefined\n        }\n        whileTap={whileTap ?? preset.whileTap}\n        transition={resolvedTransition}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n\n  MotionAnimation.displayName = displayName;\n  return MotionAnimation;\n}\n"]}

package/dist/{chunk-VARQ7W4G.mjs → chunk-C6NA452Q.mjs}

@@ -1,8 +1,49 @@
 import { buttonVariants } from './chunk-CIEZFHCO.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
+import { isValidElement, cloneElement } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var ButtonBase = (props) => {
+  if ("asChild" in props && props.asChild) {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      children: children2,
+      asChild: _asChild,
+      disabled,
+      onClick,
+      ...rest2
+    } = props;
+    if (!isValidElement(children2)) {
+      return null;
+    }
+    const isNativeButton = children2.type === "button";
+    const childOnClick = children2.props.onClick;
+    const handleClick = (event) => {
+      if (disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        childOnClick?.(event);
+      }
+    };
+    return cloneElement(children2, {
+      ...rest2,
+      ...children2.props,
+      ...disabled ? isNativeButton ? { disabled: true } : { "aria-disabled": true, tabIndex: -1 } : null,
+      "data-slot": "button",
+      onClick: handleClick,
+      className: cn(
+        buttonVariants({ appearance: appearance2, size: size2 }),
+        children2.props.className,
+        className2
+      )
+    });
+  }
   if (props.as === "link") {
     const {
       className: className2,
@@ -56,5 +97,5 @@ var Button = (props) => {
 Button.displayName = "Button";
 
 export { Button };
-//# sourceMappingURL=chunk-VARQ7W4G.mjs.map
-//# sourceMappingURL=chunk-VARQ7W4G.mjs.map
+//# sourceMappingURL=chunk-C6NA452Q.mjs.map
+//# sourceMappingURL=chunk-C6NA452Q.mjs.map

package/dist/chunk-C6NA452Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-C6NA452Q.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-JFS5PJSH.js → chunk-OKCC7E36.js}

@@ -2,9 +2,50 @@
 
 var chunk466QDL44_js = require('./chunk-466QDL44.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var ButtonBase = (props) => {
+  if ("asChild" in props && props.asChild) {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      children: children2,
+      asChild: _asChild,
+      disabled,
+      onClick,
+      ...rest2
+    } = props;
+    if (!react.isValidElement(children2)) {
+      return null;
+    }
+    const isNativeButton = children2.type === "button";
+    const childOnClick = children2.props.onClick;
+    const handleClick = (event) => {
+      if (disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        childOnClick?.(event);
+      }
+    };
+    return react.cloneElement(children2, {
+      ...rest2,
+      ...children2.props,
+      ...disabled ? isNativeButton ? { disabled: true } : { "aria-disabled": true, tabIndex: -1 } : null,
+      "data-slot": "button",
+      onClick: handleClick,
+      className: chunkZS5756ZC_js.cn(
+        chunk466QDL44_js.buttonVariants({ appearance: appearance2, size: size2 }),
+        children2.props.className,
+        className2
+      )
+    });
+  }
   if (props.as === "link") {
     const {
       className: className2,
@@ -58,5 +99,5 @@ var Button = (props) => {
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-JFS5PJSH.js.map
-//# sourceMappingURL=chunk-JFS5PJSH.js.map
+//# sourceMappingURL=chunk-OKCC7E36.js.map
+//# sourceMappingURL=chunk-OKCC7E36.js.map

package/dist/chunk-OKCC7E36.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","isValidElement","cloneElement","cn","buttonVariants","ref","jsx"],"mappings":"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","file":"chunk-OKCC7E36.js","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-ODZM25II.js → chunk-R5LL56ZO.js}

@@ -21,6 +21,9 @@ function mergeTargetOverrides(target, overrides) {
     ...blur === void 0 ? null : { filter: formatBlurValue(blur) }
   };
 }
+function isTargetObject(target) {
+  return target !== null && typeof target === "object" && !Array.isArray(target);
+}
 function createMotionAnimation(displayName, slot, preset) {
   function MotionAnimation(props) {
     const {
@@ -32,6 +35,7 @@ function createMotionAnimation(displayName, slot, preset) {
       transition,
       layout,
       whileHover,
+      whileInView,
       whileTap,
       from,
       to,
@@ -39,20 +43,27 @@ function createMotionAnimation(displayName, slot, preset) {
       ...rest
     } = props;
     const shouldReduceMotion = framerMotion.useReducedMotion();
-    const resolvedAnimate = animate ?? mergeTargetOverrides(preset.animate, to);
-    const resolvedInitial = initial ?? (shouldReduceMotion ? resolvedAnimate : mergeTargetOverrides(preset.initial, from));
+    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);
+    const resolvedAnimate = animate ?? resolvedAnimateTarget;
+    const shouldAnimateInView = whileInView !== void 0;
+    const usesPresetWhileInView = whileInView === true;
+    const resolvedWhileInView = whileInView === void 0 ? void 0 : usesPresetWhileInView ? resolvedAnimateTarget : isTargetObject(whileInView) ? { ...resolvedAnimateTarget, ...whileInView } : whileInView;
+    const reducedMotionTarget = shouldAnimateInView ? resolvedWhileInView : resolvedAnimate;
+    const resolvedInitial = initial ?? (shouldReduceMotion ? reducedMotionTarget : mergeTargetOverrides(preset.initial, from));
     const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);
     const resolvedTransition = transition ? { ...preset.transition, ...transition } : preset.transition;
+    const shouldDisableAnimate = usesPresetWhileInView || shouldReduceMotion && shouldAnimateInView;
     return /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
         "data-slot": slot,
         className: chunkZS5756ZC_js.cn(className),
         initial: resolvedInitial,
-        animate: resolvedAnimate,
+        animate: shouldDisableAnimate ? void 0 : resolvedAnimate,
         exit: resolvedExit,
         layout: layout ?? preset.layout,
         whileHover: whileHover ?? preset.whileHover,
+        whileInView: shouldReduceMotion ? void 0 : shouldAnimateInView ? resolvedWhileInView : void 0,
         whileTap: whileTap ?? preset.whileTap,
         transition: resolvedTransition,
         ...rest,
@@ -65,5 +76,5 @@ function createMotionAnimation(displayName, slot, preset) {
 }
 
 exports.createMotionAnimation = createMotionAnimation;
-//# sourceMappingURL=chunk-ODZM25II.js.map
-//# sourceMappingURL=chunk-ODZM25II.js.map
+//# sourceMappingURL=chunk-R5LL56ZO.js.map
+//# sourceMappingURL=chunk-R5LL56ZO.js.map

package/dist/chunk-R5LL56ZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":["useReducedMotion","jsx","motion","cn"],"mappings":"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","file":"chunk-R5LL56ZO.js","sourcesContent":["\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  MotionAnimationPreset,\n  MotionAnimationProps,\n  MotionAnimationTargetOverrides,\n} from \"./types\";\n\nfunction formatBlurValue(value: number | string) {\n  if (typeof value === \"number\") {\n    return `blur(${value}px)`;\n  }\n  return value.includes(\"(\") ? value : `blur(${value})`;\n}\n\nfunction mergeTargetOverrides(\n  target: MotionAnimationPreset[\"initial\"] | undefined,\n  overrides: MotionAnimationTargetOverrides | undefined,\n) {\n  if (!overrides) {\n    return target;\n  }\n\n  const { blur, ...rest } = overrides;\n  return {\n    ...(target ?? {}),\n    ...rest,\n    ...(blur === undefined ? null : { filter: formatBlurValue(blur) }),\n  };\n}\n\nfunction isTargetObject(\n  target: NonNullable<MotionAnimationProps[\"whileInView\"]>,\n): target is MotionAnimationPreset[\"animate\"] {\n  return target !== null && typeof target === \"object\" && !Array.isArray(target);\n}\n\nexport function createMotionAnimation(\n  displayName: string,\n  slot: string,\n  preset: MotionAnimationPreset,\n) {\n  function MotionAnimation(props: MotionAnimationProps) {\n    const {\n      children,\n      className,\n      initial,\n      animate,\n      exit,\n      transition,\n      layout,\n      whileHover,\n      whileInView,\n      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);\n    const resolvedAnimate = animate ?? resolvedAnimateTarget;\n    const shouldAnimateInView = whileInView !== undefined;\n    const usesPresetWhileInView = whileInView === true;\n    const resolvedWhileInView =\n      whileInView === undefined\n        ? undefined\n        : usesPresetWhileInView\n          ? resolvedAnimateTarget\n          : isTargetObject(whileInView)\n            ? { ...resolvedAnimateTarget, ...whileInView }\n            : whileInView;\n    const reducedMotionTarget = shouldAnimateInView\n      ? resolvedWhileInView\n      : resolvedAnimate;\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? reducedMotionTarget\n        : mergeTargetOverrides(preset.initial, from));\n    const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);\n    const resolvedTransition = transition\n      ? { ...preset.transition, ...transition }\n      : preset.transition;\n    const shouldDisableAnimate =\n      usesPresetWhileInView || (shouldReduceMotion && shouldAnimateInView);\n\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={shouldDisableAnimate ? undefined : resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\n        whileInView={\n          shouldReduceMotion\n            ? undefined\n            : shouldAnimateInView\n              ? resolvedWhileInView\n              : undefined\n        }\n        whileTap={whileTap ?? preset.whileTap}\n        transition={resolvedTransition}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n\n  MotionAnimation.displayName = displayName;\n  return MotionAnimation;\n}\n"]}

package/dist/ui/buttons/button-base.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonProps } from "./types";
 export declare const ButtonBase: {
-    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 //# sourceMappingURL=button-base.d.ts.map

package/dist/ui/buttons/button-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-base.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/button-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,eAAO,MAAM,UAAU;YAAW,WAAW;;CAiD5C,CAAC"}
+{"version":3,"file":"button-base.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/button-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,eAAO,MAAM,UAAU;YAAW,WAAW;;CAoG5C,CAAC"}

package/dist/ui/buttons/types.d.ts

@@ -1,10 +1,24 @@
 import type { VariantProps } from "class-variance-authority";
-import type { ComponentPropsWithRef } from "react";
+import type { ComponentPropsWithRef, MouseEventHandler, ReactElement } from "react";
 import type { buttonVariants } from "./variants";
 export type ButtonSharedStatic = VariantProps<typeof buttonVariants>;
-export type ButtonProps = (ButtonSharedStatic & ComponentPropsWithRef<"button"> & {
+export type ButtonProps = (ButtonSharedStatic & Omit<ComponentPropsWithRef<"button">, "children" | "onClick" | "ref" | "type"> & {
+    asChild: true;
+    as?: never;
+    children: ReactElement<{
+        "aria-disabled"?: boolean | "false" | "true";
+        className?: string;
+        "data-slot"?: string;
+        disabled?: boolean;
+        onClick?: MouseEventHandler<HTMLElement>;
+        tabIndex?: number;
+    }>;
+    onClick?: MouseEventHandler<HTMLElement>;
+}) | (ButtonSharedStatic & ComponentPropsWithRef<"button"> & {
     as?: "button";
+    asChild?: false;
 }) | (ButtonSharedStatic & ComponentPropsWithRef<"a"> & {
     as: "link";
+    asChild?: false;
 });
 //# sourceMappingURL=types.d.ts.map

package/dist/ui/buttons/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAErE,MAAM,MAAM,WAAW,GACnB,CAAC,kBAAkB,GACjB,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChC,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf,CAAC,GACJ,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAErE,MAAM,MAAM,WAAW,GACnB,CAAC,kBAAkB,GACjB,IAAI,CACF,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CACxC,GAAG;IACF,OAAO,EAAE,IAAI,CAAC;IACd,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;QACrB,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC,GACJ,CAAC,kBAAkB,GACjB,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChC,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC,GACJ,CAAC,kBAAkB,GACjB,qBAAqB,CAAC,GAAG,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC"}

package/dist/ui/buttons.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkJFS5PJSH_js = require('../chunk-JFS5PJSH.js');
+var chunkOKCC7E36_js = require('../chunk-OKCC7E36.js');
 var chunk466QDL44_js = require('../chunk-466QDL44.js');
 require('../chunk-MUP7DVQR.js');
 require('../chunk-ZS5756ZC.js');
@@ -10,7 +10,7 @@ require('../chunk-ZS5756ZC.js');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkJFS5PJSH_js.Button; }
+  get: function () { return chunkOKCC7E36_js.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,

package/dist/ui/buttons.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Button } from '../chunk-VARQ7W4G.mjs';
+export { Button } from '../chunk-C6NA452Q.mjs';
 export { buttonVariants } from '../chunk-CIEZFHCO.mjs';
 import '../chunk-4ZP444GA.mjs';
 import '../chunk-4D54YOL6.mjs';

package/dist/ui/dynamic-stepper.js

@@ -3,7 +3,7 @@
 
 var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
 require('../chunk-HPN7H5ZM.js');
-var chunkJFS5PJSH_js = require('../chunk-JFS5PJSH.js');
+var chunkOKCC7E36_js = require('../chunk-OKCC7E36.js');
 require('../chunk-466QDL44.js');
 require('../chunk-MUP7DVQR.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
@@ -215,7 +215,7 @@ var DynamicStepper = ({
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkJFS5PJSH_js.Button,
+          chunkOKCC7E36_js.Button,
           {
             id: previousId,
             "data-slot": "dynamic-stepper-previous",
@@ -294,7 +294,7 @@ var DynamicStepper = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkJFS5PJSH_js.Button,
+          chunkOKCC7E36_js.Button,
           {
             id: nextId,
             "data-slot": "dynamic-stepper-next",

package/dist/ui/dynamic-stepper.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
 import '../chunk-NWOE2TZN.mjs';
-import { Button } from '../chunk-VARQ7W4G.mjs';
+import { Button } from '../chunk-C6NA452Q.mjs';
 import '../chunk-CIEZFHCO.mjs';
 import '../chunk-4ZP444GA.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';

package/package.json

@@ -1,9 +1,37 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "1.8.4",
+  "version": "1.8.42",
   "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
+  "keywords": [
+    "react",
+    "tailwindcss",
+    "tailwind",
+    "component-library",
+    "ui-kit",
+    "design-system",
+    "typescript",
+    "nextjs",
+    "charts",
+    "hooks",
+    "animations"
+  ],
+  "homepage": "https://zentauri-ui.vercel.app/",
+  "bugs": {
+    "url": "https://github.com/ShubhamTiwari909/zentauri-ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ShubhamTiwari909/zentauri-ui.git",
+    "directory": "packages/components"
+  },
+  "author": {
+    "name": "Shubham Tiwari",
+    "url": "https://www.linkedin.com/in/shubham-tiwari-b7544b193/"
+  },
   "license": "MIT",
   "files": [
+    "CHANGELOG.md",
+    "LICENSE",
     "dist",
     "src/ui",
     "src/animations",
@@ -64,6 +92,7 @@
     "build:types": "tsc -p tsconfig.emit-types.json",
     "build": "npm run build:js && npm run build:types",
     "generate:registry": "node scripts/generate-registry.mjs",
+    "update:test-health": "node scripts/update-test-health.mjs",
     "check:exports": "node scripts/check-exports.mjs",
     "prepack": "npm run build && node scripts/generate-registry.mjs && node scripts/check-exports.mjs",
     "test": "vitest run",

package/src/animations/animations.test.tsx

@@ -1,5 +1,59 @@
 import { render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+const motionMockState = vi.hoisted(() => ({
+  shouldReduceMotion: false,
+}));
+
+vi.mock("framer-motion", async () => {
+  const React = await import("react");
+
+  function serializeMotionValue(value: unknown) {
+    return value === undefined ? "undefined" : JSON.stringify(value);
+  }
+
+  return {
+    motion: {
+      div: React.forwardRef<HTMLDivElement, Record<string, unknown>>(
+        (
+          {
+            animate,
+            children,
+            exit,
+            initial,
+            layout,
+            transition,
+            viewport,
+            whileHover,
+            whileInView,
+            whileTap,
+            ...props
+          },
+          ref,
+        ) =>
+          React.createElement(
+            "div",
+            {
+              ...props,
+              ref,
+              "data-motion-animate": serializeMotionValue(animate),
+              "data-motion-exit": serializeMotionValue(exit),
+              "data-motion-initial": serializeMotionValue(initial),
+              "data-motion-layout": serializeMotionValue(layout),
+              "data-motion-transition": serializeMotionValue(transition),
+              "data-motion-viewport": serializeMotionValue(viewport),
+              "data-motion-while-hover": serializeMotionValue(whileHover),
+              "data-motion-while-in-view":
+                serializeMotionValue(whileInView),
+              "data-motion-while-tap": serializeMotionValue(whileTap),
+            },
+            children as React.ReactNode,
+          ),
+      ),
+    },
+    useReducedMotion: () => motionMockState.shouldReduceMotion,
+  };
+});
 
 import { BlurIn } from "./blur-in";
 import { BlurOut } from "./blur-out";
@@ -88,6 +142,10 @@ const animations = [
 ] as const;
 
 describe("animation primitives", () => {
+  beforeEach(() => {
+    motionMockState.shouldReduceMotion = false;
+  });
+
   for (const [displayName, Component, slot] of animations) {
     it(`${displayName} stamps the animation slot and forwards content`, () => {
       render(<Component className="custom-motion">Preview</Component>);
@@ -126,4 +184,58 @@ describe("animation primitives", () => {
     expect(root).not.toHaveAttribute("to");
     expect(root).not.toHaveAttribute("exitTo");
   });
+
+  it("can defer the preset animate target until the element enters the viewport", () => {
+    render(
+      <FadeUp viewport={{ once: true, amount: 0.35 }} whileInView>
+        Viewport gated
+      </FadeUp>,
+    );
+
+    const root = screen.getByText("Viewport gated");
+
+    expect(root).toHaveAttribute("data-motion-animate", "undefined");
+    expect(root).toHaveAttribute(
+      "data-motion-while-in-view",
+      JSON.stringify({ opacity: 1, y: 0 }),
+    );
+    expect(root).toHaveAttribute(
+      "data-motion-viewport",
+      JSON.stringify({ once: true, amount: 0.35 }),
+    );
+  });
+
+  it("keeps the preset animate target when whileInView receives a custom target", () => {
+    render(
+      <FadeUp whileInView={{ scale: 1.05 }}>Custom viewport target</FadeUp>,
+    );
+
+    const root = screen.getByText("Custom viewport target");
+
+    expect(root).toHaveAttribute(
+      "data-motion-animate",
+      JSON.stringify({ opacity: 1, y: 0 }),
+    );
+    expect(root).toHaveAttribute(
+      "data-motion-while-in-view",
+      JSON.stringify({ opacity: 1, y: 0, scale: 1.05 }),
+    );
+  });
+
+  it("renders the effective whileInView target immediately when motion is reduced", () => {
+    motionMockState.shouldReduceMotion = true;
+
+    render(
+      <FadeUp whileInView={{ scale: 1.05 }}>Reduced viewport target</FadeUp>,
+    );
+
+    const root = screen.getByText("Reduced viewport target");
+
+    expect(root).toHaveAttribute(
+      "data-motion-initial",
+      JSON.stringify({ opacity: 1, y: 0, scale: 1.05 }),
+    );
+    expect(root).toHaveAttribute("data-motion-animate", "undefined");
+    expect(root).toHaveAttribute("data-motion-while-in-view", "undefined");
+  });
 });