@koine/react 2.0.0-beta.21 → 2.0.0-beta.210

package/sc/index.d.ts

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

package/sc/index.js

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

package/scm/index.d.ts

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

package/scm/index.js

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

package/shared/index.d.ts

@@ -1,7 +0,0 @@
-export * from "../Calendar/index.js";
-export * from "../Dialog/index.js";
-export * from "../FaviconTags.js";
-export { FaviconTags, type FaviconTagsProps } from "../FaviconTags.js";
-export * from "../Meta.js";
-export * from "../NoJs.js";
-export * from "../types.js";

package/shared/index.js

@@ -1,7 +0,0 @@
-export * from "../Calendar/index.js";
-export * from "../Dialog/index.js";
-export * from "../FaviconTags.js";
-export { FaviconTags } from "../FaviconTags.js";
-export * from "../Meta.js";
-export * from "../NoJs.js";
-export * from "../types.js";

package/styles/Body.d.ts

@@ -1,2 +0,0 @@
-export declare const BodyRoot: any;
-export declare const BodyMain: any;

package/styles/Body.js

@@ -1,5 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var BodyRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n"])));
-export var BodyMain = styled.main(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
-var templateObject_1, templateObject_2;

package/styles/Global.d.ts

@@ -1,2 +0,0 @@
-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,5 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { createGlobalStyle } from "styled-components";
-export var 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 var StylesGlobal = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), stylesGlobal);
-var templateObject_1;

package/styles/index.d.ts

@@ -1,7 +0,0 @@
-export { BodyMain, BodyRoot } from "./Body.js";
-export { StylesGlobal, stylesGlobal } from "./Global.js";
-export { MediaDirection, MediaQuery, MediaQueryFunction, between, down, generateMediaQueries, max, min, only, up, useMedia, } from "./media.js";
-export { SpacingArgs, SpacingDevices, SpacingDirection, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize, spacing, spacingBottom, spacingTop, spacingVertical, } from "./spacing.js";
-export { colStretch, centered, ellipsis, inset0, invisible, overlay, stateFocus, } from "./styled.js";
-export { breakpoints, createTheme, useTheme, type Breakpoint, type Breakpoints, type Theme, type ThemeOptions, } from "./theme.js";
-export { THEME_DEFAULT, THEME_KEY, type ThemeCookie, ThemeVanillaContext, type ThemeVanillaContextType, ThemeVanillaProvider, type ThemeVanillaProviderProps, type ThemeVanillaValue, getInitialThemeFromClient, } from "./theme--vanilla.js";

package/styles/index.js

@@ -1,7 +0,0 @@
-export { BodyMain, BodyRoot } from "./Body.js";
-export { StylesGlobal, stylesGlobal } from "./Global.js";
-export { between, down, generateMediaQueries, max, min, only, up, useMedia, } from "./media.js";
-export { spacing, spacingBottom, spacingTop, spacingVertical, } from "./spacing.js";
-export { colStretch, centered, ellipsis, inset0, invisible, overlay, stateFocus, } from "./styled.js";
-export { breakpoints, createTheme, useTheme, } from "./theme.js";
-export { THEME_DEFAULT, THEME_KEY, ThemeVanillaContext, ThemeVanillaProvider, getInitialThemeFromClient, } from "./theme--vanilla.js";

package/styles/media.d.ts

@@ -1,18 +0,0 @@
-import { Breakpoint, Breakpoints } from "./theme.js";
-export declare const min: MediaQueryFunction, max: MediaQueryFunction, up: MediaQueryFunction, down: (br: Breakpoint) => string, between: (br1: Breakpoint, br2: Breakpoint) => string, only: (br: Breakpoint) => string;
-export type MediaDirection = "min" | "max";
-export type MediaQuery = `${MediaDirection}:${Breakpoint}`;
-export type MediaQueryFunction = {
-    [Breakpoint in keyof Breakpoints]: string;
-} & {
-    (breakpoint: Breakpoint): string;
-};
-export declare function useMedia(media: MediaQuery): boolean;
-export declare function generateMediaQueries(breakpoints: Breakpoints): {
-    min: MediaQueryFunction;
-    max: MediaQueryFunction;
-    up: MediaQueryFunction;
-    down: (br: Breakpoint) => string;
-    between: (br1: Breakpoint, br2: Breakpoint) => string;
-    only: (br: Breakpoint) => string;
-};

