@auspices/eos 5.0.17 → 6.0.0

package/dist/esm/KeyValueEditor/KeyValueEditor.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useReducer, useCallback, useEffect } from "react";
+import { Box } from "../Box";
+import { Stack } from "../Stack";
+import { KeyValueInput } from "../KeyValueInput";
+import { Remove } from "../Remove";
+import { Tooltip } from "../Tooltip";
+export const toSchema = (data) => Object.keys(data).map((name) => {
+    const type = typeof data[name];
+    if (!(type === "string" || type === "number")) {
+        throw new Error("Schema invalid");
+    }
+    return { key: name, name, type };
+});
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "ADD_FIELD": {
+            if (state.schema.find(({ name }) => name === action.payload.name)) {
+                return state;
+            }
+            return {
+                ...state,
+                edited: true,
+                schema: [
+                    ...state.schema,
+                    {
+                        key: action.payload.name,
+                        name: action.payload.name,
+                        type: "string",
+                    },
+                ],
+                nextKey: `${new Date().getTime()}`,
+            };
+        }
+        case "REMOVE_FIELD": {
+            const { [action.payload.name]: removed, ...nextData } = state.data;
+            const nextSchema = state.schema.filter(({ name }) => name !== action.payload.name);
+            return {
+                ...state,
+                edited: true,
+                schema: nextSchema,
+                data: nextData,
+            };
+        }
+        case "UPDATE_NAME": {
+            const { [action.payload.oldName]: removed, ...filteredData } = state.data;
+            const nextData = {
+                ...filteredData,
+                ...(action.payload.newName !== ""
+                    ? { [action.payload.newName]: state.data[action.payload.oldName] }
+                    : {}),
+            };
+            const nextSchema = state.schema
+                .map((field, index) => {
+                if (index !== action.payload.index)
+                    return field;
+                return {
+                    key: field.key,
+                    name: action.payload.newName,
+                    type: field.type,
+                };
+            })
+                .filter(({ name }) => name !== "");
+            return {
+                ...state,
+                edited: true,
+                schema: nextSchema,
+                data: nextData,
+            };
+        }
+        case "UPDATE_VALUE":
+            return {
+                ...state,
+                edited: true,
+                data: {
+                    ...state.data,
+                    [action.payload.key]: action.payload.value,
+                },
+            };
+    }
+};
+export const KeyValueEditor = React.memo(({ schema: initialSchema, data: initialData, onChange = () => { }, ...rest }) => {
+    const [state, dispatch] = useReducer(reducer, {
+        edited: false,
+        schema: initialSchema,
+        data: initialData,
+        nextKey: `${new Date().getTime()}`,
+    });
+    const handleNameChange = useCallback(({ name: oldName, index }) => ({ target: { value: newName }, }) => {
+        dispatch({
+            type: "UPDATE_NAME",
+            payload: { oldName, newName, index },
+        });
+    }, []);
+    const handleValueChange = useCallback((key) => ({ target: { value } }) => {
+        dispatch({ type: "UPDATE_VALUE", payload: { key, value } });
+    }, []);
+    const handleAddField = useCallback(({ target: { value: name } }) => {
+        if (name === "")
+            return;
+        dispatch({ type: "ADD_FIELD", payload: { name } });
+    }, []);
+    const handleRemove = useCallback((name) => () => dispatch({ type: "REMOVE_FIELD", payload: { name } }), []);
+    useEffect(() => {
+        if (!state.edited)
+            return;
+        onChange(state.data);
+    }, [onChange, state.data, state.edited]);
+    return (_jsxs(Stack, { ...rest, children: [state.schema.map((field, index) => (_jsxs(Box, { position: "relative", children: [_jsx(KeyValueInput, { k: {
+                            onChange: handleNameChange({ name: field.name, index }),
+                            placeholder: "name",
+                            defaultValue: field.name,
+                            autoComplete: "off",
+                        }, v: {
+                            onChange: handleValueChange(field.name),
+                            placeholder: field.name,
+                            defaultValue: state.data[field.name],
+                            autoComplete: "off",
+                            autoFocus: state.schema.length > initialSchema.length &&
+                                index === state.schema.length - 1,
+                        } }), _jsx(Tooltip, { label: `remove ${field.name}`, placement: "left", distance: 0, children: _jsx(Remove, { position: "absolute", top: 0, right: 0, bottom: 0, px: 6, onClick: handleRemove(field.name) }) })] }, field.key))), _jsx(KeyValueInput, { k: {
+                    onBlur: handleAddField,
+                    placeholder: "add field",
+                    autoComplete: "off",
+                } }, state.nextKey)] }));
+});
+KeyValueEditor.displayName = "KeyValueEditor";
+//# sourceMappingURL=KeyValueEditor.js.map

