@koine/react 2.0.0-beta.18 → 2.0.0-beta.180

package/Grid/index.d.ts

@@ -1 +0,0 @@
-export * from "./Grid.js";

package/Grid/index.js

@@ -1 +0,0 @@
-export * from "./Grid.js";

package/Hamburger/Hamburger.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type HamburgerProps = React.ComponentProps<"div"> & {
-    toggled?: boolean;
-};
-export declare const Hamburger: ({ toggled, ...props }: HamburgerProps) => import("react/jsx-runtime").JSX.Element;

package/Hamburger/Hamburger.js

@@ -1,47 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-var HamburgerLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 30px;\n  font-size: ", ";\n  text-transform: uppercase;\n  left: 7px;\n  letter-spacing: 3px;\n"], ["\n  position: absolute;\n  top: 30px;\n  font-size: ", ";\n  text-transform: uppercase;\n  left: 7px;\n  letter-spacing: 3px;\n"])), function (_a) {
-    var $toggled = _a.$toggled;
-    return ($toggled ? "0" : "9px");
-});
-var area = 48;
-var lines = 3;
-var width = 32;
-var room = Math.round((area - width) / 2);
-var barHeightRaw = width / 12;
-var barHeight = Math.round(barHeightRaw);
-var space = 0.5;
-var marginRaw = width / (lines * (space + (lines === 3 ? 1 : 1.25)));
-var margin = Math.round(marginRaw);
-var height = barHeight * lines + margin * (lines - 1);
-var topOffset = Math.round((area - height) / 2);
-var translate = 4.6325;
-var deviation = (barHeightRaw - barHeight + (marginRaw - margin)) / (lines === 3 ? 1 : 2);
-var move = parseFloat((width / translate - deviation / (4 / 3)).toFixed(2));
-var time = 0.4;
-var easing = "cubic-bezier(0, 0, 0, 1)";
-var transition = "".concat(time, "s ").concat(easing);
-var burgerStyles = {
-    marginRight: "-8px",
-    position: "relative",
-    width: "".concat(area, "px"),
-    height: "".concat(area, "px"),
-    userSelect: "none",
-    outline: "0px",
-    cursor: "pointer",
-    transition: transition,
-};
-var barStyles = {
-    position: "absolute",
-    width: "".concat(width, "px"),
-    height: "".concat(barHeight, "px"),
-    left: "".concat(room, "px"),
-    background: "currentColor",
-    transition: transition,
-};
-export var Hamburger = function (_a) {
-    var toggled = _a.toggled, props = __rest(_a, ["toggled"]);
-    return (_jsxs("div", __assign({ style: __assign(__assign({}, burgerStyles), { transform: "".concat(toggled ? "rotate(90deg)" : "none") }), tabIndex: 0 }, props, { children: [_jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset, "px"), transform: "".concat(toggled ? "rotate(-45deg) translate(0px, ".concat(move, "px)") : "none") }) }), _jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset + barHeight + margin, "px"), transform: "".concat(toggled ? "rotate(45deg) translate(0, -".concat(move, "px)") : "none") }) }), _jsx(HamburgerLabel, { "$toggled": toggled, children: "Menu" })] })));
-};
-var templateObject_1;

package/Hamburger/index.d.ts

@@ -1 +0,0 @@
-export * from "./Hamburger.js";

package/Hamburger/index.js

@@ -1 +0,0 @@
-export * from "./Hamburger.js";

package/Header/index.d.ts

@@ -1 +0,0 @@
-export * from "./useHeader.js";

package/Header/index.js

@@ -1 +0,0 @@
-export * from "./useHeader.js";

package/Header/useHeader.d.ts

@@ -1,20 +0,0 @@
-type isSticky = boolean & {
-    _branded: true;
-};
-type placeholderHeight = number & {
-    _branded: true;
-};
-type headerHeight = number & {
-    _branded: true;
-};
-type logoWidth = number & {
-    _branded: true;
-};
-type UseHeaderState = readonly [
-    isSticky,
-    placeholderHeight,
-    headerHeight,
-    logoWidth
-];
-export declare const useHeader: () => UseHeaderState;
-export default useHeader;

package/Header/useHeader.js

