npm - @overmap-ai/blocks - Versions diffs - 0.0.1-alpha.21 → 0.0.1-alpha.24 - Mend

@overmap-ai/blocks 0.0.1-alpha.21 → 0.0.1-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/Input/index.d.ts +1 -1
package/dist/Popover/Popover.d.ts +3 -0
package/dist/Popover/index.d.ts +1 -0
package/dist/Popover/typings.d.ts +17 -0
package/dist/Select/index.d.ts +1 -1
package/dist/blocks.js +123 -117
package/dist/blocks.js.map +1 -1
package/dist/blocks.umd.cjs +2 -2
package/dist/blocks.umd.cjs.map +1 -1
package/dist/index.d.ts +1 -0
package/package.json +7 -3

package/dist/Input/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from "./Input.tsx";
+export * from "./Input";
 export * from "./typings.ts";

package/dist/Popover/Popover.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { PopoverProps } from "./typings.ts";
+export declare const Popover: FC<PopoverProps>;

package/dist/Popover/index.d.ts ADDED Viewed

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

package/dist/Popover/typings.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+import { Popover as RadixPopover } from "@radix-ui/themes";
+type RadixPopoverRootProps = React.ComponentProps<typeof RadixPopover.Root>;
+type RadixPopoverContentProps = React.ComponentProps<typeof RadixPopover.Content>;
+export interface PopoverProps extends Omit<RadixPopoverContentProps, "children" | "content"> {
+    /** children will represent the content contained within the popover,
+     it is using the RenderProps pattern to pass a 'Close' tag which
+     can be used to wrap any components in to close the popover on click of those said components*/
+    content: (Close: typeof RadixPopover.Close) => ReactNode;
+    /** The component that will cause the popover to show or hide on click depending on its current open state */
+    children: ReactNode;
+    /** determines if popover should default to open on render */
+    defaultOpen?: RadixPopoverRootProps["defaultOpen"];
+    /** if true disables interaction with other elements until popover is closed*/
+    modal?: RadixPopoverRootProps["modal"];
+}
+export {};

package/dist/Select/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from "./Select.tsx";
+export * from "./Select";
 export * from "./typings.ts";

package/dist/blocks.js CHANGED Viewed