package/dist/esm/KeyValueEditor/KeyValueEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueEditor.js","sourceRoot":"","sources":["../../../src/KeyValueEditor/KeyValueEditor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/KeyValueEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./KeyValueEditor";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/KeyValueEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/KeyValueEditor/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/KeyValueEditor/index.js

@@ -0,0 +1,2 @@
+export * from "./KeyValueEditor";
+//# sourceMappingURL=index.js.map

package/dist/esm/KeyValueEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/KeyValueEditor/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/KeyValueInput/KeyValueInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputProps } from "../Input";
+import { SplitProps } from "../Split";
+export type KeyValueInputProps = Omit<SplitProps, "children"> & {
+    k: InputProps;
+    v?: InputProps;
+};
+export declare const KeyValueInput: React.ForwardRefExoticComponent<Omit<SplitProps, "children"> & {
+    k: InputProps;
+    v?: InputProps;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=KeyValueInput.d.ts.map

package/dist/esm/KeyValueInput/KeyValueInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueInput.d.ts","sourceRoot":"","sources":["../../../src/KeyValueInput/KeyValueInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAC9D,CAAC,EAAE,UAAU,CAAC;IACd,CAAC,CAAC,EAAE,UAAU,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;OAJrB,UAAU;QACT,UAAU;0CAef,CAAC"}

package/dist/esm/KeyValueInput/KeyValueInput.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Input } from "../Input";
+import { Split } from "../Split";
+export const KeyValueInput = React.forwardRef(({ k, v, ...rest }, forwardedRef) => {
+    return (_jsxs(Split, { direction: "horizontal", ...rest, children: [_jsx(Input, { width: "100%", ...k }), _jsx(Input, { ref: forwardedRef, width: "100%", ...v })] }));
+});
+KeyValueInput.displayName = "KeyValueInput";
+//# sourceMappingURL=KeyValueInput.js.map

package/dist/esm/KeyValueInput/KeyValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueInput.js","sourceRoot":"","sources":["../../../src/KeyValueInput/KeyValueInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAsB,EACrC,YAAyC,EACzC,EAAE;IACF,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAC,YAAY,KAAK,IAAI,aACpC,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,KAAK,CAAC,GAAI,EAC7B,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,KAAK,CAAC,GAAI,IAC1C,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/KeyValueInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./KeyValueInput";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/KeyValueInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/KeyValueInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/KeyValueInput/index.js

@@ -0,0 +1,2 @@
+export * from "./KeyValueInput";
+//# sourceMappingURL=index.js.map

package/dist/esm/KeyValueInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/KeyValueInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/Loading/Loading.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CellProps } from "../Cell";
+export type LoadingProps = CellProps & {
+    children?: React.ReactNode;
+    loading?: boolean;
+};
+export declare const Loading: React.FC<LoadingProps>;
+//# sourceMappingURL=Loading.d.ts.map

package/dist/esm/Loading/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/Loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAoC1C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAU1C,CAAC"}

package/dist/esm/Loading/Loading.js

