@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/ui/inputs/animated.js

@@ -0,0 +1,141 @@
+"use client";
+'use strict';
+
+var chunkQZKMFSH5_js = require('../../chunk-QZKMFSH5.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/inputs/animated/animations.ts
+var inputAnimationPresets = {
+  none: {},
+  lift: {
+    whileHover: { y: -1 },
+    whileFocus: { y: -1 },
+    transition: { type: "spring", stiffness: 480, damping: 32 }
+  },
+  press: {
+    whileTap: { scale: 0.99 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  },
+  glow: {
+    whileFocus: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)"
+    },
+    whileHover: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)"
+    },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  tilt: {
+    whileHover: { scale: 1.005 },
+    whileFocus: { scale: 1.008 },
+    whileTap: { scale: 0.995 },
+    transition: { type: "spring", stiffness: 380, damping: 24 }
+  },
+  bounce: {
+    whileFocus: { y: -2, scale: 1.01 },
+    whileHover: { y: -1, scale: 1.005 },
+    transition: { type: "spring", bounce: 0.35, duration: 0.4 }
+  }
+};
+var InputAnimated = (props) => {
+  const generatedId = react.useId();
+  if (props.as === "textarea") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      animation: animation2 = "none",
+      ring: ring2 = true,
+      ref: ref2,
+      "aria-invalid": ariaInvalidProp2,
+      errorMessage: errorMessage2,
+      id: id2,
+      as: as2,
+      ...rest2
+    } = props;
+    const controlId2 = id2 ?? generatedId;
+    const errorId2 = `${controlId2}-error`;
+    const motionProps2 = inputAnimationPresets[animation2];
+    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.textarea,
+        {
+          ref: ref2,
+          id: controlId2,
+          "data-slot": "input",
+          className: chunkUOZYPWDZ_js.cn(
+            chunkQZKMFSH5_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
+            className2
+          ),
+          initial: false,
+          "aria-invalid": ariaInvalid2,
+          "aria-describedby": errorMessage2 && appearance2 === "error" ? errorId2 : void 0,
+          ...motionProps2,
+          ...rest2
+        }
+      ),
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          id: errorId2,
+          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+          children: errorMessage2
+        }
+      )
+    ] });
+  }
+  const {
+    className,
+    appearance,
+    size,
+    animation = "none",
+    ring = true,
+    ref,
+    "aria-invalid": ariaInvalidProp,
+    errorMessage,
+    id,
+    as,
+    ...rest
+  } = props;
+  const controlId = id ?? generatedId;
+  const errorId = `${controlId}-error`;
+  const motionProps = inputAnimationPresets[animation];
+  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.input,
+      {
+        ref,
+        id: controlId,
+        "data-slot": "input",
+        className: chunkUOZYPWDZ_js.cn(
+          chunkQZKMFSH5_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
+          className
+        ),
+        initial: false,
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": errorMessage && appearance === "error" ? errorId : void 0,
+        ...motionProps,
+        ...rest
+      }
+    ),
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: errorId,
+        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+        children: errorMessage
+      }
+    )
+  ] });
+};
+InputAnimated.displayName = "Input";
+
+exports.InputAnimated = InputAnimated;
+exports.inputAnimationPresets = inputAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/inputs/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["useId","className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid","jsxs","Fragment","jsx","motion","cn","inputVariants"],"mappings":";;;;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,IACxB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,SAAA,EACE;AAAA,KACJ;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EACE;AAAA,KACJ;AAAA,IACA,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,SAAA;AAAU,GAC/C;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IAC3B,UAAA,EAAY,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IAC3B,QAAA,EAAU,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IACzB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAAK;AAAA,IACjC,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAI,OAAO,KAAA,EAAM;AAAA,IAClC,YAAY,EAAE,IAAA,EAAM,UAAU,MAAA,EAAQ,IAAA,EAAM,UAAU,GAAA;AAAI;AAE9D;ACxBO,IAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,cAAcA,WAAA,EAAM;AAE1B,EAAA,IAAI,KAAA,CAAM,OAAO,UAAA,EAAY;AAC3B,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAC,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,WAAAC,UAAAA,GAAY,MAAA;AAAA,MACZ,MAAAC,KAAAA,GAAO,IAAA;AAAA,MACP,GAAA,EAAAC,IAAAA;AAAA,MACA,cAAA,EAAgBC,gBAAAA;AAAA,MAChB,YAAA,EAAAC,aAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAMC,aAAYH,GAAAA,IAAM,WAAA;AACxB,IAAA,MAAMI,QAAAA,GAAU,GAAGD,UAAS,CAAA,MAAA,CAAA;AAC5B,IAAA,MAAME,YAAAA,GAAc,sBAAsBV,UAAS,CAAA;AACnD,IAAA,MAAMW,eACJR,gBAAAA,KAAoB,MAAA,GAChBA,gBAAAA,GACAL,WAAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,IAAA,uBACEc,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,mBAAA,CAAO,QAAA;AAAA,QAAP;AAAA,UACC,GAAA,EAAKb,IAAAA;AAAA,UACL,EAAA,EAAIM,UAAAA;AAAA,UACJ,WAAA,EAAU,OAAA;AAAA,UACV,SAAA,EAAWQ,mBAAA;AAAA,YACTC,8BAAA,CAAc,EAAE,UAAA,EAAAnB,WAAAA,EAAY,IAAA,EAAAC,OAAM,IAAA,EAAAE,KAAAA,EAAM,EAAA,EAAAK,GAAAA,EAAI,CAAA;AAAA,YAC5CT;AAAA,WACF;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,cAAA,EAAcc,YAAAA;AAAA,UACd,kBAAA,EACEP,aAAAA,IAAgBN,WAAAA,KAAe,OAAA,GAAUW,QAAAA,GAAU,MAAA;AAAA,UAEpD,GAAGC,YAAAA;AAAA,UACH,GAAGH;AAAA;AAAA,OACN;AAAA,MACCH,aAAAA,IAAgBN,gBAAe,OAAA,oBAC9BgB,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAIL,QAAAA;AAAA,UACJ,SAAA,EAAU,iDAAA;AAAA,UAET,QAAA,EAAAL;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA,GAAY,MAAA;AAAA,IACZ,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,YAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,EAAA,IAAM,WAAA;AACxB,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AACnD,EAAA,MAAM,cACJ,eAAA,KAAoB,MAAA,GAChB,eAAA,GACA,UAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,EAAA,uBACEQ,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,mBAAA,CAAO,KAAA;AAAA,MAAP;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,SAAA;AAAA,QACJ,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAWC,mBAAA;AAAA,UACTC,8BAAA,CAAc,EAAE,UAAA,EAAY,IAAA,EAAM,MAAM,EAAA,EAAI,EAAA,IAAM,SAAS,CAAA;AAAA,UAC3D;AAAA,SACF;AAAA,QACA,OAAA,EAAS,KAAA;AAAA,QACT,cAAA,EAAc,WAAA;AAAA,QACd,kBAAA,EACE,YAAA,IAAgB,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,QAEpD,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AAAA,KACN;AAAA,IACC,YAAA,IAAgB,eAAe,OAAA,oBAC9BH,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAU,iDAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,OAAA","file":"animated.js","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}

