@a-type/ui 0.1.2 → 0.1.3

package/dist/cjs/hooks/useVisualViewportOffset.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisualViewportOffset = void 0;
+const react_1 = require("react");
+/**
+ * Applies bottom offset px as a CSS custom property to the document root.
+ */
+function useVisualViewportOffset() {
+    const viewport = window.visualViewport;
+    (0, react_1.useEffect)(() => {
+        if (!viewport) {
+            return;
+        }
+        const update = () => {
+            document.documentElement.style.setProperty('--viewport-bottom-offset', `${window.innerHeight - viewport.height}px`);
+            document.documentElement.style.setProperty('--viewport-height', `${viewport.height}px`);
+        };
+        update();
+        window.addEventListener('scroll', update, { passive: true });
+        viewport.addEventListener('resize', update);
+        return () => {
+            viewport.removeEventListener('resize', update);
+            window.removeEventListener('scroll', update);
+        };
+    }, []);
+}
+exports.useVisualViewportOffset = useVisualViewportOffset;
+//# sourceMappingURL=useVisualViewportOffset.js.map

package/dist/cjs/hooks/useVisualViewportOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C;;GAEG;AACH,SAAgB,uBAAuB;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,0BAA0B,EAC1B,GAAG,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAC3C,CAAC;YACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,mBAAmB,EACnB,GAAG,QAAQ,CAAC,MAAM,IAAI,CACtB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC;AA7BD,0DA6BC"}

package/dist/cjs/hooks/withClassName.d.ts

@@ -0,0 +1,3 @@
+import classNames from 'classnames';
+import { ComponentPropsWithRef, ComponentType, ElementType, FunctionComponent } from 'react';
+export declare function withClassName<T extends ComponentType<any> | ElementType<any>>(Component: T, ...cs: Parameters<typeof classNames>): FunctionComponent<ComponentPropsWithRef<T>>;

package/dist/cjs/hooks/withClassName.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withClassName = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+function withClassName(Component, ...cs) {
+    const WithClassName = (0, react_1.forwardRef)((props, ref) => {
+        const { className } = props, rest = __rest(props, ["className"]);
+        return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, rest, { className: (0, classnames_1.default)(cs, className) })));
+    });
+    return WithClassName;
+}
+exports.withClassName = withClassName;
+//# sourceMappingURL=withClassName.js.map

package/dist/cjs/hooks/withClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withClassName.js","sourceRoot":"","sources":["../../../src/hooks/withClassName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAMe;AAEf,SAAgB,aAAa,CAC5B,SAAY,EACZ,GAAG,EAAiC;IAEpC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAW,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACzD,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;QACrC,OAAO,CACN,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CACvE,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,aAAoB,CAAC;AAC7B,CAAC;AAXD,sCAWC"}

package/dist/cjs/hooks.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hooks/index.js"), exports);
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/dist/cjs/uno.preset.d.ts

@@ -0,0 +1,2 @@
+import { Preset } from 'unocss';
+export default function presetAglio(): Preset;