@@ -0,0 +1,40 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import styled, { css, keyframes } from "styled-components";
+import { themeGet } from "@styled-system/theme-get";
+import { Cell } from "../Cell";
+const incoming = keyframes `
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    transform: translateX(200%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+`;
+const Container = styled(Cell) `
+  position: relative;
+  overflow: hidden;
+
+  ${({ $loading }) => $loading &&
+    css `
+      &::after {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 50%;
+        height: 2px;
+        animation: ${incoming} 1.5s ease infinite;
+        background-color: ${themeGet("colors.primary")};
+      }
+    `}
+`;
+export const Loading = ({ children, loading = true, ...rest }) => {
+    return (_jsx(Container, { "$loading": loading, ...rest, children: children ?? _jsx(_Fragment, { children: "\u00A0" }) }));
+};
+Loading.displayName = "Loading";
+//# sourceMappingURL=Loading.js.map

package/dist/esm/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/Loading/Loading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAC;AAE1C,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;;;;;CAYzB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAuB;;;;IAIjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;;;;;;;;qBAQc,QAAQ;4BACD,QAAQ,CAAC,gBAAgB,CAAC;;KAEjD;CACJ,CAAC;AAOF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,gBAAW,OAAO,KAAM,IAAI,YACnC,QAAQ,IAAI,uCAAW,GACd,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/esm/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Loading";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Loading/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/Loading/index.js

@@ -0,0 +1,2 @@
+export * from "./Loading";
+//# sourceMappingURL=index.js.map

package/dist/esm/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Loading/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxProps } from "../Box";
+export type ModalProps = BoxProps & {
+    onClose?(): void;
+    overlay?: boolean;
+};
+export declare const Modal: React.FC<ModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/esm/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAkBvC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG;IAClC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyCtC,CAAC"}

package/dist/esm/Modal/Modal.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback } from "react";
+import styled, { css } from "styled-components";
+import { createPortal } from "react-dom";
+import { FocusOn } from "react-focus-on";
+import { color } from "../theme";
+import { Box } from "../Box";
+const Wrapper = styled(Box) `
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  ${({ overlay }) => overlay &&
+    css `
+      background-color: ${color("background", 0.9)};
+    `}
+`;
+const Dialog = styled(Box).attrs({ role: "dialog" }) ``;
+export const Modal = ({ onClose = () => { }, children, overlay, ...rest }) => {
+    const appendEl = useRef(document.createElement("div"));
+    const wrapperEl = useRef(null);
+    const handleClick = useCallback((event) => {
+        if (event.target === wrapperEl.current) {
+            onClose();
+        }
+    }, [onClose]);
+    useEffect(() => {
+        const { current } = appendEl;
+        document.body.appendChild(current);
+        return () => {
+            document.body.removeChild(current);
+        };
+    }, []);
+    return createPortal(_jsx(FocusOn, { onClickOutside: onClose, onEscapeKey: onClose, children: _jsx(Wrapper, { ref: wrapperEl, onClick: handleClick, overlay: overlay, alignItems: "center", justifyContent: "center", ...rest, children: _jsx(Dialog, { children: children }) }) }), appendEl.current);
+};
+Modal.displayName = "Modal";
+//# sourceMappingURL=Modal.js.map

package/dist/esm/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAY,MAAM,QAAQ,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAuB;;;;;;;IAO9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,GAAG,CAAA;0BACmB,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC;KAC7C;CACJ,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA,EAAE,CAAC;AAOvD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAmD,EAAE,EAAE;QACtD,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;YACvC,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CACjB,KAAC,OAAO,IAAC,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,YACpD,KAAC,OAAO,IACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,KACnB,IAAI,YAER,KAAC,MAAM,cAAE,QAAQ,GAAU,GACnB,GACF,EACV,QAAQ,CAAC,OAAO,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/esm/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/Modal/index.js

@@ -0,0 +1,2 @@
+export * from "./Modal";
+//# sourceMappingURL=index.js.map

package/dist/esm/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/Mono/Mono.d.ts

