@quillsql/react 1.0.0

package/lib/assets/XCircleIcon.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var XCircleIcon = function (_a) {
+    var props = __rest(_a, []);
+    return (_jsx("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" }, { children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })));
+};
+export default XCircleIcon;
+//# sourceMappingURL=XCircleIcon.js.map

package/lib/assets/XCircleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleIcon.js","sourceRoot":"","sources":["../../src/assets/XCircleIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,WAAW,GAAG,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,CACpC,yBAAS,KAAK,IAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,gBACxF,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yNAAyN,EAC3N,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAA;CAAA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/assets/index.d.ts

@@ -0,0 +1,16 @@
+export { default as ArrowDownHeadIcon } from "./ArrowDownHeadIcon";
+export { default as ArrowDownRightIcon } from "./ArrowDownRightIcon";
+export { default as ArrowDownIcon } from "./ArrowDownIcon";
+export { default as ArrowRightIcon } from "./ArrowRightIcon";
+export { default as ArrowRightHeadIcon } from "./ArrowRightHeadIcon";
+export { default as ArrowLeftHeadIcon } from "./ArrowLeftHeadIcon";
+export { default as DoubleArrowLeftHeadIcon } from "./DoubleArrowLeftHeadIcon";
+export { default as DoubleArrowRightHeadIcon } from "./DoubleArrowRightHeadIcon";
+export { default as ArrowUpHeadIcon } from "./ArrowUpHeadIcon";
+export { default as ArrowUpIcon } from "./ArrowUpIcon";
+export { default as ArrowUpRightIcon } from "./ArrowUpRightIcon";
+export { default as CalendarIcon } from "./CalendarIcon";
+export { default as ExclamationFilledIcon } from "./ExclamationFilledIcon";
+export { default as LoadingSpinner } from "./LoadingSpinner";
+export { default as SearchIcon } from "./SearchIcon";
+export { default as XCircleIcon } from "./XCircleIcon";

package/lib/assets/index.js

@@ -0,0 +1,17 @@
+export { default as ArrowDownHeadIcon } from "./ArrowDownHeadIcon";
+export { default as ArrowDownRightIcon } from "./ArrowDownRightIcon";
+export { default as ArrowDownIcon } from "./ArrowDownIcon";
+export { default as ArrowRightIcon } from "./ArrowRightIcon";
+export { default as ArrowRightHeadIcon } from "./ArrowRightHeadIcon";
+export { default as ArrowLeftHeadIcon } from "./ArrowLeftHeadIcon";
+export { default as DoubleArrowLeftHeadIcon } from "./DoubleArrowLeftHeadIcon";
+export { default as DoubleArrowRightHeadIcon } from "./DoubleArrowRightHeadIcon";
+export { default as ArrowUpHeadIcon } from "./ArrowUpHeadIcon";
+export { default as ArrowUpIcon } from "./ArrowUpIcon";
+export { default as ArrowUpRightIcon } from "./ArrowUpRightIcon";
+export { default as CalendarIcon } from "./CalendarIcon";
+export { default as ExclamationFilledIcon } from "./ExclamationFilledIcon";
+export { default as LoadingSpinner } from "./LoadingSpinner";
+export { default as SearchIcon } from "./SearchIcon";
+export { default as XCircleIcon } from "./XCircleIcon";
+//# sourceMappingURL=index.js.map

package/lib/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    icon?: React.JSXElementConstructor<any>;
+    children: React.ReactElement[] | React.ReactElement;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropdown;

