@overmap-ai/blocks 0.0.1-alpha.19

package/README.md

@@ -0,0 +1,3 @@
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/Buttons/Button.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./typings.ts";
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;

package/dist/Buttons/IconButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./typings.ts";
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "fluid">, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;

package/dist/Buttons/constants.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHoverEffect, ButtonSeverity, ButtonSize, RadixButtonProps } from "./typings.ts";
+export declare const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined>;
+export declare const ButtonSeverityColorMapping: Record<ButtonSeverity, RadixButtonProps["color"]>;
+export declare const ButtonSizeMapping: Record<ButtonSize, RadixButtonProps["size"]>;

package/dist/Buttons/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from "./Button.tsx";
+export { default as IconButton } from "./IconButton.tsx";
+export type { ButtonSeverity, ButtonSize, ButtonHoverEffect } from "./typings.ts";

package/dist/Buttons/typings.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button as RadixButton, Responsive } from "@radix-ui/themes";
+export type RadixButtonProps = React.ComponentProps<typeof RadixButton>;
+export type ButtonSeverity = "primary" | "success" | "danger" | "info";
+export type ButtonSize = "small" | "medium" | "large";
+export type ButtonVariant = "solid" | "soft" | "outline" | "ghost";
+export type ButtonHoverEffect = "spin90Clockwise" | "spin180Clockwise" | "spin360Clockwise";
+export interface ButtonProps extends Omit<RadixButtonProps, "size" | "color" | "variant"> {
+    fluid?: boolean;
+    variant?: ButtonVariant;
+    severity?: ButtonSeverity;
+    size?: Responsive<ButtonSize>;
+    hoverEffects?: ButtonHoverEffect[];
+}

package/dist/blocks.js

