@auspices/eos 5.0.18 → 6.0.0

package/README.md

@@ -10,4 +10,43 @@ A React UI library
 
 ## Design Goals
 
-Eos is designed for use in situations where it is desirable to minimize visual hierarchy. This results in the creation of user interfaces that rely on  thoughtful composition for differentiation, rather than on the stylistic differences between components.
+Eos is designed for use in situations where it is desirable to minimize visual hierarchy. This results in the creation of user interfaces that rely on thoughtful composition for differentiation, rather than on the stylistic differences between components.
+
+## Usage
+
+- Migration notes for this release: [`MIGRATION.md`](./MIGRATION.md)
+- Release checklist: [`RELEASE.md`](./RELEASE.md)
+
+### Next.js App Router
+
+- Use `@auspices/eos/client` for UI components (including when rendered from Server Components).
+- Use `@auspices/eos/server` for server-safe utilities and theme tokens.
+
+```tsx
+// app/page.tsx (Server Component)
+import { THEME } from "@auspices/eos/server";
+import { Tag } from "@auspices/eos/client";
+```
+
+```tsx
+"use client";
+
+import { Dropdown, Modal, useConfirm } from "@auspices/eos/client";
+```
+
+### Theme Imports
+
+- Import theme primitives from `@auspices/eos/theme`.
+
+### Local Example App
+
+```bash
+yarn install
+yarn workspace eos-next-minimal dev
+```
+
+For production validation:
+
+```bash
+yarn verify:release
+```

package/dist/cjs/Alert/Alert.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importStar(require("styled-components"));
+const Box_1 = require("../Box");
+const theme_get_1 = require("@styled-system/theme-get");
+const THEMES = {
+    notification: (0, styled_components_1.css) `
+    background-color: ${(0, theme_get_1.themeGet)("colors.tertiary")};
+    &,
+    a {
+      color: ${(0, theme_get_1.themeGet)("colors.primary")};
+    }
+  `,
+    error: (0, styled_components_1.css) `
+    background-color: ${(0, theme_get_1.themeGet)("colors.danger")};
+    &,
+    a {
+      color: ${(0, theme_get_1.themeGet)("colors.white")};
+    }
+  `,
+};
+const Container = (0, styled_components_1.default)(Box_1.Box) `
+  ${({ mode }) => THEMES[mode]}
+`;
+const Alert = ({ mode, children, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(Container, { fontSize: 0, px: 3, py: 2, borderRadius: 4, mode: mode, ...rest, children: children }));
+};
+exports.Alert = Alert;
+exports.Alert.displayName = "Alert";
+//# sourceMappingURL=Alert.js.map

package/dist/cjs/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uEAAgD;AAChD,gCAAuC;AACvC,wDAAoD;AAMpD,MAAM,MAAM,GAAG;IACb,YAAY,EAAE,IAAA,uBAAG,EAAA;wBACK,IAAA,oBAAQ,EAAC,iBAAiB,CAAC;;;eAGpC,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;;GAEtC;IACD,KAAK,EAAE,IAAA,uBAAG,EAAA;wBACY,IAAA,oBAAQ,EAAC,eAAe,CAAC;;;eAGlC,IAAA,oBAAQ,EAAC,cAAc,CAAC;;GAEpC;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAE3B;IACE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;CAC7B,CAAC;AAEK,MAAM,KAAK,GAAyB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,uBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,IAAI,KACN,IAAI,YAEP,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Alert/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/Alerts/Alerts.js

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alerts = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = require("../Stack");
+const Alert_1 = require("../Alert");
+const useAlerts_1 = require("./useAlerts");
+const takeRight = (xs, limit = 1) => {
+    if (xs.length < limit) {
+        return xs;
+    }
+    return xs.slice(xs.length - limit, xs.length);
+};
+const Alerts = ({ limit = 5, ...rest }) => {
+    const { alerts } = (0, useAlerts_1.useAlerts)();
+    return ((0, jsx_runtime_1.jsx)(Stack_1.Stack, { spacing: 2, ...rest, children: takeRight(alerts, limit).map((alert) => ((0, jsx_runtime_1.jsx)(Alert_1.Alert, { mode: alert.mode, children: alert.body }, alert.id))) }));
+};
+exports.Alerts = Alerts;
+exports.Alerts.displayName = "Alerts";
+//# sourceMappingURL=Alerts.js.map