@@ -1,32 +0,0 @@
-import { __read } from "tslib";
-import { useEffect, useState } from "react";
-import { useMedia } from "../styles/media.js";
-import { useTheme } from "../styles/theme.js";
-import { useScrollPosition } from "../useScrollPosition.js";
-export var useHeader = function () {
-    var _a = __read(useState(false), 2), isSticky = _a[0], setIsSticky = _a[1];
-    var themed = useTheme().header;
-    var isDesktopLayout = useMedia("min:".concat(themed.breakpoint));
-    var valueIdx = isDesktopLayout ? 1 : 0;
-    var _b = __read(useState(themed.height[valueIdx]), 2), headerHeight = _b[0], setHeaderHeight = _b[1];
-    var _c = __read(useState(themed.height[valueIdx]), 2), placeholderHeight = _c[0], setPlaceholderHeight = _c[1];
-    var _d = __read(useState(themed.logoWidth[valueIdx]), 2), logoWidth = _d[0], setLogoWidth = _d[1];
-    useScrollPosition(function (currentPosition) {
-        var isPastThreshold = currentPosition.y * -1 > 40;
-        if (isSticky !== isPastThreshold)
-            setIsSticky(isPastThreshold);
-    }, [isSticky]);
-    useEffect(function () {
-        var valueIdx = isDesktopLayout ? 1 : 0;
-        setPlaceholderHeight(themed.height[valueIdx]);
-        setHeaderHeight(isSticky ? themed.heightSticky[valueIdx] : themed.height[valueIdx]);
-        setLogoWidth(isSticky ? themed.logoWidthSticky[valueIdx] : themed.logoWidth[valueIdx]);
-    }, [themed, isSticky, isDesktopLayout]);
-    return [
-        isSticky,
-        placeholderHeight,
-        headerHeight,
-        logoWidth,
-    ];
-};
-export default useHeader;

package/Hidden/Hidden.d.ts

@@ -1,6 +0,0 @@
-import { Breakpoint } from "../styles/theme.js";
-export type HiddenProps = {
-    $min?: Breakpoint;
-    $max?: Breakpoint;
-};
-export declare const Hidden: any;

package/Hidden/Hidden.js

@@ -1,10 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Hidden = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-    return "".concat(p.$min
-        ? "\n  @media (min-width: ".concat(p.theme.breakpoints[p.$min], "px) {\n    display: none;\n  }")
-        : "", " ").concat(p.$max
-        ? "\n  @media (max-width: ".concat(p.theme.breakpoints[p.$max], "px) {\n    display: none;\n  }")
-        : "");
-});
-var templateObject_1;

package/Hidden/index.d.ts

@@ -1 +0,0 @@
-export * from "./Hidden.js";

package/Hidden/index.js

@@ -1 +0,0 @@
-export * from "./Hidden.js";

package/Img/index.d.ts

@@ -1 +0,0 @@
-export * from "./types.js";

package/Img/index.js

@@ -1 +0,0 @@
-export * from "./types.js";

package/Img/sc/bare.d.ts

@@ -1,2 +0,0 @@
-export type KoineImgProps = {};
-export declare const KoineImg: any;

package/Img/sc/bare.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var KoineImg = styled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/Img/types.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export type KoineImgSmartWrapProps = React.PropsWithChildren<{
-    $loaded?: boolean;
-    $error?: boolean;
-    $bg?: React.CSSProperties["backgroundColor"];
-}>;
-export type KoineImgSmartProps = {
-    Wrap: React.FC<KoineImgSmartWrapProps>;
-};

package/Img/types.js

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

package/Link/Link.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export type KoineLinkProps = React.ComponentPropsWithRef<"a">;
-export declare const KoineLink: any;

package/Link/Link.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var KoineLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/Link/LinkBlank.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type LinkBlankProps = React.ComponentPropsWithRef<"a">;
-export declare const LinkBlankA: any;
-export declare const LinkBlankIcon: any;
-export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => import("react/jsx-runtime").JSX.Element;

package/Link/LinkBlank.js