package/dist/ui/inputs/animated.mjs

@@ -0,0 +1,138 @@
+"use client";
+import { inputVariants } from '../../chunk-AOEI4V3W.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { useId } from 'react';
+import { motion } from 'framer-motion';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/ui/inputs/animated/animations.ts
+var inputAnimationPresets = {
+  none: {},
+  lift: {
+    whileHover: { y: -1 },
+    whileFocus: { y: -1 },
+    transition: { type: "spring", stiffness: 480, damping: 32 }
+  },
+  press: {
+    whileTap: { scale: 0.99 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  },
+  glow: {
+    whileFocus: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)"
+    },
+    whileHover: {
+      boxShadow: "0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)"
+    },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  tilt: {
+    whileHover: { scale: 1.005 },
+    whileFocus: { scale: 1.008 },
+    whileTap: { scale: 0.995 },
+    transition: { type: "spring", stiffness: 380, damping: 24 }
+  },
+  bounce: {
+    whileFocus: { y: -2, scale: 1.01 },
+    whileHover: { y: -1, scale: 1.005 },
+    transition: { type: "spring", bounce: 0.35, duration: 0.4 }
+  }
+};
+var InputAnimated = (props) => {
+  const generatedId = useId();
+  if (props.as === "textarea") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      animation: animation2 = "none",
+      ring: ring2 = true,
+      ref: ref2,
+      "aria-invalid": ariaInvalidProp2,
+      errorMessage: errorMessage2,
+      id: id2,
+      as: as2,
+      ...rest2
+    } = props;
+    const controlId2 = id2 ?? generatedId;
+    const errorId2 = `${controlId2}-error`;
+    const motionProps2 = inputAnimationPresets[animation2];
+    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        motion.textarea,
+        {
+          ref: ref2,
+          id: controlId2,
+          "data-slot": "input",
+          className: cn(
+            inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
+            className2
+          ),
+          initial: false,
+          "aria-invalid": ariaInvalid2,
+          "aria-describedby": errorMessage2 && appearance2 === "error" ? errorId2 : void 0,
+          ...motionProps2,
+          ...rest2
+        }
+      ),
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsx(
+        "p",
+        {
+          id: errorId2,
+          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+          children: errorMessage2
+        }
+      )
+    ] });
+  }
+  const {
+    className,
+    appearance,
+    size,
+    animation = "none",
+    ring = true,
+    ref,
+    "aria-invalid": ariaInvalidProp,
+    errorMessage,
+    id,
+    as,
+    ...rest
+  } = props;
+  const controlId = id ?? generatedId;
+  const errorId = `${controlId}-error`;
+  const motionProps = inputAnimationPresets[animation];
+  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.input,
+      {
+        ref,
+        id: controlId,
+        "data-slot": "input",
+        className: cn(
+          inputVariants({ appearance, size, ring, as: as ?? "input" }),
+          className
+        ),
+        initial: false,
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": errorMessage && appearance === "error" ? errorId : void 0,
+        ...motionProps,
+        ...rest
+      }
+    ),
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: errorId,
+        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+        children: errorMessage
+      }
+    )
+  ] });
+};
+InputAnimated.displayName = "Input";
+
+export { InputAnimated, inputAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/inputs/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"],"mappings":";;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,IACxB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,SAAA,EACE;AAAA,KACJ;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EACE;AAAA,KACJ;AAAA,IACA,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,SAAA;AAAU,GAC/C;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IAC3B,UAAA,EAAY,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IAC3B,QAAA,EAAU,EAAE,KAAA,EAAO,KAAA,EAAM;AAAA,IACzB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAAK;AAAA,IACjC,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAI,OAAO,KAAA,EAAM;AAAA,IAClC,YAAY,EAAE,IAAA,EAAM,UAAU,MAAA,EAAQ,IAAA,EAAM,UAAU,GAAA;AAAI;AAE9D;ACxBO,IAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,cAAc,KAAA,EAAM;AAE1B,EAAA,IAAI,KAAA,CAAM,OAAO,UAAA,EAAY;AAC3B,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,WAAAC,UAAAA,GAAY,MAAA;AAAA,MACZ,MAAAC,KAAAA,GAAO,IAAA;AAAA,MACP,GAAA,EAAAC,IAAAA;AAAA,MACA,cAAA,EAAgBC,gBAAAA;AAAA,MAChB,YAAA,EAAAC,aAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAMC,aAAYH,GAAAA,IAAM,WAAA;AACxB,IAAA,MAAMI,QAAAA,GAAU,GAAGD,UAAS,CAAA,MAAA,CAAA;AAC5B,IAAA,MAAME,YAAAA,GAAc,sBAAsBV,UAAS,CAAA;AACnD,IAAA,MAAMW,eACJR,gBAAAA,KAAoB,MAAA,GAChBA,gBAAAA,GACAL,WAAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,QAAA;AAAA,QAAP;AAAA,UACC,GAAA,EAAKI,IAAAA;AAAA,UACL,EAAA,EAAIM,UAAAA;AAAA,UACJ,WAAA,EAAU,OAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,aAAA,CAAc,EAAE,UAAA,EAAAV,WAAAA,EAAY,IAAA,EAAAC,OAAM,IAAA,EAAAE,KAAAA,EAAM,EAAA,EAAAK,GAAAA,EAAI,CAAA;AAAA,YAC5CT;AAAA,WACF;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,cAAA,EAAcc,YAAAA;AAAA,UACd,kBAAA,EACEP,aAAAA,IAAgBN,WAAAA,KAAe,OAAA,GAAUW,QAAAA,GAAU,MAAA;AAAA,UAEpD,GAAGC,YAAAA;AAAA,UACH,GAAGH;AAAA;AAAA,OACN;AAAA,MACCH,aAAAA,IAAgBN,gBAAe,OAAA,oBAC9B,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAIW,QAAAA;AAAA,UACJ,SAAA,EAAU,iDAAA;AAAA,UAET,QAAA,EAAAL;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA,GAAY,MAAA;AAAA,IACZ,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,YAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,EAAA,IAAM,WAAA;AACxB,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AACnD,EAAA,MAAM,cACJ,eAAA,KAAoB,MAAA,GAChB,eAAA,GACA,UAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA,CAAO,KAAA;AAAA,MAAP;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,SAAA;AAAA,QACJ,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,aAAA,CAAc,EAAE,UAAA,EAAY,IAAA,EAAM,MAAM,EAAA,EAAI,EAAA,IAAM,SAAS,CAAA;AAAA,UAC3D;AAAA,SACF;AAAA,QACA,OAAA,EAAS,KAAA;AAAA,QACT,cAAA,EAAc,WAAA;AAAA,QACd,kBAAA,EACE,YAAA,IAAgB,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,QAEpD,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AAAA,KACN;AAAA,IACC,YAAA,IAAgB,eAAe,OAAA,oBAC9B,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAU,iDAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,OAAA","file":"animated.mjs","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}