package/lib/components/Dropdown/Dropdown.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/display-name */
+import React, { useRef, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+import { useInternalState, useSelectOnKeyDown } from '../../hooks';
+import { ArrowDownHeadIcon } from '../../assets';
+import { BaseColors, border, borderRadius, boxShadow, fontSize, fontWeight, getColorClassNames, makeClassName, mergeRefs, sizing, spacing, } from '../../lib';
+import { constructValueToNameMapping, getSelectButtonColors, hasValue, } from '../selectUtils';
+import Modal from '../Modal';
+import { DEFAULT_COLOR, colorPalette } from '../../lib/theme';
+var makeDropdownClassName = makeClassName('Dropdown');
+var Dropdown = React.forwardRef(function (props, ref) {
+    var defaultValue = props.defaultValue, value = props.value, onValueChange = props.onValueChange, _a = props.placeholder, placeholder = _a === void 0 ? 'Select...' : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, icon = props.icon, children = props.children, className = props.className, other = __rest(props, ["defaultValue", "value", "onValueChange", "placeholder", "disabled", "icon", "children", "className"]);
+    var _c = useInternalState(defaultValue, value), selectedValue = _c[0], setSelectedValue = _c[1];
+    var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
+    var dropdownRef = useRef(null);
+    var Icon = icon;
+    var valueToNameMapping = constructValueToNameMapping(children);
+    var optionValues = React.Children.map(children, function (child) { return child.props.value; });
+    var handleValueChange = function (value) {
+        setSelectedValue(value);
+        setIsFocused(false);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+    };
+    var _e = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue), hoveredValue = _e[0], handleKeyDown = _e[1];
+    var hasSelection = hasValue(selectedValue);
+    return (_jsxs("div", __assign({ ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, className: twMerge(makeDropdownClassName('root'), 'relative w-full min-w-[10rem]', className) }, other, { children: [_jsxs("button", __assign({ type: "button", className: twMerge(makeDropdownClassName('button'), 'flex justify-between items-center w-full focus:outline-none focus:ring-2', getSelectButtonColors(hasSelection, disabled), getColorClassNames(BaseColors.Blue, colorPalette.lightRing)
+                    .focusRingColor, Icon ? spacing.xl.paddingLeft : spacing.twoXl.paddingLeft, spacing.twoXl.paddingRight, spacing.sm.paddingY, borderRadius.md.all, border.sm.all, boxShadow.sm), onClick: function () { return setIsFocused(!isFocused); }, disabled: disabled }, { children: [_jsxs("div", __assign({ className: "flex justify-start items-center truncate" }, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownClassName('icon'), 'shrink-0', sizing.lg.height, sizing.lg.width, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText)
+                                    .textColor, spacing.lg.marginRight), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownClassName('text'), 'whitespace-nowrap truncate', fontSize.sm, fontWeight.md) }, { children: selectedValue
+                                    ? valueToNameMapping.get(selectedValue)
+                                    : placeholder }))] })), _jsx(ArrowDownHeadIcon, { className: twMerge(makeDropdownClassName('arrowDownIcon'), 'flex-none', sizing.lg.height, sizing.lg.width, spacing.twoXs.negativeMarginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText)
+                            .textColor), "aria-hidden": "true" })] })), _jsx(Modal, __assign({ showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef }, { children: _jsx(SelectedValueContext.Provider, __assign({ value: { selectedValue: selectedValue, handleValueChange: handleValueChange } }, { children: _jsx(HoveredValueContext.Provider, __assign({ value: { hoveredValue: hoveredValue } }, { children: React.Children.map(children, function (child) {
+                            return React.cloneElement(child);
+                        }) })) })) }))] })));
+});
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/Dropdown/Dropdown.js.map

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

package/lib/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    text?: string;
+    icon?: React.ElementType;
+}
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+export default DropdownItem;

package/lib/components/Dropdown/DropdownItem.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/display-name */
+import React, { useContext } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+import { fontSize } from '../../lib/font';
+import { sizing } from '../../lib/sizing';
+import { spacing } from '../../lib/spacing';
+import { getColorClassNames, makeClassName } from '../../lib';
+import { DEFAULT_COLOR, colorPalette } from '../../lib/theme';
+var makeDropdownItemClassName = makeClassName('DropdownItem');
+var DropdownItem = React.forwardRef(function (props, ref) {
+    var value = props.value, text = props.text, icon = props.icon, className = props.className, other = __rest(props, ["value", "text", "icon", "className"]);
+    var _a = useContext(SelectedValueContext), selectedValue = _a.selectedValue, handleValueChange = _a.handleValueChange;
+    var hoveredValue = useContext(HoveredValueContext).hoveredValue;
+    var isActive = selectedValue === value;
+    var isHovered = hoveredValue === value;
+    var bgColor = isActive
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.lightBackground).bgColor
+        : isHovered
+            ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
+            : getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground)
+                .hoverBgColor;
+    var textColor = isActive
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkestText).textColor
+        : getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor;
+    var Icon = icon ? icon : null;
+    return (_jsxs("button", __assign({ ref: ref, type: "button", onClick: function () { return handleValueChange === null || handleValueChange === void 0 ? void 0 : handleValueChange(value); }, className: twMerge(makeDropdownItemClassName('root'), 'flex items-center justify-start w-full truncate', spacing.twoXl.paddingX, spacing.md.paddingY, fontSize.sm, bgColor, textColor, className) }, other, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownItemClassName('icon'), 'flex-none', sizing.lg.height, sizing.lg.width, spacing.lg.marginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText)
+                    .textColor), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownItemClassName('text'), 'text-sm whitespace-nowrap truncate') }, { children: text !== null && text !== void 0 ? text : value }))] })));
+});
+export default DropdownItem;
+//# sourceMappingURL=DropdownItem.js.map