@@ -1,15 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MdLaunch as IconOutboundLink } from "react-icons/md";
-import styled from "styled-components";
-import { max } from "../styles/media.js";
-export var LinkBlankA = styled.a.attrs({
-    target: "_blank",
-    rel: "noopener",
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var LinkBlankIcon = styled(IconOutboundLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: var(---grey100);\n  font-size: inherit;\n  margin-left: 3px;\n  line-height: inherit;\n  vertical-align: middle;\n  width: 0px;\n  transition: width 0.1s ease-in-out;\n  ", " {\n    width: 20px;\n    opacity: 0.8;\n  }\n"], ["\n  color: var(---grey100);\n  font-size: inherit;\n  margin-left: 3px;\n  line-height: inherit;\n  vertical-align: middle;\n  width: 0px;\n  transition: width 0.1s ease-in-out;\n  ", " {\n    width: 20px;\n    opacity: 0.8;\n  }\n"])), max.sm);
-export var LinkBlank = function (_a) {
-    var children = _a.children, target = _a.target, rel = _a.rel, props = __rest(_a, ["children", "target", "rel"]);
-    return (_jsxs(LinkBlankA, __assign({}, props, { children: [children, _jsx(LinkBlankIcon, {})] })));
-};
-var templateObject_1, templateObject_2;

package/Link/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Link.js";
-export * from "./LinkBlank.js";

package/Link/index.js

@@ -1,2 +0,0 @@
-export * from "./Link.js";
-export * from "./LinkBlank.js";

package/Menu/Menu.d.ts

@@ -1 +0,0 @@
-export declare const Menu: any;

package/Menu/Menu.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Menu = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 3;\n  position: absolute;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  width: 100%;\n  box-shadow: var(--shadow);\n"], ["\n  z-index: 3;\n  position: absolute;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  width: 100%;\n  box-shadow: var(--shadow);\n"])));
-var templateObject_1;

package/Menu/MenuMui.js

@@ -1 +0,0 @@
-"use strict";

package/Menu/index.d.ts

@@ -1 +0,0 @@
-export * from "./Menu.js";

package/Menu/index.js

@@ -1 +0,0 @@
-export * from "./Menu.js";

package/MenuItem/MenuItem.d.ts

@@ -1 +0,0 @@
-export declare const MenuItem: any;

package/MenuItem/MenuItem.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var MenuItem = styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"], ["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"])));
-var templateObject_1;

package/MenuItem/MenuItemMui.js

@@ -1 +0,0 @@
-"use strict";

package/MenuItem/index.d.ts

@@ -1 +0,0 @@
-export * from "./MenuItem.js";

package/MenuItem/index.js

@@ -1 +0,0 @@
-export * from "./MenuItem.js";

package/MenuItem/useMenuItem.d.ts

@@ -1,9 +0,0 @@
-import { UseMenuItemParameters } from "@mui/base/useMenuItem/useMenuItem.types";
-export declare function useMenuItem(props: UseMenuItemParameters): {
-    getRootProps: (other?: Record<string, any>) => {
-        role: string;
-    };
-    disabled: boolean;
-    ref: ((instance: Element | null) => void) | null;
-};
-export default useMenuItem;

package/MenuItem/useMenuItem.js

@@ -1,42 +0,0 @@
-import { __assign, __read } from "tslib";
-import useMenu from "@mui/base/useMenu";
-import useForkRef from "@mui/utils/useForkRef";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-export function useMenuItem(props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
-    var id = useId();
-    var _c = useMenu(), contextValue = _c.contextValue, open = _c.open;
-    var itemRef = useRef(null);
-    var handleRef = useForkRef(itemRef, ref);
-    if (contextValue === null) {
-        throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
-    }
-    var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
-    useEffect(function () {
-        registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
-    }, [id, registerItem, disabled, ref, label]);
-    var _d = __read(useState(false), 2), focusRequested = _d[0], requestFocus = _d[1];
-    var focusIfRequested = useCallback(function () {
-        if (focusRequested && itemRef.current != null) {
-            itemRef.current.focus();
-            requestFocus(false);
-        }
-    }, [focusRequested]);
-    useEffect(function () {
-        focusIfRequested();
-    });
-    var itemState = getItemState(id !== null && id !== void 0 ? id : "");
-    var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
-    useEffect(function () {
-        requestFocus(highlighted && open);
-    }, [highlighted, open]);
-    return {
-        getRootProps: function (other) {
-            return __assign(__assign({}, other), { role: "menuitem" });
-        },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
-        ref: handleRef,
-    };
-}
-export default useMenuItem;

package/Meta.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Meta = function (_a) {
-    var zoom = _a.zoom;
-    return (_jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1".concat(zoom ? "" : ", user-scalable=0") }));
-};
-export default Meta;

package/NoJs.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export var NoJs = function (_props) {
-    return (_jsx("script", { id: "no-js", dangerouslySetInnerHTML: {
-            __html: "document.querySelector(\"html\").className=document.querySelector(\"html\").className.replace(/no-js/,\"\") + \"js\";",
-        } }));
-};
-export default NoJs;

package/Pagination/PaginationNav.d.ts

@@ -1,14 +0,0 @@
-import { KoineComponent, KoineComponentProps } from "../types.js";
-export type KoinePaginationNavProps = {
-    total: string | number;
-    perPage: string | number;
-    currentPage: string | number;
-    baseUrl?: string;
-    showOffset?: number;
-};
-type PaginationNavProps = KoineComponentProps<KoinePaginationNavProps, {
-    currentUrl?: string;
-    Link?: KoineComponent;
-}>;
-export declare const KoinePaginationNav: ({ total, perPage, currentPage: _currentPage, baseUrl, showOffset, currentUrl, Link, }: PaginationNavProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/Pagination/PaginationNav.js

@@ -1,48 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CgArrowLeftR as IconArrowLeft, CgArrowRightR as IconArrowRight, } from "react-icons/cg";
-import styled from "styled-components";
-import { ensureInt } from "@koine/utils";
-var Root = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"])));
-var item = "\n  display: block;\n  padding: 5px 10px;\n";
-var ItemCurrent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"], ["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"])), item);
-var ItemLink = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), item, function (props) { return (props.prev ? "color: var(--grey100);" : ""); });
-var DotsSeparator = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: var(--grey100);\n"], ["\n  color: var(--grey100);\n"])));
-var arrow = "display: flex; font-size: 20px;";
-var ItemPrev = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-var ItemNext = styled.a(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-export var KoinePaginationNav = function (_a) {
-    var total = _a.total, perPage = _a.perPage, _currentPage = _a.currentPage, baseUrl = _a.baseUrl, _b = _a.showOffset, showOffset = _b === void 0 ? 2 : _b, _c = _a.currentUrl, currentUrl = _c === void 0 ? "/" : _c, _d = _a.Link, Link = _d === void 0 ? "a" : _d;
-    var currentPage = ensureInt(_currentPage);
-    total = ensureInt(total);
-    perPage = ensureInt(perPage);
-    currentPage = currentPage || 1;
-    baseUrl = baseUrl || currentUrl;
-    if (total < perPage) {
-        return null;
-    }
-    var firstPage = 1;
-    var lastPage = Math.ceil(total / perPage);
-    var prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
-    var nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
-    var prevArrow = currentPage > firstPage;
-    var nextArrow = currentPage < lastPage;
-    var pages = [];
-    for (var i = currentPage - showOffset; i < currentPage; i++) {
-        if (i > 1) {
-            pages.push(i);
-        }
-    }
-    pages.push(currentPage);
-    for (var i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
-        if (i < lastPage) {
-            pages.push(i);
-        }
-    }
-    var prevDots = pages[0] > firstPage + 1;
-    var nextDots = pages[pages.length - 1] < lastPage - 1;
-    return (_jsxs(Root, { children: [prevArrow && (_jsx(ItemPrev, { as: Link, href: "".concat(baseUrl, "/").concat(prevPage), children: _jsx(IconArrowLeft, {}) })), firstPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl), prev: true, children: firstPage })), prevDots && _jsx(DotsSeparator, { children: "..." }), pages.map(function (page) {
-                return page === currentPage ? (_jsx(ItemCurrent, { children: page }, page)) : (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(page), prev: page < currentPage, next: page > currentPage, children: page }, "pagination-".concat(page)));
-            }), nextDots && _jsx(DotsSeparator, { children: "..." }), lastPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(lastPage), next: true, children: lastPage })), nextArrow && (_jsx(ItemNext, { as: Link, href: "".concat(baseUrl, "/").concat(nextPage), children: _jsx(IconArrowRight, {}) }))] }));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Pagination/PaginationResults.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export type PaginationResultsProps = React.PropsWithChildren<unknown>;
-export declare const PaginationResults: ({ children }: PaginationResultsProps) => import("react/jsx-runtime").JSX.Element;