@@ -1,66 +1,66 @@
-import { jsx as c, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import x, { forwardRef as I, memo as b, useState as $, useCallback as N, useMemo as R, createContext as q, useContext as G } from "react";
-import { Button as H, IconButton as B, Flex as h, Dialog as C, AlertDialog as f, Select as D, TextField as y, Text as J } from "@radix-ui/themes";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import k, { forwardRef as D, memo as O, useState as R, useCallback as N, useMemo as P, createContext as q, useContext as G } from "react";
+import { Button as H, IconButton as B, Flex as h, Dialog as C, AlertDialog as f, Select as x, TextField as I, Text as J, Popover as b } from "@radix-ui/themes";
 import { Cross1Icon as K } from "@radix-ui/react-icons";
-const Q = "_fluid_zkx83_5", U = "_hoverSpin90Clockwise_zkx83_19", V = "_hoverSpin180Clockwise_zkx83_30", W = "_hoverSpin360Clockwise_zkx83_41", k = {
+const Q = "_fluid_zkx83_5", U = "_hoverSpin90Clockwise_zkx83_19", V = "_hoverSpin180Clockwise_zkx83_30", W = "_hoverSpin360Clockwise_zkx83_41", w = {
   default: "_default_zkx83_1",
   fluid: Q,
   hoverSpin90Clockwise: U,
   hoverSpin180Clockwise: V,
   hoverSpin360Clockwise: W
 };
-function X(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+function X(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var L = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(n) {
+(function(i) {
   (function() {
-    var r = {}.hasOwnProperty;
+    var c = {}.hasOwnProperty;
     function o() {
-      for (var t = [], i = 0; i < arguments.length; i++) {
-        var e = arguments[i];
+      for (var n = [], t = 0; t < arguments.length; t++) {
+        var e = arguments[t];
         if (e) {
           var s = typeof e;
           if (s === "string" || s === "number")
-            t.push(e);
+            n.push(e);
           else if (Array.isArray(e)) {
             if (e.length) {
               var l = o.apply(null, e);
-              l && t.push(l);
+              l && n.push(l);
             }
           } else if (s === "object") {
             if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
-              t.push(e.toString());
+              n.push(e.toString());
               continue;
             }
             for (var a in e)
-              r.call(e, a) && e[a] && t.push(a);
+              c.call(e, a) && e[a] && n.push(a);
           }
         }
       }
-      return t.join(" ");
+      return n.join(" ");
     }
-    n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
+    i.exports ? (o.default = o, i.exports = o) : window.classNames = o;
   })();
-})(L);
-var Y = L.exports;
-const _ = /* @__PURE__ */ X(Y), P = {
-  spin90Clockwise: k.hoverSpin90Clockwise,
-  spin180Clockwise: k.hoverSpin180Clockwise,
-  spin360Clockwise: k.hoverSpin360Clockwise
+})(T);
+var Y = T.exports;
+const _ = /* @__PURE__ */ X(Y), L = {
+  spin90Clockwise: w.hoverSpin90Clockwise,
+  spin180Clockwise: w.hoverSpin180Clockwise,
+  spin360Clockwise: w.hoverSpin360Clockwise
 };
-function O(n, r) {
-  if (typeof n == "object") {
-    if (!("initial" in n))
+function $(i, c) {
+  if (typeof i == "object") {
+    if (!("initial" in i))
       throw new Error("Expected initial property to be set in Responsive object");
-    return Object.fromEntries(Object.entries(n).map(([o, t]) => [o, r[t]]));
+    return Object.fromEntries(Object.entries(i).map(([o, n]) => [o, c[n]]));
   } else
-    return r[n];
+    return c[i];
 }
 const j = {
   small: "1",
@@ -71,55 +71,55 @@ const j = {
   success: "green",
   danger: "red",
   info: "gray"
-}, Z = I(function({ className: r, severity: o = "primary", size: t = "medium", hoverEffects: i, fluid: e, ...s }, l) {
-  const a = (i == null ? void 0 : i.map((u) => P[u])) || [];
-  return /* @__PURE__ */ c(
+}, Z = D(function({ className: c, severity: o = "primary", size: n = "medium", hoverEffects: t, fluid: e, ...s }, l) {
+  const a = (t == null ? void 0 : t.map((u) => L[u])) || [];
+  return /* @__PURE__ */ r(
     H,
     {
       ref: l,
-      className: _(k.default, r, a, {
-        [k.fluid]: e
+      className: _(w.default, c, a, {
+        [w.fluid]: e
       }),
       color: g[o],
-      size: O(t, j),
+      size: $(n, j),
       ...s
     }
   );
-}), A = x.memo(Z), ee = I(function({ className: r, children: o, severity: t = "primary", size: i = "medium", hoverEffects: e, ...s }, l) {
-  const a = (e == null ? void 0 : e.map((u) => P[u])) || [];
-  return /* @__PURE__ */ c(
+}), A = k.memo(Z), ee = D(function({ className: c, children: o, severity: n = "primary", size: t = "medium", hoverEffects: e, ...s }, l) {
+  const a = (e == null ? void 0 : e.map((u) => L[u])) || [];
+  return /* @__PURE__ */ r(
     B,
     {
-      className: _(r, a),
+      className: _(c, a),
       ref: l,
-      color: g[t],
-      size: O(i, j),
+      color: g[n],
+      size: $(t, j),
       ...s,
       children: o
     }
   );
-}), _e = x.memo(ee), ne = b((n) => {
-  const { title: r, description: o, content: t, closeDialog: i } = n;
+}), ge = k.memo(ee), oe = O((i) => {
+  const { title: c, description: o, content: n, closeDialog: t } = i;
   return /* @__PURE__ */ d(h, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ d(h, { direction: "column", gap: "1", children: [
       /* @__PURE__ */ d(h, { justify: "between", children: [
-        /* @__PURE__ */ c(C.Title, { mb: "0", children: r }),
-        /* @__PURE__ */ c(C.Close, { children: /* @__PURE__ */ c(B, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ c(K, {}) }) })
+        /* @__PURE__ */ r(C.Title, { mb: "0", children: c }),
+        /* @__PURE__ */ r(C.Close, { children: /* @__PURE__ */ r(B, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ r(K, {}) }) })
       ] }),
-      /* @__PURE__ */ c(C.Description, { children: o })
+      /* @__PURE__ */ r(C.Description, { children: o })
     ] }),
-    t(i)
+    n(t)
   ] });
-}), ge = b((n) => {
-  const { children: r, size: o, onOpen: t, onCloseInterrupt: i, ...e } = n, [s, l] = $(!1), a = N(
+}), ve = O((i) => {
+  const { children: c, size: o, onOpen: n, onCloseInterrupt: t, ...e } = i, [s, l] = R(!1), a = N(
     (p) => {
-      if (p && t)
-        t();
-      else if (!p && i)
-        return i(() => l(!1));
+      if (p && n)
+        n();
+      else if (!p && t)
+        return t(() => l(!1));
       l(p);
     },
-    [t, i]
+    [n, t]
   ), u = N(
     (p) => {
       if (p != null && p.force)
@@ -129,143 +129,149 @@ const j = {
     [a]
   );
   return /* @__PURE__ */ d(C.Root, { open: s, onOpenChange: a, children: [
-    /* @__PURE__ */ c(C.Content, { size: o, children: /* @__PURE__ */ c(ne, { closeDialog: u, ...e }) }),
-    r(C.Trigger)
+    /* @__PURE__ */ r(C.Content, { size: o, children: /* @__PURE__ */ r(oe, { closeDialog: u, ...e }) }),
+    c(C.Trigger)
   ] });
-}), T = (n) => /* @__PURE__ */ c(f.Title, { mb: "0", ...n }), oe = (n) => {
-  const { title: r, description: o, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: s, severity: l } = n;
+}), M = (i) => /* @__PURE__ */ r(f.Title, { mb: "0", ...i }), ne = (i) => {
+  const { title: c, description: o, actionText: n = "Confirm", cancelText: t = "Cancel", onAction: e, onCancel: s, severity: l } = i;
   return /* @__PURE__ */ d(h, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ d(h, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ c(T, { children: r }),
-      /* @__PURE__ */ c(f.Description, { children: o })
+      /* @__PURE__ */ r(M, { children: c }),
+      /* @__PURE__ */ r(f.Description, { children: o })
     ] }),
     /* @__PURE__ */ d(h, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ c(f.Cancel, { children: /* @__PURE__ */ c(A, { variant: "soft", severity: "info", onClick: s, children: i }) }),
-      /* @__PURE__ */ c(f.Action, { children: /* @__PURE__ */ c(A, { variant: "solid", severity: l, onClick: e, children: t }) })
+      /* @__PURE__ */ r(f.Cancel, { children: /* @__PURE__ */ r(A, { variant: "soft", severity: "info", onClick: s, children: t }) }),
+      /* @__PURE__ */ r(f.Action, { children: /* @__PURE__ */ r(A, { variant: "solid", severity: l, onClick: e, children: n }) })
     ] })
   ] });
-}, te = b((n) => {
-  const { open: r, setOpen: o, children: t, ...i } = n, e = R(() => ({
+}, te = O((i) => {
+  const { open: c, setOpen: o, children: n, ...t } = i, e = P(() => ({
     close: () => o(!1),
-    Title: T,
+    Title: M,
     Description: f.Description
   }), [o]);
-  return /* @__PURE__ */ d(f.Root, { open: r, onOpenChange: o, children: [
-    /* @__PURE__ */ c(f.Content, { children: "content" in i ? i.content(e) : /* @__PURE__ */ c(oe, { ...i }) }),
-    t
+  return /* @__PURE__ */ d(f.Root, { open: c, onOpenChange: o, children: [
+    /* @__PURE__ */ r(f.Content, { children: "content" in t ? t.content(e) : /* @__PURE__ */ r(ne, { ...t }) }),
+    n
   ] });
-}), M = q(() => {
+}), F = q(() => {
   throw new Error("No AlertDialogProvider found");
 }), ie = {
   content: () => null
-}, Se = b(({ children: n }) => {
-  const [r, o] = $(!1), [t, i] = $(ie), e = N(
+}, Se = O(({ children: i }) => {
+  const [c, o] = R(!1), [n, t] = R(ie), e = N(
     (s) => {
-      if (r)
+      if (c)
         throw new Error("AlertDialog is already open");
-      i(s), o(!0);
+      t(s), o(!0);
     },
-    [r]
+    [c]
   );
-  return /* @__PURE__ */ c(te, { open: r, setOpen: o, ...t, children: /* @__PURE__ */ c(M.Provider, { value: e, children: n }) });
-}), we = () => G(M), ce = "_itemDefault_19sov_5", re = "_fluid_19sov_9", z = {
+  return /* @__PURE__ */ r(te, { open: c, setOpen: o, ...n, children: /* @__PURE__ */ r(F.Provider, { value: e, children: i }) });
+}), we = () => G(F), re = "_itemDefault_19sov_5", ce = "_fluid_19sov_9", z = {
   default: "_default_19sov_1",
-  itemDefault: ce,
-  fluid: re
-}, se = I(function({
-  className: r,
+  itemDefault: re,
+  fluid: ce
+}, se = D(function({
+  className: c,
   fluid: o,
-  size: t = "medium",
-  variant: i = "surface",
+  size: n = "medium",
+  variant: t = "surface",
   severity: e = "primary",
   placeholder: s = "Select",
   side: l,
   items: a = [],
   ...u
 }, p) {
-  const S = R(() => O(t, j), [t]);
-  return /* @__PURE__ */ d(D.Root, { size: S, children: [
-    /* @__PURE__ */ c(
-      D.Trigger,
+  const v = P(() => $(n, j), [n]);
+  return /* @__PURE__ */ d(x.Root, { size: v, children: [
+    /* @__PURE__ */ r(
+      x.Trigger,
       {
-        className: _(r, z.default, {
+        className: _(c, z.default, {
           [z.fluid]: o
         }),
         ref: p,
-        variant: i,
+        variant: t,
         placeholder: s,
         color: g[e],
         ...u
       }
     ),
-    /* @__PURE__ */ c(
-      D.Content,
+    /* @__PURE__ */ r(
+      x.Content,
       {
         side: l,
         position: "popper",
-        variant: i !== "surface" ? "soft" : "solid",
+        variant: t !== "surface" ? "soft" : "solid",
         color: g[e],
-        children: a.map(({ label: v, value: m, ...F }) => /* @__PURE__ */ c(D.Item, { className: _(z.itemDefault), value: m, ...F, children: v }, m))
+        children: a.map(({ label: y, value: m, ...E }) => /* @__PURE__ */ r(x.Item, { className: _(z.itemDefault), value: m, ...E, children: y }, m))
       }
     )
   ] });
-}), ke = x.memo(se), le = "_accommodateCharCount_fni4k_1", ae = "_noLeftIcon_fni4k_9", ue = "_noRightIcon_fni4k_13", pe = "_charCount_fni4k_17", w = {
+}), ke = k.memo(se), le = "_accommodateCharCount_fni4k_1", ae = "_noLeftIcon_fni4k_9", ue = "_noRightIcon_fni4k_13", pe = "_charCount_fni4k_17", S = {
   accommodateCharCount: le,
   default: "_default_fni4k_5",
   noLeftIcon: ae,
   noRightIcon: ue,
   charCount: pe
-}, de = I(function({
-  className: r,
+}, de = D(function({
+  className: c,
   leftIcon: o,
-  rightIcon: t,
-  size: i = "medium",
-  showInputLength: e = !1,
+  rightIcon: n,
+  size: t = "medium",
+  showInputLength: e,
   value: s,
   variant: l,
   severity: a = "primary",
   ...u
 }, p) {
-  const S = R(() => O(i, j), [i]), v = e || !e && u.maxLength !== void 0, m = s !== void 0 ? s.toString() : void 0;
-  return /* @__PURE__ */ c(E, { children: /* @__PURE__ */ d(
-    y.Root,
+  const v = P(() => $(t, j), [t]), y = e || e === void 0 && u.maxLength !== void 0, m = s !== void 0 ? s.toString() : void 0;
+  return /* @__PURE__ */ d(
+    I.Root,
     {
       className: _({
-        [w.accommodateCharCount]: v
+        [S.accommodateCharCount]: y
       }),
-      size: S,
+      size: v,
       variant: l,
       color: g[a],
       children: [
-        /* @__PURE__ */ c(y.Slot, { children: o }),
-        /* @__PURE__ */ c(
-          y.Input,
+        /* @__PURE__ */ r(I.Slot, { children: o }),
+        /* @__PURE__ */ r(
+          I.Input,
           {
-            className: _(w.default, r, {
-              [w.noLeftIcon]: !o,
-              [w.noRightIcon]: !t
+            className: _(S.default, c, {
+              [S.noLeftIcon]: !o,
+              [S.noRightIcon]: !n
             }),
             ref: p,
-            size: S,
+            size: v,
             variant: l,
             color: g[a],
             ...u
           }
         ),
-        /* @__PURE__ */ c(y.Slot, { children: t }),
-        v && /* @__PURE__ */ c(J, { as: "p", className: w.charCount, size: "1", color: "gray", children: u.maxLength !== void 0 ? `${m == null ? void 0 : m.length}/${u.maxLength}` : `${m == null ? void 0 : m.length}` })
+        /* @__PURE__ */ r(I.Slot, { children: n }),
+        y && /* @__PURE__ */ r(J, { as: "p", className: S.charCount, size: "1", color: "gray", children: u.maxLength !== void 0 ? `${m == null ? void 0 : m.length}/${u.maxLength}` : `${m == null ? void 0 : m.length}` })
       ]
     }
-  ) });
-}), ve = x.memo(de);
+  );
+}), De = k.memo(de), me = D(function({ defaultOpen: c = !1, modal: o = !1, content: n, children: t, ...e }, s) {
+  return /* @__PURE__ */ d(b.Root, { defaultOpen: c, modal: o, children: [
+    /* @__PURE__ */ r(b.Trigger, { children: t }),
+    /* @__PURE__ */ r(b.Content, { ref: s, ...e, children: n(b.Close) })
+  ] });
+}), ye = k.memo(me);
 export {
   te as AlertDialog,
-  M as AlertDialogContent,
+  F as AlertDialogContent,
   Se as AlertDialogProvider,
   A as Button,
-  ge as Dialog,
-  _e as IconButton,
-  ve as Input,
+  ve as Dialog,
+  ge as IconButton,
+  De as Input,
+  ye as Popover,
   ke as Select,
   we as useAlertDialog
 };

package/dist/blocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blocks.js","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/constants.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx","../src/Dialogs/Dialog/DialogContent.tsx","../src/Dialogs/Dialog/Dialog.tsx","../src/Dialogs/AlertDialog/AlertDialogContent.tsx","../src/Dialogs/AlertDialog/AlertDialog.tsx","../src/Dialogs/AlertDialog/context.tsx","../src/Dialogs/AlertDialog/hooks.ts","../src/Select/Select.tsx","../src/Input/Input.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 } 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","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 from \"react\"\nimport { Severity, Size } from \"./typings.ts\"\nimport { Theme } from \"@radix-ui/themes\"\n\ntype ThemeProps = React.ComponentProps<typeof Theme>\n\n// Mappings\nexport const SizeMapping: Record<Size, \"1\" \| \"2\" \| \"3\"> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n\nexport const SeverityColorMapping: Record<Severity, ThemeProps[\"accentColor\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n","import React, { FC, 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 { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.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={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst Button: FC<ButtonProps> = React.memo(_Button)\n\nexport default Button\n","import React, { FC, forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\n\ninterface IconButtonProps extends Omit<ButtonProps, \"fluid\"> {\n\t\"aria-label\": string\n}\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: IconButtonProps,\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(className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst IconButton: FC<IconButtonProps> = React.memo(_Button)\n\nexport default IconButton\n","import { memo } from \"react\"\nimport { Dialog, Flex, IconButton } from \"@radix-ui/themes\"\nimport { Cross1Icon } from \"@radix-ui/react-icons\"\nimport { DialogContentProps } from \"./typings\"\n\nexport const DialogContent = memo((props: DialogContentProps) => {\n\tconst { title, description, content, closeDialog } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Flex justify={\"between\"}>\n\t\t\t\t\t<Dialog.Title mb={\"0\"}>{title}</Dialog.Title>\n\t\t\t\t\t<Dialog.Close>\n\t\t\t\t\t\t<IconButton color=\"gray\" variant={\"ghost\"} aria-label=\"Close\">\n\t\t\t\t\t\t\t<Cross1Icon />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Dialog.Close>\n\t\t\t\t</Flex>\n\t\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t\t</Flex>\n\t\t\t{content(closeDialog)}\n\t\t</Flex>\n\t)\n})\n","import { memo, useState, useCallback } from \"react\"\nimport { Dialog as RadixDialog } from \"@radix-ui/themes\"\nimport { DialogContent } from \"./DialogContent\"\nimport { CloseDialogWithOptions, DialogProps } from \"./typings\"\n\n/\n Display or collect information in a modal. Unlike the `AlertDialog`, the `Dialog`'s can be nested\n * and close when clicking outside of the dialog content.\n /\nexport const Dialog = memo((props: DialogProps) => {\n\tconst { children, size, onOpen, onCloseInterrupt, ...contentProps } = props\n\tconst [open, setOpen] = useState(false)\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (next && onOpen) {\n\t\t\t\tonOpen()\n\t\t\t} else if (!next && onCloseInterrupt) {\n\t\t\t\t// closes the dialog, bypassing the checks in `handleOpenChange`\n\t\t\t\tconst confirmClose = () => setOpen(false)\n\n\t\t\t\t// if onCloseInterrupt is passed, bypass the standard close behavior and require\n\t\t\t\t// the passed `confirmClose` to close the dialog\n\t\t\t\treturn onCloseInterrupt(confirmClose)\n\t\t\t}\n\n\t\t\tsetOpen(next)\n\t\t},\n\t\t[onOpen, onCloseInterrupt],\n\t)\n\n\tconst closeDialog = useCallback<CloseDialogWithOptions>(\n\t\t(options) => {\n\t\t\tif (options?.force) {\n\t\t\t\t// bypass the checks in the `handleOpenChange` function\n\t\t\t\treturn setOpen(false)\n\t\t\t}\n\n\t\t\thandleOpenChange(false)\n\t\t},\n\t\t[handleOpenChange],\n\t)\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={handleOpenChange}>\n\t\t\t<RadixDialog.Content size={size}>\n\t\t\t\t<DialogContent closeDialog={closeDialog} {...contentProps} />\n\t\t\t</RadixDialog.Content>\n\n\t\t\t{children(RadixDialog.Trigger)}\n\t\t</RadixDialog.Root>\n\t)\n})\n","import { AlertDialog, Flex } from \"@radix-ui/themes\"\nimport { AlertDialogStandardContent } from \"./typings\"\nimport { Button } from \"../../Buttons\"\n\n// remove the margin-bottom from the title so that Flex works as expected\nexport const Title: typeof AlertDialog.Title = ((props) => (\n\t<AlertDialog.Title mb=\"0\" {...props} />\n)) as typeof AlertDialog.Title\n\nexport const AlertDialogContent = (props: AlertDialogStandardContent) => {\n\tconst { title, description, actionText = \"Confirm\", cancelText = \"Cancel\", onAction, onCancel, severity } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Title>{title}</Title>\n\t\t\t\t<AlertDialog.Description>{description}</AlertDialog.Description>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap=\"3\" mt=\"4\" justify=\"end\">\n\t\t\t\t<AlertDialog.Cancel>\n\t\t\t\t\t<Button variant=\"soft\" severity=\"info\" onClick={onCancel}>\n\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Cancel>\n\t\t\t\t<AlertDialog.Action>\n\t\t\t\t\t<Button variant=\"solid\" severity={severity} onClick={onAction}>\n\t\t\t\t\t\t{actionText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Action>\n\t\t\t</Flex>\n\t\t</Flex>\n\t)\n}\n","import { memo, useMemo } from \"react\"\nimport { AlertDialog as RadixAlertDialog } from \"@radix-ui/themes\"\nimport { AlertDialogContentHelpers, AlertDialogProps } from \"./typings\"\nimport { AlertDialogContent, Title } from \"./AlertDialogContent\"\n\n/\n The AlertDialog is used to confirm an action or prompt the user for a decision.\n * Unlike the Dialog, the AlertDialog is not dismissible by clicking outside of the dialog, nor can it be nested.\n \n To use, place the `AlertDialogProvider` at the root of your app and use the `useAlertDialog` hook to open the dialog.\n \n To set the content of the dialog, use the `content` prop or pass values for the `title`, `description`, and `onAction` props.\n */\nexport const AlertDialog = memo((props: AlertDialogProps) => {\n\tconst { open, setOpen, children, ...contentProps } = props\n\n\tconst helpers: AlertDialogContentHelpers = useMemo(() => {\n\t\treturn {\n\t\t\tclose: () => setOpen(false),\n\t\t\tTitle,\n\t\t\tDescription: RadixAlertDialog.Description,\n\t\t}\n\t}, [setOpen])\n\n\treturn (\n\t\t<RadixAlertDialog.Root open={open} onOpenChange={setOpen}>\n\t\t\t<RadixAlertDialog.Content>\n\t\t\t\t{\"content\" in contentProps ? contentProps.content(helpers) : <AlertDialogContent {...contentProps} />}\n\t\t\t</RadixAlertDialog.Content>\n\t\t\t{children}\n\t\t</RadixAlertDialog.Root>\n\t)\n})\n","import { createContext, memo, useState, useCallback } from \"react\"\nimport { AlertDialogContextType, AlertDialogOptions } from \"./typings\"\nimport { AlertDialog } from \"./AlertDialog\"\n\ninterface AlertDialogProviderProps {\n\tchildren: React.ReactNode\n}\n\nexport const AlertDialogContent = createContext<AlertDialogContextType>(() => {\n\tthrow new Error(\"No AlertDialogProvider found\")\n})\n\nconst initialState: AlertDialogOptions = {\n\tcontent: () => null,\n}\n\nexport const AlertDialogProvider = memo(({ children }: AlertDialogProviderProps) => {\n\tconst [open, setOpen] = useState(false)\n\tconst [state, setState] = useState<AlertDialogOptions>(initialState)\n\n\tconst openDialog = useCallback<AlertDialogContextType>(\n\t\t(options) => {\n\t\t\tif (open) throw new Error(\"AlertDialog is already open\")\n\n\t\t\tsetState(options)\n\t\t\tsetOpen(true)\n\t\t},\n\t\t[open],\n\t)\n\n\treturn (\n\t\t<AlertDialog open={open} setOpen={setOpen} {...state}>\n\t\t\t<AlertDialogContent.Provider value={openDialog}>{children}</AlertDialogContent.Provider>\n\t\t</AlertDialog>\n\t)\n})\n","import { useContext } from \"react\"\nimport { AlertDialogContent } from \"./context\"\n\nexport const useAlertDialog = () => {\n\treturn useContext(AlertDialogContent)\n}\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Select as RadixSelect } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\nimport { SelectItemProps, SelectProps } from \"./typings.ts\"\n\nimport styles from \"./Select.module.sass\"\n\nconst _Select = forwardRef(function Select(\n\t{\n\t\tclassName,\n\t\tfluid,\n\t\tsize = \"medium\",\n\t\tvariant = \"surface\",\n\t\tseverity = \"primary\",\n\t\tplaceholder = \"Select\",\n\t\tside,\n\t\titems = [],\n\t\t...rest\n\t}: SelectProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst mappedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\t// TODO: extend functionality to support grouping of items\n\treturn (\n\t\t<RadixSelect.Root size={mappedSize}>\n\t\t\t<RadixSelect.Trigger\n\t\t\t\tclassName={classNames(className, styles.default, {\n\t\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tvariant={variant}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixSelect.Content\n\t\t\t\tside={side}\n\t\t\t\tposition=\"popper\"\n\t\t\t\tvariant={variant !== \"surface\" ? \"soft\" : \"solid\"}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t{items.map(({ label, value, ...rest }: SelectItemProps) => (\n\t\t\t\t\t<RadixSelect.Item className={classNames(styles.itemDefault)} key={value} value={value} {...rest}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</RadixSelect.Item>\n\t\t\t\t))}\n\t\t\t</RadixSelect.Content>\n\t\t</RadixSelect.Root>\n\t)\n})\nexport const Select: FC<SelectProps> = React.memo(_Select)\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Text, TextField as RadixTextField } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SizeMapping, SeverityColorMapping } from \"../constants.ts\"\nimport { InputProps } from \"./typings.ts\"\n\nimport styles from \"./TextField.module.sass\"\n\nconst _Input = forwardRef(function Input(\n\t{\n\t\tclassName,\n\t\tleftIcon,\n\t\trightIcon,\n\t\tsize = \"medium\",\n\t\tshowInputLength = false,\n\t\tvalue,\n\t\tvariant,\n\t\tseverity = \"primary\",\n\t\t...rest\n\t}: InputProps,\n\tref: React.Ref<HTMLInputElement>,\n) {\n\tconst computedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\tconst displayInputLength = showInputLength \|\| (!showInputLength && rest.maxLength !== undefined)\n\tconst valueAsString = value !== undefined ? value.toString() : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<RadixTextField.Root\n\t\t\t\tclassName={classNames({\n\t\t\t\t\t[styles.accommodateCharCount!]: displayInputLength,\n\t\t\t\t})}\n\t\t\t\tsize={computedSize}\n\t\t\t\tvariant={variant}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t<RadixTextField.Slot>{leftIcon}</RadixTextField.Slot>\n\t\t\t\t<RadixTextField.Input\n\t\t\t\t\tclassName={classNames(styles.default, className, {\n\t\t\t\t\t\t[styles.noLeftIcon!]: !leftIcon,\n\t\t\t\t\t\t[styles.noRightIcon!]: !rightIcon,\n\t\t\t\t\t})}\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsize={computedSize}\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t<RadixTextField.Slot>{rightIcon}</RadixTextField.Slot>\n\t\t\t\t{displayInputLength && (\n\t\t\t\t\t<Text as=\"p\" className={styles.charCount} size=\"1\" color=\"gray\">\n\t\t\t\t\t\t{rest.maxLength !== undefined\n\t\t\t\t\t\t\t? `${valueAsString?.length}/${rest.maxLength}`\n\t\t\t\t\t\t\t: `${valueAsString?.length}`}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</RadixTextField.Root>\n\t\t</>\n\t)\n})\nexport const Input: FC<InputProps> = React.memo(_Input)\n"],"names":["hasOwn","classNames","classes","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","applyResponsiveMapping","value","mapping","_value","SizeMapping","SeverityColorMapping","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton","DialogContent","memo","props","title","description","content","closeDialog","jsxs","Flex","Dialog","Cross1Icon","onOpen","onCloseInterrupt","contentProps","open","setOpen","useState","handleOpenChange","useCallback","next","options","RadixDialog","Title","AlertDialog","AlertDialogContent","actionText","cancelText","onAction","onCancel","helpers","useMemo","RadixAlertDialog","createContext","initialState","AlertDialogProvider","state","setState","openDialog","useAlertDialog","useContext","_Select","variant","placeholder","side","items","mappedSize","RadixSelect","label","Select","_Input","leftIcon","rightIcon","showInputLength","computedSize","displayInputLength","valueAsString","Fragment","RadixTextField","Text","Input"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"blocks.js","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/constants.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx","../src/Dialogs/Dialog/DialogContent.tsx","../src/Dialogs/Dialog/Dialog.tsx","../src/Dialogs/AlertDialog/AlertDialogContent.tsx","../src/Dialogs/AlertDialog/AlertDialog.tsx","../src/Dialogs/AlertDialog/context.tsx","../src/Dialogs/AlertDialog/hooks.ts","../src/Select/Select.tsx","../src/Input/Input.tsx","../src/Popover/Popover.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 } 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","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 from \"react\"\nimport { Severity, Size } from \"./typings.ts\"\nimport { Theme } from \"@radix-ui/themes\"\n\ntype ThemeProps = React.ComponentProps<typeof Theme>\n\n// Mappings\nexport const SizeMapping: Record<Size, \"1\" \| \"2\" \| \"3\"> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n\nexport const SeverityColorMapping: Record<Severity, ThemeProps[\"accentColor\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n","import React, { FC, 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 { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.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={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst Button: FC<ButtonProps> = React.memo(_Button)\n\nexport default Button\n","import React, { FC, forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\n\ninterface IconButtonProps extends Omit<ButtonProps, \"fluid\"> {\n\t\"aria-label\": string\n}\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: IconButtonProps,\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(className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst IconButton: FC<IconButtonProps> = React.memo(_Button)\n\nexport default IconButton\n","import { memo } from \"react\"\nimport { Dialog, Flex, IconButton } from \"@radix-ui/themes\"\nimport { Cross1Icon } from \"@radix-ui/react-icons\"\nimport { DialogContentProps } from \"./typings\"\n\nexport const DialogContent = memo((props: DialogContentProps) => {\n\tconst { title, description, content, closeDialog } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Flex justify={\"between\"}>\n\t\t\t\t\t<Dialog.Title mb={\"0\"}>{title}</Dialog.Title>\n\t\t\t\t\t<Dialog.Close>\n\t\t\t\t\t\t<IconButton color=\"gray\" variant={\"ghost\"} aria-label=\"Close\">\n\t\t\t\t\t\t\t<Cross1Icon />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Dialog.Close>\n\t\t\t\t</Flex>\n\t\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t\t</Flex>\n\t\t\t{content(closeDialog)}\n\t\t</Flex>\n\t)\n})\n","import { memo, useState, useCallback } from \"react\"\nimport { Dialog as RadixDialog } from \"@radix-ui/themes\"\nimport { DialogContent } from \"./DialogContent\"\nimport { CloseDialogWithOptions, DialogProps } from \"./typings\"\n\n/\n Display or collect information in a modal. Unlike the `AlertDialog`, the `Dialog`'s can be nested\n * and close when clicking outside of the dialog content.\n /\nexport const Dialog = memo((props: DialogProps) => {\n\tconst { children, size, onOpen, onCloseInterrupt, ...contentProps } = props\n\tconst [open, setOpen] = useState(false)\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (next && onOpen) {\n\t\t\t\tonOpen()\n\t\t\t} else if (!next && onCloseInterrupt) {\n\t\t\t\t// closes the dialog, bypassing the checks in `handleOpenChange`\n\t\t\t\tconst confirmClose = () => setOpen(false)\n\n\t\t\t\t// if onCloseInterrupt is passed, bypass the standard close behavior and require\n\t\t\t\t// the passed `confirmClose` to close the dialog\n\t\t\t\treturn onCloseInterrupt(confirmClose)\n\t\t\t}\n\n\t\t\tsetOpen(next)\n\t\t},\n\t\t[onOpen, onCloseInterrupt],\n\t)\n\n\tconst closeDialog = useCallback<CloseDialogWithOptions>(\n\t\t(options) => {\n\t\t\tif (options?.force) {\n\t\t\t\t// bypass the checks in the `handleOpenChange` function\n\t\t\t\treturn setOpen(false)\n\t\t\t}\n\n\t\t\thandleOpenChange(false)\n\t\t},\n\t\t[handleOpenChange],\n\t)\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={handleOpenChange}>\n\t\t\t<RadixDialog.Content size={size}>\n\t\t\t\t<DialogContent closeDialog={closeDialog} {...contentProps} />\n\t\t\t</RadixDialog.Content>\n\n\t\t\t{children(RadixDialog.Trigger)}\n\t\t</RadixDialog.Root>\n\t)\n})\n","import { AlertDialog, Flex } from \"@radix-ui/themes\"\nimport { AlertDialogStandardContent } from \"./typings\"\nimport { Button } from \"../../Buttons\"\n\n// remove the margin-bottom from the title so that Flex works as expected\nexport const Title: typeof AlertDialog.Title = ((props) => (\n\t<AlertDialog.Title mb=\"0\" {...props} />\n)) as typeof AlertDialog.Title\n\nexport const AlertDialogContent = (props: AlertDialogStandardContent) => {\n\tconst { title, description, actionText = \"Confirm\", cancelText = \"Cancel\", onAction, onCancel, severity } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Title>{title}</Title>\n\t\t\t\t<AlertDialog.Description>{description}</AlertDialog.Description>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap=\"3\" mt=\"4\" justify=\"end\">\n\t\t\t\t<AlertDialog.Cancel>\n\t\t\t\t\t<Button variant=\"soft\" severity=\"info\" onClick={onCancel}>\n\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Cancel>\n\t\t\t\t<AlertDialog.Action>\n\t\t\t\t\t<Button variant=\"solid\" severity={severity} onClick={onAction}>\n\t\t\t\t\t\t{actionText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Action>\n\t\t\t</Flex>\n\t\t</Flex>\n\t)\n}\n","import { memo, useMemo } from \"react\"\nimport { AlertDialog as RadixAlertDialog } from \"@radix-ui/themes\"\nimport { AlertDialogContentHelpers, AlertDialogProps } from \"./typings\"\nimport { AlertDialogContent, Title } from \"./AlertDialogContent\"\n\n/\n The AlertDialog is used to confirm an action or prompt the user for a decision.\n * Unlike the Dialog, the AlertDialog is not dismissible by clicking outside of the dialog, nor can it be nested.\n \n To use, place the `AlertDialogProvider` at the root of your app and use the `useAlertDialog` hook to open the dialog.\n \n To set the content of the dialog, use the `content` prop or pass values for the `title`, `description`, and `onAction` props.\n */\nexport const AlertDialog = memo((props: AlertDialogProps) => {\n\tconst { open, setOpen, children, ...contentProps } = props\n\n\tconst helpers: AlertDialogContentHelpers = useMemo(() => {\n\t\treturn {\n\t\t\tclose: () => setOpen(false),\n\t\t\tTitle,\n\t\t\tDescription: RadixAlertDialog.Description,\n\t\t}\n\t}, [setOpen])\n\n\treturn (\n\t\t<RadixAlertDialog.Root open={open} onOpenChange={setOpen}>\n\t\t\t<RadixAlertDialog.Content>\n\t\t\t\t{\"content\" in contentProps ? contentProps.content(helpers) : <AlertDialogContent {...contentProps} />}\n\t\t\t</RadixAlertDialog.Content>\n\t\t\t{children}\n\t\t</RadixAlertDialog.Root>\n\t)\n})\n","import { createContext, memo, useState, useCallback } from \"react\"\nimport { AlertDialogContextType, AlertDialogOptions } from \"./typings\"\nimport { AlertDialog } from \"./AlertDialog\"\n\ninterface AlertDialogProviderProps {\n\tchildren: React.ReactNode\n}\n\nexport const AlertDialogContent = createContext<AlertDialogContextType>(() => {\n\tthrow new Error(\"No AlertDialogProvider found\")\n})\n\nconst initialState: AlertDialogOptions = {\n\tcontent: () => null,\n}\n\nexport const AlertDialogProvider = memo(({ children }: AlertDialogProviderProps) => {\n\tconst [open, setOpen] = useState(false)\n\tconst [state, setState] = useState<AlertDialogOptions>(initialState)\n\n\tconst openDialog = useCallback<AlertDialogContextType>(\n\t\t(options) => {\n\t\t\tif (open) throw new Error(\"AlertDialog is already open\")\n\n\t\t\tsetState(options)\n\t\t\tsetOpen(true)\n\t\t},\n\t\t[open],\n\t)\n\n\treturn (\n\t\t<AlertDialog open={open} setOpen={setOpen} {...state}>\n\t\t\t<AlertDialogContent.Provider value={openDialog}>{children}</AlertDialogContent.Provider>\n\t\t</AlertDialog>\n\t)\n})\n","import { useContext } from \"react\"\nimport { AlertDialogContent } from \"./context\"\n\nexport const useAlertDialog = () => {\n\treturn useContext(AlertDialogContent)\n}\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Select as RadixSelect } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\nimport { SelectItemProps, SelectProps } from \"./typings.ts\"\n\nimport styles from \"./Select.module.sass\"\n\nconst _Select = forwardRef(function Select(\n\t{\n\t\tclassName,\n\t\tfluid,\n\t\tsize = \"medium\",\n\t\tvariant = \"surface\",\n\t\tseverity = \"primary\",\n\t\tplaceholder = \"Select\",\n\t\tside,\n\t\titems = [],\n\t\t...rest\n\t}: SelectProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst mappedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\t// TODO: extend functionality to support grouping of items\n\treturn (\n\t\t<RadixSelect.Root size={mappedSize}>\n\t\t\t<RadixSelect.Trigger\n\t\t\t\tclassName={classNames(className, styles.default, {\n\t\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tvariant={variant}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixSelect.Content\n\t\t\t\tside={side}\n\t\t\t\tposition=\"popper\"\n\t\t\t\tvariant={variant !== \"surface\" ? \"soft\" : \"solid\"}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t{items.map(({ label, value, ...rest }: SelectItemProps) => (\n\t\t\t\t\t<RadixSelect.Item className={classNames(styles.itemDefault)} key={value} value={value} {...rest}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</RadixSelect.Item>\n\t\t\t\t))}\n\t\t\t</RadixSelect.Content>\n\t\t</RadixSelect.Root>\n\t)\n})\nexport const Select: FC<SelectProps> = React.memo(_Select)\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Text, TextField as RadixTextField } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SizeMapping, SeverityColorMapping } from \"../constants.ts\"\nimport { InputProps } from \"./typings.ts\"\n\nimport styles from \"./Input.module.sass\"\n\nconst _Input = forwardRef(function Input(\n\t{\n\t\tclassName,\n\t\tleftIcon,\n\t\trightIcon,\n\t\tsize = \"medium\",\n\t\tshowInputLength,\n\t\tvalue,\n\t\tvariant,\n\t\tseverity = \"primary\",\n\t\t...rest\n\t}: InputProps,\n\tref: React.Ref<HTMLInputElement>,\n) {\n\tconst computedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\tconst displayInputLength = showInputLength \|\| (showInputLength === undefined && rest.maxLength !== undefined)\n\tconst valueAsString = value !== undefined ? value.toString() : undefined\n\n\treturn (\n\t\t<RadixTextField.Root\n\t\t\tclassName={classNames({\n\t\t\t\t[styles.accommodateCharCount!]: displayInputLength,\n\t\t\t})}\n\t\t\tsize={computedSize}\n\t\t\tvariant={variant}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t>\n\t\t\t<RadixTextField.Slot>{leftIcon}</RadixTextField.Slot>\n\t\t\t<RadixTextField.Input\n\t\t\t\tclassName={classNames(styles.default, className, {\n\t\t\t\t\t[styles.noLeftIcon!]: !leftIcon,\n\t\t\t\t\t[styles.noRightIcon!]: !rightIcon,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tsize={computedSize}\n\t\t\t\tvariant={variant}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixTextField.Slot>{rightIcon}</RadixTextField.Slot>\n\t\t\t{displayInputLength && (\n\t\t\t\t<Text as=\"p\" className={styles.charCount} size=\"1\" color=\"gray\">\n\t\t\t\t\t{rest.maxLength !== undefined\n\t\t\t\t\t\t? `${valueAsString?.length}/${rest.maxLength}`\n\t\t\t\t\t\t: `${valueAsString?.length}`}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</RadixTextField.Root>\n\t)\n})\nexport const Input: FC<InputProps> = React.memo(_Input)\n","import React, { forwardRef, FC } from \"react\"\nimport { Popover as RadixPopover } from \"@radix-ui/themes\"\nimport { PopoverProps } from \"./typings.ts\"\n\nconst _Popover = forwardRef(function Popover(\n\t{ defaultOpen = false, modal = false, content, children, ...rest }: PopoverProps,\n\tref: React.Ref<HTMLDivElement>,\n) {\n\treturn (\n\t\t<RadixPopover.Root defaultOpen={defaultOpen} modal={modal}>\n\t\t\t<RadixPopover.Trigger>{children}</RadixPopover.Trigger>\n\t\t\t<RadixPopover.Content ref={ref} {...rest}>\n\t\t\t\t{content(RadixPopover.Close)}\n\t\t\t</RadixPopover.Content>\n\t\t</RadixPopover.Root>\n\t)\n})\nexport const Popover: FC<PopoverProps> = React.memo(_Popover)\n"],"names":["hasOwn","classNames","classes","i","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","applyResponsiveMapping","value","mapping","_value","SizeMapping","SeverityColorMapping","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton","DialogContent","memo","props","title","description","content","closeDialog","jsxs","Flex","Dialog","Cross1Icon","onOpen","onCloseInterrupt","contentProps","open","setOpen","useState","handleOpenChange","useCallback","next","options","RadixDialog","Title","AlertDialog","AlertDialogContent","actionText","cancelText","onAction","onCancel","helpers","useMemo","RadixAlertDialog","createContext","initialState","AlertDialogProvider","state","setState","openDialog","useAlertDialog","useContext","_Select","variant","placeholder","side","items","mappedSize","RadixSelect","label","Select","_Input","leftIcon","rightIcon","showInputLength","computedSize","displayInputLength","valueAsString","RadixTextField","Text","Input","_Popover","defaultOpen","modal","RadixPopover","Popover"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/blocks.umd.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
-(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("@radix-ui/themes"),require("@radix-ui/react-icons")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@radix-ui/themes","@radix-ui/react-icons"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a.blocks={},a.jsxRuntime,a.React,a.themes,a.reactIcons))})(this,function(a,o,s,e,z){"use strict";const D={default:"_default_zkx83_1",fluid:"_fluid_zkx83_5",hoverSpin90Clockwise:"_hoverSpin90Clockwise_zkx83_19",hoverSpin180Clockwise:"_hoverSpin180Clockwise_zkx83_30",hoverSpin360Clockwise:"_hoverSpin360Clockwise_zkx83_41"};function T(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var A={exports:{}};/*!
+(function(d,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("@radix-ui/themes"),require("@radix-ui/react-icons")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@radix-ui/themes","@radix-ui/react-icons"],o):(d=typeof globalThis<"u"?globalThis:d||self,o(d.blocks={},d.jsxRuntime,d.React,d.themes,d.reactIcons))})(this,function(d,o,s,n,O){"use strict";const D={default:"_default_zkx83_1",fluid:"_fluid_zkx83_5",hoverSpin90Clockwise:"_hoverSpin90Clockwise_zkx83_19",hoverSpin180Clockwise:"_hoverSpin180Clockwise_zkx83_30",hoverSpin360Clockwise:"_hoverSpin360Clockwise_zkx83_41"};function T(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var A={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(t){(function(){var c={}.hasOwnProperty;function i(){for(var r=[],l=0;l<arguments.length;l++){var n=arguments[l];if(n){var d=typeof n;if(d==="string"||d==="number")r.push(n);else if(Array.isArray(n)){if(n.length){var u=i.apply(null,n);u&&r.push(u)}}else if(d==="object"){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){r.push(n.toString());continue}for(var f in n)c.call(n,f)&&n[f]&&r.push(f)}}}return r.join(" ")}t.exports?(i.default=i,t.exports=i):window.classNames=i})()})(A);var F=A.exports;const h=T(F),b={spin90Clockwise:D.hoverSpin90Clockwise,spin180Clockwise:D.hoverSpin180Clockwise,spin360Clockwise:D.hoverSpin360Clockwise};function k(t,c){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(([i,r])=>[i,c[r]]))}else return c[t]}const v={small:"1",medium:"2",large:"3"},_={primary:"indigo",success:"green",danger:"red",info:"gray"},N=s.forwardRef(function({className:c,severity:i="primary",size:r="medium",hoverEffects:l,fluid:n,...d},u){const f=(l==null?void 0:l.map(p=>b[p]))||[];return o.jsx(e.Button,{ref:u,className:h(D.default,c,f,{[D.fluid]:n}),color:_[i],size:k(r,v),...d})}),y=s.memo(N),B=s.forwardRef(function({className:c,children:i,severity:r="primary",size:l="medium",hoverEffects:n,...d},u){const f=(n==null?void 0:n.map(p=>b[p]))||[];return o.jsx(e.IconButton,{className:h(c,f),ref:u,color:_[r],size:k(l,v),...d,children:i})}),M=s.memo(B),P=s.memo(t=>{const{title:c,description:i,content:r,closeDialog:l}=t;return o.jsxs(e.Flex,{direction:"column",gap:"2",children:[o.jsxs(e.Flex,{direction:"column",gap:"1",children:[o.jsxs(e.Flex,{justify:"between",children:[o.jsx(e.Dialog.Title,{mb:"0",children:c}),o.jsx(e.Dialog.Close,{children:o.jsx(e.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:o.jsx(z.Cross1Icon,{})})})]}),o.jsx(e.Dialog.Description,{children:i})]}),r(l)]})}),$=s.memo(t=>{const{children:c,size:i,onOpen:r,onCloseInterrupt:l,...n}=t,[d,u]=s.useState(!1),f=s.useCallback(C=>{if(C&&r)r();else if(!C&&l)return l(()=>u(!1));u(C)},[r,l]),p=s.useCallback(C=>{if(C!=null&&C.force)return u(!1);f(!1)},[f]);return o.jsxs(e.Dialog.Root,{open:d,onOpenChange:f,children:[o.jsx(e.Dialog.Content,{size:i,children:o.jsx(P,{closeDialog:p,...n})}),c(e.Dialog.Trigger)]})}),j=t=>o.jsx(e.AlertDialog.Title,{mb:"0",...t}),L=t=>{const{title:c,description:i,actionText:r="Confirm",cancelText:l="Cancel",onAction:n,onCancel:d,severity:u}=t;return o.jsxs(e.Flex,{direction:"column",gap:"2",children:[o.jsxs(e.Flex,{direction:"column",gap:"1",children:[o.jsx(j,{children:c}),o.jsx(e.AlertDialog.Description,{children:i})]}),o.jsxs(e.Flex,{gap:"3",mt:"4",justify:"end",children:[o.jsx(e.AlertDialog.Cancel,{children:o.jsx(y,{variant:"soft",severity:"info",onClick:d,children:l})}),o.jsx(e.AlertDialog.Action,{children:o.jsx(y,{variant:"solid",severity:u,onClick:n,children:r})})]})]})},O=s.memo(t=>{const{open:c,setOpen:i,children:r,...l}=t,n=s.useMemo(()=>({close:()=>i(!1),Title:j,Description:e.AlertDialog.Description}),[i]);return o.jsxs(e.AlertDialog.Root,{open:c,onOpenChange:i,children:[o.jsx(e.AlertDialog.Content,{children:"content"in l?l.content(n):o.jsx(L,{...l})}),r]})}),x=s.createContext(()=>{throw new Error("No AlertDialogProvider found")}),q={content:()=>null},E=s.memo(({children:t})=>{const[c,i]=s.useState(!1),[r,l]=s.useState(q),n=s.useCallback(d=>{if(c)throw new Error("AlertDialog is already open");l(d),i(!0)},[c]);return o.jsx(O,{open:c,setOpen:i,...r,children:o.jsx(x.Provider,{value:n,children:t})})}),G=()=>s.useContext(x),I={default:"_default_19sov_1",itemDefault:"_itemDefault_19sov_5",fluid:"_fluid_19sov_9"},H=s.forwardRef(function({className:c,fluid:i,size:r="medium",variant:l="surface",severity:n="primary",placeholder:d="Select",side:u,items:f=[],...p},C){const w=s.useMemo(()=>k(r,v),[r]);return o.jsxs(e.Select.Root,{size:w,children:[o.jsx(e.Select.Trigger,{className:h(c,I.default,{[I.fluid]:i}),ref:C,variant:l,placeholder:d,color:_[n],...p}),o.jsx(e.Select.Content,{side:u,position:"popper",variant:l!=="surface"?"soft":"solid",color:_[n],children:f.map(({label:m,value:g,...U})=>o.jsx(e.Select.Item,{className:h(I.itemDefault),value:g,...U,children:m},g))})]})}),J=s.memo(H),S={accommodateCharCount:"_accommodateCharCount_fni4k_1",default:"_default_fni4k_5",noLeftIcon:"_noLeftIcon_fni4k_9",noRightIcon:"_noRightIcon_fni4k_13",charCount:"_charCount_fni4k_17"},K=s.forwardRef(function({className:c,leftIcon:i,rightIcon:r,size:l="medium",showInputLength:n=!1,value:d,variant:u,severity:f="primary",...p},C){const w=s.useMemo(()=>k(l,v),[l]),m=n||!n&&p.maxLength!==void 0,g=d!==void 0?d.toString():void 0;return o.jsx(o.Fragment,{children:o.jsxs(e.TextField.Root,{className:h({[S.accommodateCharCount]:m}),size:w,variant:u,color:_[f],children:[o.jsx(e.TextField.Slot,{children:i}),o.jsx(e.TextField.Input,{className:h(S.default,c,{[S.noLeftIcon]:!i,[S.noRightIcon]:!r}),ref:C,size:w,variant:u,color:_[f],...p}),o.jsx(e.TextField.Slot,{children:r}),m&&o.jsx(e.Text,{as:"p",className:S.charCount,size:"1",color:"gray",children:p.maxLength!==void 0?`${g==null?void 0:g.length}/${p.maxLength}`:`${g==null?void 0:g.length}`})]})})}),Q=s.memo(K);a.AlertDialog=O,a.AlertDialogContent=x,a.AlertDialogProvider=E,a.Button=y,a.Dialog=$,a.IconButton=M,a.Input=Q,a.Select=J,a.useAlertDialog=G,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+*/(function(l){(function(){var c={}.hasOwnProperty;function t(){for(var r=[],i=0;i<arguments.length;i++){var e=arguments[i];if(e){var a=typeof e;if(a==="string"||a==="number")r.push(e);else if(Array.isArray(e)){if(e.length){var u=t.apply(null,e);u&&r.push(u)}}else if(a==="object"){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){r.push(e.toString());continue}for(var p in e)c.call(e,p)&&e[p]&&r.push(p)}}}return r.join(" ")}l.exports?(t.default=t,l.exports=t):window.classNames=t})()})(A);var z=A.exports;const h=T(z),j={spin90Clockwise:D.hoverSpin90Clockwise,spin180Clockwise:D.hoverSpin180Clockwise,spin360Clockwise:D.hoverSpin360Clockwise};function w(l,c){if(typeof l=="object"){if(!("initial"in l))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(l).map(([t,r])=>[t,c[r]]))}else return c[l]}const k={small:"1",medium:"2",large:"3"},_={primary:"indigo",success:"green",danger:"red",info:"gray"},N=s.forwardRef(function({className:c,severity:t="primary",size:r="medium",hoverEffects:i,fluid:e,...a},u){const p=(i==null?void 0:i.map(f=>j[f]))||[];return o.jsx(n.Button,{ref:u,className:h(D.default,c,p,{[D.fluid]:e}),color:_[t],size:w(r,k),...a})}),x=s.memo(N),B=s.forwardRef(function({className:c,children:t,severity:r="primary",size:i="medium",hoverEffects:e,...a},u){const p=(e==null?void 0:e.map(f=>j[f]))||[];return o.jsx(n.IconButton,{className:h(c,p),ref:u,color:_[r],size:w(i,k),...a,children:t})}),F=s.memo(B),M=s.memo(l=>{const{title:c,description:t,content:r,closeDialog:i}=l;return o.jsxs(n.Flex,{direction:"column",gap:"2",children:[o.jsxs(n.Flex,{direction:"column",gap:"1",children:[o.jsxs(n.Flex,{justify:"between",children:[o.jsx(n.Dialog.Title,{mb:"0",children:c}),o.jsx(n.Dialog.Close,{children:o.jsx(n.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:o.jsx(O.Cross1Icon,{})})})]}),o.jsx(n.Dialog.Description,{children:t})]}),r(i)]})}),$=s.memo(l=>{const{children:c,size:t,onOpen:r,onCloseInterrupt:i,...e}=l,[a,u]=s.useState(!1),p=s.useCallback(C=>{if(C&&r)r();else if(!C&&i)return i(()=>u(!1));u(C)},[r,i]),f=s.useCallback(C=>{if(C!=null&&C.force)return u(!1);p(!1)},[p]);return o.jsxs(n.Dialog.Root,{open:a,onOpenChange:p,children:[o.jsx(n.Dialog.Content,{size:t,children:o.jsx(M,{closeDialog:f,...e})}),c(n.Dialog.Trigger)]})}),P=l=>o.jsx(n.AlertDialog.Title,{mb:"0",...l}),L=l=>{const{title:c,description:t,actionText:r="Confirm",cancelText:i="Cancel",onAction:e,onCancel:a,severity:u}=l;return o.jsxs(n.Flex,{direction:"column",gap:"2",children:[o.jsxs(n.Flex,{direction:"column",gap:"1",children:[o.jsx(P,{children:c}),o.jsx(n.AlertDialog.Description,{children:t})]}),o.jsxs(n.Flex,{gap:"3",mt:"4",justify:"end",children:[o.jsx(n.AlertDialog.Cancel,{children:o.jsx(x,{variant:"soft",severity:"info",onClick:a,children:i})}),o.jsx(n.AlertDialog.Action,{children:o.jsx(x,{variant:"solid",severity:u,onClick:e,children:r})})]})]})},b=s.memo(l=>{const{open:c,setOpen:t,children:r,...i}=l,e=s.useMemo(()=>({close:()=>t(!1),Title:P,Description:n.AlertDialog.Description}),[t]);return o.jsxs(n.AlertDialog.Root,{open:c,onOpenChange:t,children:[o.jsx(n.AlertDialog.Content,{children:"content"in i?i.content(e):o.jsx(L,{...i})}),r]})}),m=s.createContext(()=>{throw new Error("No AlertDialogProvider found")}),q={content:()=>null},E=s.memo(({children:l})=>{const[c,t]=s.useState(!1),[r,i]=s.useState(q),e=s.useCallback(a=>{if(c)throw new Error("AlertDialog is already open");i(a),t(!0)},[c]);return o.jsx(b,{open:c,setOpen:t,...r,children:o.jsx(m.Provider,{value:e,children:l})})}),G=()=>s.useContext(m),I={default:"_default_19sov_1",itemDefault:"_itemDefault_19sov_5",fluid:"_fluid_19sov_9"},H=s.forwardRef(function({className:c,fluid:t,size:r="medium",variant:i="surface",severity:e="primary",placeholder:a="Select",side:u,items:p=[],...f},C){const v=s.useMemo(()=>w(r,k),[r]);return o.jsxs(n.Select.Root,{size:v,children:[o.jsx(n.Select.Trigger,{className:h(c,I.default,{[I.fluid]:t}),ref:C,variant:i,placeholder:a,color:_[e],...f}),o.jsx(n.Select.Content,{side:u,position:"popper",variant:i!=="surface"?"soft":"solid",color:_[e],children:p.map(({label:y,value:g,...W})=>o.jsx(n.Select.Item,{className:h(I.itemDefault),value:g,...W,children:y},g))})]})}),J=s.memo(H),S={accommodateCharCount:"_accommodateCharCount_fni4k_1",default:"_default_fni4k_5",noLeftIcon:"_noLeftIcon_fni4k_9",noRightIcon:"_noRightIcon_fni4k_13",charCount:"_charCount_fni4k_17"},K=s.forwardRef(function({className:c,leftIcon:t,rightIcon:r,size:i="medium",showInputLength:e,value:a,variant:u,severity:p="primary",...f},C){const v=s.useMemo(()=>w(i,k),[i]),y=e||e===void 0&&f.maxLength!==void 0,g=a!==void 0?a.toString():void 0;return o.jsxs(n.TextField.Root,{className:h({[S.accommodateCharCount]:y}),size:v,variant:u,color:_[p],children:[o.jsx(n.TextField.Slot,{children:t}),o.jsx(n.TextField.Input,{className:h(S.default,c,{[S.noLeftIcon]:!t,[S.noRightIcon]:!r}),ref:C,size:v,variant:u,color:_[p],...f}),o.jsx(n.TextField.Slot,{children:r}),y&&o.jsx(n.Text,{as:"p",className:S.charCount,size:"1",color:"gray",children:f.maxLength!==void 0?`${g==null?void 0:g.length}/${f.maxLength}`:`${g==null?void 0:g.length}`})]})}),Q=s.memo(K),U=s.forwardRef(function({defaultOpen:c=!1,modal:t=!1,content:r,children:i,...e},a){return o.jsxs(n.Popover.Root,{defaultOpen:c,modal:t,children:[o.jsx(n.Popover.Trigger,{children:i}),o.jsx(n.Popover.Content,{ref:a,...e,children:r(n.Popover.Close)})]})}),V=s.memo(U);d.AlertDialog=b,d.AlertDialogContent=m,d.AlertDialogProvider=E,d.Button=x,d.Dialog=$,d.IconButton=F,d.Input=Q,d.Popover=V,d.Select=J,d.useAlertDialog=G,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=blocks.umd.cjs.map

package/dist/blocks.umd.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blocks.umd.cjs","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/constants.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx","../src/Dialogs/Dialog/DialogContent.tsx","../src/Dialogs/Dialog/Dialog.tsx","../src/Dialogs/AlertDialog/AlertDialogContent.tsx","../src/Dialogs/AlertDialog/AlertDialog.tsx","../src/Dialogs/AlertDialog/context.tsx","../src/Dialogs/AlertDialog/hooks.ts","../src/Select/Select.tsx","../src/Input/Input.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 } 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","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 from \"react\"\nimport { Severity, Size } from \"./typings.ts\"\nimport { Theme } from \"@radix-ui/themes\"\n\ntype ThemeProps = React.ComponentProps<typeof Theme>\n\n// Mappings\nexport const SizeMapping: Record<Size, \"1\" \| \"2\" \| \"3\"> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n\nexport const SeverityColorMapping: Record<Severity, ThemeProps[\"accentColor\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n","import React, { FC, 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 { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.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={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst Button: FC<ButtonProps> = React.memo(_Button)\n\nexport default Button\n","import React, { FC, forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\n\ninterface IconButtonProps extends Omit<ButtonProps, \"fluid\"> {\n\t\"aria-label\": string\n}\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: IconButtonProps,\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(className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst IconButton: FC<IconButtonProps> = React.memo(_Button)\n\nexport default IconButton\n","import { memo } from \"react\"\nimport { Dialog, Flex, IconButton } from \"@radix-ui/themes\"\nimport { Cross1Icon } from \"@radix-ui/react-icons\"\nimport { DialogContentProps } from \"./typings\"\n\nexport const DialogContent = memo((props: DialogContentProps) => {\n\tconst { title, description, content, closeDialog } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Flex justify={\"between\"}>\n\t\t\t\t\t<Dialog.Title mb={\"0\"}>{title}</Dialog.Title>\n\t\t\t\t\t<Dialog.Close>\n\t\t\t\t\t\t<IconButton color=\"gray\" variant={\"ghost\"} aria-label=\"Close\">\n\t\t\t\t\t\t\t<Cross1Icon />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Dialog.Close>\n\t\t\t\t</Flex>\n\t\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t\t</Flex>\n\t\t\t{content(closeDialog)}\n\t\t</Flex>\n\t)\n})\n","import { memo, useState, useCallback } from \"react\"\nimport { Dialog as RadixDialog } from \"@radix-ui/themes\"\nimport { DialogContent } from \"./DialogContent\"\nimport { CloseDialogWithOptions, DialogProps } from \"./typings\"\n\n/\n Display or collect information in a modal. Unlike the `AlertDialog`, the `Dialog`'s can be nested\n * and close when clicking outside of the dialog content.\n /\nexport const Dialog = memo((props: DialogProps) => {\n\tconst { children, size, onOpen, onCloseInterrupt, ...contentProps } = props\n\tconst [open, setOpen] = useState(false)\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (next && onOpen) {\n\t\t\t\tonOpen()\n\t\t\t} else if (!next && onCloseInterrupt) {\n\t\t\t\t// closes the dialog, bypassing the checks in `handleOpenChange`\n\t\t\t\tconst confirmClose = () => setOpen(false)\n\n\t\t\t\t// if onCloseInterrupt is passed, bypass the standard close behavior and require\n\t\t\t\t// the passed `confirmClose` to close the dialog\n\t\t\t\treturn onCloseInterrupt(confirmClose)\n\t\t\t}\n\n\t\t\tsetOpen(next)\n\t\t},\n\t\t[onOpen, onCloseInterrupt],\n\t)\n\n\tconst closeDialog = useCallback<CloseDialogWithOptions>(\n\t\t(options) => {\n\t\t\tif (options?.force) {\n\t\t\t\t// bypass the checks in the `handleOpenChange` function\n\t\t\t\treturn setOpen(false)\n\t\t\t}\n\n\t\t\thandleOpenChange(false)\n\t\t},\n\t\t[handleOpenChange],\n\t)\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={handleOpenChange}>\n\t\t\t<RadixDialog.Content size={size}>\n\t\t\t\t<DialogContent closeDialog={closeDialog} {...contentProps} />\n\t\t\t</RadixDialog.Content>\n\n\t\t\t{children(RadixDialog.Trigger)}\n\t\t</RadixDialog.Root>\n\t)\n})\n","import { AlertDialog, Flex } from \"@radix-ui/themes\"\nimport { AlertDialogStandardContent } from \"./typings\"\nimport { Button } from \"../../Buttons\"\n\n// remove the margin-bottom from the title so that Flex works as expected\nexport const Title: typeof AlertDialog.Title = ((props) => (\n\t<AlertDialog.Title mb=\"0\" {...props} />\n)) as typeof AlertDialog.Title\n\nexport const AlertDialogContent = (props: AlertDialogStandardContent) => {\n\tconst { title, description, actionText = \"Confirm\", cancelText = \"Cancel\", onAction, onCancel, severity } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Title>{title}</Title>\n\t\t\t\t<AlertDialog.Description>{description}</AlertDialog.Description>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap=\"3\" mt=\"4\" justify=\"end\">\n\t\t\t\t<AlertDialog.Cancel>\n\t\t\t\t\t<Button variant=\"soft\" severity=\"info\" onClick={onCancel}>\n\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Cancel>\n\t\t\t\t<AlertDialog.Action>\n\t\t\t\t\t<Button variant=\"solid\" severity={severity} onClick={onAction}>\n\t\t\t\t\t\t{actionText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Action>\n\t\t\t</Flex>\n\t\t</Flex>\n\t)\n}\n","import { memo, useMemo } from \"react\"\nimport { AlertDialog as RadixAlertDialog } from \"@radix-ui/themes\"\nimport { AlertDialogContentHelpers, AlertDialogProps } from \"./typings\"\nimport { AlertDialogContent, Title } from \"./AlertDialogContent\"\n\n/\n The AlertDialog is used to confirm an action or prompt the user for a decision.\n * Unlike the Dialog, the AlertDialog is not dismissible by clicking outside of the dialog, nor can it be nested.\n \n To use, place the `AlertDialogProvider` at the root of your app and use the `useAlertDialog` hook to open the dialog.\n \n To set the content of the dialog, use the `content` prop or pass values for the `title`, `description`, and `onAction` props.\n */\nexport const AlertDialog = memo((props: AlertDialogProps) => {\n\tconst { open, setOpen, children, ...contentProps } = props\n\n\tconst helpers: AlertDialogContentHelpers = useMemo(() => {\n\t\treturn {\n\t\t\tclose: () => setOpen(false),\n\t\t\tTitle,\n\t\t\tDescription: RadixAlertDialog.Description,\n\t\t}\n\t}, [setOpen])\n\n\treturn (\n\t\t<RadixAlertDialog.Root open={open} onOpenChange={setOpen}>\n\t\t\t<RadixAlertDialog.Content>\n\t\t\t\t{\"content\" in contentProps ? contentProps.content(helpers) : <AlertDialogContent {...contentProps} />}\n\t\t\t</RadixAlertDialog.Content>\n\t\t\t{children}\n\t\t</RadixAlertDialog.Root>\n\t)\n})\n","import { createContext, memo, useState, useCallback } from \"react\"\nimport { AlertDialogContextType, AlertDialogOptions } from \"./typings\"\nimport { AlertDialog } from \"./AlertDialog\"\n\ninterface AlertDialogProviderProps {\n\tchildren: React.ReactNode\n}\n\nexport const AlertDialogContent = createContext<AlertDialogContextType>(() => {\n\tthrow new Error(\"No AlertDialogProvider found\")\n})\n\nconst initialState: AlertDialogOptions = {\n\tcontent: () => null,\n}\n\nexport const AlertDialogProvider = memo(({ children }: AlertDialogProviderProps) => {\n\tconst [open, setOpen] = useState(false)\n\tconst [state, setState] = useState<AlertDialogOptions>(initialState)\n\n\tconst openDialog = useCallback<AlertDialogContextType>(\n\t\t(options) => {\n\t\t\tif (open) throw new Error(\"AlertDialog is already open\")\n\n\t\t\tsetState(options)\n\t\t\tsetOpen(true)\n\t\t},\n\t\t[open],\n\t)\n\n\treturn (\n\t\t<AlertDialog open={open} setOpen={setOpen} {...state}>\n\t\t\t<AlertDialogContent.Provider value={openDialog}>{children}</AlertDialogContent.Provider>\n\t\t</AlertDialog>\n\t)\n})\n","import { useContext } from \"react\"\nimport { AlertDialogContent } from \"./context\"\n\nexport const useAlertDialog = () => {\n\treturn useContext(AlertDialogContent)\n}\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Select as RadixSelect } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\nimport { SelectItemProps, SelectProps } from \"./typings.ts\"\n\nimport styles from \"./Select.module.sass\"\n\nconst _Select = forwardRef(function Select(\n\t{\n\t\tclassName,\n\t\tfluid,\n\t\tsize = \"medium\",\n\t\tvariant = \"surface\",\n\t\tseverity = \"primary\",\n\t\tplaceholder = \"Select\",\n\t\tside,\n\t\titems = [],\n\t\t...rest\n\t}: SelectProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst mappedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\t// TODO: extend functionality to support grouping of items\n\treturn (\n\t\t<RadixSelect.Root size={mappedSize}>\n\t\t\t<RadixSelect.Trigger\n\t\t\t\tclassName={classNames(className, styles.default, {\n\t\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tvariant={variant}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixSelect.Content\n\t\t\t\tside={side}\n\t\t\t\tposition=\"popper\"\n\t\t\t\tvariant={variant !== \"surface\" ? \"soft\" : \"solid\"}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t{items.map(({ label, value, ...rest }: SelectItemProps) => (\n\t\t\t\t\t<RadixSelect.Item className={classNames(styles.itemDefault)} key={value} value={value} {...rest}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</RadixSelect.Item>\n\t\t\t\t))}\n\t\t\t</RadixSelect.Content>\n\t\t</RadixSelect.Root>\n\t)\n})\nexport const Select: FC<SelectProps> = React.memo(_Select)\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Text, TextField as RadixTextField } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SizeMapping, SeverityColorMapping } from \"../constants.ts\"\nimport { InputProps } from \"./typings.ts\"\n\nimport styles from \"./TextField.module.sass\"\n\nconst _Input = forwardRef(function Input(\n\t{\n\t\tclassName,\n\t\tleftIcon,\n\t\trightIcon,\n\t\tsize = \"medium\",\n\t\tshowInputLength = false,\n\t\tvalue,\n\t\tvariant,\n\t\tseverity = \"primary\",\n\t\t...rest\n\t}: InputProps,\n\tref: React.Ref<HTMLInputElement>,\n) {\n\tconst computedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\tconst displayInputLength = showInputLength \|\| (!showInputLength && rest.maxLength !== undefined)\n\tconst valueAsString = value !== undefined ? value.toString() : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<RadixTextField.Root\n\t\t\t\tclassName={classNames({\n\t\t\t\t\t[styles.accommodateCharCount!]: displayInputLength,\n\t\t\t\t})}\n\t\t\t\tsize={computedSize}\n\t\t\t\tvariant={variant}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t<RadixTextField.Slot>{leftIcon}</RadixTextField.Slot>\n\t\t\t\t<RadixTextField.Input\n\t\t\t\t\tclassName={classNames(styles.default, className, {\n\t\t\t\t\t\t[styles.noLeftIcon!]: !leftIcon,\n\t\t\t\t\t\t[styles.noRightIcon!]: !rightIcon,\n\t\t\t\t\t})}\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsize={computedSize}\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t<RadixTextField.Slot>{rightIcon}</RadixTextField.Slot>\n\t\t\t\t{displayInputLength && (\n\t\t\t\t\t<Text as=\"p\" className={styles.charCount} size=\"1\" color=\"gray\">\n\t\t\t\t\t\t{rest.maxLength !== undefined\n\t\t\t\t\t\t\t? `${valueAsString?.length}/${rest.maxLength}`\n\t\t\t\t\t\t\t: `${valueAsString?.length}`}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</RadixTextField.Root>\n\t\t</>\n\t)\n})\nexport const Input: FC<InputProps> = React.memo(_Input)\n"],"names":["hasOwn","classNames","classes","i","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","applyResponsiveMapping","value","mapping","_value","SizeMapping","SeverityColorMapping","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton","DialogContent","memo","props","title","description","content","closeDialog","jsxs","Flex","Dialog","Cross1Icon","onOpen","onCloseInterrupt","contentProps","open","setOpen","useState","handleOpenChange","useCallback","next","options","RadixDialog","Title","AlertDialog","AlertDialogContent","actionText","cancelText","onAction","onCancel","helpers","useMemo","RadixAlertDialog","createContext","initialState","AlertDialogProvider","state","setState","openDialog","useAlertDialog","useContext","_Select","variant","placeholder","side","items","mappedSize","RadixSelect","label","Select","_Input","leftIcon","rightIcon","showInputLength","computedSize","displayInputLength","valueAsString","Fragment","RadixTextField","Text","Input"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"blocks.umd.cjs","sources":["../node_modules/classnames/index.js","../src/Buttons/constants.ts","../src/utils.ts","../src/constants.ts","../src/Buttons/Button.tsx","../src/Buttons/IconButton.tsx","../src/Dialogs/Dialog/DialogContent.tsx","../src/Dialogs/Dialog/Dialog.tsx","../src/Dialogs/AlertDialog/AlertDialogContent.tsx","../src/Dialogs/AlertDialog/AlertDialog.tsx","../src/Dialogs/AlertDialog/context.tsx","../src/Dialogs/AlertDialog/hooks.ts","../src/Select/Select.tsx","../src/Input/Input.tsx","../src/Popover/Popover.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 } 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","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 from \"react\"\nimport { Severity, Size } from \"./typings.ts\"\nimport { Theme } from \"@radix-ui/themes\"\n\ntype ThemeProps = React.ComponentProps<typeof Theme>\n\n// Mappings\nexport const SizeMapping: Record<Size, \"1\" \| \"2\" \| \"3\"> = {\n\tsmall: \"1\",\n\tmedium: \"2\",\n\tlarge: \"3\",\n}\n\nexport const SeverityColorMapping: Record<Severity, ThemeProps[\"accentColor\"]> = {\n\tprimary: \"indigo\",\n\tsuccess: \"green\",\n\tdanger: \"red\",\n\tinfo: \"gray\",\n}\n","import React, { FC, 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 { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.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={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t/>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst Button: FC<ButtonProps> = React.memo(_Button)\n\nexport default Button\n","import React, { FC, forwardRef } from \"react\"\nimport { ButtonProps } from \"./typings.ts\"\nimport classNames from \"classnames\"\nimport { IconButton as RadixIconButton } from \"@radix-ui/themes\"\nimport { hoverEffectClassNameMapping } from \"./constants.ts\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\n\ninterface IconButtonProps extends Omit<ButtonProps, \"fluid\"> {\n\t\"aria-label\": string\n}\n\nconst _Button = forwardRef(function Button(\n\t{ className, children, severity = \"primary\", size = \"medium\", hoverEffects, ...rest }: IconButtonProps,\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(className, hoverEffectClasses)}\n\t\t\tref={ref}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\tsize={applyResponsiveMapping(size, SizeMapping)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</RadixIconButton>\n\t)\n})\n\n// using FC so storybook correctly displays the component props\nconst IconButton: FC<IconButtonProps> = React.memo(_Button)\n\nexport default IconButton\n","import { memo } from \"react\"\nimport { Dialog, Flex, IconButton } from \"@radix-ui/themes\"\nimport { Cross1Icon } from \"@radix-ui/react-icons\"\nimport { DialogContentProps } from \"./typings\"\n\nexport const DialogContent = memo((props: DialogContentProps) => {\n\tconst { title, description, content, closeDialog } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Flex justify={\"between\"}>\n\t\t\t\t\t<Dialog.Title mb={\"0\"}>{title}</Dialog.Title>\n\t\t\t\t\t<Dialog.Close>\n\t\t\t\t\t\t<IconButton color=\"gray\" variant={\"ghost\"} aria-label=\"Close\">\n\t\t\t\t\t\t\t<Cross1Icon />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Dialog.Close>\n\t\t\t\t</Flex>\n\t\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t\t</Flex>\n\t\t\t{content(closeDialog)}\n\t\t</Flex>\n\t)\n})\n","import { memo, useState, useCallback } from \"react\"\nimport { Dialog as RadixDialog } from \"@radix-ui/themes\"\nimport { DialogContent } from \"./DialogContent\"\nimport { CloseDialogWithOptions, DialogProps } from \"./typings\"\n\n/\n Display or collect information in a modal. Unlike the `AlertDialog`, the `Dialog`'s can be nested\n * and close when clicking outside of the dialog content.\n /\nexport const Dialog = memo((props: DialogProps) => {\n\tconst { children, size, onOpen, onCloseInterrupt, ...contentProps } = props\n\tconst [open, setOpen] = useState(false)\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (next && onOpen) {\n\t\t\t\tonOpen()\n\t\t\t} else if (!next && onCloseInterrupt) {\n\t\t\t\t// closes the dialog, bypassing the checks in `handleOpenChange`\n\t\t\t\tconst confirmClose = () => setOpen(false)\n\n\t\t\t\t// if onCloseInterrupt is passed, bypass the standard close behavior and require\n\t\t\t\t// the passed `confirmClose` to close the dialog\n\t\t\t\treturn onCloseInterrupt(confirmClose)\n\t\t\t}\n\n\t\t\tsetOpen(next)\n\t\t},\n\t\t[onOpen, onCloseInterrupt],\n\t)\n\n\tconst closeDialog = useCallback<CloseDialogWithOptions>(\n\t\t(options) => {\n\t\t\tif (options?.force) {\n\t\t\t\t// bypass the checks in the `handleOpenChange` function\n\t\t\t\treturn setOpen(false)\n\t\t\t}\n\n\t\t\thandleOpenChange(false)\n\t\t},\n\t\t[handleOpenChange],\n\t)\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={handleOpenChange}>\n\t\t\t<RadixDialog.Content size={size}>\n\t\t\t\t<DialogContent closeDialog={closeDialog} {...contentProps} />\n\t\t\t</RadixDialog.Content>\n\n\t\t\t{children(RadixDialog.Trigger)}\n\t\t</RadixDialog.Root>\n\t)\n})\n","import { AlertDialog, Flex } from \"@radix-ui/themes\"\nimport { AlertDialogStandardContent } from \"./typings\"\nimport { Button } from \"../../Buttons\"\n\n// remove the margin-bottom from the title so that Flex works as expected\nexport const Title: typeof AlertDialog.Title = ((props) => (\n\t<AlertDialog.Title mb=\"0\" {...props} />\n)) as typeof AlertDialog.Title\n\nexport const AlertDialogContent = (props: AlertDialogStandardContent) => {\n\tconst { title, description, actionText = \"Confirm\", cancelText = \"Cancel\", onAction, onCancel, severity } = props\n\treturn (\n\t\t<Flex direction={\"column\"} gap={\"2\"}>\n\t\t\t<Flex direction={\"column\"} gap={\"1\"}>\n\t\t\t\t<Title>{title}</Title>\n\t\t\t\t<AlertDialog.Description>{description}</AlertDialog.Description>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap=\"3\" mt=\"4\" justify=\"end\">\n\t\t\t\t<AlertDialog.Cancel>\n\t\t\t\t\t<Button variant=\"soft\" severity=\"info\" onClick={onCancel}>\n\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Cancel>\n\t\t\t\t<AlertDialog.Action>\n\t\t\t\t\t<Button variant=\"solid\" severity={severity} onClick={onAction}>\n\t\t\t\t\t\t{actionText}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialog.Action>\n\t\t\t</Flex>\n\t\t</Flex>\n\t)\n}\n","import { memo, useMemo } from \"react\"\nimport { AlertDialog as RadixAlertDialog } from \"@radix-ui/themes\"\nimport { AlertDialogContentHelpers, AlertDialogProps } from \"./typings\"\nimport { AlertDialogContent, Title } from \"./AlertDialogContent\"\n\n/\n The AlertDialog is used to confirm an action or prompt the user for a decision.\n * Unlike the Dialog, the AlertDialog is not dismissible by clicking outside of the dialog, nor can it be nested.\n \n To use, place the `AlertDialogProvider` at the root of your app and use the `useAlertDialog` hook to open the dialog.\n \n To set the content of the dialog, use the `content` prop or pass values for the `title`, `description`, and `onAction` props.\n */\nexport const AlertDialog = memo((props: AlertDialogProps) => {\n\tconst { open, setOpen, children, ...contentProps } = props\n\n\tconst helpers: AlertDialogContentHelpers = useMemo(() => {\n\t\treturn {\n\t\t\tclose: () => setOpen(false),\n\t\t\tTitle,\n\t\t\tDescription: RadixAlertDialog.Description,\n\t\t}\n\t}, [setOpen])\n\n\treturn (\n\t\t<RadixAlertDialog.Root open={open} onOpenChange={setOpen}>\n\t\t\t<RadixAlertDialog.Content>\n\t\t\t\t{\"content\" in contentProps ? contentProps.content(helpers) : <AlertDialogContent {...contentProps} />}\n\t\t\t</RadixAlertDialog.Content>\n\t\t\t{children}\n\t\t</RadixAlertDialog.Root>\n\t)\n})\n","import { createContext, memo, useState, useCallback } from \"react\"\nimport { AlertDialogContextType, AlertDialogOptions } from \"./typings\"\nimport { AlertDialog } from \"./AlertDialog\"\n\ninterface AlertDialogProviderProps {\n\tchildren: React.ReactNode\n}\n\nexport const AlertDialogContent = createContext<AlertDialogContextType>(() => {\n\tthrow new Error(\"No AlertDialogProvider found\")\n})\n\nconst initialState: AlertDialogOptions = {\n\tcontent: () => null,\n}\n\nexport const AlertDialogProvider = memo(({ children }: AlertDialogProviderProps) => {\n\tconst [open, setOpen] = useState(false)\n\tconst [state, setState] = useState<AlertDialogOptions>(initialState)\n\n\tconst openDialog = useCallback<AlertDialogContextType>(\n\t\t(options) => {\n\t\t\tif (open) throw new Error(\"AlertDialog is already open\")\n\n\t\t\tsetState(options)\n\t\t\tsetOpen(true)\n\t\t},\n\t\t[open],\n\t)\n\n\treturn (\n\t\t<AlertDialog open={open} setOpen={setOpen} {...state}>\n\t\t\t<AlertDialogContent.Provider value={openDialog}>{children}</AlertDialogContent.Provider>\n\t\t</AlertDialog>\n\t)\n})\n","import { useContext } from \"react\"\nimport { AlertDialogContent } from \"./context\"\n\nexport const useAlertDialog = () => {\n\treturn useContext(AlertDialogContent)\n}\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Select as RadixSelect } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SeverityColorMapping, SizeMapping } from \"../constants.ts\"\nimport { SelectItemProps, SelectProps } from \"./typings.ts\"\n\nimport styles from \"./Select.module.sass\"\n\nconst _Select = forwardRef(function Select(\n\t{\n\t\tclassName,\n\t\tfluid,\n\t\tsize = \"medium\",\n\t\tvariant = \"surface\",\n\t\tseverity = \"primary\",\n\t\tplaceholder = \"Select\",\n\t\tside,\n\t\titems = [],\n\t\t...rest\n\t}: SelectProps,\n\tref: React.Ref<HTMLButtonElement>,\n) {\n\tconst mappedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\t// TODO: extend functionality to support grouping of items\n\treturn (\n\t\t<RadixSelect.Root size={mappedSize}>\n\t\t\t<RadixSelect.Trigger\n\t\t\t\tclassName={classNames(className, styles.default, {\n\t\t\t\t\t[styles.fluid!]: fluid,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tvariant={variant}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixSelect.Content\n\t\t\t\tside={side}\n\t\t\t\tposition=\"popper\"\n\t\t\t\tvariant={variant !== \"surface\" ? \"soft\" : \"solid\"}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t>\n\t\t\t\t{items.map(({ label, value, ...rest }: SelectItemProps) => (\n\t\t\t\t\t<RadixSelect.Item className={classNames(styles.itemDefault)} key={value} value={value} {...rest}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</RadixSelect.Item>\n\t\t\t\t))}\n\t\t\t</RadixSelect.Content>\n\t\t</RadixSelect.Root>\n\t)\n})\nexport const Select: FC<SelectProps> = React.memo(_Select)\n","import React, { FC, forwardRef, useMemo } from \"react\"\nimport { Text, TextField as RadixTextField } from \"@radix-ui/themes\"\nimport classNames from \"classnames\"\nimport { applyResponsiveMapping } from \"../utils.ts\"\nimport { SizeMapping, SeverityColorMapping } from \"../constants.ts\"\nimport { InputProps } from \"./typings.ts\"\n\nimport styles from \"./Input.module.sass\"\n\nconst _Input = forwardRef(function Input(\n\t{\n\t\tclassName,\n\t\tleftIcon,\n\t\trightIcon,\n\t\tsize = \"medium\",\n\t\tshowInputLength,\n\t\tvalue,\n\t\tvariant,\n\t\tseverity = \"primary\",\n\t\t...rest\n\t}: InputProps,\n\tref: React.Ref<HTMLInputElement>,\n) {\n\tconst computedSize = useMemo(() => {\n\t\treturn applyResponsiveMapping(size, SizeMapping)\n\t}, [size])\n\n\tconst displayInputLength = showInputLength \|\| (showInputLength === undefined && rest.maxLength !== undefined)\n\tconst valueAsString = value !== undefined ? value.toString() : undefined\n\n\treturn (\n\t\t<RadixTextField.Root\n\t\t\tclassName={classNames({\n\t\t\t\t[styles.accommodateCharCount!]: displayInputLength,\n\t\t\t})}\n\t\t\tsize={computedSize}\n\t\t\tvariant={variant}\n\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t>\n\t\t\t<RadixTextField.Slot>{leftIcon}</RadixTextField.Slot>\n\t\t\t<RadixTextField.Input\n\t\t\t\tclassName={classNames(styles.default, className, {\n\t\t\t\t\t[styles.noLeftIcon!]: !leftIcon,\n\t\t\t\t\t[styles.noRightIcon!]: !rightIcon,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t\tsize={computedSize}\n\t\t\t\tvariant={variant}\n\t\t\t\tcolor={SeverityColorMapping[severity]}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<RadixTextField.Slot>{rightIcon}</RadixTextField.Slot>\n\t\t\t{displayInputLength && (\n\t\t\t\t<Text as=\"p\" className={styles.charCount} size=\"1\" color=\"gray\">\n\t\t\t\t\t{rest.maxLength !== undefined\n\t\t\t\t\t\t? `${valueAsString?.length}/${rest.maxLength}`\n\t\t\t\t\t\t: `${valueAsString?.length}`}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</RadixTextField.Root>\n\t)\n})\nexport const Input: FC<InputProps> = React.memo(_Input)\n","import React, { forwardRef, FC } from \"react\"\nimport { Popover as RadixPopover } from \"@radix-ui/themes\"\nimport { PopoverProps } from \"./typings.ts\"\n\nconst _Popover = forwardRef(function Popover(\n\t{ defaultOpen = false, modal = false, content, children, ...rest }: PopoverProps,\n\tref: React.Ref<HTMLDivElement>,\n) {\n\treturn (\n\t\t<RadixPopover.Root defaultOpen={defaultOpen} modal={modal}>\n\t\t\t<RadixPopover.Trigger>{children}</RadixPopover.Trigger>\n\t\t\t<RadixPopover.Content ref={ref} {...rest}>\n\t\t\t\t{content(RadixPopover.Close)}\n\t\t\t</RadixPopover.Content>\n\t\t</RadixPopover.Root>\n\t)\n})\nexport const Popover: FC<PopoverProps> = React.memo(_Popover)\n"],"names":["hasOwn","classNames","classes","arg","argType","inner","key","module","hoverEffectClassNameMapping","styles","applyResponsiveMapping","value","mapping","_value","SizeMapping","SeverityColorMapping","_Button","forwardRef","className","severity","size","hoverEffects","fluid","rest","ref","hoverEffectClasses","hoverEffect","jsx","RadixButton","Button","React","children","RadixIconButton","IconButton","DialogContent","memo","props","title","description","content","closeDialog","jsxs","Flex","Dialog","Cross1Icon","onOpen","onCloseInterrupt","contentProps","open","setOpen","useState","handleOpenChange","useCallback","next","options","RadixDialog","Title","AlertDialog","AlertDialogContent","actionText","cancelText","onAction","onCancel","helpers","useMemo","RadixAlertDialog","createContext","initialState","AlertDialogProvider","state","setState","openDialog","useAlertDialog","useContext","_Select","variant","placeholder","side","items","mappedSize","RadixSelect","label","Select","_Input","leftIcon","rightIcon","showInputLength","computedSize","displayInputLength","valueAsString","RadixTextField","Text","Input","_Popover","defaultOpen","modal","RadixPopover","Popover"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts CHANGED Viewed

@@ -2,4 +2,5 @@ export * from "./Buttons";
 export * from "./Dialogs";
 export * from "./Select";
 export * from "./Input";
+export * from "./Popover";
 export * from "./typings.ts";

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@overmap-ai/blocks",
   "private": false,
-  "version": "0.0.1-alpha.21",
+  "version": "0.0.1-alpha.24",
   "type": "module",
   "main": "dist/blocks.umd.cjs",
   "module": "dist/blocks.js",
@@ -9,16 +9,16 @@
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "tsc --noEmit && vite build",
-    "lint": "eslint src, .storybook, stories --ext ts,tsx,js,jsx --report-unused-disable-directives --max-warnings 0",
+    "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",
     "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",
+    "@radix-ui/themes": "^1.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -37,6 +37,7 @@
     "@storybook/react": "^7.4.3",
     "@storybook/react-vite": "^7.4.3",
     "@storybook/testing-library": "^0.2.1",
+    "@storybook/types": "^7.4.6",
     "@types/node": "^20.6.3",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
@@ -66,6 +67,9 @@
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
       "yarn eslint --fix"
+    ],
+    "*.{css,scss}": [
+      "prettier --write"
     ]
   },
   "files": [