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

package/dist/index.es12.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es55.js";
-import { useTimer as O } from "@performant-software/shared-components";
-import { Root as I, Trigger as P, Portal as Y, Content as B, Arrow as G } from "./index.es89.js";
-import { Root as U, Thumb as q } from "./index.es85.js";
-import { clsx as E } from "./index.es56.js";
-import { useState as s, useRef as H, useCallback as d, useMemo as _, useEffect as b } from "react";
+import { j as o } 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 w from "./index.es57.js";
 import "./index.es58.js";
 import "./index.es59.js";
@@ -32,101 +32,107 @@ import "./index.es81.js";
 import "./index.es82.js";
 import "./index.es83.js";
 import "./index.es84.js";
-import J from "./index.es51.js";
-import K from "./index.es10.js";
-import { useEventsService as Q } from "./index.es40.js";
-import W from "./index.es90.js";
-import X from "./index.es91.js";
-import $ from "./index.es92.js";
-import tt from "./index.es87.js";
+import K from "./index.es51.js";
+import Q from "./index.es10.js";
+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 ot = "event_range_facet", Ut = (o) => {
-  const { range: i = {}, refine: k, start: f = [] } = o.useRange({ attribute: ot }), [c, T] = 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 = Q(), p = H(), { clearTimer: F, setTimer: L } = O(), g = d(() => {
-    const t = m + o.zoom, n = a - o.zoom;
+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, o.zoom]), C = d(() => {
-    const t = m - o.zoom, n = a + o.zoom;
+  }, [a, m, e.zoom]), N = d(() => {
+    const t = m - e.zoom, n = a + e.zoom;
     t >= n || (h(t), x(n));
-  }, [a, m, i, o.zoom]), y = d(() => {
+  }, [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 = _(() => [{
+  }, [l, u, r]), A = k(() => [{
     label: "Zoom In",
-    icon: /* @__PURE__ */ e.jsx(W, {}),
-    onClick: g
+    icon: /* @__PURE__ */ o.jsx(X, {}),
+    onClick: C
   }, {
     label: "Zoom Out",
-    icon: /* @__PURE__ */ e.jsx(X, {}),
-    onClick: C
+    icon: /* @__PURE__ */ o.jsx($, {}),
+    onClick: N
   }, {
     label: "Zoom Reset",
-    icon: /* @__PURE__ */ e.jsx($, {}),
+    icon: /* @__PURE__ */ o.jsx(tt, {}),
     onClick: y
-  }], [g, C, y]), V = d((t) => {
-    var M, R;
+  }], [C, N, y]), V = d((t) => {
+    var v, E;
     let n;
-    const v = ((M = t.start_date) == null ? void 0 : M.start_date) || ((R = t.end_date) == null ? void 0 : R.start_date);
-    return v && (n = new Date(v).getFullYear()), n;
-  }, []), N = d((t) => {
-    T(w.map(t.events, (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) => {
+    g(w.map(t.events, (n) => ({
       ...n,
       year: V(n)
     })));
-  }, []), D = _(() => w.pluck(c, "year"), [c]);
+  }, []), D = k(() => w.pluck(c, "year"), [c]);
   return b(() => {
-    r && (F(), L(() => z.fetchAll({ min_year: r[0], max_year: r[1] }).then(N)));
-  }, [N, a, m, r]), b(() => {
-    o.onLoad && o.onLoad(c);
-  }, [c, o.onLoad]), b(() => {
+    r && (F(), L(() => {
+      g([]);
+      const t = {
+        min_year: r[0],
+        max_year: r[1]
+      };
+      z.fetchAll(t).then(M);
+    }));
+  }, [M, a, m, r]), b(() => {
+    e.onLoad && e.onLoad(c);
+  }, [c, e.onLoad]), b(() => {
     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__ */ e.jsxs(
+  }, [i.min, i.max]), /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: E(
-        "py-7",
-        { "pt-16": !o.description },
-        { "pt-40": o.description },
-        o.className
+      className: _(
+        { "pt-16": !e.description },
+        { "pt-40": e.description },
+        e.className
       ),
       ref: p,
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ o.jsxs(
           "div",
           {
             className: "flex justify-between items-center",
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ o.jsx(
                 "button",
                 {
                   "aria-label": "Slider Left",
                   className: "p-4 cursor-auto opacity-0",
                   type: "button",
-                  children: /* @__PURE__ */ e.jsx(tt, {})
+                  children: /* @__PURE__ */ o.jsx(ot, {})
                 }
               ),
-              /* @__PURE__ */ e.jsx(
-                U,
+              /* @__PURE__ */ o.jsx(
+                q,
                 {
                   className: "relative flex flex-grow h-5 touch-none items-center w-full",
                   max: a,
                   min: m,
                   value: D,
-                  children: w.map(c, (t) => /* @__PURE__ */ e.jsxs(
-                    I,
+                  children: w.map(c, (t) => /* @__PURE__ */ o.jsxs(
+                    P,
                     {
                       open: !0,
                       children: [
-                        /* @__PURE__ */ e.jsx(
-                          P,
+                        /* @__PURE__ */ o.jsx(
+                          Y,
                           {
                             asChild: !0,
-                            children: /* @__PURE__ */ e.jsx(q, {})
+                            children: /* @__PURE__ */ o.jsx(H, {})
                           }
                         ),
-                        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(
-                          B,
+                        /* @__PURE__ */ o.jsx(B, { children: /* @__PURE__ */ o.jsx(
+                          G,
                           {
                             asChild: !0,
                             collisionBoundary: p == null ? void 0 : p.current,
@@ -136,13 +142,13 @@ const ot = "event_range_facet", Ut = (o) => {
                               right: 20,
                               bottom: 10
                             },
-                            sideOffset: -20,
+                            sideOffset: O.getRandomInt(-30, 0),
                             side: "top",
-                            children: /* @__PURE__ */ e.jsxs(
+                            children: /* @__PURE__ */ o.jsxs(
                               "button",
                               {
                                 "aria-label": t.name,
-                                className: E(
+                                className: _(
                                   "bg-white",
                                   "hover:bg-white",
                                   "p-5",
@@ -159,20 +165,20 @@ const ot = "event_range_facet", Ut = (o) => {
                                   "focus:outline-none",
                                   "text-left"
                                 ),
-                                onClick: () => o.onClick && o.onClick(t),
+                                onClick: () => e.onClick && e.onClick(t),
                                 type: "button",
                                 children: [
-                                  /* @__PURE__ */ e.jsx("h2", { children: t.name }),
-                                  /* @__PURE__ */ e.jsx("p", { children: J.getDateView(t) }),
-                                  o.description && /* @__PURE__ */ e.jsx(
+                                  /* @__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__ */ e.jsx(
-                                    G,
+                                  /* @__PURE__ */ o.jsx(
+                                    U,
                                     {
                                       className: "fill-white"
                                     }
@@ -183,34 +189,36 @@ const ot = "event_range_facet", Ut = (o) => {
                           }
                         ) })
                       ]
-                    }
+                    },
+                    t.uuid
                   ))
                 }
               ),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ o.jsx(
                 "button",
                 {
                   "aria-label": "Slider Right",
                   className: "p-4 cursor-auto opacity-0",
                   type: "button",
-                  children: /* @__PURE__ */ e.jsx(et, {})
+                  children: /* @__PURE__ */ o.jsx(et, {})
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          K,
+        /* @__PURE__ */ o.jsx(
+          Q,
           {
             actions: [
               ...A,
-              ...o.actions || []
+              ...e.actions || []
             ],
-            classNames: o.classNames,
+            classNames: e.classNames,
             max: a,
             min: m,
             onValueChange: j,
-            onValueCommit: k,
+            onValueCommit: T,
+            position: "bottom",
             value: r
           }
         )
@@ -219,6 +227,6 @@ const ot = "event_range_facet", Ut = (o) => {
   );
 };
 export {
-  Ut as default
+  qt as default
 };
 //# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/FacetTimeline.js"],"sourcesContent":["// @flow\n\nimport { 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      EventsService\n        .fetchAll({ min_year: value[0], max_year: value[1] })\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        'py-7',\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              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={-20}\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        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","from","to","jsxs","clsx","jsx","ChevronLeft","Slider.Root","Popover.Root","Popover.Trigger","Slider.Thumb","Popover.Portal","Popover.Content","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-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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"}

package/dist/index.es120.js

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

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { __exports as y } from "./index.es357.js";
+import { __exports as y } from "./index.es253.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.es187.js";
+import { useCallbackRef as f } from "./index.es179.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.es188.js";
+import { useLayoutEffect as z } from "./index.es180.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.es189.js";
+import { Slot as n } from "./index.es181.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.es189.js";
+import { Slot as S } from "./index.es181.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.es179.js";
-import { useEscapeKeydown as U } from "./index.es180.js";
+import { useCallbackRef as w } from "./index.es184.js";
+import { useEscapeKeydown as U } from "./index.es185.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.es181.js";
+import { useLayoutEffect as r } from "./index.es186.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.es182.js";
-import { Root as ye } from "./index.es183.js";
+import { useFloating as xe, arrow as Pe } from "./index.es187.js";
+import { Root as ye } from "./index.es188.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.es179.js";
-import { useLayoutEffect as B } from "./index.es181.js";
-import { useSize as Ce } from "./index.es184.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 { 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.es185.js";
-import { offset as _e } from "./index.es186.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";
 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.es181.js";
+import { useLayoutEffect as l } from "./index.es186.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.es179.js";
+import { useCallbackRef as f } from "./index.es184.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es172.js

@@ -7,8 +7,8 @@ import { Primitive as g } from "./index.es148.js";
 import { createRovingFocusGroupScope as y, Root as I, Item as q } from "./index.es202.js";
 import { useControllableState as D } from "./index.es147.js";
 import { useDirection as F } from "./index.es195.js";
-import { useSize as V } from "./index.es191.js";
-import { usePrevious as L } from "./index.es190.js";
+import { useSize as V } from "./index.es183.js";
+import { usePrevious as L } from "./index.es182.js";
 const E = "Radio", [O, G] = _(E), [K, se] = O(E), M = /* @__PURE__ */ k((c, m) => {
   const { __scopeRadio: o, name: f, checked: t = !1, required: a, disabled: r, value: d = "on", onCheck: n, ...p } = c, [$, s] = A(null), i = C(
     m,

package/dist/index.es175.js

@@ -18,7 +18,7 @@ import { Slot as Ze } from "./index.es193.js";
 import { useCallbackRef as Je } from "./index.es192.js";
 import { useControllableState as Pe } from "./index.es147.js";
 import { useLayoutEffect as Y } from "./index.es204.js";
-import { usePrevious as Qe } from "./index.es190.js";
+import { usePrevious as Qe } from "./index.es182.js";
 import { VisuallyHidden as et } from "./index.es226.js";
 import { hideOthers as tt } from "./index.es163.js";
 import ot from "./index.es203.js";

package/dist/index.es177.js

@@ -4,8 +4,8 @@ import { composeEventHandlers as R } from "./index.es144.js";
 import { useComposedRefs as T } from "./index.es145.js";
 import { createContextScope as q } from "./index.es146.js";
 import { useControllableState as B } from "./index.es147.js";
-import { usePrevious as H } from "./index.es190.js";
-import { useSize as I } from "./index.es191.js";
+import { usePrevious as H } from "./index.es182.js";
+import { useSize as I } from "./index.es183.js";
 import { Primitive as x } from "./index.es148.js";
 const v = "Switch", [M, V] = q(v), [z, A] = M(v), N = /* @__PURE__ */ S((e, n) => {
   const { __scopeSwitch: t, name: c, checked: o, defaultChecked: i, required: a, disabled: r, value: d = "on", onCheckedChange: u, ...m } = e, [s, $] = E(null), P = T(

package/dist/index.es179.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es179.js","sources":["../../../node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"],"sourcesContent":["// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n  const callbackRef = React.useRef(callback);\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n  useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useCallbackRef","callback","callbackRef","React","args","_a"],"mappings":";AAEA,SAASA,EAAeC,GAAU;AAChC,QAAMC,IAAcC,EAAM,OAAOF,CAAQ;AACzC,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAY,UAAUD;AAAA,EAC1B,CAAG,GACME,EAAM,QAAQ,MAAM,IAAIC,MAAI;;AAAK,YAAAC,IAAAH,EAAY,YAAZ,gBAAAG,EAAA,KAAAH,GAAsB,GAAGE;AAAA,KAAO,CAAA,CAAE;AAC5E;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es179.js","sources":["../../../node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"],"sourcesContent":["// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n  const callbackRef = React.useRef(callback);\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n  useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useCallbackRef","callback","callbackRef","React","args","_a"],"mappings":";AAEA,SAASA,EAAeC,GAAU;AAChC,QAAMC,IAAcC,EAAM,OAAOF,CAAQ;AACzC,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAY,UAAUD;AAAA,EAC1B,CAAG,GACME,EAAM,QAAQ,MAAM,IAAIC,MAAI;;AAAK,YAAAC,IAAAH,EAAY,YAAZ,gBAAAG,EAAA,KAAAH,GAAsB,GAAGE;AAAA,KAAO,CAAA,CAAE;AAC5E;","x_google_ignoreList":[0]}

package/dist/index.es180.js

@@ -1,15 +1,7 @@
-import * as r from "react";
-import { useCallbackRef as s } from "./index.es179.js";
-function p(n, e = globalThis == null ? void 0 : globalThis.document) {
-  const t = s(n);
-  r.useEffect(() => {
-    const o = (a) => {
-      a.key === "Escape" && t(a);
-    };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
-}
+import * as e from "react";
+var o = globalThis != null && globalThis.document ? e.useLayoutEffect : () => {
+};
 export {
-  p as useEscapeKeydown
+  o as useLayoutEffect
 };
 //# sourceMappingURL=index.es180.js.map

package/dist/index.es180.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es180.js","sources":["../../../node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs"],"sourcesContent":["// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n  const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n  React.useEffect(() => {\n    const handleKeyDown = (event) => {\n      if (event.key === \"Escape\") {\n        onEscapeKeyDown(event);\n      }\n    };\n    ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n    return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n  }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n  useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","onEscapeKeyDown","useCallbackRef","React","handleKeyDown","event"],"mappings":";;AAGA,SAASA,EAAiBC,GAAqBC,IAAgB,yCAAY,UAAU;AACnF,QAAMC,IAAkBC,EAAeH,CAAmB;AAC1D,EAAAI,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAgB,CAACC,MAAU;AAC/B,MAAIA,EAAM,QAAQ,YAChBJ,EAAgBI,CAAK;AAAA,IAE7B;AACI,WAAAL,EAAc,iBAAiB,WAAWI,GAAe,EAAE,SAAS,GAAI,CAAE,GACnE,MAAMJ,EAAc,oBAAoB,WAAWI,GAAe,EAAE,SAAS,GAAI,CAAE;AAAA,EAC9F,GAAK,CAACH,GAAiBD,CAAa,CAAC;AACrC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es180.js","sources":["../../../node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs"],"sourcesContent":["// packages/react/use-layout-effect/src/useLayoutEffect.tsx\nimport * as React from \"react\";\nvar useLayoutEffect2 = Boolean(globalThis?.document) ? React.useLayoutEffect : () => {\n};\nexport {\n  useLayoutEffect2 as useLayoutEffect\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useLayoutEffect2","React"],"mappings":";AAEG,IAACA,IAA2B,iCAAY,WAAYC,EAAM,kBAAkB,MAAM;AACrF;","x_google_ignoreList":[0]}

package/dist/index.es181.js

@@ -1,7 +1,49 @@
-import * as e from "react";
-var o = globalThis != null && globalThis.document ? e.useLayoutEffect : () => {
-};
+import * as l from "react";
+import { composeRefs as u } from "./index.es124.js";
+import { j as c } from "./index.es55.js";
+var d = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(g);
+  if (i) {
+    const s = i.props.children, a = o.map((p) => p === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
+    return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: r });
+});
+d.displayName = "Slot";
+var f = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e;
+  if (l.isValidElement(r)) {
+    const o = h(r);
+    return l.cloneElement(r, {
+      ...y(t, r.props),
+      // @ts-ignore
+      ref: n ? u(n, o) : o
+    });
+  }
+  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var m = ({ children: e }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+function g(e) {
+  return l.isValidElement(e) && e.type === m;
+}
+function y(e, n) {
+  const r = { ...n };
+  for (const t in n) {
+    const o = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
+      i(...a), o(...a);
+    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  o as useLayoutEffect
+  d as Slot,
+  m as Slottable
 };
 //# sourceMappingURL=index.es181.js.map

package/dist/index.es181.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es181.js","sources":["../../../node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs"],"sourcesContent":["// packages/react/use-layout-effect/src/useLayoutEffect.tsx\nimport * as React from \"react\";\nvar useLayoutEffect2 = Boolean(globalThis?.document) ? React.useLayoutEffect : () => {\n};\nexport {\n  useLayoutEffect2 as useLayoutEffect\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useLayoutEffect2","React"],"mappings":";AAEG,IAACA,IAA2B,iCAAY,WAAYC,EAAM,kBAAkB,MAAM;AACrF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es181.js","sources":["../../../node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/slot/src/Slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nvar Slot = React.forwardRef((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n  const childrenArray = React.Children.toArray(children);\n  const slottable = childrenArray.find(isSlottable);\n  if (slottable) {\n    const newElement = slottable.props.children;\n    const newChildren = childrenArray.map((child) => {\n      if (child === slottable) {\n        if (React.Children.count(newElement) > 1) return React.Children.only(null);\n        return React.isValidElement(newElement) ? newElement.props.children : null;\n      } else {\n        return child;\n      }\n    });\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n  }\n  return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n});\nSlot.displayName = \"Slot\";\nvar SlotClone = React.forwardRef((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n  if (React.isValidElement(children)) {\n    const childrenRef = getElementRef(children);\n    return React.cloneElement(children, {\n      ...mergeProps(slotProps, children.props),\n      // @ts-ignore\n      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef\n    });\n  }\n  return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = \"SlotClone\";\nvar Slottable = ({ children }) => {\n  return /* @__PURE__ */ jsx(Fragment, { children });\n};\nfunction isSlottable(child) {\n  return React.isValidElement(child) && child.type === Slottable;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          childPropValue(...args);\n          slotPropValue(...args);\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Slot;\nexport {\n  Root,\n  Slot,\n  Slottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["Slot","React","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","composeRefs","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","element","getter","_a","mayWarn","_b"],"mappings":";;;AAIG,IAACA,IAAOC,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACnD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKH,GAC7BI,IAAgBL,EAAM,SAAS,QAAQG,CAAQ,GAC/CG,IAAYD,EAAc,KAAKE,CAAW;AAChD,MAAID,GAAW;AACb,UAAME,IAAaF,EAAU,MAAM,UAC7BG,IAAcJ,EAAc,IAAI,CAACK,MACjCA,MAAUJ,IACRN,EAAM,SAAS,MAAMQ,CAAU,IAAI,IAAUR,EAAM,SAAS,KAAK,IAAI,IAClEA,EAAM,eAAeQ,CAAU,IAAIA,EAAW,MAAM,WAAW,OAE/DE,CAEV;AACD,WAAuBC,gBAAAA,EAAG,IAACC,GAAW,EAAE,GAAGR,GAAW,KAAKF,GAAc,UAAUF,EAAM,eAAeQ,CAAU,IAAIR,EAAM,aAAaQ,GAAY,QAAQC,CAAW,IAAI,KAAI,CAAE;AAAA,EACnL;AACD,SAAuBE,gBAAAA,EAAG,IAACC,GAAW,EAAE,GAAGR,GAAW,KAAKF,GAAc,UAAAC,EAAQ,CAAE;AACrF,CAAC;AACDJ,EAAK,cAAc;AACnB,IAAIa,IAAYZ,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACxD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKH;AACnC,MAAID,EAAM,eAAeG,CAAQ,GAAG;AAClC,UAAMU,IAAcC,EAAcX,CAAQ;AAC1C,WAAOH,EAAM,aAAaG,GAAU;AAAA,MAClC,GAAGY,EAAWX,GAAWD,EAAS,KAAK;AAAA;AAAA,MAEvC,KAAKD,IAAec,EAAYd,GAAcW,CAAW,IAAIA;AAAA,IACnE,CAAK;AAAA,EACF;AACD,SAAOb,EAAM,SAAS,MAAMG,CAAQ,IAAI,IAAIH,EAAM,SAAS,KAAK,IAAI,IAAI;AAC1E,CAAC;AACDY,EAAU,cAAc;AACrB,IAACK,IAAY,CAAC,EAAE,UAAAd,QACMQ,gBAAAA,MAAIO,EAAAA,UAAU,EAAE,UAAAf,EAAU,CAAA;AAEnD,SAASI,EAAYG,GAAO;AAC1B,SAAOV,EAAM,eAAeU,CAAK,KAAKA,EAAM,SAASO;AACvD;AACA,SAASF,EAAWX,GAAWe,GAAY;AACzC,QAAMC,IAAgB,EAAE,GAAGD;AAC3B,aAAWE,KAAYF,GAAY;AACjC,UAAMG,IAAgBlB,EAAUiB,CAAQ,GAClCE,IAAiBJ,EAAWE,CAAQ;AAE1C,IADkB,WAAW,KAAKA,CAAQ,IAEpCC,KAAiBC,IACnBH,EAAcC,CAAQ,IAAI,IAAIG,MAAS;AACrC,MAAAD,EAAe,GAAGC,CAAI,GACtBF,EAAc,GAAGE,CAAI;AAAA,IAC/B,IACiBF,MACTF,EAAcC,CAAQ,IAAIC,KAEnBD,MAAa,UACtBD,EAAcC,CAAQ,IAAI,EAAE,GAAGC,GAAe,GAAGC,EAAc,IACtDF,MAAa,gBACtBD,EAAcC,CAAQ,IAAI,CAACC,GAAeC,CAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EAErF;AACD,SAAO,EAAE,GAAGnB,GAAW,GAAGgB;AAC5B;AACA,SAASN,EAAcW,GAAS;;AAC9B,MAAIC,KAASC,IAAA,OAAO,yBAAyBF,EAAQ,OAAO,KAAK,MAApD,gBAAAE,EAAuD,KAChEC,IAAUF,KAAU,oBAAoBA,KAAUA,EAAO;AAC7D,SAAIE,IACKH,EAAQ,OAEjBC,KAASG,IAAA,OAAO,yBAAyBJ,GAAS,KAAK,MAA9C,gBAAAI,EAAiD,KAC1DD,IAAUF,KAAU,oBAAoBA,KAAUA,EAAO,gBACrDE,IACKH,EAAQ,MAAM,MAEhBA,EAAQ,MAAM,OAAOA,EAAQ;AACtC;","x_google_ignoreList":[0]}