package/dist/cjs/Alerts/Alerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../../src/Alerts/Alerts.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,oCAA6C;AAC7C,oCAAiC;AACjC,2CAAwC;AAOxC,MAAM,SAAS,GAAG,CAAK,EAAO,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC3C,IAAI,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;AAChD,CAAC,CAAC;AAEK,MAAM,MAAM,GAA0B,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE/B,OAAO,CACL,uBAAC,aAAK,IAAC,OAAO,EAAE,CAAC,KAAM,IAAI,YACxB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,uBAAC,aAAK,IAAgB,IAAI,EAAE,KAAK,CAAC,IAAI,YACnC,KAAK,CAAC,IAAI,IADD,KAAK,CAAC,EAAE,CAEZ,CACT,CAAC,GACI,CACT,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/cjs/Alerts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Alerts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B"}

package/dist/cjs/Alerts/useAlerts.js

@@ -0,0 +1,71 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlerts = exports.AlertsProvider = exports.AlertsContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const generateId_1 = require("../util/generateId");
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "NOTIFICATION":
+            return {
+                ...state,
+                alerts: [
+                    ...state.alerts,
+                    {
+                        mode: "notification",
+                        ...action.payload,
+                    },
+                ],
+            };
+        case "ERROR":
+            return {
+                ...state,
+                alerts: [
+                    ...state.alerts,
+                    {
+                        mode: "error",
+                        ...action.payload,
+                    },
+                ],
+            };
+        case "RETRACT":
+            return {
+                ...state,
+                alerts: state.alerts.filter((alert) => alert.id !== action.payload.id),
+            };
+    }
+};
+exports.AlertsContext = (0, react_1.createContext)({
+    state: { alerts: [] },
+    sendNotification: () => { },
+    sendError: () => { },
+});
+const AlertsProvider = ({ children }) => {
+    const [state, dispatch] = (0, react_1.useReducer)(reducer, { alerts: [] });
+    const timeouts = (0, react_1.useRef)([]);
+    const sendNotification = (0, react_1.useCallback)(({ body, ttl = 2500 }) => {
+        const id = (0, generateId_1.generateId)();
+        dispatch({ type: "NOTIFICATION", payload: { id, body } });
+        timeouts.current.push(window.setTimeout(() => dispatch({ type: "RETRACT", payload: { id } }), ttl));
+    }, []);
+    const sendError = (0, react_1.useCallback)(({ body, ttl = 5000 }) => {
+        const id = (0, generateId_1.generateId)();
+        dispatch({ type: "ERROR", payload: { id, body } });
+        timeouts.current.push(window.setTimeout(() => dispatch({ type: "RETRACT", payload: { id } }), ttl));
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const handles = timeouts.current;
+        return () => {
+            handles.forEach(clearTimeout);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(exports.AlertsContext.Provider, { value: { state, sendNotification, sendError }, children: children }));
+};
+exports.AlertsProvider = AlertsProvider;
+const useAlerts = () => {
+    const { state: { alerts }, sendNotification, sendError, } = (0, react_1.useContext)(exports.AlertsContext);
+    return { alerts, sendNotification, sendError };
+};
+exports.useAlerts = useAlerts;
+//# sourceMappingURL=useAlerts.js.map

package/dist/cjs/Alerts/useAlerts.js.map

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

package/dist/cjs/AspectRatioBox/AspectRatioBox.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AspectRatioBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const proportional_scale_1 = require("proportional-scale");
+const Box_1 = require("../Box");
+const responsiveScale = (args) => {
+    if ("maxWidth" in args && args.maxWidth === "100%") {
+        return { maxWidth: "100%" };
+    }
+    const { aspectWidth: width, aspectHeight: height, ...rest } = args;
+    // @ts-ignore
+    const scaled = (0, proportional_scale_1.scale)({ width, height, ...rest });
+    return { maxWidth: `${scaled.width}px` };
+};
+const AspectRatioBox = ({ aspectWidth, aspectHeight, children, ...rest }) => {
+    const scaled = responsiveScale({ aspectHeight, aspectWidth, ...rest });
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { width: "100%", style: {
+            maxWidth: scaled.maxWidth,
+            aspectRatio: `${aspectWidth} / ${aspectHeight}`,
+        }, ...rest, children: children }));
+};
+exports.AspectRatioBox = AspectRatioBox;
+exports.AspectRatioBox.displayName = "AspectRatioBox";
+//# sourceMappingURL=AspectRatioBox.js.map