package/lib/components/Dropdown/DropdownItem.js.map

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

package/lib/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";

package/lib/components/Dropdown/index.js

@@ -0,0 +1,3 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";
+//# sourceMappingURL=index.js.map

package/lib/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Modal/Dropdown/Dropdown.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    icon?: React.JSXElementConstructor<any>;
+    children: React.ReactElement[] | React.ReactElement;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropdown;

package/lib/components/Modal/Dropdown/Dropdown.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useState } from "react";
+import { twMerge } from "tailwind-merge";
+import { HoveredValueContext, SelectedValueContext } from "contexts";
+import { useInternalState, useSelectOnKeyDown } from "hooks";
+import { ArrowDownHeadIcon } from "assets";
+import { BaseColors, border, borderRadius, boxShadow, fontSize, fontWeight, getColorClassNames, makeClassName, mergeRefs, sizing, spacing, } from "lib";
+import { constructValueToNameMapping, getSelectButtonColors, hasValue } from "../selectUtils";
+import Modal from "components/util-elements/Modal";
+import { DEFAULT_COLOR, colorPalette } from "lib/theme";
+var makeDropdownClassName = makeClassName("Dropdown");
+var Dropdown = React.forwardRef(function (props, ref) {
+    var defaultValue = props.defaultValue, value = props.value, onValueChange = props.onValueChange, _a = props.placeholder, placeholder = _a === void 0 ? "Select..." : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, icon = props.icon, children = props.children, className = props.className, other = __rest(props, ["defaultValue", "value", "onValueChange", "placeholder", "disabled", "icon", "children", "className"]);
+    var _c = useInternalState(defaultValue, value), selectedValue = _c[0], setSelectedValue = _c[1];
+    var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
+    var dropdownRef = useRef(null);
+    var Icon = icon;
+    var valueToNameMapping = constructValueToNameMapping(children);
+    var optionValues = React.Children.map(children, function (child) { return child.props.value; });
+    var handleValueChange = function (value) {
+        setSelectedValue(value);
+        setIsFocused(false);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+    };
+    var _e = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue), hoveredValue = _e[0], handleKeyDown = _e[1];
+    var hasSelection = hasValue(selectedValue);
+    return (_jsxs("div", __assign({ ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, className: twMerge(makeDropdownClassName("root"), "relative w-full min-w-[10rem]", className) }, other, { children: [_jsxs("button", __assign({ type: "button", className: twMerge(makeDropdownClassName("button"), "flex justify-between items-center w-full focus:outline-none focus:ring-2", getSelectButtonColors(hasSelection, disabled), getColorClassNames(BaseColors.Blue, colorPalette.lightRing).focusRingColor, Icon ? spacing.xl.paddingLeft : spacing.twoXl.paddingLeft, spacing.twoXl.paddingRight, spacing.sm.paddingY, borderRadius.md.all, border.sm.all, boxShadow.sm), onClick: function () { return setIsFocused(!isFocused); }, disabled: disabled }, { children: [_jsxs("div", __assign({ className: "flex justify-start items-center truncate" }, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownClassName("icon"), "shrink-0", sizing.lg.height, sizing.lg.width, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor, spacing.lg.marginRight), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownClassName("text"), "whitespace-nowrap truncate", fontSize.sm, fontWeight.md) }, { children: selectedValue ? valueToNameMapping.get(selectedValue) : placeholder }))] })), _jsx(ArrowDownHeadIcon, { className: twMerge(makeDropdownClassName("arrowDownIcon"), "flex-none", sizing.lg.height, sizing.lg.width, spacing.twoXs.negativeMarginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor), "aria-hidden": "true" })] })), _jsx(Modal, __assign({ showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef }, { children: _jsx(SelectedValueContext.Provider, __assign({ value: { selectedValue: selectedValue, handleValueChange: handleValueChange } }, { children: _jsx(HoveredValueContext.Provider, __assign({ value: { hoveredValue: hoveredValue } }, { children: React.Children.map(children, function (child) { return React.cloneElement(child); }) })) })) }))] })));
+});
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/Modal/Dropdown/Dropdown.js.map

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

