@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

package/hooks/useWindowSize.mjs

@@ -1,32 +0,0 @@
-import { useEffect, useState } from "react";
-import listenResize from "@koine/dom/listenResize";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
-/**
- * # Use `window` size
- *
- * @param args Optionally pass {@link debounce} arguments (`wait` and `immediate`)
- *
- * @returns An array with:
- * 1) _width_: using `window.innerWidth`
- * 2) _height_: using `window.innerHeight`
- */ export function useWindowSize(wait, immediate) {
-    const [width, widthSet] = useState(0);
-    const [height, heightSet] = useState(0);
-    useEffect(()=>{
-        function updateSize() {
-            widthSet(window.innerWidth);
-            heightSet(window.innerHeight);
-        }
-        const listener = wait ? listenResizeDebounced(0, updateSize, wait, immediate) : listenResize(updateSize);
-        updateSize();
-        return listener;
-    }, [
-        wait,
-        immediate
-    ]);
-    return [
-        width,
-        height
-    ];
-}
-export default useWindowSize;

package/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./shared"), exports);
- // we need to alias the star export otherwise the named exports would collide
- // export * as css from "./css";
- // export * as sc from "./sc";
- // export * as tw from "./tw";

package/index.mjs

@@ -1,4 +0,0 @@
-export * from "./shared"; // we need to alias the star export otherwise the named exports would collide
- // export * as css from "./css";
- // export * as sc from "./sc";
- // export * as tw from "./tw";