package/dist/cjs/AspectRatioBox/AspectRatioBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatioBox.js","sourceRoot":"","sources":["../../../src/AspectRatioBox/AspectRatioBox.tsx"],"names":[],"mappings":";;;;AACA,2DAA2C;AAC3C,gCAAuC;AAavC,MAAM,eAAe,GAAG,CAAC,IAAsC,EAAE,EAAE;IACjE,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAC9B,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IACnE,aAAa;IACb,MAAM,MAAM,GAAG,IAAA,0BAAK,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IAEjD,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;AAC3C,CAAC,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IAEvE,OAAO,CACL,uBAAC,SAAG,IACF,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,WAAW,EAAE,GAAG,WAAW,MAAM,YAAY,EAAE;SAChD,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/cjs/AspectRatioBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AspectRatioBox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/dist/cjs/Banner/Banner.js

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Box_1 = require("../Box");
+const Remove_1 = require("../Remove");
+const useContrastingColor_1 = require("../hooks/useContrastingColor");
+const Clickable_1 = require("../Clickable");
+const Banner = ({ bg = "primary", children, dismissable = true, ...rest }) => {
+    const contrasting = (0, useContrastingColor_1.useContrastingColor)(bg);
+    const [dismissed, setDismissed] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        setDismissed(true);
+    };
+    if (dismissed)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { position: "relative", textAlign: "center", display: "flex", alignItems: "center", justifyContent: "center", flex: 1, px: 8, py: 4, bg: bg, fontSize: 1, lineHeight: 2, color: contrasting, ...rest, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { children: children }), dismissable && ((0, jsx_runtime_1.jsx)(Clickable_1.Clickable, { onClick: handleClick, position: "absolute", top: 0, right: 0, bottom: 0, p: 1, display: "flex", alignItems: "center", cursor: "pointer", children: (0, jsx_runtime_1.jsx)(Remove_1.Ex, { color: contrasting }) }))] }));
+};
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.js.map

package/dist/cjs/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAgD;AAChD,gCAAuC;AACvC,sCAA+B;AAC/B,sEAAmE;AACnE,4CAAyC;AAQlC,MAAM,MAAM,GAAoB,CAAC,EACtC,EAAE,GAAG,SAAS,EACd,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,yCAAmB,EAAC,EAAE,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,wBAAC,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,WAAW,KACd,IAAI,aAER,uBAAC,SAAG,cAAE,QAAQ,GAAO,EAEpB,WAAW,IAAI,CACd,uBAAC,qBAAS,IACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,CAAC,EACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,SAAS,YAEhB,uBAAC,WAAE,IAAC,KAAK,EAAE,WAAW,GAAI,GAChB,CACb,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,MAAM,UAmDjB"}

package/dist/cjs/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Banner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/cjs/Box/Box.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = exports.boxMixin = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const styled_system_1 = require("styled-system");
+const shouldForwardProp_1 = require("../lib/shouldForwardProp");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+const textColor = (0, styled_system_1.style)({
+    prop: "textColor",
+    cssProperty: "color",
+    key: "colors",
+});
+const transition = (0, styled_system_1.system)({ transition: true });
+exports.boxMixin = (0, styled_system_1.compose)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.position, styled_system_1.layout, styled_system_1.color, textColor, transition);
+const StyledBox = styled_components_1.default.div.withConfig({
+    shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
+}) `
+  ${exports.boxMixin}
+`;
+StyledBox.displayName = "StyledBox";
+exports.Box = (0, withDefaultProps_1.withDefaultProps)(StyledBox, {
+    fontFamily: "body",
+    lineHeight: 2,
+}, "Box");
+//# sourceMappingURL=Box.js.map

package/dist/cjs/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,iDAmBuB;AACvB,gEAA6D;AAC7D,8DAA2D;AAwB3D,MAAM,SAAS,GAAG,IAAA,qBAAK,EAAC;IACtB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,OAAO;IACpB,GAAG,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,sBAAM,EAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAEnC,QAAA,QAAQ,GAAG,IAAA,uBAAO,EAC7B,sBAAM,EACN,uBAAO,EACP,qBAAK,EACL,0BAAU,EACV,wBAAQ,EACR,sBAAM,EACN,qBAAK,EACL,SAAS,EACT,UAAU,CACX,CAAC;AAEF,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACtC,iBAAiB,EAAjB,qCAAiB;CAClB,CAAC,CAAU;IACR,gBAAQ;CACX,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEvB,QAAA,GAAG,GAAG,IAAA,mCAAgB,EACjC,SAAS,EACT;IACE,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,CAAC;CACd,EACD,KAAK,CACN,CAAC"}

package/dist/cjs/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Box/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}

package/dist/cjs/Button/Button.js