@@ -0,0 +1,17 @@
+import { BoxProps } from "../Box";
+export type MonoProps = BoxProps;
+export declare const Mono: {
+    <C extends import("react").ElementType = import("react").ComponentType<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+        children?: React.ReactNode;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "id" | "backgroundColor" | "color" | "content" | "opacity" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "inert" | "lang" | "popover" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popoverTargetAction" | "popoverTarget" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>, never>>>(props: import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
+        children?: React.ReactNode;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "id" | "backgroundColor" | "color" | "content" | "opacity" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "inert" | "lang" | "popover" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popoverTargetAction" | "popoverTarget" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>, never> & {
+        as?: C | undefined;
+    } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, string | number | symbol>): React.ReactElement | null;
+    displayName?: string;
+};
+//# sourceMappingURL=Mono.d.ts.map

package/dist/esm/Mono/Mono.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.d.ts","sourceRoot":"","sources":["../../../src/Mono/Mono.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAMjC,eAAO,MAAM,IAAI;;mBAQgc,MAAO,SAAS;;;;mBAAhB,MAAO,SAAS;;;;;6GAA9U,MAAO,YAAY;;CADrK,CAAC"}

package/dist/esm/Mono/Mono.js

@@ -0,0 +1,10 @@
+import styled from "styled-components";
+import { Box } from "../Box";
+import { withDefaultProps } from "../lib/withDefaultProps";
+const StyledMono = styled(Box) ``;
+StyledMono.displayName = "StyledMono";
+export const Mono = withDefaultProps(StyledMono, {
+    fontFamily: "mono",
+    fontSize: "87.5%",
+}, "Mono");
+//# sourceMappingURL=Mono.js.map

package/dist/esm/Mono/Mono.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../../src/Mono/Mono.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAY,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,EAAE,CAAC;AAEjC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAClC,UAAU,EACV;IACE,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;CAClB,EACD,MAAM,CACP,CAAC"}

package/dist/esm/Mono/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Mono';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Mono/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Mono/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/Mono/index.js

@@ -0,0 +1,2 @@
+export * from './Mono';
+//# sourceMappingURL=index.js.map

package/dist/esm/Mono/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Mono/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export type MultiSelectPayload = Record<string, unknown>;
+export type MultiSelectItem = {
+    id: string;
+    payload: MultiSelectPayload;
+};
+export declare const MultiSelectContext: React.Context<{
+    selection: MultiSelectItem[];
+    select(id: string, payload?: MultiSelectPayload): void;
+    deselect(id: string, payload?: MultiSelectPayload): void;
+    isWrapped: boolean;
+}>;
+export type MultiSelectProps = {
+    children: React.ReactNode;
+    onChange?(selection: MultiSelectItem[], payload?: MultiSelectPayload): void;
+};
+export declare const MultiSelect: React.FC<MultiSelectProps>;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/esm/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AASvD,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACzD,MAAM,MAAM,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE1E,eAAO,MAAM,kBAAkB;eAClB,eAAe,EAAE;eACjB,MAAM,YAAY,kBAAkB,GAAG,IAAI;iBACzC,MAAM,YAAY,kBAAkB,GAAG,IAAI;eAC7C,OAAO;EACH,CAAC;AAElB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,CAAC,SAAS,EAAE,eAAe,EAAE,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC"}

package/dist/esm/MultiSelect/MultiSelect.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+const INITIAL_VALUE = {
+    selection: [],
+    select: () => { },
+    deselect: () => { },
+    isWrapped: false,
+};
+export const MultiSelectContext = createContext(INITIAL_VALUE);
+export const MultiSelect = ({ children, onChange, }) => {
+    const [selection, setSelection] = useState([]);
+    const select = (id, payload = {}) => {
+        setSelection((prev) => {
+            const exists = prev.some((item) => item.id === id);
+            if (exists)
+                return prev;
+            const next = [...prev, { id, payload }];
+            onChange && onChange(next, payload);
+            return next;
+        });
+    };
+    const deselect = (id, payload = {}) => {
+        setSelection((prev) => {
+            const next = prev.filter((x) => x.id !== id);
+            onChange && onChange(next, payload);
+            return next;
+        });
+    };
+    return (_jsx(MultiSelectContext.Provider, { value: { selection, select, deselect, isWrapped: true }, children: children }));
+};
+//# sourceMappingURL=MultiSelect.js.map