package/styles/media.js

@@ -1,75 +0,0 @@
-var _a;
-import { __read } from "tslib";
-import { useEffect, useState } from "react";
-import { breakpoints, useTheme } from "./theme.js";
-export var min = (_a = generateMediaQueries(breakpoints), _a.min), max = _a.max, up = _a.up, down = _a.down, between = _a.between, only = _a.only;
-export function useMedia(media) {
-    var breakpoints = useTheme().breakpoints;
-    var _a = __read(useState(false), 2), matches = _a[0], setMatches = _a[1];
-    var _b = __read(media.split(":"), 2), _c = _b[0], direction = _c === void 0 ? "min" : _c, breakpoint = _b[1];
-    var px = breakpoints[breakpoint];
-    if (direction === "max") {
-        px = px - 0.02;
-    }
-    var query = "(".concat(direction, "-width: ").concat(px, "px)");
-    useEffect(function () {
-        var mq = window.matchMedia(query);
-        var handleChange = function (event) {
-            setMatches(event.matches);
-        };
-        setMatches(mq.matches);
-        if (!mq.addEventListener) {
-            mq.addListener(handleChange);
-            return function () {
-                mq.removeListener(handleChange);
-            };
-        }
-        mq.addEventListener("change", handleChange);
-        return function () {
-            mq.removeEventListener("change", handleChange);
-        };
-    }, [query]);
-    return matches;
-}
-export function generateMediaQueries(breakpoints) {
-    var temp = Object.keys(breakpoints).map(function (key) {
-        var br = key;
-        return [br, breakpoints[br]];
-    });
-    var sortedKeys = temp.sort(function (a, b) { return a[1] - b[1]; }).map(function (item) { return item[0]; });
-    var getNext = function (breakpoint) {
-        var index = sortedKeys.indexOf(breakpoint);
-        return sortedKeys[index + 1];
-    };
-    var min = function (br) {
-        return "@media (min-width: ".concat(breakpoints[br], "px)");
-    };
-    var max = function (br) {
-        return "@media (max-width: ".concat(breakpoints[br] - 0.02, "px)");
-    };
-    for (var br in breakpoints) {
-        var _br = br;
-        min[_br] = "@media (min-width: ".concat(breakpoints[_br], "px)");
-        max[_br] = "@media (max-width: ".concat(breakpoints[_br] - 0.02, "px)");
-    }
-    var up = min;
-    var down = function (br) {
-        var brNext = getNext(br);
-        return brNext && "@media (max-width: ".concat(breakpoints[brNext] - 0.02, "px)");
-    };
-    var between = function (br1, br2) {
-        return "@media (min-width: ".concat(breakpoints[br1], "px) and (max-width: ").concat(breakpoints[br2] - 0.02, "px)");
-    };
-    var only = function (br) {
-        var brNext = getNext(br);
-        return brNext ? between(br, brNext) : min(br);
-    };
-    return {
-        min: min,
-        max: max,
-        up: up,
-        down: down,
-        between: between,
-        only: only,
-    };
-}

package/styles/spacing.d.ts

@@ -1,12 +0,0 @@
-import type { Theme } from "./theme.js";
-export type SpacingSize = "sm" | "md" | "lg";
-export type SpacingProperty = "padding" | "margin";
-export type SpacingFactor = number;
-export type SpacingDirection = "top" | "bottom";
-export type SpacingDirectionAxis = "vertical" | SpacingDirection;
-export type SpacingDevices = keyof Theme["devices"];
-export type SpacingArgs = Parameters<typeof spacing>;
-export declare function spacing(this: Theme, size?: SpacingSize, factor?: SpacingFactor, property?: SpacingProperty, direction?: SpacingDirectionAxis, devices?: SpacingDevices[]): string;
-export declare function spacingTop(this: Theme, size?: SpacingSize, factor?: SpacingFactor, property?: SpacingProperty, devices?: SpacingDevices[]): string;
-export declare function spacingBottom(this: Theme, size?: SpacingSize, factor?: SpacingFactor, property?: SpacingProperty, devices?: SpacingDevices[]): string;
-export declare function spacingVertical(this: Theme, size?: SpacingSize, factor?: SpacingFactor, property?: SpacingProperty, devices?: SpacingDevices[]): string;

package/styles/spacing.js