package/m/MotionProvider.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { type LazyProps } from "framer-motion";
-export type MotionProviderFeatures = LazyProps["features"];
-export type MotionProviderProps = LazyProps & React.PropsWithChildren<{}>;
-/**
- * `<LazyMotion />` provider wrapper from `framer-motion`
- *
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/
- *
- * About the difference between `lite` and `max`
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/#available-features
- *
- * @example
- *
- * `lite` version:
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/lite").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- *
- * ### `max` version
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- */
-export declare const MotionProvider: ({ features, children }: MotionProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default MotionProvider;

package/m/MotionProvider.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    MotionProvider: function() {
-        return MotionProvider;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _framermotion = require("framer-motion");
-const MotionProvider = ({ features, children })=>{
-    return /*#__PURE__*/ React.createElement(_framermotion.LazyMotion, {
-        features: features
-    }, children);
-};
-const _default = MotionProvider;

package/m/MotionProvider.mjs

@@ -1,38 +0,0 @@
-import { LazyMotion } from "framer-motion";
-/**
- * `<LazyMotion />` provider wrapper from `framer-motion`
- *
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/
- *
- * About the difference between `lite` and `max`
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/#available-features
- *
- * @example
- *
- * `lite` version:
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/lite").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- *
- * ### `max` version
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- */ export const MotionProvider = ({ features, children })=>{
-    return /*#__PURE__*/ React.createElement(LazyMotion, {
-        features: features
-    }, children);
-};
-export default MotionProvider;

package/m/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @file
- *
- * In this file we only have exports related to `framer-motion`
- */
-export * from "./MotionProvider";

package/m/index.js

@@ -1,10 +0,0 @@
-/**
- * @file
- *
- * In this file we only have exports related to `framer-motion`
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./MotionProvider"), exports);

package/m/index.mjs

@@ -1,5 +0,0 @@
-/**
- * @file
- *
- * In this file we only have exports related to `framer-motion`
- */ export * from "./MotionProvider";

package/m/lite.d.ts

@@ -1,2 +0,0 @@
-import { domAnimation } from "framer-motion";
-export default domAnimation;

package/m/lite.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _framermotion = require("framer-motion");
-const _default = _framermotion.domAnimation;

package/m/lite.mjs

@@ -1,2 +0,0 @@
-import { domAnimation } from "framer-motion";
-export default domAnimation;

package/m/max.d.ts

@@ -1,2 +0,0 @@
-import { domMax } from "framer-motion";
-export default domMax;

package/m/max.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _framermotion = require("framer-motion");
-const _default = _framermotion.domMax;

package/m/max.mjs

@@ -1,2 +0,0 @@
-import { domMax } from "framer-motion";
-export default domMax;

package/sc/index.d.ts

@@ -1,30 +0,0 @@
-export * from "../shared";
-export * from "../Alert";
-export * from "../Animations";
-export * from "../Autocomplete";
-export * from "../Bg";
-export * from "../Breadcrumbs";
-export * from "../Buttons";
-export * from "../Carousel";
-export * from "../Collapsable";
-export * from "../Debug";
-export { KoineDialog, type KoineDialogProps } from "../Dialog/sc/bare";
-export { KoineForm, type KoineFormProps } from "../Form/sc/bare";
-export * from "../Forms";
-export * from "../Grid";
-export * from "../Hamburger";
-export * from "../Header";
-export * from "../Hidden";
-export * from "../Img";
-export * from "../Link";
-export * from "../MenuItem";
-export * from "../Pagination";
-export * from "../Pill";
-export * from "../Progress";
-export * from "../Rating";
-export * from "../Sidebar";
-export * from "../Spacing";
-export * from "../Sticky";
-export * from "../styles";
-export * from "../Tabs";
-export * from "../Typography";

package/sc/index.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    KoineDialog: function() {
-        return _bare.KoineDialog;
-    },
-    KoineForm: function() {
-        return _bare1.KoineForm;
-    }
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("../shared"), exports);
-_export_star._(require("../Alert"), exports);
-_export_star._(require("../Animations"), exports);
-_export_star._(require("../Autocomplete"), exports);
-_export_star._(require("../Bg"), exports);
-_export_star._(require("../Breadcrumbs"), exports);
-_export_star._(require("../Buttons"), exports);
-_export_star._(require("../Carousel"), exports);
-_export_star._(require("../Collapsable"), exports);
-_export_star._(require("../Debug"), exports);
-const _bare = require("../Dialog/sc/bare");
-const _bare1 = require("../Form/sc/bare");
-_export_star._(require("../Forms"), exports);
-_export_star._(require("../Grid"), exports);
-_export_star._(require("../Hamburger"), exports);
-_export_star._(require("../Header"), exports);
-_export_star._(require("../Hidden"), exports);
-_export_star._(require("../Img"), exports);
-_export_star._(require("../Link"), exports);
-_export_star._(require("../MenuItem"), exports);
-_export_star._(require("../Pagination"), exports);
-_export_star._(require("../Pill"), exports);
-_export_star._(require("../Progress"), exports);
-_export_star._(require("../Rating"), exports);
-_export_star._(require("../Sidebar"), exports);
-_export_star._(require("../Spacing"), exports);
-_export_star._(require("../Sticky"), exports);
-_export_star._(require("../styles"), exports);
-_export_star._(require("../Tabs"), exports);
-_export_star._(require("../Typography"), exports);

package/sc/index.mjs

@@ -1,31 +0,0 @@
-export * from "../shared";
-export * from "../Alert";
-export * from "../Animations";
-export * from "../Autocomplete";
-export * from "../Bg";
-export * from "../Breadcrumbs";
-export * from "../Buttons";
-export * from "../Carousel";
-export * from "../Collapsable";
-export * from "../Debug";
-export { KoineDialog } from "../Dialog/sc/bare";
-export { KoineForm } from "../Form/sc/bare";
-export * from "../Forms";
-export * from "../Grid";
-export * from "../Hamburger";
-export * from "../Header";
-export * from "../Hidden";
-export * from "../Img";
-export * from "../Link";
-export * from "../MenuItem";
-export * from "../Pagination";
-export * from "../Pill";
-export * from "../Progress";
-export * from "../Rating";
-// export * from "../Select";
-export * from "../Sidebar";
-export * from "../Spacing";
-export * from "../Sticky";
-export * from "../styles";
-export * from "../Tabs";
-export * from "../Typography";

package/scm/index.d.ts

@@ -1,29 +0,0 @@
-export * from "../shared";
-export * from "../Alert";
-export * from "../Animations";
-export * from "../Autocomplete";
-export * from "../Bg";
-export * from "../Breadcrumbs";
-export * from "../Buttons";
-export * from "../Carousel";
-export * from "../Collapsable";
-export * from "../Debug";
-export { KoineDialog, type KoineDialogProps } from "../Dialog/sc/framer";
-export * from "../Forms";
-export * from "../Grid";
-export * from "../Hamburger";
-export * from "../Header";
-export * from "../Hidden";
-export * from "../Img";
-export * from "../Link";
-export * from "../MenuItem";
-export * from "../Pagination";
-export * from "../Pill";
-export * from "../Progress";
-export * from "../Rating";
-export * from "../Sidebar";
-export * from "../Spacing";
-export * from "../Sticky";
-export * from "../styles";
-export * from "../Tabs";
-export * from "../Typography";

package/scm/index.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "KoineDialog", {
-    enumerable: true,
-    get: function() {
-        return _framer.KoineDialog;
-    }
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("../shared"), exports);
-_export_star._(require("../Alert"), exports);
-_export_star._(require("../Animations"), exports);
-_export_star._(require("../Autocomplete"), exports);
-_export_star._(require("../Bg"), exports);
-_export_star._(require("../Breadcrumbs"), exports);
-_export_star._(require("../Buttons"), exports);
-_export_star._(require("../Carousel"), exports);
-_export_star._(require("../Collapsable"), exports);
-_export_star._(require("../Debug"), exports);
-const _framer = require("../Dialog/sc/framer");
-_export_star._(require("../Forms"), exports);
-_export_star._(require("../Grid"), exports);
-_export_star._(require("../Hamburger"), exports);
-_export_star._(require("../Header"), exports);
-_export_star._(require("../Hidden"), exports);
-_export_star._(require("../Img"), exports);
-_export_star._(require("../Link"), exports);
-_export_star._(require("../MenuItem"), exports);
-_export_star._(require("../Pagination"), exports);
-_export_star._(require("../Pill"), exports);
-_export_star._(require("../Progress"), exports);
-_export_star._(require("../Rating"), exports);
-_export_star._(require("../Sidebar"), exports);
-_export_star._(require("../Spacing"), exports);
-_export_star._(require("../Sticky"), exports);
-_export_star._(require("../styles"), exports);
-_export_star._(require("../Tabs"), exports);
-_export_star._(require("../Typography"), exports);

package/scm/index.mjs

@@ -1,31 +0,0 @@
-export * from "../shared";
-export * from "../Alert";
-export * from "../Animations";
-export * from "../Autocomplete";
-export * from "../Bg";
-export * from "../Breadcrumbs";
-export * from "../Buttons";
-export * from "../Carousel";
-export * from "../Collapsable";
-export * from "../Debug";
-export { KoineDialog } from "../Dialog/sc/framer";
-// export { KoineForm, type KoineFormProps} from "../Form/sc/framer";
-export * from "../Forms";
-export * from "../Grid";
-export * from "../Hamburger";
-export * from "../Header";
-export * from "../Hidden";
-export * from "../Img";
-export * from "../Link";
-export * from "../MenuItem";
-export * from "../Pagination";
-export * from "../Pill";
-export * from "../Progress";
-export * from "../Rating";
-// export * from "../Select";
-export * from "../Sidebar";
-export * from "../Spacing";
-export * from "../Sticky";
-export * from "../styles";
-export * from "../Tabs";
-export * from "../Typography";

package/shared/index.d.ts

@@ -1,8 +0,0 @@
-export * from "../Calendar";
-export * from "../Dialog";
-export * from "../FaviconTags";
-export * from "../helpers";
-export * from "../hooks";
-export * from "../Meta";
-export * from "../NoJs";
-export * from "../types";

package/shared/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("../Calendar"), exports);
-_export_star._(require("../Dialog"), exports);
-_export_star._(require("../FaviconTags"), exports);
-_export_star._(require("../helpers"), exports);
-_export_star._(require("../hooks"), exports);
-_export_star._(require("../Meta"), exports);
-_export_star._(require("../NoJs"), exports);
-_export_star._(require("../types"), exports);

