@caseparts-org/caseblocks 0.0.115 → 0.0.117

package/dist/assets/Modal.css

@@ -1 +1 @@
-._overlay_vmpn5_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._container_vmpn5_11{background-color:var(--surface-surface-primary);color:var(--text-text-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;width:min(800px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width:767px){._container_vmpn5_11{border-radius:0;width:100%;box-shadow:none;height:100dvh;max-height:100dvh}}._header_vmpn5_30{position:sticky;top:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--surface-surface-secondary);border-bottom:1px solid var(--border-border-secondary-btn);padding:var(--spacing-spacing-2xs);z-index:1}._closeButton_vmpn5_53{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--spacing-spacing-4xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;padding:0}._content_vmpn5_69{overflow:auto;padding:var(--spacing-spacing-default)}@media (max-width:767px){._content_vmpn5_69{padding:var(--spacing-spacing-2xs)}}._headerPlain_vmpn5_77{background-color:transparent;border-bottom:none}
+._overlay_1du2l_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._container_1du2l_11{background-color:var(--surface-surface-primary);color:var(--text-text-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;width:min(800px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width:767px){._container_1du2l_11{border-radius:0;width:100%;box-shadow:none;height:100dvh;max-height:100dvh}}._header_1du2l_30{position:sticky;top:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--surface-surface-secondary);border-bottom:1px solid var(--border-border-secondary-btn);padding:var(--spacing-spacing-2xs);z-index:1}._closeButton_1du2l_43{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--spacing-spacing-4xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;padding:0}._content_1du2l_56{overflow:auto;padding:var(--spacing-spacing-default)}@media (max-width:767px){._content_1du2l_56{padding:var(--spacing-spacing-2xs)}}._headerPlain_1du2l_64{background-color:transparent;border-bottom:none}

package/dist/atoms/Popover/Popover.d.ts

@@ -1,5 +1,9 @@
-import { PopoverAPI } from './usePopover';
 import * as React from "react";
+export type PopoverAPI = {
+    close: () => void;
+    open: () => void;
+    toggle: () => void;
+};
 type PositionKeyword = "top" | "right" | "bottom" | "left";
 type Position = "top left" | "top center" | "top right" | "right top" | "right center" | "right bottom" | "bottom left" | "bottom center" | "bottom right" | "left top" | "left center" | "left bottom" | PositionKeyword;
 export type PopoverProps = {

package/dist/atoms/Popover/Popover.js

@@ -1,103 +1,102 @@
-import { jsxs as H, jsx as k } from "react/jsx-runtime";
+import { jsxs as F, Fragment as H, jsx as k } from "react/jsx-runtime";
 import * as f from "react";
 import { r as N } from "../../index-B4KbmMH3.js";
 import { c as z } from "../../clsx-OuTLNxxd.js";
-import { PopoverContext as W } from "./usePopover.js";
-import '../../assets/Popover.css';const q = "_popover_vlr81_1", C = "_content_vlr81_7", M = {
-  popover: q,
-  content: C
+import '../../assets/Popover.css';const W = "_popover_vlr81_1", q = "_content_vlr81_7", P = {
+  popover: W,
+  content: q
 };
 function D(r) {
   return r ? r.includes(" ") ? r : `${r} center` : "top center";
 }
-function F(r) {
+function T(r) {
   const d = D(r).toLowerCase(), [s, c] = d.split(" ");
   return { side: ["top", "right", "bottom", "left"].includes(s) ? s : "top", align: c === "left" || c === "top" ? "start" : c === "right" || c === "bottom" ? "end" : "center" };
 }
 function U(r, d, s, c, p = 8) {
-  const o = r.getBoundingClientRect(), l = d.getBoundingClientRect();
+  const n = r.getBoundingClientRect(), l = d.getBoundingClientRect();
   let a = 0, u = 0;
-  s === "top" ? a = o.top - l.height - p : s === "bottom" ? a = o.bottom + p : s === "left" ? u = o.left - l.width - p : s === "right" && (u = o.right + p), s === "top" || s === "bottom" ? c === "start" ? u = o.left : c === "end" ? u = o.right - l.width : u = o.left + o.width / 2 - l.width / 2 : c === "start" ? a = o.top : c === "end" ? a = o.bottom - l.height : a = o.top + o.height / 2 - l.height / 2;
+  s === "top" ? a = n.top - l.height - p : s === "bottom" ? a = n.bottom + p : s === "left" ? u = n.left - l.width - p : s === "right" && (u = n.right + p), s === "top" || s === "bottom" ? c === "start" ? u = n.left : c === "end" ? u = n.right - l.width : u = n.left + n.width / 2 - l.width / 2 : c === "start" ? a = n.top : c === "end" ? a = n.bottom - l.height : a = n.top + n.height / 2 - l.height / 2;
   const w = window.innerWidth, h = window.innerHeight;
   return a = Math.max(4, Math.min(h - l.height - 4, a)), u = Math.max(4, Math.min(w - l.width - 4, u)), { top: a, left: u };
 }
-const Q = ({
+const J = ({
   trigger: r,
   children: d,
   position: s,
   popoverClassName: c,
   contentClassName: p,
-  disabled: o,
+  disabled: n,
   closeOnOutsideClick: l = !0,
   closeOnInsideClickAttr: a = !0,
   open: u,
   onOpenChange: w
 }) => {
-  const { side: h, align: y } = F(s), [S, j] = f.useState(!1), R = typeof u == "boolean", n = R ? u : S, [m, P] = f.useState(null), b = f.useRef(null), v = f.useRef(null), L = (t) => {
-    const e = typeof t == "function" ? t(n) : t;
-    R ? w == null || w(e) : j(e);
-  }, x = () => {
-    o || L((t) => !t);
-  }, E = () => L(!1), _ = () => L(!0), B = f.cloneElement(r, {
+  const { side: h, align: y } = T(s), [M, S] = f.useState(!1), x = typeof u == "boolean", o = x ? u : M, [m, R] = f.useState(null), b = f.useRef(null), v = f.useRef(null), L = (t) => {
+    const e = typeof t == "function" ? t(o) : t;
+    x ? w == null || w(e) : S(e);
+  }, _ = () => {
+    n || L((t) => !t);
+  }, E = () => L(!1), j = () => L(!0), B = f.cloneElement(r, {
     ref: (t) => {
       const { ref: e } = r;
       typeof e == "function" ? e(t) : e && (e.current = t), b.current = t;
     },
     onClick: (t) => {
       var e, i;
-      (i = (e = r.props).onClick) == null || i.call(e, t), x();
+      (i = (e = r.props).onClick) == null || i.call(e, t), _();
     },
     "aria-haspopup": "dialog",
-    "aria-expanded": n || void 0,
-    "aria-controls": n ? "popover-panel" : void 0,
+    "aria-expanded": o || void 0,
+    "aria-controls": o ? "popover-panel" : void 0,
     style: { ...r.props.style || {}, outline: "none" }
   });
   return f.useLayoutEffect(() => {
-    if (!n) {
-      P(null);
+    if (!o) {
+      R(null);
       return;
     }
     const t = b.current, e = v.current;
     if (!t || !e) return;
     const i = () => {
-      P(U(t, e, h, y, 8));
+      R(U(t, e, h, y, 8));
     };
     return i(), window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), () => {
       window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
     };
-  }, [n, h, y, d]), f.useEffect(() => {
-    if (!n || !l) return;
+  }, [o, h, y, d]), f.useEffect(() => {
+    if (!o || !l) return;
     const t = (e) => {
       const i = v.current, g = b.current;
       !i || !g || i.contains(e.target) || g.contains(e.target) || E();
     };
     return window.addEventListener("mousedown", t), () => window.removeEventListener("mousedown", t);
-  }, [n, l]), f.useEffect(() => {
-    if (!n || !a) return;
+  }, [o, l]), f.useEffect(() => {
+    if (!o || !a) return;
     const t = v.current;
     if (!t) return;
     const e = (i) => {
       const g = i.target;
       if (!g) return;
-      g.closest('[data-popover-close="true"]') && E();
+      g.closest('[data-popover-close="true"]') && setTimeout(() => E(), 0);
     };
     return t.addEventListener("click", e), () => t.removeEventListener("click", e);
-  }, [n, a]), f.useEffect(() => {
-    if (!n) return;
+  }, [o, a]), f.useEffect(() => {
+    if (!o) return;
     const t = (e) => {
       e.key === "Escape" && E();
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [n]), f.useEffect(() => {
-    if (n && v.current) {
+  }, [o]), f.useEffect(() => {
+    if (o && v.current) {
       const t = v.current.querySelector(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
       t == null || t.focus();
     }
-  }, [n]), /* @__PURE__ */ H(W.Provider, { value: { close: E, open: _, toggle: x }, children: [
+  }, [o]), /* @__PURE__ */ F(H, { children: [
     B,
-    n && typeof document < "u" && N.createPortal(
+    o && typeof document < "u" && N.createPortal(
       /* @__PURE__ */ k(
         "div",
         {
@@ -105,7 +104,7 @@ const Q = ({
           ref: v,
           role: "dialog",
           "aria-modal": "false",
-          className: z(M.popover, c),
+          className: z(P.popover, c),
           "data-side": h,
           "data-align": y,
           style: {
@@ -115,7 +114,7 @@ const Q = ({
             visibility: m ? "visible" : "hidden",
             zIndex: 20
           },
-          children: /* @__PURE__ */ k("div", { className: z(M.content, p), children: typeof d == "function" ? d({ close: E, open: _, toggle: x }) : d })
+          children: /* @__PURE__ */ k("div", { className: z(P.content, p), children: typeof d == "function" ? d({ close: E, open: j, toggle: _ }) : d })
         }
       ),
       document.body
@@ -123,5 +122,5 @@ const Q = ({
   ] });
 };
 export {
-  Q as Popover
+  J as Popover
 };

package/dist/main-client.d.ts

@@ -6,8 +6,6 @@ export type { SlideInPanelProps } from './atoms/SlideInPanel/SlideInPanel';
 export { Tooltip } from './atoms/Tooltip/Tooltip';
 export { Popover } from './atoms/Popover/Popover';
 export type { PopoverProps } from './atoms/Popover/Popover';
-export { usePopover } from './atoms/Popover/usePopover';
-export type { PopoverAPI } from './atoms/Popover/usePopover';
 export { Account } from './molecules/Account/Account';
 export type { AccountProps } from './molecules/Account/Account';
 export { Chip } from './molecules/Chip/Chip';

package/dist/main-client.js

@@ -6,10 +6,10 @@ import { Icon as l } from "./atoms/Icon/Icon.js";
 import { Root as d } from "./atoms/Root/Root.js";
 import { Separator as C } from "./atoms/Separator/Separator.js";
 import { Text as k } from "./atoms/Text/Text.js";
-import { Input as v } from "./atoms/Input/Input.js";
-import { Link as I } from "./atoms/Link/Link.js";
-import { linkClassName as s } from "./atoms/Link/linkClassName.js";
-import { configureLink as L, routerOverride as h } from "./atoms/Link/configureLink.js";
+import { Input as B } from "./atoms/Input/Input.js";
+import { Link as v } from "./atoms/Link/Link.js";
+import { linkClassName as L } from "./atoms/Link/linkClassName.js";
+import { configureLink as h, routerOverride as s } from "./atoms/Link/configureLink.js";
 import { LinkButton as F } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as N } from "./atoms/Image/configureImage.js";
 import { Logo as y } from "./molecules/Logo/Logo.js";
@@ -26,63 +26,61 @@ import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll
 import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
 import { Tooltip as eo } from "./atoms/Tooltip/Tooltip.js";
 import { Popover as po } from "./atoms/Popover/Popover.js";
-import { usePopover as fo } from "./atoms/Popover/usePopover.js";
-import { Account as ao } from "./molecules/Account/Account.js";
-import { Chip as io } from "./molecules/Chip/Chip.js";
-import { ToggleView as uo } from "./molecules/ToggleView/ToggleView.js";
-import { CartSlideInPanel as Co } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as ko } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as vo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Io } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as so } from "./molecules/Modal/Modal.js";
+import { Account as fo } from "./molecules/Account/Account.js";
+import { Chip as ao } from "./molecules/Chip/Chip.js";
+import { ToggleView as io } from "./molecules/ToggleView/ToggleView.js";
+import { CartSlideInPanel as uo } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Co } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as ko } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Bo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as vo } from "./molecules/Modal/Modal.js";
 import { MainNav as Lo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as To } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Mo } from "./organisms/Product/Product.js";
-import { Carousel as bo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Ho } from "./organisms/Footer/Footer.js";
+import { ChipSelector as ho } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as To } from "./organisms/Product/Product.js";
+import { Carousel as Mo } from "./organisms/Carousel/Carousel.js";
+import { Footer as bo } from "./organisms/Footer/Footer.js";
 export {
-  ao as Account,
-  Io as AddToCart,
-  vo as AnimatedCheckMark,
+  fo as Account,
+  Bo as AddToCart,
+  ko as AnimatedCheckMark,
   V as Availability,
   q as Avatar,
   E as BannerCard,
   W as Breadcrumbs,
   e as Button,
   K as CardLink,
-  bo as Carousel,
-  Co as CartSlideInPanel,
-  io as Chip,
-  To as ChipSelector,
+  Mo as Carousel,
+  uo as CartSlideInPanel,
+  ao as Chip,
+  ho as ChipSelector,
   f as Column,
   p as Flex,
-  Ho as Footer,
+  bo as Footer,
   x as Grid,
   n as Head,
   _ as HorizontalScroll,
   l as Icon,
-  v as Input,
-  I as Link,
+  B as Input,
+  v as Link,
   F as LinkButton,
   y as Logo,
   Lo as MainNav,
-  so as Modal,
+  vo as Modal,
   Y as NotFound,
   po as Popover,
   Q as Pricing,
-  Mo as Product,
+  To as Product,
   G as QuantityInput,
   d as Root,
   w as SearchBox,
   C as Separator,
   oo as SlideInPanel,
-  ko as StatefulButton,
+  Co as StatefulButton,
   k as Text,
-  uo as ToggleView,
+  io as ToggleView,
   eo as Tooltip,
   N as configureImage,
-  L as configureLink,
-  s as linkClassName,
-  h as routerOverride,
-  fo as usePopover
+  h as configureLink,
+  L as linkClassName,
+  s as routerOverride
 };

package/dist/molecules/Modal/Modal.js

@@ -1,13 +1,12 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { c as t } from "../../clsx-OuTLNxxd.js";
-import { Text as h } from "../../atoms/Text/Text.js";
-import { Icon as f } from "../../atoms/Icon/Icon.js";
-import '../../assets/Modal.css';const y = "_overlay_vmpn5_1", g = "_container_vmpn5_11", x = "_header_vmpn5_30", N = "_closeButton_vmpn5_53", S = "_captionSpacer_vmpn5_66", T = "_content_vmpn5_69", k = "_headerPlain_vmpn5_77", e = {
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import { Text as v } from "../../atoms/Text/Text.js";
+import { Icon as p } from "../../atoms/Icon/Icon.js";
+import '../../assets/Modal.css';const y = "_overlay_1du2l_1", g = "_container_1du2l_11", x = "_header_1du2l_30", N = "_closeButton_1du2l_43", T = "_content_1du2l_56", k = "_headerPlain_1du2l_64", e = {
   overlay: y,
   container: g,
   header: x,
   closeButton: N,
-  captionSpacer: S,
   content: T,
   headerPlain: k
 }, z = {
@@ -19,57 +18,57 @@ import '../../assets/Modal.css';const y = "_overlay_vmpn5_1", g = "_container_vm
   md: "md",
   lg: "md"
 };
-function I({
+function j({
   isOpen: i,
   caption: o,
-  onClose: c,
-  closeOnOverlayClick: m = !0,
-  headerSize: a = "md",
+  onClose: l,
+  closeOnOverlayClick: d = !0,
+  headerSize: t = "md",
   headerVariant: r = "default",
-  className: d,
-  children: p,
+  className: m,
+  children: u,
   ..._
 }) {
   if (!i) return null;
-  const v = (l) => {
-    m && l.target === l.currentTarget && c();
-  }, u = r === "default" && !!o;
-  return /* @__PURE__ */ n("div", { className: t(e.overlay), onClick: v, children: /* @__PURE__ */ s("div", { className: t(e.container, d), role: "dialog", "aria-modal": "true", ..._, children: [
+  const h = (c) => {
+    d && c.target === c.currentTarget && l();
+  }, f = r === "default" && !!o;
+  return /* @__PURE__ */ a("div", { className: n(e.overlay), onClick: h, children: /* @__PURE__ */ s("div", { className: n(e.container, m), role: "dialog", "aria-modal": "true", ..._, children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: t(
+        className: n(
           e.header,
-          e[`header-${a}`],
+          e[`header-${t}`],
           r === "plain" && e.headerPlain
         ),
         children: [
-          u ? /* @__PURE__ */ n(
-            h,
+          f ? /* @__PURE__ */ a(
+            v,
             {
               as: "div",
-              size: z[a],
+              size: z[t],
               variant: "display",
               className: e.caption,
               children: o
             }
-          ) : /* @__PURE__ */ n("div", { className: e.captionSpacer }),
-          /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a("div", { className: e.captionSpacer }),
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: e.closeButton,
               "aria-label": "Close",
-              onClick: c,
-              children: /* @__PURE__ */ n(f, { iconKey: "fa-regular fa-xmark", size: B[a] })
+              onClick: l,
+              children: /* @__PURE__ */ a(p, { iconKey: "fa-regular fa-xmark", size: B[t] })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n("div", { className: e.content, children: p })
+    /* @__PURE__ */ a("div", { className: e.content, children: u })
   ] }) });
 }
 export {
-  I as Modal
+  j as Modal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.115",
+  "version": "0.0.117",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/atoms/Popover/usePopover.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-export type PopoverAPI = {
-    close: () => void;
-    open: () => void;
-    toggle: () => void;
-};
-export declare const PopoverContext: React.Context<PopoverAPI | null>;
-export declare function usePopover(): PopoverAPI;

package/dist/atoms/Popover/usePopover.js

@@ -1,12 +0,0 @@
-import * as e from "react";
-const t = e.createContext(null);
-function r() {
-  const o = e.useContext(t);
-  if (!o)
-    throw new Error("usePopover must be used within a Popover");
-  return o;
-}
-export {
-  t as PopoverContext,
-  r as usePopover
-};