@@ -1,45 +0,0 @@
-function _spacing(theme, size, factor, property, direction, devices) {
-    if (size === void 0) { size = "md"; }
-    if (factor === void 0) { factor = 1; }
-    if (property === void 0) { property = "padding"; }
-    if (direction === void 0) { direction = "top"; }
-    if (devices === void 0) { devices = ["mobile", "tablet", "desktop"]; }
-    var breakpoints = theme.breakpoints, DEVICES = theme.devices, SPACES = theme.spaces;
-    var css = "";
-    var prop = "".concat(property, "-").concat(direction);
-    if (!devices.length || devices[0] === "mobile") {
-        css += "@media(max-width: ".concat(breakpoints[DEVICES.mobile], "px){\n        ").concat(prop, ": ").concat(SPACES["mobile"][size] * factor, "px;\n      }");
-    }
-    else {
-        for (var index = 0; index < devices.length; index++) {
-            var device = devices[index];
-            if (device === "mobile") {
-                css += "".concat(prop, ": ").concat(SPACES[device][size] * factor, "px;");
-            }
-            else if (device === "tablet") {
-                css += "@media(min-width: ".concat(breakpoints[DEVICES.tablet], "px){\n          ").concat(prop, ": ").concat(SPACES["tablet"][size] * factor, "px;\n        }");
-            }
-            else if (device === "desktop") {
-                css += "@media(min-width: ".concat(breakpoints[DEVICES.desktop], "px){\n          ").concat(prop, ": ").concat(SPACES["desktop"][size] * factor, "px;\n        }");
-            }
-        }
-    }
-    return css;
-}
-export function spacing(size, factor, property, direction, devices) {
-    if (direction === "vertical") {
-        return (_spacing(this, size, factor, property, "top", devices) +
-            _spacing(this, size, factor, property, "bottom", devices));
-    }
-    return _spacing(this, size, factor, property, direction, devices);
-}
-export function spacingTop(size, factor, property, devices) {
-    return _spacing(this, size, factor, property, "top", devices);
-}
-export function spacingBottom(size, factor, property, devices) {
-    return _spacing(this, size, factor, property, "bottom", devices);
-}
-export function spacingVertical(size, factor, property, devices) {
-    return (_spacing(this, size, factor, property, "top", devices) +
-        _spacing(this, size, factor, property, "bottom", devices));
-}

package/styles/styled.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export declare const colStretch: (direction: "left" | "right", bg: React.CSSProperties["background"]) => string;
-export declare const inset0 = "top:0;left:0;right:0;bottom:0;";
-export declare const overlay: string;
-export declare const centered = "display: flex;align-items: center;justify-content: center;";
-export declare const ellipsis = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;";
-export declare const invisible = "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;";
-export declare const stateFocus = "outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);";

package/styles/styled.js

@@ -1,9 +0,0 @@
-export var colStretch = function (direction, bg) {
-    return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
-};
-export var inset0 = "top:0;left:0;right:0;bottom:0;";
-export var overlay = "position: absolute;".concat(inset0);
-export var centered = "display: flex;align-items: center;justify-content: center;";
-export var ellipsis = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;";
-export var invisible = "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;";
-export var stateFocus = "outline: 0px;box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25);";

package/styles/theme--vanilla.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const THEME_KEY = "theme";
-export declare const THEME_DEFAULT: ThemeVanillaValue;
-export declare const getInitialThemeFromClient: () => ThemeVanillaValue;
-export type ThemeCookie = {
-    [THEME_KEY]: ThemeVanillaValue;
-};
-export type ThemeVanillaValue = "light" | "dark";
-export type ThemeVanillaContextType = {
-    theme: ThemeVanillaValue;
-    setTheme?: React.Dispatch<React.SetStateAction<ThemeVanillaValue>>;
-};
-export declare const ThemeVanillaContext: import("react").Context<ThemeVanillaContextType>;
-export type ThemeVanillaProviderProps = React.PropsWithChildren<{
-    initialTheme: ThemeVanillaValue;
-}>;
-export declare const ThemeVanillaProvider: ({ initialTheme, children, }: ThemeVanillaProviderProps) => import("react/jsx-runtime").JSX.Element;

package/styles/theme--vanilla.js