package/lib/components/Modal/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    text?: string;
+    icon?: React.ElementType;
+}
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+export default DropdownItem;

package/lib/components/Modal/Dropdown/DropdownItem.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { twMerge } from "tailwind-merge";
+import { HoveredValueContext, SelectedValueContext } from "contexts";
+import { fontSize } from "lib/font";
+import { sizing } from "lib/sizing";
+import { spacing } from "lib/spacing";
+import { getColorClassNames, makeClassName } from "lib";
+import { DEFAULT_COLOR, colorPalette } from "lib/theme";
+var makeDropdownItemClassName = makeClassName("DropdownItem");
+var DropdownItem = React.forwardRef(function (props, ref) {
+    var value = props.value, text = props.text, icon = props.icon, className = props.className, other = __rest(props, ["value", "text", "icon", "className"]);
+    var _a = useContext(SelectedValueContext), selectedValue = _a.selectedValue, handleValueChange = _a.handleValueChange;
+    var hoveredValue = useContext(HoveredValueContext).hoveredValue;
+    var isActive = selectedValue === value;
+    var isHovered = hoveredValue === value;
+    var bgColor = isActive
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.lightBackground).bgColor
+        : isHovered
+            ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
+            : getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).hoverBgColor;
+    var textColor = isActive
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkestText).textColor
+        : getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor;
+    var Icon = icon ? icon : null;
+    return (_jsxs("button", __assign({ ref: ref, type: "button", onClick: function () { return handleValueChange === null || handleValueChange === void 0 ? void 0 : handleValueChange(value); }, className: twMerge(makeDropdownItemClassName("root"), "flex items-center justify-start w-full truncate", spacing.twoXl.paddingX, spacing.md.paddingY, fontSize.sm, bgColor, textColor, className) }, other, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownItemClassName("icon"), "flex-none", sizing.lg.height, sizing.lg.width, spacing.lg.marginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownItemClassName("text"), "text-sm whitespace-nowrap truncate") }, { children: text !== null && text !== void 0 ? text : value }))] })));
+});
+export default DropdownItem;
+//# sourceMappingURL=DropdownItem.js.map

package/lib/components/Modal/Dropdown/DropdownItem.js.map

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

package/lib/components/Modal/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";

package/lib/components/Modal/Dropdown/index.js

@@ -0,0 +1,3 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";
+//# sourceMappingURL=index.js.map