package/shared/index.mjs

@@ -1,43 +0,0 @@
-export * from "../Calendar";
-// export {
-//   Calendar,
-//   CalendarDaygridCell,
-//   CalendarDaygridCellComponents,
-//   CalendarDaygridCellEventBtnProps,
-//   CalendarDaygridCellEventProps,
-//   CalendarDaygridCellProps,
-//   CalendarDaygridCellStyledProps,
-//   CalendarDaygridNavProps,
-//   CalendarDaygridNavTitleProps,
-//   CalendarDaygridTableBodyCellDateProps,
-//   CalendarDaygridTableBodyCellProps,
-//   CalendarDaygridTableProps,
-//   CalendarEvent,
-//   CalendarEventsByTimestamp,
-//   CalendarEventsMap,
-//   CalendarLegendItemProps,
-//   CalendarLegendProps,
-//   CalendarRange,
-//   CalendarView,
-//   CalendarViewDay,
-//   CalendarViewDayProps,
-//   CalendarViewEvent,
-//   CalendarViewWeek,
-//   CalendarViewWeeks,
-//   Calendars
-// } from "../Calendar";
-export * from "../Dialog";
-// export {
-//   KoineDialog,
-//   type KoineDialogProps
-// } from "../Dialog";
-export * from "../FaviconTags";
-// export {
-//   FaviconTags,
-//   type FaviconTagsProps
-// } from "../FaviconTags";
-export * from "../helpers";
-export * from "../hooks";
-export * from "../Meta";
-export * from "../NoJs";
-export * from "../types";