package/dist/esm/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,KAAK;CACjB,CAAC;AAKF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAK5C,aAAa,CAAC,CAAC;AAOlB,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,UAA8B,EAAE,EAAE,EAAE;QAC9D,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACnD,IAAI,MAAM;gBAAE,OAAO,IAAI,CAAC;YACxB,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YACxC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,UAA8B,EAAE,EAAE,EAAE;QAChE,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7C,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,YAEtD,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/MultiSelect/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./MultiSelect";
+export * from "./useMultiSelect";
+export * from "./useMultiSelection";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/MultiSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/dist/esm/MultiSelect/index.js

@@ -0,0 +1,4 @@
+export * from "./MultiSelect";
+export * from "./useMultiSelect";
+export * from "./useMultiSelection";
+//# sourceMappingURL=index.js.map

package/dist/esm/MultiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/dist/esm/MultiSelect/useMultiSelect.d.ts

@@ -0,0 +1,16 @@
+import { MultiSelectPayload } from "./MultiSelect";
+export type UseMultiSelect = {
+    defaultSelected?: boolean;
+    payload?: MultiSelectPayload;
+};
+export declare const useMultiSelect: ({ defaultSelected, payload, }?: UseMultiSelect) => {
+    deselect: () => void;
+    id: string;
+    isWrapped: boolean;
+    onMouseDown: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref: import("react").RefObject<HTMLButtonElement | null>;
+    select: () => void;
+    selected: boolean;
+    selection: import("./MultiSelect").MultiSelectItem[];
+};
+//# sourceMappingURL=useMultiSelect.d.ts.map

package/dist/esm/MultiSelect/useMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gCAG5B,cAAmB;;;;yBA+BX,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC;;;;;CAoCzD,CAAC"}

package/dist/esm/MultiSelect/useMultiSelect.js

@@ -0,0 +1,56 @@
+"use client";
+import { useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import { useClickOutside } from "../hooks/useClickOutside";
+import { useUniqueId } from "../hooks/useUniqueId";
+import { MultiSelectContext } from "./MultiSelect";
+export const useMultiSelect = ({ defaultSelected, payload, } = {}) => {
+    const id = useUniqueId();
+    const ref = useRef(null);
+    const { selection, select: __select__, deselect: __deselect__, isWrapped, } = useContext(MultiSelectContext);
+    // Handle default selections
+    useEffect(() => {
+        if (defaultSelected)
+            __select__(id.current);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultSelected, id]);
+    const select = useCallback(() => {
+        return __select__(id.current, payload);
+    }, [__select__, id, payload]);
+    const deselect = useCallback(() => {
+        __deselect__(id.current, payload);
+    }, [__deselect__, id, payload]);
+    const selected = useMemo(() => {
+        return !!selection.find((item) => item.id === id.current);
+    }, [id, selection]);
+    const onMouseDown = (event) => {
+        if (selected && event.metaKey) {
+            deselect();
+            return;
+        }
+        select();
+    };
+    const handleClickOutside = useCallback((event) => {
+        if (!selected || event.metaKey)
+            return;
+        deselect();
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selected]);
+    useClickOutside({
+        ref: ref,
+        type: "mousedown",
+        onClickOutside: handleClickOutside,
+        when: selected,
+    });
+    return {
+        deselect,
+        id: id.current,
+        isWrapped,
+        onMouseDown,
+        ref,
+        select,
+        selected,
+        selection,
+    };
+};
+//# sourceMappingURL=useMultiSelect.js.map