@arolariu/components 0.5.0 → 1.1.0

package/dist/motion/presets.js

@@ -0,0 +1,117 @@
+import { durations, easings } from "./tokens.js";
+const fadeIn = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.ease
+    }
+};
+const fadeInUp = {
+    initial: {
+        opacity: 0,
+        y: 8
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: 8
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.easeOut
+    }
+};
+const fadeInDown = {
+    initial: {
+        opacity: 0,
+        y: -8
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: -8
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.easeOut
+    }
+};
+const scaleIn = {
+    initial: {
+        opacity: 0,
+        scale: 0.95
+    },
+    animate: {
+        opacity: 1,
+        scale: 1
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.95
+    },
+    transition: {
+        duration: durations.fast,
+        ease: easings.easeOut
+    }
+};
+const slideInFromLeft = {
+    initial: {
+        opacity: 0,
+        x: -16
+    },
+    animate: {
+        opacity: 1,
+        x: 0
+    },
+    exit: {
+        opacity: 0,
+        x: -16
+    },
+    transition: {
+        duration: durations.slow,
+        ease: easings.easeOut
+    }
+};
+const slideInFromRight = {
+    initial: {
+        opacity: 0,
+        x: 16
+    },
+    animate: {
+        opacity: 1,
+        x: 0
+    },
+    exit: {
+        opacity: 0,
+        x: 16
+    },
+    transition: {
+        duration: durations.slow,
+        ease: easings.easeOut
+    }
+};
+const reducedMotion = {
+    initial: {},
+    animate: {},
+    exit: {},
+    transition: {
+        duration: 0
+    }
+};
+export { fadeIn, fadeInDown, fadeInUp, reducedMotion, scaleIn, slideInFromLeft, slideInFromRight };
+
+//# sourceMappingURL=presets.js.map

package/dist/motion/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/presets.js","sources":["../../src/motion/presets.ts"],"sourcesContent":["import {durations, easings} from \"./tokens\";\r\n\r\n/**\r\n * Reusable animation variant presets for common transitions.\r\n * Each preset includes `initial`, `animate`, and `exit` states.\r\n * All presets respect reduced-motion preferences when used with `useReducedMotion`.\r\n */\r\n\r\n/**\r\n * Fades content in and out without positional movement.\r\n */\r\nexport const fadeIn = {\r\n  initial: {opacity: 0},\r\n  animate: {opacity: 1},\r\n  exit: {opacity: 0},\r\n  transition: {duration: durations.normal, ease: easings.ease},\r\n} as const;\r\n\r\n/**\r\n * Fades content upward into view.\r\n */\r\nexport const fadeInUp = {\r\n  initial: {opacity: 0, y: 8},\r\n  animate: {opacity: 1, y: 0},\r\n  exit: {opacity: 0, y: 8},\r\n  transition: {duration: durations.normal, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Fades content downward into view.\r\n */\r\nexport const fadeInDown = {\r\n  initial: {opacity: 0, y: -8},\r\n  animate: {opacity: 1, y: 0},\r\n  exit: {opacity: 0, y: -8},\r\n  transition: {duration: durations.normal, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Fades and scales content into view.\r\n */\r\nexport const scaleIn = {\r\n  initial: {opacity: 0, scale: 0.95},\r\n  animate: {opacity: 1, scale: 1},\r\n  exit: {opacity: 0, scale: 0.95},\r\n  transition: {duration: durations.fast, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Slides content in from the left.\r\n */\r\nexport const slideInFromLeft = {\r\n  initial: {opacity: 0, x: -16},\r\n  animate: {opacity: 1, x: 0},\r\n  exit: {opacity: 0, x: -16},\r\n  transition: {duration: durations.slow, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Slides content in from the right.\r\n */\r\nexport const slideInFromRight = {\r\n  initial: {opacity: 0, x: 16},\r\n  animate: {opacity: 1, x: 0},\r\n  exit: {opacity: 0, x: 16},\r\n  transition: {duration: durations.slow, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * No-op preset for reduced motion — instant state change, no animation.\r\n */\r\nexport const reducedMotion = {\r\n  initial: {},\r\n  animate: {},\r\n  exit: {},\r\n  transition: {duration: 0},\r\n} as const;\r\n"],"names":["fadeIn","durations","easings","fadeInUp","fadeInDown","scaleIn","slideInFromLeft","slideInFromRight","reducedMotion"],"mappings":";AAWO,MAAMA,SAAS;IACpB,SAAS;QAAC,SAAS;IAAC;IACpB,SAAS;QAAC,SAAS;IAAC;IACpB,MAAM;QAAC,SAAS;IAAC;IACjB,YAAY;QAAC,UAAUC,UAAU,MAAM;QAAE,MAAMC,QAAQ,IAAI;IAAA;AAC7D;AAKO,MAAMC,WAAW;IACtB,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAC;IACvB,YAAY;QAAC,UAAUF,UAAU,MAAM;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAChE;AAKO,MAAME,aAAa;IACxB,SAAS;QAAC,SAAS;QAAG,GAAG;IAAE;IAC3B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAE;IACxB,YAAY;QAAC,UAAUH,UAAU,MAAM;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAChE;AAKO,MAAMG,UAAU;IACrB,SAAS;QAAC,SAAS;QAAG,OAAO;IAAI;IACjC,SAAS;QAAC,SAAS;QAAG,OAAO;IAAC;IAC9B,MAAM;QAAC,SAAS;QAAG,OAAO;IAAI;IAC9B,YAAY;QAAC,UAAUJ,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMI,kBAAkB;IAC7B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAG;IAC5B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAG;IACzB,YAAY;QAAC,UAAUL,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMK,mBAAmB;IAC9B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAE;IAC3B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAE;IACxB,YAAY;QAAC,UAAUN,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMM,gBAAgB;IAC3B,SAAS,CAAC;IACV,SAAS,CAAC;IACV,MAAM,CAAC;IACP,YAAY;QAAC,UAAU;IAAC;AAC1B"}