@@ -0,0 +1,126 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.buttonMixin = exports.buttonHighlightedMixin = exports.buttonDisabledMixin = exports.buttonSelectedMixin = exports.buttonFocusMixin = exports.buttonHoverMixin = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Clickable_1 = require("../Clickable");
+const Cell_1 = require("../Cell");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.buttonHoverMixin = (0, styled_components_1.css) `
+  color: ${(0, theme_get_1.themeGet)("colors.secondary")};
+`;
+exports.buttonFocusMixin = (0, styled_components_1.css) `
+  outline: 0;
+  ${Cell_1.cellFocusMixin}
+`;
+exports.buttonSelectedMixin = (0, styled_components_1.css) `
+  outline: 0;
+  box-shadow: inset 0 0 0 ${(0, theme_get_1.themeGet)("space.1")} ${(0, theme_get_1.themeGet)("colors.primary")};
+  text-decoration: underline;
+  color: ${(0, theme_get_1.themeGet)("colors.primary")};
+  border-color: ${(0, theme_get_1.themeGet)("colors.tertiary")};
+`;
+exports.buttonDisabledMixin = (0, styled_components_1.css) `
+  position: relative;
+  color: ${(0, theme_get_1.themeGet)("colors.tertiary")};
+  border-color: ${(0, theme_get_1.themeGet)("colors.tertiary")};
+  pointer-events: none;
+  cursor: default;
+  z-index: -1;
+`;
+exports.buttonHighlightedMixin = (0, styled_components_1.css) `
+  &::before {
+    content: "→\u00A0";
+
+    ${({ variant }) => {
+    if (variant !== "small") {
+        return (0, styled_components_1.css) `
+          margin-left: -${(0, theme_get_1.themeGet)("space.3")};
+        `;
+    }
+}})}
+  }
+`;
+exports.buttonMixin = (0, styled_components_1.css) `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition:
+    box-shadow 250ms ease,
+    color 200ms ease;
+  min-width: 0;
+  user-select: none;
+  font-weight: normal;
+
+  ${Cell_1.cellMixin}
+
+  ${({ hover }) => hover && exports.buttonHoverMixin}
+  &:hover {
+    ${exports.buttonHoverMixin}
+  }
+
+  ${({ focus }) => focus && exports.buttonFocusMixin}
+  &:focus {
+    ${exports.buttonFocusMixin}
+  }
+
+  ${({ disabled }) => disabled && exports.buttonDisabledMixin}
+  &:disabled {
+    ${exports.buttonDisabledMixin}
+  }
+
+  ${({ selected }) => selected &&
+    (0, styled_components_1.css) `
+      ${exports.buttonSelectedMixin}
+
+      &:focus {
+        ${exports.buttonSelectedMixin}
+      }
+
+      &:disabled {
+        ${exports.buttonSelectedMixin}
+      }
+    `}
+
+  ${({ highlighted }) => highlighted && exports.buttonHighlightedMixin}
+`;
+const StyledButton = (0, styled_components_1.default)(Clickable_1.Clickable) `
+  ${exports.buttonMixin}
+`;
+StyledButton.displayName = "StyledButton";
+exports.Button = (0, withDefaultProps_1.withDefaultProps)(StyledButton, { variant: "default" }, "Button");
+//# sourceMappingURL=Button.js.map

package/dist/cjs/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,wDAAoD;AACpD,4CAAyD;AACzD,kCAA+D;AAC/D,8DAA2D;AAa9C,QAAA,gBAAgB,GAAG,IAAA,uBAAG,EAAA;WACxB,IAAA,oBAAQ,EAAC,kBAAkB,CAAC;CACtC,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,uBAAG,EAAA;;IAE/B,qBAAc;CACjB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,uBAAG,EAAA;;4BAEV,IAAA,oBAAQ,EAAC,SAAS,CAAC,IAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;;WAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;kBACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC;CAC5C,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,uBAAG,EAAA;;WAE3B,IAAA,oBAAQ,EAAC,iBAAiB,CAAC;kBACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC;;;;CAI5C,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,uBAAG,EAAa;;;;MAIhD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,IAAA,uBAAG,EAAA;0BACQ,IAAA,oBAAQ,EAAC,SAAS,CAAC;SACpC,CAAC;IACJ,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,uBAAG,EAAa;;;;;;;;;;;;IAYvC,gBAAS;;IAET,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,wBAAgB;;MAEtC,wBAAgB;;;IAGlB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,wBAAgB;;MAEtC,wBAAgB;;;IAGlB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,2BAAmB;;MAE/C,2BAAmB;;;IAGrB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;QACC,2BAAmB;;;UAGjB,2BAAmB;;;;UAInB,2BAAmB;;KAExB;;IAED,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,8BAAsB;CAC7D,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,CAAa;IAC/C,mBAAW;CACd,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE7B,QAAA,MAAM,GAAG,IAAA,mCAAgB,EACpC,YAAY,EACZ,EAAE,OAAO,EAAE,SAA0B,EAAE,EACvC,QAAQ,CACT,CAAC"}