package/lib/components/Modal/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HorizontalPosition } from '../../lib/inputTypes';
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    showModal: boolean;
+    setShowModal: React.Dispatch<React.SetStateAction<boolean>> | ((nextState: boolean) => void);
+    parentRef: React.RefObject<HTMLElement>;
+    width?: number;
+    maxHeight?: string;
+    anchorPosition?: HorizontalPosition;
+    children: React.ReactNode;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/lib/components/Modal/Modal.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/display-name */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { useOnClickOutside, useOnWindowResize } from '../../hooks';
+import { border, borderRadius, boxShadow, getColorClassNames, mergeRefs, spacing, } from '../../lib';
+import { DEFAULT_COLOR, colorPalette } from '../../lib/theme';
+var Modal = React.forwardRef(function (props, ref) {
+    var showModal = props.showModal, setShowModal = props.setShowModal, parentRef = props.parentRef, width = props.width, _a = props.maxHeight, maxHeight = _a === void 0 ? 'max-h-72' : _a, children = props.children, className = props.className, other = __rest(props, ["showModal", "setShowModal", "parentRef", "width", "maxHeight", "children", "className"]);
+    var _b = useState(false), modalExceedsWindow = _b[0], setModalExceedsWindow = _b[1];
+    var modalRef = useRef(null);
+    var checkModalExceedsWindow = useCallback(function (modalWidth, windowWidth) {
+        if (!parentRef.current) {
+            return false;
+        }
+        var modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        return windowWidth - modalBoundingRight < 0;
+    }, [parentRef]);
+    var getAbsoluteSpacing = function () {
+        if (!modalExceedsWindow) {
+            return spacing.none.left;
+        }
+        return spacing.none.right;
+    };
+    useOnClickOutside(modalRef, function (e) {
+        var _a;
+        // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
+        var isTriggerElem = parentRef
+            ? (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)
+            : false;
+        if (!isTriggerElem) {
+            setShowModal(false);
+        }
+    });
+    // Execute only when modal is of absolute size
+    useEffect(function () {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    }, [checkModalExceedsWindow, parentRef, width]);
+    useOnWindowResize(function () {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    });
+    return showModal ? (_jsx("div", __assign({ ref: mergeRefs([modalRef, ref]), className: twMerge('absolute z-10 divide-y overflow-y-auto', width ? '' : 'w-full', getAbsoluteSpacing(), maxHeight, getColorClassNames('white').bgColor, getColorClassNames(DEFAULT_COLOR, colorPalette.lightBorder).borderColor, getColorClassNames(DEFAULT_COLOR, colorPalette.lightBorder).divideColor, spacing.twoXs.marginTop, spacing.twoXs.marginBottom, borderRadius.md.all, border.sm.all, boxShadow.lg, className), style: { width: width } }, other, { children: children }))) : null;
+});
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/lib/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAuC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,kBAAkB,EAClB,SAAS,EACT,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAc9D,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG;IAElE,IAAA,SAAS,GAQP,KAAK,UARE,EACT,YAAY,GAOV,KAAK,aAPK,EACZ,SAAS,GAMP,KAAK,UANE,EACT,KAAK,GAKH,KAAK,MALF,EACL,KAIE,KAAK,UAJe,EAAtB,SAAS,mBAAG,UAAU,KAAA,EACtB,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EATH,yFASL,CADS,CACA;IACJ,IAAA,KAA8C,QAAQ,CAAC,KAAK,CAAC,EAA5D,kBAAkB,QAAA,EAAE,qBAAqB,QAAmB,CAAC;IAEpE,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,IAAM,uBAAuB,GAAG,WAAW,CACzC,UAAC,UAAkB,EAAE,WAAmB;QACtC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,OAAO,KAAK,CAAC;SACd;QACD,IAAM,kBAAkB,GACtB,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,UAAU,CAAC;QAC9D,OAAO,WAAW,GAAG,kBAAkB,GAAG,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,IAAI,CAAC,kBAAkB,EAAE;YACvB,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;SAC1B;QACD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC;IAEF,iBAAiB,CAAC,QAAQ,EAAE,UAAA,CAAC;;QAC3B,oFAAoF;QACpF,IAAM,aAAa,GAAG,SAAS;YAC7B,CAAC,CAAC,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,CAAC,CAAC,KAAK,CAAC;QACV,IAAI,CAAC,aAAa,EAAE;YAClB,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC,CAAC;IAEH,8CAA8C;IAC9C,SAAS,CAAC;QACR,IAAI,KAAK,EAAE;YACT,qBAAqB,CAAC,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;SAC1E;IACH,CAAC,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,iBAAiB,CAAC;QAChB,IAAI,KAAK,EAAE;YACT,qBAAqB,CAAC,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;SAC1E;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,uBACE,GAAG,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,SAAS,EAAE,OAAO,CAChB,wCAAwC,EACxC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACrB,kBAAkB,EAAE,EACpB,SAAS,EACT,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,EACnC,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,WAAW,EACvE,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,WAAW,EACvE,OAAO,CAAC,KAAK,CAAC,SAAS,EACvB,OAAO,CAAC,KAAK,CAAC,YAAY,EAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,EACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EACb,SAAS,CAAC,EAAE,EACZ,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IACZ,KAAK,cAER,QAAQ,IACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Modal";

package/lib/components/Modal/index.js

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

package/lib/components/Modal/index.js.map

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

package/lib/components/selectUtils.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SelectItemProps {
+    value: string;
+    text?: string;
+}
+export declare function constructValueToNameMapping(children: React.ReactElement[] | React.ReactElement): Map<string, string>;
+export declare function getFilteredOptions(searchQuery: string, options: SelectItemProps[]): SelectItemProps[];
+export declare const getSelectButtonColors: (hasSelection: boolean, isDisabled: boolean, hasError?: boolean) => string;
+export declare const hasValue: (value: string | null | undefined) => boolean;

package/lib/components/selectUtils.js