@@ -0,0 +1,105 @@
+import { jsx as u } from "react/jsx-runtime";
+import m, { forwardRef as f } from "react";
+import { Button as h, IconButton as b } from "@radix-ui/themes";
+const k = "_fluid_3aivb_6", y = "_hoverSpin90Clockwise_3aivb_20", B = "_hoverSpin180Clockwise_3aivb_31", j = "_hoverSpin360Clockwise_3aivb_42", a = {
+  default: "_default_3aivb_1",
+  fluid: k,
+  hoverSpin90Clockwise: y,
+  hoverSpin180Clockwise: B,
+  hoverSpin360Clockwise: j
+};
+function O(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var w = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var s = {}.hasOwnProperty;
+    function n() {
+      for (var e = [], i = 0; i < arguments.length; i++) {
+        var o = arguments[i];
+        if (o) {
+          var r = typeof o;
+          if (r === "string" || r === "number")
+            e.push(o);
+          else if (Array.isArray(o)) {
+            if (o.length) {
+              var l = n.apply(null, o);
+              l && e.push(l);
+            }
+          } else if (r === "object") {
+            if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
+              e.push(o.toString());
+              continue;
+            }
+            for (var c in o)
+              s.call(o, c) && o[c] && e.push(c);
+          }
+        }
+      }
+      return e.join(" ");
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(w);
+var g = w.exports;
+const d = /* @__PURE__ */ O(g), v = {
+  spin90Clockwise: a.hoverSpin90Clockwise,
+  spin180Clockwise: a.hoverSpin180Clockwise,
+  spin360Clockwise: a.hoverSpin360Clockwise
+}, C = {
+  primary: "indigo",
+  success: "green",
+  danger: "red",
+  info: "gray"
+}, S = {
+  small: "1",
+  medium: "2",
+  large: "3"
+};
+function _(t, s) {
+  if (typeof t == "object") {
+    if (!("initial" in t))
+      throw new Error("Expected initial property to be set in Responsive object");
+    return Object.fromEntries(Object.entries(t).map(([n, e]) => [n, s[e]]));
+  } else
+    return s[t];
+}
+const N = f(function({ className: s, severity: n = "primary", size: e = "medium", hoverEffects: i, fluid: o, ...r }, l) {
+  const c = (i == null ? void 0 : i.map((p) => v[p])) || [];
+  return /* @__PURE__ */ u(
+    h,
+    {
+      ref: l,
+      className: d(a.default, s, c, {
+        [a.fluid]: o
+      }),
+      color: C[n],
+      size: _(e, S),
+      ...r
+    }
+  );
+}), I = m.memo(N), x = f(function({ className: s, children: n, severity: e = "primary", size: i = "medium", hoverEffects: o, ...r }, l) {
+  const c = (o == null ? void 0 : o.map((p) => v[p])) || [];
+  return /* @__PURE__ */ u(
+    b,
+    {
+      className: d(a.default, s, c),
+      ref: l,
+      color: C[e],
+      size: _(i, S),
+      ...r,
+      children: n
+    }
+  );
+}), $ = m.memo(x);
+export {
+  I as Button,
+  $ as IconButton
+};
+//# sourceMappingURL=blocks.js.map

package/dist/blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { ButtonHoverEffect, ButtonSeverity, ButtonSize, RadixButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\n\nexport const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined> = {\n\tspin90Clockwise: styles.hoverSpin90Clockwise,\n\tspin180Clockwise: styles.hoverSpin180Clockwise,\n\tspin360Clockwise: styles.hoverSpin360Clockwise,\n}\n\nexport const ButtonSeverityColorMapping: Record<ButtonSeverity, RadixButtonProps[\"color\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n\nexport const ButtonSizeMapping: Record<ButtonSize, RadixButtonProps[\"size\"]> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n","import { Responsive } from \"@radix-ui/themes\"\n\n// applyResponsiveMapping is a helper function used to map the keys of a Radix Responsive type that can be understood\n// by a Radix component or primitive. The point of this is to leverage our own custom prop names and values while still\n// using Radix's built in Responsiveness functionality.\n/**\n * Returns an object with mapped key values or a single mapped value\n * @param value an object or string\n * @param mapping a Record mapping the object values of param value\n */\nexport function applyResponsiveMapping<T extends string, K>(value: Responsive<T>, mapping: Record<T, K>) {\n\tif (typeof value === \"object\") {\n\t\tif (!(\"initial\" in value)) {\n\t\t\t// Responsive objects require an 'initial' property to be set that acts as a default\n\t\t\tthrow new Error(\"Expected initial property to be set in Responsive object\")\n\t\t}\n\t\treturn Object.fromEntries(Object.entries(value).map(([key, _value]) => [key, mapping[_value]]))\n\t} else {\n\t\treturn mapping[value]\n\t}\n}\n","import React, { forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\nimport classNames from \"classnames\"\nimport { Button as RadixButton } from \"@radix-ui/themes\"\nimport { ButtonSeverityColorMapping, ButtonSizeMapping, hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\n\nconst _Button = forwardRef(function Button(\n\t{ className, severity = \"primary\", size = \"medium\", hoverEffects, fluid, ...rest }: ButtonProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst hoverEffectClasses =\n\t\thoverEffects?.map((hoverEffect) => {\n\t\t\treturn hoverEffectClassNameMapping[hoverEffect]\n\t\t}) || []\n\n\treturn (\n\t\t<RadixButton\n\t\t\tref={ref}\n\t\t\tclassName={classNames(styles.default, className, hoverEffectClasses, {\n\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t})}\n\t\t\tcolor={ButtonSeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, ButtonSizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\nexport default React.memo(_Button)\n","import React, { forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { ButtonSeverityColorMapping, ButtonSizeMapping, hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: Omit<ButtonProps, \"fluid\">,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst hoverEffectClasses =\n\t\thoverEffects?.map((hoverEffect) => {\n\t\t\treturn hoverEffectClassNameMapping[hoverEffect]\n\t\t}) || []\n\n\treturn (\n\t\t<RadixIconButton\n\t\t\tclassName={classNames(styles.default, className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={ButtonSeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, ButtonSizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\nexport default React.memo(_Button)\n"],"names":["hasOwn","classNames","classes","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","ButtonSeverityColorMapping","ButtonSizeMapping","applyResponsiveMapping","value","mapping","_value","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/blocks.umd.cjs

@@ -0,0 +1,6 @@
+(function(o,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react"),require("@radix-ui/themes")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@radix-ui/themes"],l):(o=typeof globalThis<"u"?globalThis:o||self,l(o.blocks={},o.jsxRuntime,o.React,o.themes))})(this,function(o,l,f,m){"use strict";const p={default:"_default_3aivb_1",fluid:"_fluid_3aivb_6",hoverSpin90Clockwise:"_hoverSpin90Clockwise_3aivb_20",hoverSpin180Clockwise:"_hoverSpin180Clockwise_3aivb_31",hoverSpin360Clockwise:"_hoverSpin360Clockwise_3aivb_42"};function k(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var w={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(t){(function(){var r={}.hasOwnProperty;function n(){for(var i=[],s=0;s<arguments.length;s++){var e=arguments[s];if(e){var c=typeof e;if(c==="string"||c==="number")i.push(e);else if(Array.isArray(e)){if(e.length){var a=n.apply(null,e);a&&i.push(a)}}else if(c==="object"){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){i.push(e.toString());continue}for(var u in e)r.call(e,u)&&e[u]&&i.push(u)}}}return i.join(" ")}t.exports?(n.default=n,t.exports=n):window.classNames=n})()})(w);var y=w.exports;const v=k(y),h={spin90Clockwise:p.hoverSpin90Clockwise,spin180Clockwise:p.hoverSpin180Clockwise,spin360Clockwise:p.hoverSpin360Clockwise},S={primary:"indigo",success:"green",danger:"red",info:"gray"},C={small:"1",medium:"2",large:"3"};function _(t,r){if(typeof t=="object"){if(!("initial"in t))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(t).map(([n,i])=>[n,r[i]]))}else return r[t]}const b=f.forwardRef(function({className:r,severity:n="primary",size:i="medium",hoverEffects:s,fluid:e,...c},a){const u=(s==null?void 0:s.map(d=>h[d]))||[];return l.jsx(m.Button,{ref:a,className:v(p.default,r,u,{[p.fluid]:e}),color:S[n],size:_(i,C),...c})}),j=f.memo(b),B=f.forwardRef(function({className:r,children:n,severity:i="primary",size:s="medium",hoverEffects:e,...c},a){const u=(e==null?void 0:e.map(d=>h[d]))||[];return l.jsx(m.IconButton,{className:v(p.default,r,u),ref:a,color:S[i],size:_(s,C),...c,children:n})}),x=f.memo(B);o.Button=j,o.IconButton=x,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=blocks.umd.cjs.map

package/dist/blocks.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.umd.cjs","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { ButtonHoverEffect, ButtonSeverity, ButtonSize, RadixButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\n\nexport const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined> = {\n\tspin90Clockwise: styles.hoverSpin90Clockwise,\n\tspin180Clockwise: styles.hoverSpin180Clockwise,\n\tspin360Clockwise: styles.hoverSpin360Clockwise,\n}\n\nexport const ButtonSeverityColorMapping: Record<ButtonSeverity, RadixButtonProps[\"color\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n\nexport const ButtonSizeMapping: Record<ButtonSize, RadixButtonProps[\"size\"]> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n","import { Responsive } from \"@radix-ui/themes\"\n\n// applyResponsiveMapping is a helper function used to map the keys of a Radix Responsive type that can be understood\n// by a Radix component or primitive. The point of this is to leverage our own custom prop names and values while still\n// using Radix's built in Responsiveness functionality.\n/**\n * Returns an object with mapped key values or a single mapped value\n * @param value an object or string\n * @param mapping a Record mapping the object values of param value\n */\nexport function applyResponsiveMapping<T extends string, K>(value: Responsive<T>, mapping: Record<T, K>) {\n\tif (typeof value === \"object\") {\n\t\tif (!(\"initial\" in value)) {\n\t\t\t// Responsive objects require an 'initial' property to be set that acts as a default\n\t\t\tthrow new Error(\"Expected initial property to be set in Responsive object\")\n\t\t}\n\t\treturn Object.fromEntries(Object.entries(value).map(([key, _value]) => [key, mapping[_value]]))\n\t} else {\n\t\treturn mapping[value]\n\t}\n}\n","import React, { forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\nimport classNames from \"classnames\"\nimport { Button as RadixButton } from \"@radix-ui/themes\"\nimport { ButtonSeverityColorMapping, ButtonSizeMapping, hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\n\nconst _Button = forwardRef(function Button(\n\t{ className, severity = \"primary\", size = \"medium\", hoverEffects, fluid, ...rest }: ButtonProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst hoverEffectClasses =\n\t\thoverEffects?.map((hoverEffect) => {\n\t\t\treturn hoverEffectClassNameMapping[hoverEffect]\n\t\t}) || []\n\n\treturn (\n\t\t<RadixButton\n\t\t\tref={ref}\n\t\t\tclassName={classNames(styles.default, className, hoverEffectClasses, {\n\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t})}\n\t\t\tcolor={ButtonSeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, ButtonSizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\nexport default React.memo(_Button)\n","import React, { forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport styles from \"./Button.module.sass\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { ButtonSeverityColorMapping, ButtonSizeMapping, hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: Omit<ButtonProps, \"fluid\">,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst hoverEffectClasses =\n\t\thoverEffects?.map((hoverEffect) => {\n\t\t\treturn hoverEffectClassNameMapping[hoverEffect]\n\t\t}) || []\n\n\treturn (\n\t\t<RadixIconButton\n\t\t\tclassName={classNames(styles.default, className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={ButtonSeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, ButtonSizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\nexport default React.memo(_Button)\n"],"names":["hasOwn","classNames","classes","i","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","ButtonSeverityColorMapping","ButtonSizeMapping","applyResponsiveMapping","value","mapping","_value","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAGhB,SAASC,GAAa,CAGrB,QAFIC,EAAU,CAAA,EAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACrB,GAAKC,EAEL,KAAIC,EAAU,OAAOD,EAErB,GAAIC,IAAY,UAAYA,IAAY,SACvCH,EAAQ,KAAKE,CAAG,UACN,MAAM,QAAQA,CAAG,GAC3B,GAAIA,EAAI,OAAQ,CACf,IAAIE,EAAQL,EAAW,MAAM,KAAMG,CAAG,EAClCE,GACHJ,EAAQ,KAAKI,CAAK,CAEnB,UACSD,IAAY,SAAU,CAChC,GAAID,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAAG,CACrGF,EAAQ,KAAKE,EAAI,SAAU,CAAA,EAC3B,QACA,CAED,QAASG,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,GACnCL,EAAQ,KAAKK,CAAG,CAGlB,EACD,CAED,OAAOL,EAAQ,KAAK,GAAG,CACvB,CAEoCM,EAAO,SAC3CP,EAAW,QAAUA,EACrBO,EAAA,QAAiBP,GAOjB,OAAO,WAAaA,CAEtB,uCCxDaQ,EAA6E,CACzF,gBAAiBC,EAAO,qBACxB,iBAAkBA,EAAO,sBACzB,iBAAkBA,EAAO,qBAC1B,EAEaC,EAAgF,CAC5F,QAAS,SACT,QAAS,QACT,OAAQ,MACR,KAAM,MACP,EAEaC,EAAkE,CAC9E,MAAO,IACP,OAAQ,IACR,MAAO,GACR,ECVgB,SAAAC,EAA4CC,EAAsBC,EAAuB,CACpG,GAAA,OAAOD,GAAU,SAAU,CAC1B,GAAA,EAAE,YAAaA,GAEZ,MAAA,IAAI,MAAM,0DAA0D,EAE3E,OAAO,OAAO,YAAY,OAAO,QAAQA,CAAK,EAAE,IAAI,CAAC,CAACP,EAAKS,CAAM,IAAM,CAACT,EAAKQ,EAAQC,CAAM,CAAC,CAAC,CAAC,CAAA,KAE9F,QAAOD,EAAQD,CAAK,CAEtB,CCZA,MAAMG,EAAUC,EAAAA,WAAW,SAC1B,CAAE,UAAAC,EAAW,SAAAC,EAAW,UAAW,KAAAC,EAAO,SAAU,aAAAC,EAAc,MAAAC,EAAO,GAAGC,CAAA,EAC5EC,EACC,CACD,MAAMC,GACLJ,GAAA,YAAAA,EAAc,IAAKK,GACXlB,EAA4BkB,CAAW,KACzC,CAAA,EAGN,OAAAC,EAAA,IAACC,EAAA,OAAA,CACA,IAAAJ,EACA,UAAWxB,EAAWS,EAAO,QAASS,EAAWO,EAAoB,CACpE,CAAChB,EAAO,KAAM,EAAGa,CAAA,CACjB,EACD,MAAOZ,EAA2BS,CAAQ,EAC1C,KAAMP,EAAuBQ,EAAMT,CAAiB,EACnD,GAAGY,CAAA,CAAA,CAGP,CAAC,EAEDM,EAAeC,EAAM,KAAKd,CAAO,ECtB3BA,EAAUC,EAAAA,WAAW,SAC1B,CAAE,UAAAC,EAAW,SAAAa,EAAU,SAAAZ,EAAW,UAAW,KAAAC,EAAO,SAAU,aAAAC,EAAc,GAAGE,CAAA,EAC/EC,EACC,CACD,MAAMC,GACLJ,GAAA,YAAAA,EAAc,IAAKK,GACXlB,EAA4BkB,CAAW,KACzC,CAAA,EAGN,OAAAC,EAAA,IAACK,EAAA,WAAA,CACA,UAAWhC,EAAWS,EAAO,QAASS,EAAWO,CAAkB,EACnE,IAAAD,EACA,MAAOd,EAA2BS,CAAQ,EAC1C,KAAMP,EAAuBQ,EAAMT,CAAiB,EACnD,GAAGY,EAEH,SAAAQ,CAAA,CAAA,CAGJ,CAAC,EAEDE,EAAeH,EAAM,KAAKd,CAAO","x_google_ignoreList":[0]}

package/dist/index.d.ts

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

package/dist/style.css

@@ -0,0 +1 @@
+._default_3aivb_1{width:max-content;cursor:pointer}._fluid_3aivb_6{flex-grow:1;width:auto}._hoverSpin90Clockwise_3aivb_20>svg{transition:unset}._hoverSpin90Clockwise_3aivb_20 svg{transition:transform .25s ease-in-out!important;transform:rotate(0)!important}._hoverSpin90Clockwise_3aivb_20:hover:not(:disabled) svg{transform:rotate(90deg)!important}._hoverSpin180Clockwise_3aivb_31>svg{transition:unset}._hoverSpin180Clockwise_3aivb_31 svg{transition:transform .3s ease-in-out!important;transform:rotate(0)!important}._hoverSpin180Clockwise_3aivb_31:hover:not(:disabled) svg{transform:rotate(180deg)!important}._hoverSpin360Clockwise_3aivb_42>svg{transition:unset}._hoverSpin360Clockwise_3aivb_42 svg{transition:transform .5s ease-in-out!important;transform:rotate(0)!important}._hoverSpin360Clockwise_3aivb_42:hover:not(:disabled) svg{transform:rotate(360deg)!important}

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+import { Responsive } from "@radix-ui/themes";
+/**
+ * Returns an object with mapped key values or a single mapped value
+ * @param value an object or string
+ * @param mapping a Record mapping the object values of param value
+ */
+export declare function applyResponsiveMapping<T extends string, K>(value: Responsive<T>, mapping: Record<T, K>): Record<T, K>[T] | {
+    [k: string]: Record<T, K>[T];
+};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@overmap-ai/blocks",
+  "private": false,
+  "version": "0.0.1-alpha.19",
+  "type": "module",
+  "main": "dist/blocks.umd.cjs",
+  "module": "dist/blocks.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint src, .storybook, stories --ext ts,tsx,js,jsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "yarn lint --fix",
+    "preview": "vite preview",
+    "prepare": "husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "@radix-ui/themes": "^1.1.2",
+    "@radix-ui/colors": "^3.0.0-rc.5",
+    "@radix-ui/react-icons": "^1.3.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@radix-ui/colors": "^3.0.0-rc.5",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/themes": "^1.1.2",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@storybook/addon-essentials": "^7.4.3",
+    "@storybook/addon-interactions": "^7.4.3",
+    "@storybook/addon-links": "^7.4.3",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.3",
+    "@storybook/react": "^7.4.3",
+    "@storybook/react-vite": "^7.4.3",
+    "@storybook/testing-library": "^0.2.1",
+    "@types/node": "^20.6.3",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "classnames": "^2.3.2",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.13",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
+    "prettier": "^3.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-polyfill-node": "^0.12.0",
+    "sass": "^1.68.0",
+    "storybook": "^7.4.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.5.3",
+    "vite-plugin-externalize-deps": "^0.7.0"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "yarn eslint --fix"
+    ]
+  },
+  "files": [
+    "dist"
+  ],
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  }
+}