package/dist/motion/tokens.js

@@ -0,0 +1,41 @@
+const durations = {
+    fast: 0.1,
+    normal: 0.15,
+    slow: 0.2,
+    slower: 0.3,
+    slowest: 0.5
+};
+const easings = {
+    ease: [
+        0.25,
+        0.1,
+        0.25,
+        1
+    ],
+    easeIn: [
+        0.42,
+        0,
+        1,
+        1
+    ],
+    easeOut: [
+        0,
+        0,
+        0.58,
+        1
+    ],
+    easeInOut: [
+        0.42,
+        0,
+        0.58,
+        1
+    ],
+    spring: {
+        type: "spring",
+        stiffness: 300,
+        damping: 24
+    }
+};
+export { durations, easings };
+
+//# sourceMappingURL=tokens.js.map

package/dist/motion/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/tokens.js","sources":["../../src/motion/tokens.ts"],"sourcesContent":["/**\r\n * Standard motion duration constants in seconds.\r\n * Aligned with `--ac-transition-*` CSS custom properties in `index.css`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <motion.div animate={{opacity: 1}} transition={{duration: durations.normal}} />\r\n * ```\r\n */\r\nexport const durations = {\r\n  fast: 0.1,\r\n  normal: 0.15,\r\n  slow: 0.2,\r\n  slower: 0.3,\r\n  slowest: 0.5,\r\n} as const;\r\n\r\n/**\r\n * Standard easing curves for consistent motion across the library.\r\n */\r\nexport const easings = {\r\n  ease: [0.25, 0.1, 0.25, 1],\r\n  easeIn: [0.42, 0, 1, 1],\r\n  easeOut: [0, 0, 0.58, 1],\r\n  easeInOut: [0.42, 0, 0.58, 1],\r\n  spring: {type: \"spring\" as const, stiffness: 300, damping: 24},\r\n} as const;\r\n\r\n/**\r\n * Represents a named motion duration token.\r\n */\r\nexport type Duration = keyof typeof durations;\r\n\r\n/**\r\n * Represents a named motion easing token.\r\n */\r\nexport type Easing = keyof typeof easings;\r\n"],"names":["durations","easings"],"mappings":"AASO,MAAMA,YAAY;IACvB,MAAM;IACN,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,SAAS;AACX;AAKO,MAAMC,UAAU;IACrB,MAAM;QAAC;QAAM;QAAK;QAAM;KAAE;IAC1B,QAAQ;QAAC;QAAM;QAAG;QAAG;KAAE;IACvB,SAAS;QAAC;QAAG;QAAG;QAAM;KAAE;IACxB,WAAW;QAAC;QAAM;QAAG;QAAM;KAAE;IAC7B,QAAQ;QAAC,MAAM;QAAmB,WAAW;QAAK,SAAS;IAAE;AAC/D"}

package/dist/rslib-runtime.js

@@ -0,0 +1,39 @@
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.add = function(modules) {
+        Object.assign(__webpack_require__.m, modules);
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+export { __webpack_require__ };
+
+//# sourceMappingURL=rslib-runtime.js.map

package/dist/rslib-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rslib-runtime.js","sources":["webpack/runtime/define_property_getters","webpack/runtime/esm_register_module","webpack/runtime/has_own_property","webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.add = function registerModules(modules) { Object.assign(__webpack_require__.m, modules) }\n","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","exports","definition","key","Object","modules","obj","prop","Symbol"],"mappings":";;;;;;;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAACC,SAASC;QACjC,IAAI,IAAIC,OAAOD,WACR,IAAGF,oBAAoB,CAAC,CAACE,YAAYC,QAAQ,CAACH,oBAAoB,CAAC,CAACC,SAASE,MACzEC,OAAO,cAAc,CAACH,SAASE,KAAK;YAAE,YAAY;YAAM,KAAKD,UAAU,CAACC,IAAI;QAAC;IAGzF;;;ICNAH,oBAAoB,GAAG,GAAG,SAAyBK,OAAO;QAAID,OAAO,MAAM,CAACJ,oBAAoB,CAAC,EAAEK;IAAS;;;ICA5GL,oBAAoB,CAAC,GAAG,CAACM,KAAKC,OAAUH,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACE,KAAKC;;;ICClFP,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAG,AAAkB,MAAlB,OAAOO,UAA0BA,OAAO,WAAW,EACrDJ,OAAO,cAAc,CAACH,SAASO,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEJ,OAAO,cAAc,CAACH,SAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}