package/dist/ui/inputs.d.mts

@@ -1,35 +1,21 @@
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef } from 'react';
+import { i as inputVariants } from '../variants-CYODHI8b.mjs';
+import 'class-variance-authority/types';
 
-declare const inputVariants: (props?: ({
-    as?: "input" | "textarea" | "file" | "checkbox" | "radio" | null | undefined;
-    appearance?: "default" | "warning" | "error" | "success" | "info" | "violet" | "amber" | "pink" | "indigo" | "orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    ring?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type InputAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
 type InputSharedProps = Omit<VariantProps<typeof inputVariants>, "as"> & {
-    animation?: InputAnimation;
     errorMessage?: string;
 };
-/** Motion props applied by presets on `motion.input` / `motion.textarea`. */
-type InputPresetMotionProps = Pick<HTMLMotionProps<"input">, "style" | "transition" | "whileHover" | "whileTap" | "whileFocus">;
-/** Omit native `size` (character width) so the design-system `size` variant can use the same name. */
-type InputProps = (InputSharedProps & Omit<HTMLMotionProps<"input">, "size" | "as"> & {
+type InputProps = (InputSharedProps & Omit<ComponentPropsWithRef<"input">, "size" | "as"> & {
     as?: "input" | "file" | "checkbox" | "radio";
-}) | (InputSharedProps & Omit<HTMLMotionProps<"textarea">, "size" | "as"> & {
+}) | (InputSharedProps & Omit<ComponentPropsWithRef<"textarea">, "size" | "as"> & {
     as: "textarea";
 });
-type InputAnimationPresets = Record<InputAnimation, InputPresetMotionProps>;
-
-declare const inputAnimationPresets: InputAnimationPresets;
 
 declare const Input: {
     (props: InputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-export { Input, type InputAnimation, type InputAnimationPresets, type InputProps, inputAnimationPresets, inputVariants };
+export { Input, type InputProps, type InputSharedProps, inputVariants };

package/dist/ui/inputs.d.ts

@@ -1,35 +1,21 @@
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef } from 'react';
+import { i as inputVariants } from '../variants-CYODHI8b.js';
+import 'class-variance-authority/types';
 
-declare const inputVariants: (props?: ({
-    as?: "input" | "textarea" | "file" | "checkbox" | "radio" | null | undefined;
-    appearance?: "default" | "warning" | "error" | "success" | "info" | "violet" | "amber" | "pink" | "indigo" | "orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    ring?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type InputAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
 type InputSharedProps = Omit<VariantProps<typeof inputVariants>, "as"> & {
-    animation?: InputAnimation;
     errorMessage?: string;
 };
-/** Motion props applied by presets on `motion.input` / `motion.textarea`. */
-type InputPresetMotionProps = Pick<HTMLMotionProps<"input">, "style" | "transition" | "whileHover" | "whileTap" | "whileFocus">;
-/** Omit native `size` (character width) so the design-system `size` variant can use the same name. */
-type InputProps = (InputSharedProps & Omit<HTMLMotionProps<"input">, "size" | "as"> & {
+type InputProps = (InputSharedProps & Omit<ComponentPropsWithRef<"input">, "size" | "as"> & {
     as?: "input" | "file" | "checkbox" | "radio";
-}) | (InputSharedProps & Omit<HTMLMotionProps<"textarea">, "size" | "as"> & {
+}) | (InputSharedProps & Omit<ComponentPropsWithRef<"textarea">, "size" | "as"> & {
     as: "textarea";
 });
-type InputAnimationPresets = Record<InputAnimation, InputPresetMotionProps>;
-
-declare const inputAnimationPresets: InputAnimationPresets;
 
 declare const Input: {
     (props: InputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-export { Input, type InputAnimation, type InputAnimationPresets, type InputProps, inputAnimationPresets, inputVariants };
+export { Input, type InputProps, type InputSharedProps, inputVariants };