@@ -1,47 +0,0 @@
-import { __read } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useEffect, useState } from "react";
-import { isBrowser } from "@koine/utils";
-import useUpdateEffect from "../useUpdateEffect.js";
-export var THEME_KEY = "theme";
-export var THEME_DEFAULT = "light";
-export var getInitialThemeFromClient = function () {
-    if (typeof window !== "undefined" && window.localStorage) {
-        var storedPrefs = window.localStorage.getItem(THEME_KEY);
-        if (typeof storedPrefs === "string") {
-            return storedPrefs;
-        }
-        var userMedia = window.matchMedia("(prefers-color-scheme: dark)");
-        if (userMedia.matches) {
-            return "dark";
-        }
-    }
-    return THEME_DEFAULT;
-};
-export var ThemeVanillaContext = createContext({
-    theme: "light",
-    setTheme: undefined,
-});
-export var ThemeVanillaProvider = function (_a) {
-    var initialTheme = _a.initialTheme, children = _a.children;
-    var _b = __read(useState(initialTheme), 2), theme = _b[0], setTheme = _b[1];
-    var rawSetTheme = function (rawTheme) {
-        if (!rawTheme || !isBrowser) {
-            return;
-        }
-        var root = window.document.documentElement;
-        var isDark = rawTheme === "dark";
-        root.classList.remove(isDark ? "light" : "dark");
-        root.classList.add(rawTheme);
-        localStorage.setItem(THEME_KEY, rawTheme);
-    };
-    useEffect(function () {
-        var theme = getInitialThemeFromClient();
-        setTheme(theme);
-        rawSetTheme(theme);
-    }, []);
-    useUpdateEffect(function () {
-        rawSetTheme(theme);
-    }, [theme]);
-    return (_jsx(ThemeVanillaContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: children }));
-};

package/styles/theme.d.ts

@@ -1,53 +0,0 @@
-export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-export type Breakpoints = Record<Breakpoint, number>;
-export declare const breakpoints: Breakpoints;
-export declare const createTheme: (options: ThemeOptions) => Theme;
-export declare const useTheme: () => Theme;
-export type Theme = {
-    maxWidth: number;
-    gutter: {
-        quarter: number;
-        third: number;
-        half: number;
-        normal: number;
-        double: number;
-        triple: number;
-    };
-    breakpoints: Breakpoints;
-    devices: {
-        mobile: keyof Breakpoints;
-        tablet: keyof Breakpoints;
-        desktop: keyof Breakpoints;
-    };
-    spaces: {
-        mobile: {
-            sm: number;
-            md: number;
-            lg: number;
-        };
-        tablet: {
-            sm: number;
-            md: number;
-            lg: number;
-        };
-        desktop: {
-            sm: number;
-            md: number;
-            lg: number;
-        };
-    };
-    header: {
-        breakpoint: keyof Breakpoints;
-        height: [number, number];
-        heightSticky: [number, number];
-        logoWidth: [number, number];
-        logoWidthSticky: [number, number];
-    };
-};
-export type ThemeOptions = {
-    maxWidth?: number;
-    gutter: NonNullable<Theme["gutter"]>;
-    devices?: Theme["devices"];
-    spaces: NonNullable<Theme["spaces"]>;
-    header: NonNullable<Theme["header"]>;
-};

package/styles/theme.js

@@ -1,30 +0,0 @@
-import { __assign, __read } from "tslib";
-import { useTheme as _useTheme } from "styled-components";
-var DEFAULT_BREAKPOINTS = {
-    xs: 0,
-    sm: 440,
-    md: 768,
-    lg: 1024,
-    xl: 1368,
-    xxl: 1690,
-};
-export var breakpoints = process.env["BREAKPOINTS"]
-    ? process.env["BREAKPOINTS"].split(",").reduce(function (map, pair) {
-        var _a = __read(pair.split(":"), 2), key = _a[0], value = _a[1];
-        map[key] = parseFloat(value);
-        return map;
-    }, {})
-    : DEFAULT_BREAKPOINTS;
-var themeDefault = {
-    maxWidth: breakpoints.xxl,
-    breakpoints: breakpoints,
-    devices: {
-        mobile: "sm",
-        tablet: "md",
-        desktop: "lg",
-    },
-};
-export var createTheme = function (options) {
-    return (__assign(__assign({}, themeDefault), options));
-};
-export var useTheme = _useTheme;

package/tw/index.d.ts

@@ -1 +0,0 @@
-export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/bare.js";

package/tw/index.js

