@companix/uikit 0.1.1 → 0.1.3

package/dist/Table/index.d.ts

@@ -0,0 +1,11 @@
+export interface TableProps<T> {
+    header: {
+        content: React.ReactNode;
+        style?: React.CSSProperties;
+    }[];
+    items: T[];
+    getItemLayout: (item: T) => React.ReactNode[];
+    onRowClick?: (item: T) => void;
+    className?: string;
+}
+export declare const Table: <T>({ header, items, getItemLayout, className, onRowClick }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es.js

@@ -1,132 +1,138 @@
-import { Avatar as e } from "./bundle.es2.js";
+import { Avatar as o } from "./bundle.es2.js";
 import { avatarSizes as p } from "./bundle.es3.js";
-import { Button as a } from "./bundle.es4.js";
-import { ButtonGroup as f } from "./bundle.es5.js";
-import { Spinner as i } from "./bundle.es6.js";
-import { Scrollable as c } from "./bundle.es7.js";
-import { ImitateScroll as u } from "./bundle.es8.js";
-import { Segments as D } from "./bundle.es9.js";
-import { Popover as d } from "./bundle.es10.js";
-import { Tooltip as P } from "./bundle.es11.js";
-import { Select as k } from "./bundle.es12.js";
-import { SelectTags as y } from "./bundle.es13.js";
-import { Input as O } from "./bundle.es14.js";
-import { OptionItem as b } from "./bundle.es15.js";
-import { NumberInput as w } from "./bundle.es16.js";
-import { OptionsList as I } from "./bundle.es17.js";
-import { Checkbox as M } from "./bundle.es18.js";
-import { Switch as G } from "./bundle.es19.js";
-import { Radio as z, RadioGroup as F } from "./bundle.es20.js";
-import { Drawer as E } from "./bundle.es21.js";
-import { Dialog as q } from "./bundle.es22.js";
-import { PopupLayout as J } from "./bundle.es23.js";
-import { AlertDialog as Q } from "./bundle.es24.js";
-import { LoadingButton as V } from "./bundle.es25.js";
-import { Tabs as Z } from "./bundle.es26.js";
-import { Countdown as $ } from "./bundle.es27.js";
-import { TextArea as or } from "./bundle.es28.js";
-import { DatePicker as tr } from "./bundle.es29.js";
-import { DateInput as mr } from "./bundle.es30.js";
-import { FileOverlay as xr } from "./bundle.es31.js";
-import { FormGroup as sr } from "./bundle.es32.js";
-import { TimePicker as nr } from "./bundle.es33.js";
-import { Icon as lr } from "./bundle.es34.js";
-import { ProgressBar as Sr } from "./bundle.es35.js";
-import { Skeleton as gr } from "./bundle.es36.js";
-import { Blank as hr } from "./bundle.es37.js";
-import { ProgressRing as Tr } from "./bundle.es38.js";
-import { WriteBar as vr } from "./bundle.es39.js";
-import { DropArea as Ar, DropAreaProvider as Or, useDragEnter as Rr } from "./bundle.es40.js";
-import { ThemeProvider as Br, useTheme as wr } from "./bundle.es41.js";
-import { ColorSchemeScript as Ir, colorSchemeScript as Lr } from "./bundle.es42.js";
-import { useLocalStorage as Nr } from "./bundle.es43.js";
-import { useBooleanState as Wr } from "./bundle.es44.js";
-import { useResizeTextarea as Fr } from "./bundle.es45.js";
-import { useLoading as Er } from "./bundle.es46.js";
-import { NowContextProvider as qr, useNow as Hr } from "./bundle.es47.js";
-import { createAlertAgent as Kr } from "./bundle.es48.js";
-import { createToaster as Ur } from "./bundle.es49.js";
-import { Toast as Xr } from "./bundle.es50.js";
-import { DialogShell as _r, DrawerShell as $r, createPopupRegistry as ro, usePopup as oo } from "./bundle.es51.js";
-import { createPopoversRegistry as to } from "./bundle.es52.js";
-import { createScope as mo, createStaticScope as ao } from "./bundle.es53.js";
-import { RemoveListener as fo } from "./bundle.es54.js";
-import { MONDAY as io, addMonths as no, createDayDisableChecker as co, endOfDay as lo, endOfWeek as uo, isDayMinMaxRestricted as So, isSameDate as Do, setMonth as go, setYear as ho, startOfDay as Po, startOfWeek as To, subMonths as ko, useDayDisableCheker as vo } from "./bundle.es55.js";
+import { getBadgeIconSizeByImageBaseSize as a, getFallbackIconSizeByImageBaseSize as x, getInitialsFontSize as f } from "./bundle.es4.js";
+import { Button as s } from "./bundle.es5.js";
+import { ButtonGroup as l } from "./bundle.es6.js";
+import { Spinner as S } from "./bundle.es7.js";
+import { Scrollable as g } from "./bundle.es8.js";
+import { ImitateScroll as d } from "./bundle.es9.js";
+import { Segments as B } from "./bundle.es10.js";
+import { Popover as y } from "./bundle.es11.js";
+import { Tooltip as T } from "./bundle.es12.js";
+import { Select as b } from "./bundle.es13.js";
+import { SelectTags as A } from "./bundle.es14.js";
+import { Input as R } from "./bundle.es15.js";
+import { OptionItem as w } from "./bundle.es16.js";
+import { NumberInput as L } from "./bundle.es17.js";
+import { OptionsList as F } from "./bundle.es18.js";
+import { Checkbox as G } from "./bundle.es19.js";
+import { Switch as Y } from "./bundle.es20.js";
+import { Radio as j, RadioGroup as q } from "./bundle.es21.js";
+import { Drawer as J } from "./bundle.es22.js";
+import { Dialog as Q } from "./bundle.es23.js";
+import { PopupLayout as V } from "./bundle.es24.js";
+import { AlertDialog as Z } from "./bundle.es25.js";
+import { LoadingButton as $ } from "./bundle.es26.js";
+import { Tabs as re } from "./bundle.es27.js";
+import { Countdown as te } from "./bundle.es28.js";
+import { TextArea as me } from "./bundle.es29.js";
+import { DatePicker as xe } from "./bundle.es30.js";
+import { DateInput as ie } from "./bundle.es31.js";
+import { FileOverlay as ne } from "./bundle.es32.js";
+import { FormGroup as ce } from "./bundle.es33.js";
+import { TimePicker as ue } from "./bundle.es34.js";
+import { Icon as De } from "./bundle.es35.js";
+import { ProgressBar as he } from "./bundle.es36.js";
+import { Skeleton as Pe } from "./bundle.es37.js";
+import { Blank as Ie } from "./bundle.es38.js";
+import { ProgressRing as ke } from "./bundle.es39.js";
+import { WriteBar as ve } from "./bundle.es40.js";
+import { DropArea as Oe, DropAreaProvider as Re, useDragEnter as ze } from "./bundle.es41.js";
+import { Table as Ce } from "./bundle.es42.js";
+import { ThemeProvider as Me, useTheme as Fe } from "./bundle.es43.js";
+import { ColorSchemeScript as Ge, colorSchemeScript as We } from "./bundle.es44.js";
+import { useLocalStorage as Ee } from "./bundle.es45.js";
+import { useBooleanState as qe } from "./bundle.es46.js";
+import { useResizeTextarea as Je } from "./bundle.es47.js";
+import { useLoading as Qe } from "./bundle.es48.js";
+import { NowContextProvider as Ve, useNow as Xe } from "./bundle.es49.js";
+import { createAlertAgent as _e } from "./bundle.es50.js";
+import { createToaster as er } from "./bundle.es51.js";
+import { Toast as or } from "./bundle.es52.js";
+import { DialogShell as pr, DrawerShell as mr, createPopupRegistry as ar, usePopup as xr } from "./bundle.es53.js";
+import { createPopoversRegistry as ir } from "./bundle.es54.js";
+import { createScope as nr, createStaticScope as lr } from "./bundle.es55.js";
+import { RemoveListener as Sr } from "./bundle.es56.js";
+import { MONDAY as gr, addMonths as Dr, createDayDisableChecker as dr, endOfDay as hr, endOfWeek as Br, isDayMinMaxRestricted as Pr, isSameDate as yr, setMonth as Ir, setYear as Tr, startOfDay as kr, startOfWeek as br, subMonths as vr, useDayDisableCheker as Ar } from "./bundle.es57.js";
 export {
-  Q as AlertDialog,
-  e as Avatar,
-  hr as Blank,
-  a as Button,
-  f as ButtonGroup,
-  M as Checkbox,
-  Ir as ColorSchemeScript,
-  $ as Countdown,
-  mr as DateInput,
-  tr as DatePicker,
-  q as Dialog,
-  _r as DialogShell,
-  E as Drawer,
-  $r as DrawerShell,
-  Ar as DropArea,
-  Or as DropAreaProvider,
-  xr as FileOverlay,
-  sr as FormGroup,
-  lr as Icon,
-  u as ImitateScroll,
-  O as Input,
-  V as LoadingButton,
-  io as MONDAY,
-  qr as NowContextProvider,
-  w as NumberInput,
-  b as OptionItem,
-  I as OptionsList,
-  d as Popover,
-  J as PopupLayout,
-  Sr as ProgressBar,
-  Tr as ProgressRing,
-  z as Radio,
-  F as RadioGroup,
-  fo as RemoveListener,
-  c as Scrollable,
-  D as Segments,
-  k as Select,
-  y as SelectTags,
-  gr as Skeleton,
-  i as Spinner,
-  G as Switch,
-  Z as Tabs,
-  or as TextArea,
-  Br as ThemeProvider,
-  nr as TimePicker,
-  Xr as Toast,
-  P as Tooltip,
-  vr as WriteBar,
-  no as addMonths,
+  Z as AlertDialog,
+  o as Avatar,
+  Ie as Blank,
+  s as Button,
+  l as ButtonGroup,
+  G as Checkbox,
+  Ge as ColorSchemeScript,
+  te as Countdown,
+  ie as DateInput,
+  xe as DatePicker,
+  Q as Dialog,
+  pr as DialogShell,
+  J as Drawer,
+  mr as DrawerShell,
+  Oe as DropArea,
+  Re as DropAreaProvider,
+  ne as FileOverlay,
+  ce as FormGroup,
+  De as Icon,
+  d as ImitateScroll,
+  R as Input,
+  $ as LoadingButton,
+  gr as MONDAY,
+  Ve as NowContextProvider,
+  L as NumberInput,
+  w as OptionItem,
+  F as OptionsList,
+  y as Popover,
+  V as PopupLayout,
+  he as ProgressBar,
+  ke as ProgressRing,
+  j as Radio,
+  q as RadioGroup,
+  Sr as RemoveListener,
+  g as Scrollable,
+  B as Segments,
+  b as Select,
+  A as SelectTags,
+  Pe as Skeleton,
+  S as Spinner,
+  Y as Switch,
+  Ce as Table,
+  re as Tabs,
+  me as TextArea,
+  Me as ThemeProvider,
+  ue as TimePicker,
+  or as Toast,
+  T as Tooltip,
+  ve as WriteBar,
+  Dr as addMonths,
   p as avatarSizes,
-  Lr as colorSchemeScript,
-  Kr as createAlertAgent,
-  co as createDayDisableChecker,
-  to as createPopoversRegistry,
-  ro as createPopupRegistry,
-  mo as createScope,
-  ao as createStaticScope,
-  Ur as createToaster,
-  lo as endOfDay,
-  uo as endOfWeek,
-  So as isDayMinMaxRestricted,
-  Do as isSameDate,
-  go as setMonth,
-  ho as setYear,
-  Po as startOfDay,
-  To as startOfWeek,
-  ko as subMonths,
-  Wr as useBooleanState,
-  vo as useDayDisableCheker,
-  Rr as useDragEnter,
-  Er as useLoading,
-  Nr as useLocalStorage,
-  Hr as useNow,
-  oo as usePopup,
-  Fr as useResizeTextarea,
-  wr as useTheme
+  We as colorSchemeScript,
+  _e as createAlertAgent,
+  dr as createDayDisableChecker,
+  ir as createPopoversRegistry,
+  ar as createPopupRegistry,
+  nr as createScope,
+  lr as createStaticScope,
+  er as createToaster,
+  hr as endOfDay,
+  Br as endOfWeek,
+  a as getBadgeIconSizeByImageBaseSize,
+  x as getFallbackIconSizeByImageBaseSize,
+  f as getInitialsFontSize,
+  Pr as isDayMinMaxRestricted,
+  yr as isSameDate,
+  Ir as setMonth,
+  Tr as setYear,
+  kr as startOfDay,
+  br as startOfWeek,
+  vr as subMonths,
+  qe as useBooleanState,
+  Ar as useDayDisableCheker,
+  ze as useDragEnter,
+  Qe as useLoading,
+  Ee as useLocalStorage,
+  Xe as useNow,
+  xr as usePopup,
+  Je as useResizeTextarea,
+  Fe as useTheme
 };

package/dist/bundle.es10.js

@@ -1,83 +1,27 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-popover";
-import { attr as B } from "@companix/utils-browser";
-import M from "classnames";
-import { forwardRef as j, useRef as k } from "react";
-const D = j((i, n) => {
-  const {
-    children: s,
-    sideOffset: l,
-    matchTarget: c,
-    onAnimationEnd: m,
-    onAnimationStart: d,
-    onOpenAutoFocus: p,
-    onCloseAutoFocus: f,
-    triggerRef: h,
-    triggerProps: g,
-    open: u,
-    content: v,
-    onOpenChange: C,
-    align: x,
-    disabled: w,
-    minimal: L,
-    className: N,
-    fitMaxHeight: O = !0,
-    zIndex: P = 9999,
-    side: A,
-    showArrows: b
-  } = i, e = k(null), y = () => {
-    e.current && e.current.click();
-  }, R = (t) => {
-    w && t.preventDefault();
-  };
-  return /* @__PURE__ */ a(o.Root, { open: u, onOpenChange: C, children: [
-    /* @__PURE__ */ r(o.Trigger, { ref: h, ...g, onClick: R, asChild: !0, children: s }),
-    /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ a(
-      o.Content,
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { makeTabId as c, useTabSlider as i } from "./bundle.es58.js";
+import { attr as o } from "@companix/utils-browser";
+import { useRef as u, useId as f } from "react";
+const h = ({ value: s, onChange: t, options: a }) => {
+  const n = u(null), d = a.findIndex((e) => e.value === s), l = f().replaceAll(":", "");
+  return /* @__PURE__ */ r("div", { className: "segments-container", children: /* @__PURE__ */ m("div", { role: "radiogroup", className: "segments", ref: n, children: [
+    d > -1 && /* @__PURE__ */ r(g, { containerRef: n, baseId: l, value: s }),
+    a.map((e) => /* @__PURE__ */ r(
+      "div",
       {
-        ref: n,
-        className: M("popover", N),
-        side: A,
-        align: x,
-        "data-appearance": L ? "minimal" : "default",
-        "data-match-target": c,
-        sideOffset: l ?? 6,
-        avoidCollisions: !0,
-        arrowPadding: 10,
-        style: { zIndex: P },
-        onAnimationStart: d,
-        onAnimationEnd: m,
-        onOpenAutoFocus: p,
-        onCloseAutoFocus: f,
-        onWheel: (t) => t.stopPropagation(),
-        children: [
-          /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
-          b && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ a("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
-            /* @__PURE__ */ r(
-              "path",
-              {
-                className: "popover-arrow-border",
-                d: "M 18.112 -2.704 C 19.127 -3.64 19.999 -5.626 19.999 -7.001 L 19.999 18.999 C 19.999 17.621 19.131 15.642 18.111 14.702 L 10.927 8.084 C 9.69 6.944 9.694 5.05 10.927 3.914 L 18.112 -2.704 Z",
-                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
-                transform: "matrix(0, -1, 1, 0, 0.000001, 0)"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "path",
-              {
-                className: "popover-arrow-fill",
-                d: "M 17.789 -2.965 C 19.009 -4.09 19.999 -6.341 19.999 -7.995 L 19.999 -10.001 L 19.999 19.999 L 19.999 17.994 C 19.999 16.34 19.016 14.094 17.789 12.964 L 10.606 6.348 C 9.796 5.602 9.804 4.388 10.606 3.648 L 17.789 -2.966 L 17.789 -2.965 Z",
-                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
-                transform: "matrix(0, -1, 1, 0, 0, 0)"
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": B(O), children: v({ close: y }) })
-        ]
-      }
-    ) })
-  ] });
-});
+        id: c(l, e.value),
+        onClick: () => t(e.value),
+        className: "segments-option",
+        "data-selected": o(e.value === s),
+        children: e.label
+      },
+      `segment-${e.value}`
+    ))
+  ] }) });
+}, g = (s) => {
+  const t = i(s);
+  return /* @__PURE__ */ r("div", { "aria-hidden": !0, className: "segments-slider", style: t });
+};
 export {
-  D as Popover
+  h as Segments
 };

package/dist/bundle.es11.js

@@ -1,28 +1,83 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { Popover as m } from "./bundle.es10.js";
-const f = ({ children: e, content: t, side: r }) => {
-  const [s, o] = p(!1);
-  return /* @__PURE__ */ n(
-    m,
-    {
-      showArrows: !0,
-      className: "tooltip",
-      open: s,
-      side: r,
-      content: () => t,
-      triggerProps: {
-        onMouseEnter: () => {
-          o(!0);
-        },
-        onMouseLeave: () => {
-          o(!1);
-        }
-      },
-      children: e
-    }
-  );
-};
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-popover";
+import { attr as B } from "@companix/utils-browser";
+import M from "classnames";
+import { forwardRef as j, useRef as k } from "react";
+const D = j((i, n) => {
+  const {
+    children: s,
+    sideOffset: l,
+    matchTarget: c,
+    onAnimationEnd: m,
+    onAnimationStart: d,
+    onOpenAutoFocus: p,
+    onCloseAutoFocus: f,
+    triggerRef: h,
+    triggerProps: g,
+    open: u,
+    content: v,
+    onOpenChange: C,
+    align: x,
+    disabled: w,
+    minimal: L,
+    className: N,
+    fitMaxHeight: O = !0,
+    zIndex: P = 9999,
+    side: A,
+    showArrows: b
+  } = i, e = k(null), y = () => {
+    e.current && e.current.click();
+  }, R = (t) => {
+    w && t.preventDefault();
+  };
+  return /* @__PURE__ */ a(o.Root, { open: u, onOpenChange: C, children: [
+    /* @__PURE__ */ r(o.Trigger, { ref: h, ...g, onClick: R, asChild: !0, children: s }),
+    /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ a(
+      o.Content,
+      {
+        ref: n,
+        className: M("popover", N),
+        side: A,
+        align: x,
+        "data-appearance": L ? "minimal" : "default",
+        "data-match-target": c,
+        sideOffset: l ?? 6,
+        avoidCollisions: !0,
+        arrowPadding: 10,
+        style: { zIndex: P },
+        onAnimationStart: d,
+        onAnimationEnd: m,
+        onOpenAutoFocus: p,
+        onCloseAutoFocus: f,
+        onWheel: (t) => t.stopPropagation(),
+        children: [
+          /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
+          b && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ a("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
+            /* @__PURE__ */ r(
+              "path",
+              {
+                className: "popover-arrow-border",
+                d: "M 18.112 -2.704 C 19.127 -3.64 19.999 -5.626 19.999 -7.001 L 19.999 18.999 C 19.999 17.621 19.131 15.642 18.111 14.702 L 10.927 8.084 C 9.69 6.944 9.694 5.05 10.927 3.914 L 18.112 -2.704 Z",
+                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
+                transform: "matrix(0, -1, 1, 0, 0.000001, 0)"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                className: "popover-arrow-fill",
+                d: "M 17.789 -2.965 C 19.009 -4.09 19.999 -6.341 19.999 -7.995 L 19.999 -10.001 L 19.999 19.999 L 19.999 17.994 C 19.999 16.34 19.016 14.094 17.789 12.964 L 10.606 6.348 C 9.796 5.602 9.804 4.388 10.606 3.648 L 17.789 -2.966 L 17.789 -2.965 Z",
+                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
+                transform: "matrix(0, -1, 1, 0, 0, 0)"
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": B(O), children: v({ close: y }) })
+        ]
+      }
+    ) })
+  ] });
+});
 export {
-  f as Tooltip
+  D as Popover
 };

package/dist/bundle.es12.js

@@ -1,98 +1,28 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as L, useMemo as j, useImperativeHandle as k } from "react";
-import { Popover as q } from "./bundle.es10.js";
-import { useFroozeClosing as w } from "./bundle.es58.js";
-import { SelectInput as H } from "./bundle.es59.js";
-import { useScrollListController as M } from "./bundle.es60.js";
-import { OptionsPopover as N } from "./bundle.es61.js";
-import { mergeRefs as W } from "react-merge-refs";
-const Z = (t) => {
-  const {
-    onChange: i,
-    value: n,
-    matchTarget: u = "width",
-    children: f,
-    scrollRef: m,
-    popoverRef: d,
-    clearButton: s,
-    // select props
-    disabled: a,
-    required: v,
-    className: h,
-    clearButtonIcon: O,
-    leftElement: R,
-    inputRef: C,
-    onClear: y,
-    fill: P,
-    size: g,
-    placeholder: E,
-    onClick: A,
-    // options popover
-    ...S
-  } = t, r = L({});
-  j(() => {
-    (t.options ?? t.defaultOptions ?? []).forEach((e) => {
-      r.current[e.value] = e;
-    });
-  }, [t.options, t.defaultOptions]);
-  const x = n === null ? null : r.current[n] ?? null, { popoverRef: z, froozePopoverPosition: B, handleAnimationEnd: F } = w(), { scrollToElement: p, optionsWrapperRef: I, scrollBoxRef: T } = M();
-  k(m, () => ({
-    scrollTo: (o) => p(o, "top")
-  }));
-  const b = (o, e) => {
-    B(), i(o), e();
-  }, D = (o) => {
-    o.stopPropagation(), s && i(null);
-  };
-  return /* @__PURE__ */ l(
-    q,
+import { jsx as n } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { Popover as m } from "./bundle.es11.js";
+const f = ({ children: e, content: t, side: r }) => {
+  const [s, o] = p(!1);
+  return /* @__PURE__ */ n(
+    m,
     {
-      minimal: !0,
-      ref: W([z, d]),
-      sideOffset: 0,
-      matchTarget: u,
-      onAnimationEnd: F,
-      onOpenAutoFocus: (o) => o.preventDefault(),
-      onCloseAutoFocus: (o) => o.preventDefault(),
-      disabled: a,
-      content: ({ close: o }) => /* @__PURE__ */ l(
-        N,
-        {
-          ...S,
-          close: o,
-          isActive: (e) => e === n,
-          onSelect: (e) => b(e, o),
-          scrollboxRef: T,
-          optionsWrapperRef: I,
-          onOpened: (e) => p(e, "center"),
-          onOptionsLoaded: (e) => {
-            e.forEach((c) => {
-              r.current[c.value] = c;
-            });
-          }
+      showArrows: !0,
+      className: "tooltip",
+      open: s,
+      side: r,
+      content: () => t,
+      triggerProps: {
+        onMouseEnter: () => {
+          o(!0);
+        },
+        onMouseLeave: () => {
+          o(!1);
         }
-      ),
-      children: f ?? /* @__PURE__ */ l(
-        H,
-        {
-          required: v,
-          className: h,
-          leftElement: R,
-          inputRef: C,
-          onClear: D,
-          fill: P,
-          size: g,
-          placeholder: E,
-          onClick: A,
-          disabled: a,
-          clearButton: s,
-          clearButtonIcon: O,
-          value: x?.title ?? ""
-        }
-      )
+      },
+      children: e
     }
   );
 };
 export {
-  Z as Select
+  f as Tooltip
 };