package/styles/Body.d.ts

@@ -1,10 +0,0 @@
-export declare const BodyRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-/**
- * If you have background graphics to overlap you might need to add:
- *
- * ```css
- * z-index: 1;
- * position: relative;
- * ```
- */
-export declare const BodyMain: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;

package/styles/Body.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    BodyRoot: function() {
-        return BodyRoot;
-    },
-    BodyMain: function() {
-        return BodyMain;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const BodyRoot = _styledcomponents.default.div`
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`;
-const BodyMain = _styledcomponents.default.main`
-  flex: 1;
-`;

package/styles/Body.mjs

@@ -1,16 +0,0 @@
-import styled from "styled-components";
-export const BodyRoot = styled.div`
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`;
-/**
- * If you have background graphics to overlap you might need to add:
- *
- * ```css
- * z-index: 1;
- * position: relative;
- * ```
- */ export const BodyMain = styled.main`
-  flex: 1;
-`;

package/styles/Global.d.ts

@@ -1,15 +0,0 @@
-/**
- * App global style
- *
- * For examples of what to do here take a look at [Bootstrap's reset](https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss)
- * and similar.
- *
- * What we do here:
- * - set the base font family on all possible elements including placeholders prevent Chrome showing a standard font when using the autofill feature
- *  - @see https://stackoverflow.com/a/60987373/1938970
- * - set the base font size on all possible elements to prevent weird zooming on input fields on iPhone iOS devices.
- *  - @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
- *  - @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
- */
-export declare const stylesGlobal = "\n  body {\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: scroll;\n  }\n\n  body,\n  button,\n  input,\n  textarea,\n  select,\n  select:-webkit-autofill::first-line,\n  input:-webkit-autofill::first-line {\n    font-family: var(--font), -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n      Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\",\n      sans-serif;\n    font-size: var(--fontSize);\n  }\n\n  html {\n    box-sizing: border-box;\n    @media (prefers-reduced-motion: no-preference) {\n      scroll-behavior: smooth;\n    }\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n    -webkit-tap-highlight-color: transparent;\n  }\n";
-export declare const StylesGlobal: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/styles/Global.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    stylesGlobal: function() {
-        return stylesGlobal;
-    },
-    StylesGlobal: function() {
-        return StylesGlobal;
-    }
-});
-const _styledcomponents = require("styled-components");
-const stylesGlobal = `
-  body {
-    margin: 0;
-    padding: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
-  }
-
-  body,
-  button,
-  input,
-  textarea,
-  select,
-  select:-webkit-autofill::first-line,
-  input:-webkit-autofill::first-line {
-    font-family: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
-    font-size: var(--fontSize);
-  }
-
-  html {
-    box-sizing: border-box;
-    @media (prefers-reduced-motion: no-preference) {
-      scroll-behavior: smooth;
-    }
-  }
-
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-    -webkit-tap-highlight-color: transparent;
-  }
-`;
-const StylesGlobal = (0, _styledcomponents.createGlobalStyle)`${stylesGlobal}`;