@performant-software/core-data 2.2.10-beta.17 → 2.2.10-beta.19

package/dist/index.es12.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es55.js";
+import { j as e } from "./index.es55.js";
 import { useTimer as I, Numbers as O } from "@performant-software/shared-components";
 import { Root as P, Trigger as Y, Portal as B, Content as G, Arrow as U } from "./index.es89.js";
 import { Root as q, Thumb as H } from "./index.es85.js";
 import { clsx as _ } from "./index.es56.js";
-import { useState as s, useRef as J, useCallback as d, useMemo as k, useEffect as b } from "react";
+import { useState as s, useRef as J, useCallback as x, useMemo as k, useEffect as j } from "react";
 import w from "./index.es57.js";
 import "./index.es58.js";
 import "./index.es59.js";
@@ -38,188 +38,206 @@ import { useEventsService as W } from "./index.es40.js";
 import X from "./index.es90.js";
 import $ from "./index.es91.js";
 import tt from "./index.es92.js";
-import ot from "./index.es87.js";
-import et from "./index.es88.js";
-const it = "event_range_facet", qt = (e) => {
-  const { range: i = {}, refine: T, start: f = [] } = e.useRange({ attribute: it }), [c, g] = s(), [l, Z] = s(i.max), [u, S] = s(i.min), [a, x] = s(i.max), [m, h] = s(i.min), [r, j] = s([m, a]), z = W(), p = J(), { clearTimer: F, setTimer: L } = I(), C = d(() => {
-    const t = m + e.zoom, n = a - e.zoom;
-    t >= n || (h(t), x(n));
-  }, [a, m, e.zoom]), N = d(() => {
-    const t = m - e.zoom, n = a + e.zoom;
-    t >= n || (h(t), x(n));
-  }, [a, m, i, e.zoom]), y = d(() => {
-    h(u), x(l);
-    let t = r[0], n = r[1];
-    r[0] < u && (t = u), r[1] > l && (n = l), j([t, n]);
-  }, [l, u, r]), A = k(() => [{
+import et from "./index.es87.js";
+import ot from "./index.es88.js";
+const it = "event_range_facet", qt = (o) => {
+  const { range: i = {}, refine: T, start: f = [] } = o.useRange({ attribute: it }), [c, g] = s(), [l, Z] = s(i.max), [u, S] = s(i.min), [r, h] = s(i.max), [m, p] = s(i.min), [a, b] = s([m, r]), z = W(), d = J(), { clearTimer: F, setTimer: L } = I(), N = x(() => {
+    const t = m + o.zoom, n = r - o.zoom;
+    t >= n || (p(t), h(n));
+  }, [r, m, o.zoom]), C = x(() => {
+    const t = m - o.zoom, n = r + o.zoom;
+    t >= n || (p(t), h(n));
+  }, [r, m, i, o.zoom]), y = x(() => {
+    p(u), h(l);
+    let t = a[0], n = a[1];
+    a[0] < u && (t = u), a[1] > l && (n = l), b([t, n]);
+  }, [l, u, a]), A = k(() => [{
     label: "Zoom In",
-    icon: /* @__PURE__ */ o.jsx(X, {}),
-    onClick: C
+    icon: /* @__PURE__ */ e.jsx(X, {}),
+    onClick: N
   }, {
     label: "Zoom Out",
-    icon: /* @__PURE__ */ o.jsx($, {}),
-    onClick: N
+    icon: /* @__PURE__ */ e.jsx($, {}),
+    onClick: C
   }, {
     label: "Zoom Reset",
-    icon: /* @__PURE__ */ o.jsx(tt, {}),
+    icon: /* @__PURE__ */ e.jsx(tt, {}),
     onClick: y
-  }], [C, N, y]), V = d((t) => {
+  }], [N, C, y]), V = x((t) => {
     var v, E;
     let n;
     const R = ((v = t.start_date) == null ? void 0 : v.start_date) || ((E = t.end_date) == null ? void 0 : E.start_date);
     return R && (n = new Date(R).getFullYear()), n;
-  }, []), M = d((t) => {
+  }, []), M = x((t) => {
     g(w.map(t.events, (n) => ({
       ...n,
       year: V(n)
     })));
   }, []), D = k(() => w.pluck(c, "year"), [c]);
-  return b(() => {
-    r && (F(), L(() => {
+  return j(() => {
+    a && (F(), L(() => {
       g([]);
       const t = {
-        min_year: r[0],
-        max_year: r[1]
+        min_year: a[0],
+        max_year: a[1]
       };
       z.fetchAll(t).then(M);
     }));
-  }, [M, a, m, r]), b(() => {
-    e.onLoad && e.onLoad(c);
-  }, [c, e.onLoad]), b(() => {
+  }, [M, r, m, a]), j(() => {
+    o.onLoad && o.onLoad(c);
+  }, [c, o.onLoad]), j(() => {
     const t = Math.max(i.min, Number.isFinite(f[0]) ? f[0] : i.min), n = Math.min(i.max, Number.isFinite(f[1]) ? f[1] : i.max);
-    j([t, n]), h(i.min), x(i.max), !u && i.min && S(i.min), !l && i.max && Z(i.max);
-  }, [i.min, i.max]), /* @__PURE__ */ o.jsxs(
+    b([t, n]), p(i.min), h(i.max), !u && i.min && S(i.min), !l && i.max && Z(i.max);
+  }, [i.min, i.max]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: _(
-        { "pt-16": !e.description },
-        { "pt-40": e.description },
-        e.className
+        { "pt-24": !o.description },
+        { "pt-40": o.description },
+        o.className
       ),
-      ref: p,
+      ref: d,
       children: [
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ e.jsxs(
           "div",
           {
             className: "flex justify-between items-center",
             children: [
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ e.jsx(
                 "button",
                 {
                   "aria-label": "Slider Left",
                   className: "p-4 cursor-auto opacity-0",
                   type: "button",
-                  children: /* @__PURE__ */ o.jsx(ot, {})
+                  children: /* @__PURE__ */ e.jsx(et, {})
                 }
               ),
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ e.jsx(
                 q,
                 {
                   className: "relative flex flex-grow h-5 touch-none items-center w-full",
-                  max: a,
+                  max: r,
                   min: m,
                   value: D,
-                  children: w.map(c, (t) => /* @__PURE__ */ o.jsxs(
+                  children: w.map(c, (t) => /* @__PURE__ */ e.jsxs(
                     P,
                     {
                       open: !0,
                       children: [
-                        /* @__PURE__ */ o.jsx(
+                        /* @__PURE__ */ e.jsx(
                           Y,
                           {
                             asChild: !0,
-                            children: /* @__PURE__ */ o.jsx(H, {})
+                            children: /* @__PURE__ */ e.jsx(H, {})
                           }
                         ),
-                        /* @__PURE__ */ o.jsx(B, { children: /* @__PURE__ */ o.jsx(
-                          G,
+                        /* @__PURE__ */ e.jsx(
+                          B,
                           {
-                            asChild: !0,
-                            collisionBoundary: p == null ? void 0 : p.current,
-                            collisionPadding: {
-                              top: 10,
-                              left: 20,
-                              right: 20,
-                              bottom: 10
-                            },
-                            sideOffset: O.getRandomInt(-30, 0),
-                            side: "top",
-                            children: /* @__PURE__ */ o.jsxs(
-                              "button",
+                            container: d.current,
+                            children: /* @__PURE__ */ e.jsx(
+                              G,
                               {
-                                "aria-label": t.name,
-                                className: _(
-                                  "bg-white",
-                                  "hover:bg-white",
-                                  "p-5",
-                                  "rounded-md",
-                                  "shadow-md",
-                                  "shadow-gray-1000",
-                                  "max-w-xs",
-                                  "max-h-36",
-                                  "overflow-hidden",
-                                  "transition",
-                                  "duration-500",
-                                  "hover:scale-105",
-                                  "cursor-pointer",
-                                  "focus:outline-none",
-                                  "text-left"
-                                ),
-                                onClick: () => e.onClick && e.onClick(t),
-                                type: "button",
-                                children: [
-                                  /* @__PURE__ */ o.jsx("h2", { children: t.name }),
-                                  /* @__PURE__ */ o.jsx("p", { children: K.getDateView(t) }),
-                                  e.description && /* @__PURE__ */ o.jsx(
-                                    "p",
-                                    {
-                                      className: "text-muted",
-                                      children: t.description
-                                    }
-                                  ),
-                                  /* @__PURE__ */ o.jsx(
-                                    U,
-                                    {
-                                      className: "fill-white"
-                                    }
-                                  )
-                                ]
+                                asChild: !0,
+                                collisionBoundary: d == null ? void 0 : d.current,
+                                collisionPadding: {
+                                  top: 10,
+                                  left: 20,
+                                  right: 20,
+                                  bottom: 10
+                                },
+                                sideOffset: O.getRandomInt(-30, 10),
+                                side: "top",
+                                children: /* @__PURE__ */ e.jsxs(
+                                  "button",
+                                  {
+                                    "aria-label": t.name,
+                                    className: _(
+                                      "bg-white",
+                                      "hover:bg-white",
+                                      "p-5",
+                                      "rounded-md",
+                                      "shadow-md",
+                                      "shadow-gray-1000",
+                                      "max-w-xs",
+                                      "max-h-36",
+                                      "overflow-hidden",
+                                      "transition",
+                                      "duration-500",
+                                      "hover:scale-105",
+                                      "cursor-pointer",
+                                      "focus:outline-none",
+                                      "text-left"
+                                    ),
+                                    onClick: () => o.onClick && o.onClick(t),
+                                    type: "button",
+                                    children: [
+                                      /* @__PURE__ */ e.jsx(
+                                        "h2",
+                                        {
+                                          className: "font-bold text-lg whitespace-nowrap line-clamp-1 text-ellipsis",
+                                          children: t.name
+                                        }
+                                      ),
+                                      /* @__PURE__ */ e.jsx(
+                                        "p",
+                                        {
+                                          className: "text-muted",
+                                          children: K.getDateView(t)
+                                        }
+                                      ),
+                                      o.description && /* @__PURE__ */ e.jsx(
+                                        "p",
+                                        {
+                                          className: "text-muted",
+                                          children: t.description
+                                        }
+                                      ),
+                                      /* @__PURE__ */ e.jsx(
+                                        U,
+                                        {
+                                          className: "fill-white"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
                               }
                             )
                           }
-                        ) })
+                        )
                       ]
                     },
                     t.uuid
                   ))
                 }
               ),
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ e.jsx(
                 "button",
                 {
                   "aria-label": "Slider Right",
                   className: "p-4 cursor-auto opacity-0",
                   type: "button",
-                  children: /* @__PURE__ */ o.jsx(et, {})
+                  children: /* @__PURE__ */ e.jsx(ot, {})
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ e.jsx(
           Q,
           {
             actions: [
               ...A,
-              ...e.actions || []
+              ...o.actions || []
             ],
-            classNames: e.classNames,
-            max: a,
+            classNames: o.classNames,
+            max: r,
             min: m,
-            onValueChange: j,
+            onValueChange: b,
             onValueCommit: T,
             position: "bottom",
-            value: r
+            value: a
           }
         )
       ]

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/FacetTimeline.js"],"sourcesContent":["// @flow\n\nimport { Numbers, useTimer } from '@performant-software/shared-components';\nimport * as Popover from '@radix-ui/react-popover';\nimport * as Slider from '@radix-ui/react-slider';\nimport { clsx } from 'clsx';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  RotateCcw,\n  ZoomIn,\n  ZoomOut\n} from 'lucide-react';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport _ from 'underscore';\nimport type { Event as EventType } from '../types/Event';\nimport EventUtils from '../utils/Event';\nimport FacetSlider, { type Action as ActionType, type ClassNames as ClassNamesType } from './FacetSlider';\nimport { useEventsService } from '../hooks/CoreData';\n\ntype Props = {\n  /**\n   * Custom actions to render with the FacetSlider.\n   */\n  actions?: Array<ActionType>,\n\n  /**\n   * Class name to apply to the root DOM element.\n   */\n  className?: string,\n\n  /**\n   * Class names to apply to the FacetSlider components.\n   */\n  classNames?: ClassNamesType,\n\n  /**\n   * If `true`, the event popover content will display the event description.\n   */\n  description?: boolean,\n\n  /**\n   * Callback fired when the event popover is clicked.\n   */\n  onClick?: (event: EventType) => void,\n\n  /**\n   * Callback fired when the events are loaded.\n   */\n  onLoad?: (events: Array<EventType>) => void,\n\n  /**\n   * Typesense `useRange` hook.\n   */\n  useRange: ({ attribute: string }) => ({ refine: (range: [number, number]) => void }) => void,\n\n  /**\n   * Zoom level increment.\n   */\n  zoom?: number\n};\n\nconst FACET_EVENT_RANGE = 'event_range_facet';\n\nconst FacetTimeline = (props: Props) => {\n  const { range = {}, refine, start = [] } = props.useRange({ attribute: FACET_EVENT_RANGE });\n\n  const [events, setEvents] = useState();\n  const [defaultMax, setDefaultMax] = useState(range.max);\n  const [defaultMin, setDefaultMin] = useState(range.min);\n  const [max, setMax] = useState(range.max);\n  const [min, setMin] = useState(range.min);\n  const [value, setValue] = useState([min, max]);\n\n  const EventsService = useEventsService();\n  const ref = useRef();\n  const { clearTimer, setTimer } = useTimer();\n\n  /**\n   * Zooms in the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomIn = useCallback(() => {\n    const newMin = min + props.zoom;\n    const newMax = max - props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, props.zoom]);\n\n  /**\n   * Zooms out the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomOut = useCallback(() => {\n    const newMin = min - props.zoom;\n    const newMax = max + props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, range, props.zoom]);\n\n  /**\n   * Resets the min/max values to the defaults.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomReset = useCallback(() => {\n    setMin(defaultMin);\n    setMax(defaultMax);\n\n    let newStart = value[0];\n    let newEnd = value[1];\n\n    if (value[0] < defaultMin) {\n      newStart = defaultMin;\n    }\n\n    if (value[1] > defaultMax) {\n      newEnd = defaultMax;\n    }\n\n    setValue([newStart, newEnd]);\n  }, [defaultMax, defaultMin, value]);\n\n  /**\n   * List of actions to provide to the FacetSlider component.\n   */\n  const actions = useMemo(() => [{\n    label: 'Zoom In',\n    icon: <ZoomIn />,\n    onClick: onZoomIn\n  }, {\n    label: 'Zoom Out',\n    icon: <ZoomOut />,\n    onClick: onZoomOut\n  }, {\n    label: 'Zoom Reset',\n    icon: <RotateCcw />,\n    onClick: onZoomReset\n  }], [onZoomIn, onZoomOut, onZoomReset]);\n\n  /**\n   * Returns the year value for the passed event.\n   *\n   * @type {function(*): *}\n   */\n  const getYear = useCallback((event) => {\n    let year;\n\n    const date = event.start_date?.start_date || event.end_date?.start_date;\n\n    if (date) {\n      year = new Date(date).getFullYear();\n    }\n\n    return year;\n  }, []);\n\n  /**\n   * Sets the events on the state.\n   *\n   * @type {(function(*): void)|*}\n   */\n  const onLoad = useCallback((data) => {\n    setEvents(_.map(data.events, (event) => ({\n      ...event,\n      year: getYear(event)\n    })));\n  }, []);\n\n  /**\n   * Memo-izes the slider value.\n   */\n  const years = useMemo(() => _.pluck(events, 'year'), [events]);\n\n  /**\n   * Loads the list of events when the range or min/max values are changed.\n   */\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    // Clear the timeout when the range changes\n    clearTimer();\n\n    // Reset the timer to fetch the events\n    setTimer(() => {\n      setEvents([]);\n\n      const params = {\n        min_year: value[0],\n        max_year: value[1]\n      };\n\n      EventsService\n        .fetchAll(params)\n        .then(onLoad);\n    });\n  }, [onLoad, max, min, value]);\n\n  /**\n   * Calls the onLoad prop when the events are changed.\n   */\n  useEffect(() => {\n    if (props.onLoad) {\n      props.onLoad(events);\n    }\n  }, [events, props.onLoad]);\n\n  /**\n   * When the upper and/or lower bounds of the range change, update the value and min/max values.\n   */\n  useEffect(() => {\n    const from = Math.max(range.min, Number.isFinite(start[0]) ? start[0] : range.min);\n    const to = Math.min(range.max, Number.isFinite(start[1]) ? start[1] : range.max);\n\n    setValue([from, to]);\n    setMin(range.min);\n    setMax(range.max);\n\n    if (!defaultMin && range.min) {\n      setDefaultMin(range.min);\n    }\n\n    if (!defaultMax && range.max) {\n      setDefaultMax(range.max);\n    }\n  }, [range.min, range.max]);\n\n  return (\n    <div\n      className={clsx(\n        { 'pt-16': !props.description },\n        { 'pt-40': props.description },\n        props.className\n      )}\n      ref={ref}\n    >\n      <div\n        className='flex justify-between items-center'\n      >\n        <button\n          aria-label='Slider Left'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronLeft />\n        </button>\n        <Slider.Root\n          className='relative flex flex-grow h-5 touch-none items-center w-full'\n          max={max}\n          min={min}\n          value={years}\n        >\n          { _.map(events, (event) => (\n            <Popover.Root\n              key={event.uuid}\n              open\n            >\n              <Popover.Trigger\n                asChild\n              >\n                <Slider.Thumb />\n              </Popover.Trigger>\n              <Popover.Portal>\n                <Popover.Content\n                  asChild\n                  collisionBoundary={ref?.current}\n                  collisionPadding={{\n                    top: 10,\n                    left: 20,\n                    right: 20,\n                    bottom: 10\n                  }}\n                  sideOffset={Numbers.getRandomInt(-30, 0)}\n                  side='top'\n                >\n                  <button\n                    aria-label={event.name}\n                    className={clsx(\n                      'bg-white',\n                      'hover:bg-white',\n                      'p-5',\n                      'rounded-md',\n                      'shadow-md',\n                      'shadow-gray-1000',\n                      'max-w-xs',\n                      'max-h-36',\n                      'overflow-hidden',\n                      'transition',\n                      'duration-500',\n                      'hover:scale-105',\n                      'cursor-pointer',\n                      'focus:outline-none',\n                      'text-left'\n                    )}\n                    onClick={() => props.onClick && props.onClick(event)}\n                    type='button'\n                  >\n                    <h2>\n                      { event.name }\n                    </h2>\n                    <p>\n                      { EventUtils.getDateView(event) }\n                    </p>\n                    { props.description && (\n                      <p\n                        className='text-muted'\n                      >\n                        { event.description }\n                      </p>\n                    )}\n                    <Popover.Arrow\n                      className='fill-white'\n                    />\n                  </button>\n                </Popover.Content>\n              </Popover.Portal>\n            </Popover.Root>\n          ))}\n        </Slider.Root>\n        <button\n          aria-label='Slider Right'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronRight />\n        </button>\n      </div>\n      <FacetSlider\n        actions={[\n          ...actions,\n          ...props.actions || []\n        ]}\n        classNames={props.classNames}\n        max={max}\n        min={min}\n        onValueChange={setValue}\n        onValueCommit={refine}\n        position='bottom'\n        value={value}\n      />\n    </div>\n  );\n};\n\nexport default FacetTimeline;\n"],"names":["FACET_EVENT_RANGE","FacetTimeline","props","range","refine","start","events","setEvents","useState","defaultMax","setDefaultMax","defaultMin","setDefaultMin","max","setMax","min","setMin","value","setValue","EventsService","useEventsService","ref","useRef","clearTimer","setTimer","useTimer","onZoomIn","useCallback","newMin","newMax","onZoomOut","onZoomReset","newStart","newEnd","actions","useMemo","ZoomIn","ZoomOut","RotateCcw","getYear","event","year","date","_a","_b","onLoad","data","_","years","useEffect","params","from","to","jsxs","clsx","jsx","ChevronLeft","Slider.Root","Popover.Root","Popover.Trigger","Slider.Thumb","Popover.Portal","Popover.Content","Numbers","EventUtils","Popover.Arrow","ChevronRight","FacetSlider"],"mappings":"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"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/FacetTimeline.js"],"sourcesContent":["// @flow\n\nimport { Numbers, useTimer } from '@performant-software/shared-components';\nimport * as Popover from '@radix-ui/react-popover';\nimport * as Slider from '@radix-ui/react-slider';\nimport { clsx } from 'clsx';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  RotateCcw,\n  ZoomIn,\n  ZoomOut\n} from 'lucide-react';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport _ from 'underscore';\nimport type { Event as EventType } from '../types/Event';\nimport EventUtils from '../utils/Event';\nimport FacetSlider, { type Action as ActionType, type ClassNames as ClassNamesType } from './FacetSlider';\nimport { useEventsService } from '../hooks/CoreData';\n\ntype Props = {\n  /**\n   * Custom actions to render with the FacetSlider.\n   */\n  actions?: Array<ActionType>,\n\n  /**\n   * Class name to apply to the root DOM element.\n   */\n  className?: string,\n\n  /**\n   * Class names to apply to the FacetSlider components.\n   */\n  classNames?: ClassNamesType,\n\n  /**\n   * If `true`, the event popover content will display the event description.\n   */\n  description?: boolean,\n\n  /**\n   * Callback fired when the event popover is clicked.\n   */\n  onClick?: (event: EventType) => void,\n\n  /**\n   * Callback fired when the events are loaded.\n   */\n  onLoad?: (events: Array<EventType>) => void,\n\n  /**\n   * Typesense `useRange` hook.\n   */\n  useRange: ({ attribute: string }) => ({ refine: (range: [number, number]) => void }) => void,\n\n  /**\n   * Zoom level increment.\n   */\n  zoom?: number\n};\n\nconst FACET_EVENT_RANGE = 'event_range_facet';\n\nconst FacetTimeline = (props: Props) => {\n  const { range = {}, refine, start = [] } = props.useRange({ attribute: FACET_EVENT_RANGE });\n\n  const [events, setEvents] = useState();\n  const [defaultMax, setDefaultMax] = useState(range.max);\n  const [defaultMin, setDefaultMin] = useState(range.min);\n  const [max, setMax] = useState(range.max);\n  const [min, setMin] = useState(range.min);\n  const [value, setValue] = useState([min, max]);\n\n  const EventsService = useEventsService();\n  const ref = useRef();\n  const { clearTimer, setTimer } = useTimer();\n\n  /**\n   * Zooms in the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomIn = useCallback(() => {\n    const newMin = min + props.zoom;\n    const newMax = max - props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, props.zoom]);\n\n  /**\n   * Zooms out the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomOut = useCallback(() => {\n    const newMin = min - props.zoom;\n    const newMax = max + props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, range, props.zoom]);\n\n  /**\n   * Resets the min/max values to the defaults.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomReset = useCallback(() => {\n    setMin(defaultMin);\n    setMax(defaultMax);\n\n    let newStart = value[0];\n    let newEnd = value[1];\n\n    if (value[0] < defaultMin) {\n      newStart = defaultMin;\n    }\n\n    if (value[1] > defaultMax) {\n      newEnd = defaultMax;\n    }\n\n    setValue([newStart, newEnd]);\n  }, [defaultMax, defaultMin, value]);\n\n  /**\n   * List of actions to provide to the FacetSlider component.\n   */\n  const actions = useMemo(() => [{\n    label: 'Zoom In',\n    icon: <ZoomIn />,\n    onClick: onZoomIn\n  }, {\n    label: 'Zoom Out',\n    icon: <ZoomOut />,\n    onClick: onZoomOut\n  }, {\n    label: 'Zoom Reset',\n    icon: <RotateCcw />,\n    onClick: onZoomReset\n  }], [onZoomIn, onZoomOut, onZoomReset]);\n\n  /**\n   * Returns the year value for the passed event.\n   *\n   * @type {function(*): *}\n   */\n  const getYear = useCallback((event) => {\n    let year;\n\n    const date = event.start_date?.start_date || event.end_date?.start_date;\n\n    if (date) {\n      year = new Date(date).getFullYear();\n    }\n\n    return year;\n  }, []);\n\n  /**\n   * Sets the events on the state.\n   *\n   * @type {(function(*): void)|*}\n   */\n  const onLoad = useCallback((data) => {\n    setEvents(_.map(data.events, (event) => ({\n      ...event,\n      year: getYear(event)\n    })));\n  }, []);\n\n  /**\n   * Memo-izes the slider value.\n   */\n  const years = useMemo(() => _.pluck(events, 'year'), [events]);\n\n  /**\n   * Loads the list of events when the range or min/max values are changed.\n   */\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    // Clear the timeout when the range changes\n    clearTimer();\n\n    // Reset the timer to fetch the events\n    setTimer(() => {\n      setEvents([]);\n\n      const params = {\n        min_year: value[0],\n        max_year: value[1]\n      };\n\n      EventsService\n        .fetchAll(params)\n        .then(onLoad);\n    });\n  }, [onLoad, max, min, value]);\n\n  /**\n   * Calls the onLoad prop when the events are changed.\n   */\n  useEffect(() => {\n    if (props.onLoad) {\n      props.onLoad(events);\n    }\n  }, [events, props.onLoad]);\n\n  /**\n   * When the upper and/or lower bounds of the range change, update the value and min/max values.\n   */\n  useEffect(() => {\n    const from = Math.max(range.min, Number.isFinite(start[0]) ? start[0] : range.min);\n    const to = Math.min(range.max, Number.isFinite(start[1]) ? start[1] : range.max);\n\n    setValue([from, to]);\n    setMin(range.min);\n    setMax(range.max);\n\n    if (!defaultMin && range.min) {\n      setDefaultMin(range.min);\n    }\n\n    if (!defaultMax && range.max) {\n      setDefaultMax(range.max);\n    }\n  }, [range.min, range.max]);\n\n  return (\n    <div\n      className={clsx(\n        { 'pt-24': !props.description },\n        { 'pt-40': props.description },\n        props.className\n      )}\n      ref={ref}\n    >\n      <div\n        className='flex justify-between items-center'\n      >\n        <button\n          aria-label='Slider Left'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronLeft />\n        </button>\n        <Slider.Root\n          className='relative flex flex-grow h-5 touch-none items-center w-full'\n          max={max}\n          min={min}\n          value={years}\n        >\n          { _.map(events, (event) => (\n            <Popover.Root\n              key={event.uuid}\n              open\n            >\n              <Popover.Trigger\n                asChild\n              >\n                <Slider.Thumb />\n              </Popover.Trigger>\n              <Popover.Portal\n                container={ref.current}\n              >\n                <Popover.Content\n                  asChild\n                  collisionBoundary={ref?.current}\n                  collisionPadding={{\n                    top: 10,\n                    left: 20,\n                    right: 20,\n                    bottom: 10\n                  }}\n                  sideOffset={Numbers.getRandomInt(-30, 10)}\n                  side='top'\n                >\n                  <button\n                    aria-label={event.name}\n                    className={clsx(\n                      'bg-white',\n                      'hover:bg-white',\n                      'p-5',\n                      'rounded-md',\n                      'shadow-md',\n                      'shadow-gray-1000',\n                      'max-w-xs',\n                      'max-h-36',\n                      'overflow-hidden',\n                      'transition',\n                      'duration-500',\n                      'hover:scale-105',\n                      'cursor-pointer',\n                      'focus:outline-none',\n                      'text-left'\n                    )}\n                    onClick={() => props.onClick && props.onClick(event)}\n                    type='button'\n                  >\n                    <h2\n                      className='font-bold text-lg whitespace-nowrap line-clamp-1 text-ellipsis'\n                    >\n                      { event.name }\n                    </h2>\n                    <p\n                      className='text-muted'\n                    >\n                      { EventUtils.getDateView(event) }\n                    </p>\n                    { props.description && (\n                      <p\n                        className='text-muted'\n                      >\n                        { event.description }\n                      </p>\n                    )}\n                    <Popover.Arrow\n                      className='fill-white'\n                    />\n                  </button>\n                </Popover.Content>\n              </Popover.Portal>\n            </Popover.Root>\n          ))}\n        </Slider.Root>\n        <button\n          aria-label='Slider Right'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronRight />\n        </button>\n      </div>\n      <FacetSlider\n        actions={[\n          ...actions,\n          ...props.actions || []\n        ]}\n        classNames={props.classNames}\n        max={max}\n        min={min}\n        onValueChange={setValue}\n        onValueCommit={refine}\n        position='bottom'\n        value={value}\n      />\n    </div>\n  );\n};\n\nexport default FacetTimeline;\n"],"names":["FACET_EVENT_RANGE","FacetTimeline","props","range","refine","start","events","setEvents","useState","defaultMax","setDefaultMax","defaultMin","setDefaultMin","max","setMax","min","setMin","value","setValue","EventsService","useEventsService","ref","useRef","clearTimer","setTimer","useTimer","onZoomIn","useCallback","newMin","newMax","onZoomOut","onZoomReset","newStart","newEnd","actions","useMemo","ZoomIn","ZoomOut","RotateCcw","getYear","event","year","date","_a","_b","onLoad","data","_","years","useEffect","params","from","to","jsxs","clsx","jsx","ChevronLeft","Slider.Root","Popover.Root","Popover.Trigger","Slider.Thumb","Popover.Portal","Popover.Content","Numbers","EventUtils","Popover.Arrow","ChevronRight","FacetSlider"],"mappings":"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"}

package/dist/index.es120.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es252.js";
+import { __exports as t } from "./index.es254.js";
 import R from "react";
 var p;
 function v() {

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { __exports as y } from "./index.es253.js";
+import { __exports as y } from "./index.es255.js";
 import te from "react";
 var hr;
 function oe() {

package/dist/index.es126.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es179.js";
+import { useCallbackRef as f } from "./index.es187.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import * as h from "react";
-import { useLayoutEffect as z } from "./index.es180.js";
+import { useLayoutEffect as z } from "./index.es188.js";
 function c(r) {
   const [d, e] = h.useState(void 0);
   return z(() => {

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import * as s from "react";
 import "react-dom";
-import { Slot as n } from "./index.es181.js";
+import { Slot as n } from "./index.es189.js";
 import { j as f } from "./index.es55.js";
 var u = [
   "a",

package/dist/index.es131.js

@@ -1,7 +1,7 @@
 import n from "react";
 import { createContextScope as O } from "./index.es125.js";
 import { useComposedRefs as I } from "./index.es124.js";
-import { Slot as S } from "./index.es181.js";
+import { Slot as S } from "./index.es189.js";
 import { j as u } from "./index.es55.js";
 function L(s) {
   const f = s + "CollectionProvider", [A, E] = O(f), [N, m] = A(

package/dist/index.es135.js

@@ -2,8 +2,8 @@ import * as n from "react";
 import { composeEventHandlers as m } from "./index.es132.js";
 import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es139.js";
 import { useComposedRefs as g } from "./index.es133.js";
-import { useCallbackRef as w } from "./index.es184.js";
-import { useEscapeKeydown as U } from "./index.es185.js";
+import { useCallbackRef as w } from "./index.es179.js";
+import { useEscapeKeydown as U } from "./index.es180.js";
 import { j as x } from "./index.es55.js";
 var j = "DismissableLayer", p = "dismissableLayer.update", z = "dismissableLayer.pointerDownOutside", H = "dismissableLayer.focusOutside", L, T = n.createContext({
   layers: /* @__PURE__ */ new Set(),

package/dist/index.es136.js

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { useLayoutEffect as r } from "./index.es186.js";
+import { useLayoutEffect as r } from "./index.es181.js";
 var f = u.useId || (() => {
 }), s = 0;
 function n(t) {

package/dist/index.es137.js

@@ -1,15 +1,15 @@
 import * as s from "react";
-import { useFloating as xe, arrow as Pe } from "./index.es187.js";
-import { Root as ye } from "./index.es188.js";
+import { useFloating as xe, arrow as Pe } from "./index.es182.js";
+import { Root as ye } from "./index.es183.js";
 import { useComposedRefs as T } from "./index.es133.js";
 import { createContextScope as Ae } from "./index.es134.js";
 import { Primitive as z } from "./index.es139.js";
-import { useCallbackRef as ve } from "./index.es184.js";
-import { useLayoutEffect as B } from "./index.es186.js";
-import { useSize as Ce } from "./index.es189.js";
+import { useCallbackRef as ve } from "./index.es179.js";
+import { useLayoutEffect as B } from "./index.es181.js";
+import { useSize as Ce } from "./index.es184.js";
 import { j as f } from "./index.es55.js";
-import { autoUpdate as be, shift as Se, flip as Oe, size as Re, hide as Ee, limitShift as Ne } from "./index.es190.js";
-import { offset as _e } from "./index.es191.js";
+import { autoUpdate as be, shift as Se, flip as Oe, size as Re, hide as Ee, limitShift as Ne } from "./index.es185.js";
+import { offset as _e } from "./index.es186.js";
 var N = "Popper", [L, qe] = Ae(N), [$e, Z] = L(N), U = (e) => {
   const { __scopePopper: i, children: n } = e, [t, a] = s.useState(null);
   return /* @__PURE__ */ f.jsx($e, { scope: i, anchor: t, onAnchorChange: a, children: n });

package/dist/index.es138.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import * as g from "react-dom";
 import { useComposedRefs as O } from "./index.es133.js";
-import { useLayoutEffect as l } from "./index.es186.js";
+import { useLayoutEffect as l } from "./index.es181.js";
 function E(e, n) {
   return a.useReducer((o, r) => n[o][r] ?? o, e);
 }

package/dist/index.es141.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es184.js";
+import { useCallbackRef as f } from "./index.es179.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es154.js

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { useLayoutEffect as r } from "./index.es205.js";
+import { useLayoutEffect as r } from "./index.es219.js";
 var f = u.useId || (() => {
 }), s = 0;
 function n(t) {

package/dist/index.es155.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es206.js";
+import { useCallbackRef as f } from "./index.es220.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es156.js

@@ -2,8 +2,8 @@ import * as n from "react";
 import { composeEventHandlers as m } from "./index.es151.js";
 import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es160.js";
 import { useComposedRefs as g } from "./index.es152.js";
-import { useCallbackRef as w } from "./index.es206.js";
-import { useEscapeKeydown as U } from "./index.es207.js";
+import { useCallbackRef as w } from "./index.es220.js";
+import { useEscapeKeydown as U } from "./index.es221.js";
 import { j as x } from "./index.es55.js";
 var j = "DismissableLayer", p = "dismissableLayer.update", z = "dismissableLayer.pointerDownOutside", H = "dismissableLayer.focusOutside", L, T = n.createContext({
   layers: /* @__PURE__ */ new Set(),

package/dist/index.es157.js

@@ -1,7 +1,7 @@
 import * as d from "react";
 import { useComposedRefs as P } from "./index.es152.js";
 import { Primitive as M } from "./index.es160.js";
-import { useCallbackRef as y } from "./index.es206.js";
+import { useCallbackRef as y } from "./index.es220.js";
 import { j as _ } from "./index.es55.js";
 var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
   const {

package/dist/index.es158.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import f from "react-dom";
 import { Primitive as u } from "./index.es160.js";
-import { useLayoutEffect as c } from "./index.es205.js";
+import { useLayoutEffect as c } from "./index.es219.js";
 import { j as l } from "./index.es55.js";
 var p = "Portal", d = r.forwardRef((e, a) => {
   var o;

package/dist/index.es159.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import * as g from "react-dom";
 import { useComposedRefs as O } from "./index.es152.js";
-import { useLayoutEffect as l } from "./index.es205.js";
+import { useLayoutEffect as l } from "./index.es219.js";
 function E(e, n) {
   return a.useReducer((o, r) => n[o][r] ?? o, e);
 }

package/dist/index.es16.js

@@ -18,7 +18,7 @@ const g = (e) => {
             r,
             {
               className: l(
-                "fixed bg-black/70 inset-0 transition-opacity flex justify-center",
+                "fixed bg-black/70 inset-0 transition-opacity flex justify-center z-[100]",
                 { "items-center": e.centered },
                 { "overflow-auto": !e.scrolling }
               ),

package/dist/index.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es16.js","sources":["../src/components/Modal.js"],"sourcesContent":["// @flow\n\nimport { ModalContext } from '@performant-software/shared-components';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport clsx from 'clsx';\nimport { X } from 'lucide-react';\nimport React, { useContext, type Node } from 'react';\n\ntype Props = {\n  /**\n   * If `true` the modal will be centered in the viewport.\n   */\n  centered?: boolean,\n\n  /**\n   * Modal content.\n   */\n  children?: Node,\n\n  /**\n   * (Optional) class name to apply to the modal content.\n   */\n  className?: string,\n\n  /**\n   * (Optional) modal description.\n   */\n  description?: string,\n\n  /**\n   * Callback fired when the closed icon is clicked. If this prop is not provided, a close\n   * icon will not be rendered.\n   */\n  onClose: () => void,\n\n  /**\n   * If `true` the modal will be displayed.\n   */\n  open?: boolean,\n\n  /**\n   * If `true`, the modal content will scroll instead of the viewport.\n   */\n  scrolling?: boolean,\n\n  /**\n   * (Optional) modal title.\n   */\n  title?: string\n};\n\nconst Modal = (props: Props) => {\n  const rootRef = useContext(ModalContext);\n\n  return (\n    <Dialog.Root\n      open={props.open}\n    >\n      <Dialog.Portal\n        container={rootRef}\n      >\n        <Dialog.Overlay\n          className={clsx(\n            'fixed bg-black/70 inset-0 transition-opacity flex justify-center',\n            { 'items-center': props.centered },\n            { 'overflow-auto': !props.scrolling }\n          )}\n        >\n          <Dialog.Content\n            className={clsx(\n              'bg-white',\n              'rounded',\n              'shadow',\n              'm-5',\n              'relative',\n              'h-fit',\n              'min-w-[50%]',\n              'px-5',\n              'pt-4',\n              'pb-10',\n              'transition-all',\n              'focus:outline-none',\n              { 'overflow-auto': props.scrolling },\n              { 'max-h-[85vh]': props.scrolling },\n              props.className\n            )}\n          >\n            { props.onClose && (\n              <Dialog.Close\n                asChild\n              >\n                <div\n                  className='flex justify-end items-center'\n                >\n                  <button\n                    aria-label='Close Modal'\n                    className={clsx(\n                      'rounded-full',\n                      'p-2',\n                      'inline-flex',\n                      'items-center',\n                      'justify-center',\n                      'focus:outline-none'\n                    )}\n                    onClick={props.onClose}\n                    type='button'\n                  >\n                    <X\n                      size={16}\n                    />\n                  </button>\n                </div>\n              </Dialog.Close>\n            )}\n            { props.title && (\n              <Dialog.Title\n                asChild\n              >\n                <h2\n                  className='py-0.5 font-semibold text-lg'\n                >\n                  { props.title }\n                </h2>\n              </Dialog.Title>\n            )}\n            { props.description && (\n              <Dialog.Description\n                className='leading-normal text-muted my-2'\n              >\n                { props.description }\n              </Dialog.Description>\n            )}\n            { props.children }\n          </Dialog.Content>\n        </Dialog.Overlay>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","props","rootRef","useContext","ModalContext","jsx","Dialog.Root","Dialog.Portal","Dialog.Overlay","clsx","jsxs","Dialog.Content","Dialog.Close","X","Dialog.Title","Dialog.Description"],"mappings":";;;;;;AAmDM,MAAAA,IAAQ,CAACC,MAAiB;AACxB,QAAAC,IAAUC,EAAWC,CAAY;AAGrC,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAML,EAAM;AAAA,MAEZ,UAAAI,gBAAAA,EAAA;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,WAAWL;AAAA,UAEX,UAAAG,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgBR,EAAM,SAAS;AAAA,gBACjC,EAAE,iBAAiB,CAACA,EAAM,UAAU;AAAA,cACtC;AAAA,cAEA,UAAAS,gBAAAA,EAAA;AAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACC,WAAWF;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,EAAE,iBAAiBR,EAAM,UAAU;AAAA,oBACnC,EAAE,gBAAgBA,EAAM,UAAU;AAAA,oBAClCA,EAAM;AAAA,kBACR;AAAA,kBAEE,UAAA;AAAA,oBAAAA,EAAM,WACNI,gBAAAA,EAAA;AAAA,sBAACO;AAAAA,sBAAA;AAAA,wBACC,SAAO;AAAA,wBAEP,UAAAP,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BAEV,UAAAA,gBAAAA,EAAA;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCACC,cAAW;AAAA,gCACX,WAAWI;AAAA,kCACT;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,gCACF;AAAA,gCACA,SAASR,EAAM;AAAA,gCACf,MAAK;AAAA,gCAEL,UAAAI,gBAAAA,EAAA;AAAA,kCAACQ;AAAA,kCAAA;AAAA,oCACC,MAAM;AAAA,kCAAA;AAAA,gCACR;AAAA,8BAAA;AAAA,4BACF;AAAA,0BAAA;AAAA,wBACF;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAEAZ,EAAM,SACNI,gBAAAA,EAAA;AAAA,sBAACS;AAAAA,sBAAA;AAAA,wBACC,SAAO;AAAA,wBAEP,UAAAT,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BAER,UAAMJ,EAAA;AAAA,0BAAA;AAAA,wBACV;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAEAA,EAAM,eACNI,gBAAAA,EAAA;AAAA,sBAACU;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBAER,UAAMd,EAAA;AAAA,sBAAA;AAAA,oBACV;AAAA,oBAEAA,EAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es16.js","sources":["../src/components/Modal.js"],"sourcesContent":["// @flow\n\nimport { ModalContext } from '@performant-software/shared-components';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport clsx from 'clsx';\nimport { X } from 'lucide-react';\nimport React, { useContext, type Node } from 'react';\n\ntype Props = {\n  /**\n   * If `true` the modal will be centered in the viewport.\n   */\n  centered?: boolean,\n\n  /**\n   * Modal content.\n   */\n  children?: Node,\n\n  /**\n   * (Optional) class name to apply to the modal content.\n   */\n  className?: string,\n\n  /**\n   * (Optional) modal description.\n   */\n  description?: string,\n\n  /**\n   * Callback fired when the closed icon is clicked. If this prop is not provided, a close\n   * icon will not be rendered.\n   */\n  onClose: () => void,\n\n  /**\n   * If `true` the modal will be displayed.\n   */\n  open?: boolean,\n\n  /**\n   * If `true`, the modal content will scroll instead of the viewport.\n   */\n  scrolling?: boolean,\n\n  /**\n   * (Optional) modal title.\n   */\n  title?: string\n};\n\nconst Modal = (props: Props) => {\n  const rootRef = useContext(ModalContext);\n\n  return (\n    <Dialog.Root\n      open={props.open}\n    >\n      <Dialog.Portal\n        container={rootRef}\n      >\n        <Dialog.Overlay\n          className={clsx(\n            'fixed bg-black/70 inset-0 transition-opacity flex justify-center z-[100]',\n            { 'items-center': props.centered },\n            { 'overflow-auto': !props.scrolling }\n          )}\n        >\n          <Dialog.Content\n            className={clsx(\n              'bg-white',\n              'rounded',\n              'shadow',\n              'm-5',\n              'relative',\n              'h-fit',\n              'min-w-[50%]',\n              'px-5',\n              'pt-4',\n              'pb-10',\n              'transition-all',\n              'focus:outline-none',\n              { 'overflow-auto': props.scrolling },\n              { 'max-h-[85vh]': props.scrolling },\n              props.className\n            )}\n          >\n            { props.onClose && (\n              <Dialog.Close\n                asChild\n              >\n                <div\n                  className='flex justify-end items-center'\n                >\n                  <button\n                    aria-label='Close Modal'\n                    className={clsx(\n                      'rounded-full',\n                      'p-2',\n                      'inline-flex',\n                      'items-center',\n                      'justify-center',\n                      'focus:outline-none'\n                    )}\n                    onClick={props.onClose}\n                    type='button'\n                  >\n                    <X\n                      size={16}\n                    />\n                  </button>\n                </div>\n              </Dialog.Close>\n            )}\n            { props.title && (\n              <Dialog.Title\n                asChild\n              >\n                <h2\n                  className='py-0.5 font-semibold text-lg'\n                >\n                  { props.title }\n                </h2>\n              </Dialog.Title>\n            )}\n            { props.description && (\n              <Dialog.Description\n                className='leading-normal text-muted my-2'\n              >\n                { props.description }\n              </Dialog.Description>\n            )}\n            { props.children }\n          </Dialog.Content>\n        </Dialog.Overlay>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","props","rootRef","useContext","ModalContext","jsx","Dialog.Root","Dialog.Portal","Dialog.Overlay","clsx","jsxs","Dialog.Content","Dialog.Close","X","Dialog.Title","Dialog.Description"],"mappings":";;;;;;AAmDM,MAAAA,IAAQ,CAACC,MAAiB;AACxB,QAAAC,IAAUC,EAAWC,CAAY;AAGrC,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAML,EAAM;AAAA,MAEZ,UAAAI,gBAAAA,EAAA;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,WAAWL;AAAA,UAEX,UAAAG,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgBR,EAAM,SAAS;AAAA,gBACjC,EAAE,iBAAiB,CAACA,EAAM,UAAU;AAAA,cACtC;AAAA,cAEA,UAAAS,gBAAAA,EAAA;AAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACC,WAAWF;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,EAAE,iBAAiBR,EAAM,UAAU;AAAA,oBACnC,EAAE,gBAAgBA,EAAM,UAAU;AAAA,oBAClCA,EAAM;AAAA,kBACR;AAAA,kBAEE,UAAA;AAAA,oBAAAA,EAAM,WACNI,gBAAAA,EAAA;AAAA,sBAACO;AAAAA,sBAAA;AAAA,wBACC,SAAO;AAAA,wBAEP,UAAAP,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BAEV,UAAAA,gBAAAA,EAAA;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCACC,cAAW;AAAA,gCACX,WAAWI;AAAA,kCACT;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,kCACA;AAAA,gCACF;AAAA,gCACA,SAASR,EAAM;AAAA,gCACf,MAAK;AAAA,gCAEL,UAAAI,gBAAAA,EAAA;AAAA,kCAACQ;AAAA,kCAAA;AAAA,oCACC,MAAM;AAAA,kCAAA;AAAA,gCACR;AAAA,8BAAA;AAAA,4BACF;AAAA,0BAAA;AAAA,wBACF;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAEAZ,EAAM,SACNI,gBAAAA,EAAA;AAAA,sBAACS;AAAAA,sBAAA;AAAA,wBACC,SAAO;AAAA,wBAEP,UAAAT,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BAER,UAAMJ,EAAA;AAAA,0BAAA;AAAA,wBACV;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAEAA,EAAM,eACNI,gBAAAA,EAAA;AAAA,sBAACU;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBAER,UAAMd,EAAA;AAAA,sBAAA;AAAA,oBACV;AAAA,oBAEAA,EAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}