@zentauri-ui/zentauri-components 1.8.4 → 1.8.42

package/src/animations/shared/create-motion-animation.tsx

@@ -33,6 +33,12 @@ function mergeTargetOverrides(
   };
 }
 
+function isTargetObject(
+  target: NonNullable<MotionAnimationProps["whileInView"]>,
+): target is MotionAnimationPreset["animate"] {
+  return target !== null && typeof target === "object" && !Array.isArray(target);
+}
+
 export function createMotionAnimation(
   displayName: string,
   slot: string,
@@ -48,6 +54,7 @@ export function createMotionAnimation(
       transition,
       layout,
       whileHover,
+      whileInView,
       whileTap,
       from,
       to,
@@ -55,26 +62,49 @@ export function createMotionAnimation(
       ...rest
     } = props;
     const shouldReduceMotion = useReducedMotion();
-    const resolvedAnimate = animate ?? mergeTargetOverrides(preset.animate, to);
+    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);
+    const resolvedAnimate = animate ?? resolvedAnimateTarget;
+    const shouldAnimateInView = whileInView !== undefined;
+    const usesPresetWhileInView = whileInView === true;
+    const resolvedWhileInView =
+      whileInView === undefined
+        ? undefined
+        : usesPresetWhileInView
+          ? resolvedAnimateTarget
+          : isTargetObject(whileInView)
+            ? { ...resolvedAnimateTarget, ...whileInView }
+            : whileInView;
+    const reducedMotionTarget = shouldAnimateInView
+      ? resolvedWhileInView
+      : resolvedAnimate;
     const resolvedInitial =
       initial ??
       (shouldReduceMotion
-        ? resolvedAnimate
+        ? 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 (
       <motion.div
         data-slot={slot}
         className={cn(className)}
         initial={resolvedInitial}
-        animate={resolvedAnimate}
+        animate={shouldDisableAnimate ? undefined : resolvedAnimate}
         exit={resolvedExit}
         layout={layout ?? preset.layout}
         whileHover={whileHover ?? preset.whileHover}
+        whileInView={
+          shouldReduceMotion
+            ? undefined
+            : shouldAnimateInView
+              ? resolvedWhileInView
+              : undefined
+        }
         whileTap={whileTap ?? preset.whileTap}
         transition={resolvedTransition}
         {...rest}

package/src/animations/shared/index.ts

@@ -1,2 +1,6 @@
 export { createMotionAnimation } from "./create-motion-animation";
-export type { MotionAnimationPreset, MotionAnimationProps } from "./types";
+export type {
+  MotionAnimationPreset,
+  MotionAnimationProps,
+  MotionAnimationWhileInView,
+} from "./types";

package/src/animations/shared/types.ts

@@ -27,8 +27,16 @@ export type MotionAnimationTargetOverrides = {
   blur?: number | string;
 };
 
-export type MotionAnimationProps = HTMLMotionProps<"div"> & {
+export type MotionAnimationWhileInView =
+  | true
+  | HTMLMotionProps<"div">["whileInView"];
+
+export type MotionAnimationProps = Omit<
+  HTMLMotionProps<"div">,
+  "whileInView"
+> & {
   from?: MotionAnimationTargetOverrides;
   to?: MotionAnimationTargetOverrides;
   exitTo?: MotionAnimationTargetOverrides;
+  whileInView?: MotionAnimationWhileInView;
 };

package/src/ui/buttons/button-base.tsx

@@ -1,11 +1,64 @@
 "use client";
 
+import { cloneElement, isValidElement, type MouseEventHandler } from "react";
+
 import { cn } from "../../lib/utils";
 
 import type { ButtonProps } from "./types";
 import { buttonVariants } from "./variants";
 
 export const ButtonBase = (props: ButtonProps) => {
+  if ("asChild" in props && props.asChild) {
+    const {
+      className,
+      appearance,
+      size,
+      children,
+      asChild: _asChild,
+      disabled,
+      onClick,
+      ...rest
+    } = props;
+
+    if (!isValidElement<{ className?: string }>(children)) {
+      return null;
+    }
+
+    const isNativeButton = children.type === "button";
+    const childOnClick = children.props.onClick as
+      | MouseEventHandler<HTMLElement>
+      | undefined;
+    const handleClick: MouseEventHandler<HTMLElement> = (event) => {
+      if (disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        childOnClick?.(event);
+      }
+    };
+
+    return cloneElement(children, {
+      ...rest,
+      ...children.props,
+      ...(disabled
+        ? isNativeButton
+          ? { disabled: true }
+          : { "aria-disabled": true, tabIndex: -1 }
+        : null),
+      "data-slot": "button",
+      onClick: handleClick,
+      className: cn(
+        buttonVariants({ appearance, size }),
+        children.props.className,
+        className,
+      ),
+    });
+  }
+
   if (props.as === "link") {
     const {
       className,

package/src/ui/buttons/button.test.tsx

@@ -449,6 +449,46 @@ describe("Button (component library)", () => {
         "Link mode must keep the same data-slot contract",
       ).toBe("A");
     });
+
+    it("should style a child anchor without replacing its navigation props", () => {
+      render(
+        <Button asChild appearance="gradient-teal" size="lg">
+          <a href="/preview/installation">Get started</a>
+        </Button>,
+      );
+      const link = screen.getByRole("link", { name: "Get started" });
+
+      expect(link).toBe(getButtonSlot());
+      expect(link).toHaveAttribute("href", "/preview/installation");
+      expect(link.className).toMatch(/gradient-teal/);
+    });
+
+    it("should make disabled child anchors inert", async () => {
+      const user = userEvent.setup();
+      const onClick = vi.fn();
+      render(
+        <Button asChild disabled onClick={onClick}>
+          <a href="/preview/installation">Get started</a>
+        </Button>,
+      );
+      const link = screen.getByRole("link", { name: "Get started" });
+
+      expect(link).not.toHaveAttribute("disabled");
+      expect(link).toHaveAttribute("aria-disabled", "true");
+      expect(link).toHaveAttribute("tabindex", "-1");
+
+      await user.click(link);
+      expect(onClick).not.toHaveBeenCalled();
+    });
+
+    it("should forward disabled to native button children", () => {
+      render(
+        <Button asChild disabled>
+          <button type="button">Submit</button>
+        </Button>,
+      );
+      expect(screen.getByRole("button", { name: "Submit" })).toBeDisabled();
+    });
   });
 
   describe("props: animation presets (smoke)", () => {

package/src/ui/buttons/types.ts

@@ -1,13 +1,36 @@
 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 &
+      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" });
+  | (ButtonSharedStatic &
+      ComponentPropsWithRef<"a"> & { as: "link"; asChild?: false });

package/dist/chunk-AACGI7FX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":";;;;AAYA,SAAS,gBAAgB,KAAA,EAAwB;AAC/C,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,QAAQ,KAAK,CAAA,GAAA,CAAA;AAAA,EACtB;AACA,EAAA,OAAO,MAAM,QAAA,CAAS,GAAG,CAAA,GAAI,KAAA,GAAQ,QAAQ,KAAK,CAAA,CAAA,CAAA;AACpD;AAEA,SAAS,oBAAA,CACP,QACA,SAAA,EACA;AACA,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,IAAA,EAAM,GAAG,IAAA,EAAK,GAAI,SAAA;AAC1B,EAAA,OAAO;AAAA,IACL,GAAI,UAAU,EAAC;AAAA,IACf,GAAG,IAAA;AAAA,IACH,GAAI,SAAS,MAAA,GAAY,IAAA,GAAO,EAAE,MAAA,EAAQ,eAAA,CAAgB,IAAI,CAAA;AAAE,GAClE;AACF;AAEO,SAAS,qBAAA,CACd,WAAA,EACA,IAAA,EACA,MAAA,EACA;AACA,EAAA,SAAS,gBAAgB,KAAA,EAA6B;AACpD,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,EAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,qBAAqB,gBAAA,EAAiB;AAC5C,IAAA,MAAM,eAAA,GAAkB,OAAA,IAAW,oBAAA,CAAqB,MAAA,CAAO,SAAS,EAAE,CAAA;AAC1E,IAAA,MAAM,kBACJ,OAAA,KACC,kBAAA,GACG,kBACA,oBAAA,CAAqB,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAC/C,IAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,oBAAA,CAAqB,MAAA,CAAO,MAAM,MAAM,CAAA;AACrE,IAAA,MAAM,kBAAA,GAAqB,aACvB,EAAE,GAAG,OAAO,UAAA,EAAY,GAAG,UAAA,EAAW,GACtC,MAAA,CAAO,UAAA;AAEX,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA,CAAO,GAAA;AAAA,MAAP;AAAA,QACC,WAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QACvB,OAAA,EAAS,eAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,IAAA,EAAM,YAAA;AAAA,QACN,MAAA,EAAQ,UAAU,MAAA,CAAO,MAAA;AAAA,QACzB,UAAA,EAAY,cAAc,MAAA,CAAO,UAAA;AAAA,QACjC,QAAA,EAAU,YAAY,MAAA,CAAO,QAAA;AAAA,QAC7B,UAAA,EAAY,kBAAA;AAAA,QACX,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,eAAA,CAAgB,WAAA,GAAc,WAAA;AAC9B,EAAA,OAAO,eAAA;AACT","file":"chunk-AACGI7FX.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\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      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimate = animate ?? mergeTargetOverrides(preset.animate, to);\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? resolvedAnimate\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\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\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-JFS5PJSH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","ref","rest","jsx","cn","buttonVariants"],"mappings":";;;;;;AAOO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAC,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACEC,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKF,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAWG,mBAAA,CAAGC,+BAAA,CAAe,EAAE,UAAA,EAAAP,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGK,KAAAA;AAAA,QAEH,QAAA,EAAAF;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACEG,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAWC,oBAAGC,+BAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACtDlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOF,cAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-JFS5PJSH.js","sourcesContent":["\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":["useReducedMotion","jsx","motion","cn"],"mappings":";;;;;;AAYA,SAAS,gBAAgB,KAAA,EAAwB;AAC/C,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,QAAQ,KAAK,CAAA,GAAA,CAAA;AAAA,EACtB;AACA,EAAA,OAAO,MAAM,QAAA,CAAS,GAAG,CAAA,GAAI,KAAA,GAAQ,QAAQ,KAAK,CAAA,CAAA,CAAA;AACpD;AAEA,SAAS,oBAAA,CACP,QACA,SAAA,EACA;AACA,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,IAAA,EAAM,GAAG,IAAA,EAAK,GAAI,SAAA;AAC1B,EAAA,OAAO;AAAA,IACL,GAAI,UAAU,EAAC;AAAA,IACf,GAAG,IAAA;AAAA,IACH,GAAI,SAAS,MAAA,GAAY,IAAA,GAAO,EAAE,MAAA,EAAQ,eAAA,CAAgB,IAAI,CAAA;AAAE,GAClE;AACF;AAEO,SAAS,qBAAA,CACd,WAAA,EACA,IAAA,EACA,MAAA,EACA;AACA,EAAA,SAAS,gBAAgB,KAAA,EAA6B;AACpD,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,EAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,qBAAqBA,6BAAA,EAAiB;AAC5C,IAAA,MAAM,eAAA,GAAkB,OAAA,IAAW,oBAAA,CAAqB,MAAA,CAAO,SAAS,EAAE,CAAA;AAC1E,IAAA,MAAM,kBACJ,OAAA,KACC,kBAAA,GACG,kBACA,oBAAA,CAAqB,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAC/C,IAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,oBAAA,CAAqB,MAAA,CAAO,MAAM,MAAM,CAAA;AACrE,IAAA,MAAM,kBAAA,GAAqB,aACvB,EAAE,GAAG,OAAO,UAAA,EAAY,GAAG,UAAA,EAAW,GACtC,MAAA,CAAO,UAAA;AAEX,IAAA,uBACEC,cAAA;AAAA,MAACC,mBAAA,CAAO,GAAA;AAAA,MAAP;AAAA,QACC,WAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAWC,oBAAG,SAAS,CAAA;AAAA,QACvB,OAAA,EAAS,eAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,IAAA,EAAM,YAAA;AAAA,QACN,MAAA,EAAQ,UAAU,MAAA,CAAO,MAAA;AAAA,QACzB,UAAA,EAAY,cAAc,MAAA,CAAO,UAAA;AAAA,QACjC,QAAA,EAAU,YAAY,MAAA,CAAO,QAAA;AAAA,QAC7B,UAAA,EAAY,kBAAA;AAAA,QACX,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,eAAA,CAAgB,WAAA,GAAc,WAAA;AAC9B,EAAA,OAAO,eAAA;AACT","file":"chunk-ODZM25II.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\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      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimate = animate ?? mergeTargetOverrides(preset.animate, to);\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? resolvedAnimate\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\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","ref","rest","jsx"],"mappings":";;;;AAOO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAC,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKD,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAH,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGK,KAAAA;AAAA,QAEH,QAAA,EAAAF;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACtDlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-VARQ7W4G.mjs","sourcesContent":["\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\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"]}