@@ -0,0 +1,37 @@
+import { BaseColors, DEFAULT_COLOR, WHITE, colorClassNames, colorPalette, getColorClassNames, } from '../lib';
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+export function constructValueToNameMapping(children) {
+    var valueToNameMapping = new Map();
+    React.Children.map(children, function (child) {
+        var _a;
+        valueToNameMapping.set(child.props.value, (_a = child.props.text) !== null && _a !== void 0 ? _a : child.props.value);
+    });
+    return valueToNameMapping;
+}
+export function getFilteredOptions(searchQuery, options) {
+    return searchQuery === ''
+        ? options
+        : options.filter(function (option) {
+            var _a;
+            var optionText = (_a = option.text) !== null && _a !== void 0 ? _a : option.value;
+            return optionText.toLowerCase().includes(searchQuery.toLowerCase());
+        });
+}
+export var getSelectButtonColors = function (hasSelection, isDisabled, hasError) {
+    if (hasError === void 0) { hasError = false; }
+    return twMerge(isDisabled
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
+        : getColorClassNames(WHITE, colorPalette.background).bgColor, !isDisabled &&
+        getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground)
+            .hoverBgColor, hasSelection
+        ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor
+        : getColorClassNames(DEFAULT_COLOR, colorPalette.text).textColor, isDisabled &&
+        getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor, hasError && colorClassNames[BaseColors.Rose][colorPalette.text].textColor, hasError
+        ? colorClassNames[BaseColors.Rose][colorPalette.ring].borderColor
+        : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor);
+};
+export var hasValue = function (value) {
+    return value !== null && value !== undefined && value !== '';
+};
+//# sourceMappingURL=selectUtils.js.map

package/lib/components/selectUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectUtils.js","sourceRoot":"","sources":["../../src/components/selectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,eAAe,EACf,YAAY,EACZ,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAOzC,MAAM,UAAU,2BAA2B,CACzC,QAAmD;IAEnD,IAAM,kBAAkB,GAAG,IAAI,GAAG,EAAkB,CAAC;IACrD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAiC;;QAC7D,kBAAkB,CAAC,GAAG,CACpB,KAAK,CAAC,KAAK,CAAC,KAAK,EACjB,MAAA,KAAK,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CACtC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,WAAmB,EACnB,OAA0B;IAE1B,OAAO,WAAW,KAAK,EAAE;QACvB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,MAAuB;;YACrC,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,IAAI,mCAAI,MAAM,CAAC,KAAK,CAAC;YAC/C,OAAO,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;AACT,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,UACnC,YAAqB,EACrB,UAAmB,EACnB,QAAgB;IAAhB,yBAAA,EAAA,gBAAgB;IAEhB,OAAO,OAAO,CACZ,UAAU;QACR,CAAC,CAAC,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO;QAC1E,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,EAC9D,CAAC,UAAU;QACT,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC;aAC7D,YAAY,EACjB,YAAY;QACV,CAAC,CAAC,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,SAAS;QACpE,CAAC,CAAC,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAClE,UAAU;QACR,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,EACrE,QAAQ,IAAI,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EACzE,QAAQ;QACN,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW;QACjE,CAAC,CAAC,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,CACrE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAgC;IACvD,OAAA,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;AAArD,CAAqD,CAAC"}

package/lib/contexts/BaseColorContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BaseColorContext: import("react").Context<"blue" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "orange" | "pink" | "purple" | "red" | "teal" | "violet" | "yellow" | "slate" | "zinc" | "neutral" | "stone" | "amber" | "emerald" | "sky" | "rose">;
+export default BaseColorContext;

package/lib/contexts/BaseColorContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+import { BaseColors } from '../lib';
+var BaseColorContext = createContext(BaseColors.Blue);
+export default BaseColorContext;
+//# sourceMappingURL=BaseColorContext.js.map

package/lib/contexts/BaseColorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseColorContext.js","sourceRoot":"","sources":["../../src/contexts/BaseColorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGpC,IAAM,gBAAgB,GAAG,aAAa,CAAQ,UAAU,CAAC,IAAI,CAAC,CAAC;AAE/D,eAAe,gBAAgB,CAAC"}

package/lib/contexts/HoveredValueContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface HoveredValueContextValue {
+    hoveredValue: any | undefined;
+    setHoveredValue?: Dispatch<SetStateAction<any>>;
+}
+declare const HoveredValueContext: import("react").Context<HoveredValueContextValue>;
+export default HoveredValueContext;

package/lib/contexts/HoveredValueContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var HoveredValueContext = createContext({
+    hoveredValue: undefined,
+});
+export default HoveredValueContext;
+//# sourceMappingURL=HoveredValueContext.js.map

package/lib/contexts/HoveredValueContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoveredValueContext.js","sourceRoot":"","sources":["../../src/contexts/HoveredValueContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,aAAa,EAAE,MAAM,OAAO,CAAC;AAOhE,IAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,YAAY,EAAE,SAAS;CACxB,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}