package/dist/cjs/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/cjs/Caret/Caret.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Caret = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Box_1 = require("../Box");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+const StyledCaret = (0, styled_components_1.default)(Box_1.Box) `
+  position: relative;
+  width: ${(props) => (0, theme_get_1.themeGet)(`space.${props.size}`)(props)};
+  height: ${(props) => (0, theme_get_1.themeGet)(`space.${props.size}`)(props)};
+  flex-shrink: 0;
+
+  &::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 70%;
+    height: 70%;
+    background-color: transparent;
+    transform: translate(-50%, -50%) rotate(45deg);
+
+    ${({ direction }) => {
+    switch (direction) {
+        case "up":
+            return (0, styled_components_1.css) `
+            border-top: 1px solid;
+            border-left: 1px solid;
+            margin-top: 25%;
+          `;
+        case "down":
+            return (0, styled_components_1.css) `
+            border-right: 1px solid;
+            border-bottom: 1px solid;
+            margin-top: -25%;
+          `;
+        case "left":
+            return (0, styled_components_1.css) `
+            border-bottom: 1px solid;
+            border-left: 1px solid;
+            margin-left: 25%;
+          `;
+        case "right":
+            return (0, styled_components_1.css) `
+            border-top: 1px solid;
+            border-right: 1px solid;
+            margin-left: -25%;
+          `;
+    }
+}}
+  }
+`;
+StyledCaret.displayName = "StyledCaret";
+exports.Caret = (0, withDefaultProps_1.withDefaultProps)(StyledCaret, {
+    direction: "down",
+    size: 3,
+}, "Caret");
+//# sourceMappingURL=Caret.js.map

package/dist/cjs/Caret/Caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../../src/Caret/Caret.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,wDAAoD;AACpD,gCAAuC;AACvC,8DAA2D;AAO3D,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAY;;WAEhC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,oBAAQ,EAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,oBAAQ,EAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;;;;;;;;;;;;;;MAcvD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAClB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,IAAA,uBAAG,EAAA;;;;WAIT,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,IAAA,uBAAG,EAAA;;;;WAIT,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,IAAA,uBAAG,EAAA;;;;WAIT,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,IAAA,uBAAG,EAAA;;;;WAIT,CAAC;IACN,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAE3B,QAAA,KAAK,GAAG,IAAA,mCAAgB,EACnC,WAAW,EACX;IACE,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC;CACR,EACD,OAAO,CACR,CAAC"}

package/dist/cjs/Caret/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Caret/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/Cell/Cell.js

@@ -0,0 +1,85 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cell = exports.cellMixin = exports.cellFocusMixin = exports.CELL_VARIANTS = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const styled_system_1 = require("styled-system");
+const theme_get_1 = require("@styled-system/theme-get");
+const Box_1 = require("../Box");
+const shouldForwardProp_1 = require("../lib/shouldForwardProp");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.CELL_VARIANTS = {
+    default: {
+        fontSize: [2, 2, 3],
+        px: 6,
+        py: 4,
+    },
+    small: {
+        fontSize: [0, 0, 1],
+        px: 3,
+        py: 2,
+    },
+};
+exports.cellFocusMixin = (0, styled_components_1.css) `
+  outline: 0;
+  box-shadow: inset 0 0 0 ${(0, theme_get_1.themeGet)("space.1")} ${(0, theme_get_1.themeGet)("colors.accent")};
+`;
+exports.cellMixin = (0, styled_components_1.css) `
+  align-items: center;
+  background-color: ${(0, theme_get_1.themeGet)("colors.background")};
+  border-color: ${(0, theme_get_1.themeGet)("colors.border")};
+  border-style: solid;
+  border-width: 1px;
+  color: ${(0, theme_get_1.themeGet)("colors.primary")};
+  display: flex;
+  font-family: ${(0, theme_get_1.themeGet)("fonts.body")};
+  line-height: ${(0, theme_get_1.themeGet)("lineHeights.2")};
+  transition: box-shadow 250ms ease;
+
+  ${(0, styled_system_1.variant)({ variants: exports.CELL_VARIANTS })}
+  ${Box_1.boxMixin}
+`;
+const StyledCell = styled_components_1.default.div.withConfig({
+    shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
+}) `
+  ${exports.cellMixin}
+
+  &:focus {
+    ${exports.cellFocusMixin}
+  }
+`;
+StyledCell.displayName = "StyledCell";
+exports.Cell = (0, withDefaultProps_1.withDefaultProps)(StyledCell, { variant: "default" }, "Cell");
+//# sourceMappingURL=Cell.js.map