@@ -1 +0,0 @@
-export { KoineDialog } from "../Dialog/tw/bare.js";

package/twm/index.d.ts

@@ -1 +0,0 @@
-export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/framer.js";

package/twm/index.js

@@ -1 +0,0 @@
-export { KoineDialog } from "../Dialog/tw/framer.js";

package/types.js

@@ -1 +0,0 @@
-export {};

package/typings.d.ts

@@ -1,99 +0,0 @@
-import "styled-components";
-
-// import type {} from "styled-components/cssprop"; // for `css` prop
-
-/**
- * Styled components utility types
- */
-type Theme = import("./styles/theme").Theme;
-
-declare module "styled-components" {
-  // extends the global DefaultTheme with our ThemeType.
-  export interface DefaultTheme extends Theme {
-    maxWidth: number;
-  }
-}
-
-/**
- * Types specifically related to `@koine/react` exposed on the global unique
- * namespace `Koine`. Most of the types here should be prefixed by `React`, e.g.
- * `ReactSomeFeature` accessible anywhere from `Koine.ReactSomeFeature`
- */
-declare namespace Koine {}
-
-/**
- * React Polymorphic components type utilities
- *
- * @resources
- * - [Polymorphic types from Radix UI in Wanda System](https://github.com/wonderflow-bv/wanda/blob/main/packages/react-components/src/types/polymorphic/index.ts)
- * - [TypeScript + React: Typing Generic forwardRefs](https://fettblog.eu/typescript-react-generic-forward-refs/)
- * - [React with Typescript -- Generics while using React.forwardRef](https://stackoverflow.com/a/58473012/1938970)
- * - [How to write a generic that extracts the prop types of the component that passed in](https://stackoverflow.com/a/57846897/1938970)
- * - [React TS Generic component to pass generic props to children](https://stackoverflow.com/a/68442669/1938970)
- * - [About custom ref prop](https://gist.github.com/gaearon/1a018a023347fe1c2476073330cc5509)
- * - [forwardRef performance](https://github.com/facebook/react/issues/13456)
- * - [React docs: Exposing DOM Refs to Parent Components](https://github.com/facebook/react/issues/13456)
- */
-declare namespace Polymorphic {
-  type AsProp<TComponent extends React.ElementType> = {
-    as?: TComponent;
-  };
-
-  type ComponentTypes =
-    | React.ComponentClass<any>
-    | React.FunctionComponent<any>
-    | keyof JSX.IntrinsicElements;
-
-  type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-
-  type ForwardRefExoticComponent<TComponent, TOwnProps> =
-    React.ForwardRefExoticComponent<
-      Merge<
-        TComponent extends React.ElementType
-          ? React.ComponentPropsWithRef<TComponent>
-          : never,
-        TOwnProps & { as?: TComponent }
-      >
-    >;
-
-  type InferProps<TComponent extends ComponentTypes> =
-    TComponent extends React.ComponentClass<infer Props>
-      ? Props
-      : TComponent extends React.FunctionComponent<infer Props>
-      ? Props
-      : TComponent extends React.ForwardRefExoticComponent<infer Props>
-      ? Props
-      : TComponent extends keyof JSX.IntrinsicElements
-      ? React.ComponentPropsWithoutRef<TComponent>
-      : never;
-
-  type Ref<TComponent extends React.ElementType> =
-    React.ComponentPropsWithRef<TComponent>["ref"];
-
-  type Props<
-    TComponent extends React.ElementType,
-    TProps = {}
-  > = /* Omit< */ InferProps<TComponent> /* , keyof Props> */ &
-    AsProp<TComponent> &
-    TProps;
-
-  type PropsWithRef<TComponent extends React.ElementType, TProps = {}> = Props<
-    TComponent,
-    TProps
-  > & {
-    ref?: Ref<TComponent>;
-  };
-
-  interface ComponentForwarded<TComponent, TProps = {}>
-    extends ForwardRefExoticComponent<TComponent, TProps> {
-    <As = TComponent>(
-      props: As extends ""
-        ? { as: keyof JSX.IntrinsicElements }
-        : As extends React.ComponentType<infer P>
-        ? Merge<P, TProps & { as: As }>
-        : As extends keyof JSX.IntrinsicElements
-        ? Merge<JSX.IntrinsicElements[As], TProps & { as: As }>
-        : never
-    ): React.ReactElement | null;
-  }
-}