package/Pagination/PaginationResults.js

@@ -1,11 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AnimatePresence, m } from "framer-motion";
-import styled from "styled-components";
-var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // overflow: hidden;\n"], ["\n  // overflow: hidden;\n"])));
-var Inner = styled(m.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-export var PaginationResults = function (_a) {
-    var children = _a.children;
-    return (_jsx(AnimatePresence, { exitBeforeEnter: true, initial: true, children: _jsx(Root, { children: _jsx(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
-};
-var templateObject_1, templateObject_2;

package/Pagination/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./PaginationNav.js";
-export * from "./PaginationResults.js";

package/Pagination/index.js

@@ -1,2 +0,0 @@
-export * from "./PaginationNav.js";
-export * from "./PaginationResults.js";

package/Pill/Pill.d.ts

@@ -1,5 +0,0 @@
-export type PillProps = object;
-export declare const Pill: any;
-export declare const PillGreyLight: any;
-export declare const PillAccentLight: any;
-export declare const PillAccentLightOutlined: any;

package/Pill/Pill.js

@@ -1,7 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Pill = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  padding: 5px 10px;\n  margin: 0 0.5em 0.5em 0;\n  border-radius: 2px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n"], ["\n  display: inline-block;\n  padding: 5px 10px;\n  margin: 0 0.5em 0.5em 0;\n  border-radius: 2px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n"])));
-export var PillGreyLight = styled(Pill)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: var(--grey800);\n  color: var(--grey100);\n\n  &:hover {\n    color: white;\n    background: var(--grey300);\n  }\n"], ["\n  background: var(--grey800);\n  color: var(--grey100);\n\n  &:hover {\n    color: white;\n    background: var(--grey300);\n  }\n"])));
-export var PillAccentLight = styled(Pill)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: var(--accent400);\n  color: var(--grey100);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"], ["\n  background: var(--accent400);\n  color: var(--grey100);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"])));
-export var PillAccentLightOutlined = styled(Pill)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: 1px solid var(--accent300);\n  color: var(--accent200);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"], ["\n  border: 1px solid var(--accent300);\n  color: var(--accent200);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Pill/index.d.ts

@@ -1 +0,0 @@
-export * from "./Pill.js";

package/Pill/index.js

@@ -1 +0,0 @@
-export * from "./Pill.js";

package/Progress/ProgressCircular.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from "styled-components";
-import type { Theme } from "../styles/theme.js";
-export type ProgressCircularProps = {
-    size?: CSSProperties["width"];
-    thickness: number;
-    color: keyof Theme | NonNullable<CSSProperties["color"]>;
-};
-export declare const ProgressCircular: ({ size, thickness, color, ...props }: {
-    [x: string]: any;
-    size?: string | undefined;
-    thickness?: number | undefined;
-    color?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/Progress/ProgressCircular.js

@@ -1,12 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { keyframes } from "styled-components";
-var animationRotation = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var animationCircle = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var ProgressCircularSvg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationRotation);
-var ProgressCircularCircle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationCircle);
-export var ProgressCircular = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "1em" : _b, _c = _a.thickness, thickness = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? "currentColor" : _d, props = __rest(_a, ["size", "thickness", "color"]);
-    return (_jsx(ProgressCircularSvg, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size } }, props, { children: _jsx(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) })));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Progress/ProgressLinear.d.ts

@@ -1,15 +0,0 @@
-import { CSSProperties } from "styled-components";
-import type { Theme } from "../styles/theme.js";
-export type ProgressLinearProps = {
-    done?: boolean;
-    height?: CSSProperties["height"];
-    bg: keyof Theme | NonNullable<CSSProperties["color"]>;
-    fg: keyof Theme | NonNullable<CSSProperties["color"]>;
-};
-export declare const ProgressLinear: ({ done, height, bg, fg, ...props }: {
-    [x: string]: any;
-    done?: boolean | undefined;
-    height?: string | undefined;
-    bg?: string | undefined;
-    fg?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/Progress/ProgressLinear.js

@@ -1,21 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import styled from "styled-components";
-var ProgressLinearBg = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"], ["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"])));
-var ProgressLinearFg = styled(m.span)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-export var ProgressLinear = function (_a) {
-    var _b = _a.done, done = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? "2px" : _c, _d = _a.bg, bg = _d === void 0 ? "transparent" : _d, _e = _a.fg, fg = _e === void 0 ? "currentColor" : _e, props = __rest(_a, ["done", "height", "bg", "fg"]);
-    return (_jsx(ProgressLinearBg, __assign({ style: { height: height, background: bg } }, props, { children: _jsx(ProgressLinearFg, { style: { height: height, background: fg }, initial: {
-                x: "-100%",
-            }, animate: {
-                x: done ? "-100%" : "0%",
-            }, transition: done
-                ? {}
-                : {
-                    repeat: Infinity,
-                    repeatType: "reverse",
-                    duration: 2,
-                } }) })));
-};
-var templateObject_1, templateObject_2;

package/Progress/ProgressOverlay.d.ts

@@ -1,4 +0,0 @@
-export type ProgressOverlayProps = {
-    running?: boolean;
-};
-export declare const ProgressOverlay: ({ running }: ProgressOverlayProps) => import("react/jsx-runtime").JSX.Element;

package/Progress/ProgressOverlay.js

@@ -1,23 +0,0 @@
-import { __makeTemplateObject, __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import { useEffect } from "react";
-import styled from "styled-components";
-import { useHeader } from "../Header/index.js";
-import { ProgressCircular } from "./ProgressCircular.js";
-import { ProgressLinear } from "./ProgressLinear.js";
-var ProgressOverlayWrap = styled(m.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"], ["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"])));
-var ProgressOverlayCenterer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"])));
-export var ProgressOverlay = function (_a) {
-    var running = _a.running;
-    var _b = __read(useHeader(), 3), headerHeight = _b[2];
-    useEffect(function () {
-        document.body.style.cursor = running ? "wait" : "";
-    }, [running]);
-    return (_jsxs(ProgressOverlayWrap, { animate: {
-            opacity: running ? 1 : 0,
-        }, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [_jsx(ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), _jsx(ProgressOverlayCenterer, { style: {
-                    top: headerHeight + "px",
-                }, children: _jsx(ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
-};
-var templateObject_1, templateObject_2;

package/Progress/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./ProgressCircular.js";
-export * from "./ProgressLinear.js";
-export * from "./ProgressOverlay.js";

package/Progress/index.js

@@ -1,3 +0,0 @@
-export * from "./ProgressCircular.js";
-export * from "./ProgressLinear.js";
-export * from "./ProgressOverlay.js";

package/Rating/Rating.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export type RatingStarProps = React.ComponentPropsWithoutRef<"svg"> & RatingStarModel & {
-    size?: number;
-    value: number;
-    colorBg?: React.CSSProperties["color"];
-    colorStroke?: React.CSSProperties["color"];
-};
-export declare const RatingStarRoot: any;
-export declare const RatingStar: ({ value, colorBg, colorStroke, size, ...props }: RatingStarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RatingDetails: any;
-export declare const RatingCount: any;
-export declare const RatingValue: any;
-export declare const RatingRoot: any;
-export type RatingStarModel = {
-    value: number;
-    idx?: number;
-    dataIdx?: number;
-};
-export type RatingProps = {
-    value: number;
-    count?: number;
-    min?: number;
-    max?: number;
-    showDetails?: boolean;
-    starSize?: RatingStarProps["size"];
-} & Pick<RatingStarProps, "colorBg" | "colorStroke">;
-export declare const Rating: ({ value, count, min, max, showDetails, colorBg, colorStroke, starSize, }: RatingProps) => import("react/jsx-runtime").JSX.Element;