@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.271

package/Combobox/ComboboxRenderTrigger.js

@@ -0,0 +1,118 @@
+import { jsx as r, jsxs as p, Fragment as b } from "react/jsx-runtime";
+import { DEFAULT_COMBOBOX_TYPE as h } from "./Combobox.types.js";
+import { cn as d } from "@oneplatformdev/utils";
+import { XIcon as f, ChevronDown as v } from "lucide-react";
+import { useMemo as w } from "react";
+import { PopoverTrigger as x } from "../Popover/Popover.js";
+import { Button as y } from "../Button/Button.js";
+import { LoadingMask as C } from "../LoadingMask/LoadingMask.js";
+import { ScrollArea as N } from "../ScrollArea/ScrollArea.js";
+const g = (o) => {
+  const { value: n, flattenOptions: a = [], selectedOptions: t = /* @__PURE__ */ new Map() } = o;
+  return w(() => {
+    if (!n) return [];
+    const c = Array.from(t.values()), l = Array.isArray(n) ? n : [n], u = [...a.filter((i) => l.find((s) => String(s).toLowerCase() === String(i.value).toLowerCase())), ...c].reduce((i, s) => (!s || i.has(s.value) || i.set(s.value, { ...s, label: s.label || s.value }), i), /* @__PURE__ */ new Map());
+    return u.size ? Array.from(u.values()) : l.map((i) => ({ value: i, label: String(i) }));
+  }, [n, a, t]);
+}, k = (o) => {
+  const { type: n = h, placeholder: a, onSelect: t, open: c } = o, l = g(o);
+  return l.length ? n === "single" ? /* @__PURE__ */ r("span", { className: "truncate overflow-hidden whitespace-nowrap break-words line-clamp-1 pr-8", children: l[0].label }) : n === "multi" ? /* @__PURE__ */ r(
+    N,
+    {
+      className: d(
+        "w-full h-auto min-h-5 max-h-20.25",
+        "overflow-y-auto overflow-x-hidden"
+      ),
+      slotProps: {
+        viewport: {
+          className: "[&>div]:block!"
+        }
+      },
+      children: /* @__PURE__ */ r("div", { className: "p-0 gap-1 flex flex-wrap w-full pr-11", children: l.map((e) => e ? /* @__PURE__ */ p(
+        "div",
+        {
+          className: d(
+            "flex items-center justify-center",
+            "py-1 px-2 min-h-5 w-fit gap-1",
+            "bg-[#9368FF] rounded-sm",
+            "text-[#FCFCFC] leading-none text-xs font-semibold",
+            "cursor-pointer",
+            "truncate"
+          ),
+          onClick: (u) => {
+            c && (u.preventDefault(), u.stopPropagation(), t?.(e));
+          },
+          children: [
+            /* @__PURE__ */ r("span", { className: "whitespace-pre-wrap wrap-break-word line-clamp-1", children: e.label }),
+            /* @__PURE__ */ r(f, { className: "size-3! shrink-0 text-white!" })
+          ]
+        },
+        e.value
+      ) : null) })
+    }
+  ) : "No supported to render" : /* @__PURE__ */ r("span", { className: "text-gray-400 whitespace-pre-wrap break-words line-clamp-1 pr-11", children: a });
+}, m = (o) => {
+  const { children: n, prevented: a = !0, onClick: t, className: c, ...l } = o;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...l,
+      className: d(
+        "absolute top-1/2 -translate-y-1/2 right-1",
+        "flex items-center justify-center",
+        "w-10 h-10 [&_svg]:size-5!",
+        "opacity-50 cursor-pointer hover:opacity-100",
+        c
+      ),
+      onClick: (e) => {
+        if (!a) return t?.(e);
+        e.stopPropagation(), e.preventDefault(), t?.(e);
+      },
+      children: n
+    }
+  );
+}, A = (o) => {
+  const { open: n, onClearSelections: a } = o, t = g(o);
+  return n ? t.length ? /* @__PURE__ */ r(m, { onClick: () => a?.(), children: /* @__PURE__ */ r(f, {}) }) : null : /* @__PURE__ */ r(m, { prevented: !1, children: /* @__PURE__ */ r(v, {}) });
+}, E = (o) => {
+  const {
+    type: n,
+    open: a,
+    initialLoading: t,
+    callbackStateParams: c,
+    disabled: l,
+    renderTrigger: e
+  } = o;
+  return /* @__PURE__ */ r(x, { asChild: !0, className: "border-input", children: /* @__PURE__ */ p(
+    y,
+    {
+      variant: e ? "none" : "contained",
+      color: "secondary",
+      role: "combobox",
+      "aria-expanded": a,
+      className: d(
+        "relative w-full justify-between bg-transparent",
+        !e && "font-normal text-sm",
+        "border border-border",
+        a && "border-1 outline-hidden ring-1 ring-ring",
+        n === "multi" && "pr-0",
+        "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+        e && "p-0",
+        e && a && "p-0 border-1 ring-0 ring-transparent"
+      ),
+      disabled: l || t,
+      children: [
+        t && /* @__PURE__ */ r(C, { fullWidth: !0 }),
+        !t && e && e(c),
+        !t && !e && /* @__PURE__ */ p(b, { children: [
+          /* @__PURE__ */ r(k, { ...o }),
+          /* @__PURE__ */ r(A, { ...o })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  E as ComboboxRenderTrigger
+};
+//# sourceMappingURL=ComboboxRenderTrigger.js.map

package/Combobox/ComboboxRenderTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRenderTrigger.js","sources":["../../src/Combobox/ComboboxRenderTrigger.tsx"],"sourcesContent":["import {\r\n  ComboboxCallbackStateParamsRenderHandler,\r\n  ComboboxCallbackStateParamsUnion,\r\n  ComboboxOption,\r\n  ComboboxProps, ComboboxSelectedType,\r\n  DEFAULT_COMBOBOX_TYPE\r\n} from \"./Combobox.types\";\r\nimport { Button } from \"../Button\";\r\nimport { cn } from \"@oneplatformdev/utils\";\r\nimport { LoadingMask } from \"../LoadingMask\";\r\nimport { ChevronDown, XIcon } from \"lucide-react\";\r\nimport { PopoverTrigger } from \"../Popover\";\r\nimport { HTMLAttributes, useMemo } from \"react\";\r\nimport { ScrollArea } from \"../ScrollArea\";\r\n\r\ntype ComboboxRenderTriggerProps<Data extends object = object> = {\r\n  type: ComboboxSelectedType,\r\n  value: ComboboxProps<Data, 'single'>['value'] | ComboboxProps<Data, 'multi'>['value'];\r\n  open: boolean;\r\n  initialLoading: boolean;\r\n  flattenOptions: ComboboxOption<Data>[];\r\n  selectedOptions?: Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>;\r\n  onSelect?: (option: ComboboxOption<Data>) => void;\r\n  onClearSelections?: () => void;\r\n\r\n  callbackStateParams: ComboboxCallbackStateParamsUnion<Data>;\r\n  renderTrigger?: ComboboxCallbackStateParamsRenderHandler<Data>;\r\n\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst useValues = <Data extends object>(\r\n  props: ComboboxRenderTriggerProps<Data>\r\n): ComboboxOption<Data>[] => {\r\n  const { value, flattenOptions = [], selectedOptions = new Map() } = props;\r\n  return useMemo(() => {\r\n    if (!value) return [];\r\n    const selectedOption = Array.from(selectedOptions.values());\r\n    const vls = Array.isArray(value) ? value : [ value ];\r\n    const flattenedOptionValues = flattenOptions.filter(o => {\r\n      return vls.find(v => String(v).toLowerCase() === String(o.value).toLowerCase())\r\n    });\r\n\r\n    const labels = [ ...flattenedOptionValues, ...selectedOption ]\r\n      .reduce<Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>>((acc, o) => {\r\n        if (!o) return acc;\r\n        if (acc.has(o.value)) return acc;\r\n        acc.set(o.value, { ...o, label: o.label || o.value });\r\n        return acc;\r\n      }, new Map())\r\n    if (!labels.size) return vls.map(v => ({ value: v, label: String(v) }));\r\n    return Array.from(labels.values());\r\n  }, [ value, flattenOptions, selectedOptions ])\r\n}\r\n\r\nconst ComboboxRenderTriggerLabel = <Data extends object = object>(\r\n  props: ComboboxRenderTriggerProps<Data>\r\n) => {\r\n  const { type = DEFAULT_COMBOBOX_TYPE, placeholder, onSelect, open } = props;\r\n  const values = useValues(props);\r\n\r\n  if (!values.length) {\r\n    return (\r\n      <span className=\"text-gray-400 whitespace-pre-wrap break-words line-clamp-1 pr-11\">\r\n        {placeholder}\r\n      </span>\r\n    )\r\n  }\r\n\r\n  if (type === 'single') {\r\n    return (\r\n      <span className=\"truncate overflow-hidden whitespace-nowrap break-words line-clamp-1 pr-8\">\r\n        {values[0].label}\r\n      </span>\r\n    )\r\n  }\r\n\r\n  if (type === 'multi') {\r\n    return (\r\n      <ScrollArea\r\n        className={cn(\r\n          \"w-full h-auto min-h-5 max-h-20.25\",\r\n          'overflow-y-auto overflow-x-hidden',\r\n        )}\r\n        slotProps={{\r\n          viewport: {\r\n            className: '[&>div]:block!',\r\n          }\r\n        }}\r\n      >\r\n        <div className=\"p-0 gap-1 flex flex-wrap w-full pr-11\">\r\n          {values.map((item) => {\r\n            if (!item) return null;\r\n            return (\r\n              <div\r\n                key={item.value}\r\n                className={cn(\r\n                  'flex items-center justify-center',\r\n                  'py-1 px-2 min-h-5 w-fit gap-1',\r\n                  'bg-[#9368FF] rounded-sm',\r\n                  'text-[#FCFCFC] leading-none text-xs font-semibold',\r\n                  'cursor-pointer',\r\n                  'truncate',\r\n                )}\r\n                onClick={(e) => {\r\n                  if(!open) return;\r\n                  e.preventDefault();\r\n                  e.stopPropagation();\r\n                  onSelect?.(item)\r\n                }}\r\n              >\r\n                <span className='whitespace-pre-wrap wrap-break-word line-clamp-1'>\r\n                  {item.label}\r\n                </span>\r\n                <XIcon className='size-3! shrink-0 text-white!'/>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </ScrollArea>\r\n    )\r\n  }\r\n\r\n  return 'No supported to render'\r\n}\r\n\r\nconst EndAdornmentWrapper = (\r\n  props: HTMLAttributes<HTMLDivElement> & {\r\n    prevented?: boolean;\r\n  }\r\n) => {\r\n  const { children, prevented = true, onClick, className, ...rest } = props;\r\n  return (\r\n    <div\r\n      {...rest}\r\n      className={cn(\r\n        'absolute top-1/2 -translate-y-1/2 right-1',\r\n        'flex items-center justify-center',\r\n        'w-10 h-10 [&_svg]:size-5!',\r\n        'opacity-50 cursor-pointer hover:opacity-100',\r\n        className,\r\n      )}\r\n      onClick={(e) => {\r\n        if (!prevented) return onClick?.(e);\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n        onClick?.(e);\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\nconst ComboboxRenderTriggerEndAdornment = <Data extends object = object>(\r\n  props: ComboboxRenderTriggerProps<Data>\r\n) => {\r\n  const { open, onClearSelections } = props;\r\n  const values = useValues(props);\r\n\r\n  if (!open) {\r\n    return (\r\n      <EndAdornmentWrapper prevented={false}>\r\n        <ChevronDown/>\r\n      </EndAdornmentWrapper>\r\n    )\r\n  }\r\n\r\n  if (!values.length) return null\r\n\r\n  return (\r\n    <EndAdornmentWrapper onClick={() => onClearSelections?.()}>\r\n      <XIcon/>\r\n    </EndAdornmentWrapper>\r\n  )\r\n}\r\n\r\nexport const ComboboxRenderTrigger = <Data extends object>(\r\n  props: ComboboxRenderTriggerProps<Data>\r\n) => {\r\n  const {\r\n    type,\r\n    open,\r\n    initialLoading,\r\n    callbackStateParams,\r\n    disabled,\r\n    renderTrigger,\r\n  } = props;\r\n\r\n  return (\r\n    <PopoverTrigger asChild className=\"border-input\">\r\n      <Button\r\n        variant={renderTrigger ? 'none' : 'contained'}\r\n        color='secondary'\r\n        role=\"combobox\"\r\n        aria-expanded={open}\r\n        className={cn(\r\n          'relative w-full justify-between bg-transparent',\r\n          !renderTrigger && 'font-normal text-sm',\r\n          'border border-border',\r\n          open && 'border-1 outline-hidden ring-1 ring-ring',\r\n          type === 'multi' && 'pr-0',\r\n          'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\r\n          renderTrigger && 'p-0',\r\n          renderTrigger && open && 'p-0 border-1 ring-0 ring-transparent',\r\n        )}\r\n        disabled={disabled || initialLoading}\r\n      >\r\n        {initialLoading && <LoadingMask fullWidth/>}\r\n        {!initialLoading && renderTrigger && renderTrigger(callbackStateParams)}\r\n        {!initialLoading && !renderTrigger && (\r\n          <>\r\n            <ComboboxRenderTriggerLabel {...props} />\r\n            <ComboboxRenderTriggerEndAdornment {...props} />\r\n          </>\r\n        )}\r\n      </Button>\r\n    </PopoverTrigger>\r\n  )\r\n}\r\n"],"names":["useValues","props","value","flattenOptions","selectedOptions","useMemo","selectedOption","vls","labels","o","v","acc","ComboboxRenderTriggerLabel","type","DEFAULT_COMBOBOX_TYPE","placeholder","onSelect","open","values","jsx","ScrollArea","cn","item","jsxs","e","XIcon","EndAdornmentWrapper","children","prevented","onClick","className","rest","ComboboxRenderTriggerEndAdornment","onClearSelections","ChevronDown","ComboboxRenderTrigger","initialLoading","callbackStateParams","disabled","renderTrigger","PopoverTrigger","Button","LoadingMask","Fragment"],"mappings":"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"}

package/Command/Command.d.ts

@@ -1,5 +1,6 @@
 import { Command as CommandPrimitive } from 'cmdk';
 import { Dialog } from '../Dialog';
+import { HTMLAttributes } from 'react';
 import * as React from "react";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
@@ -8,7 +9,11 @@ declare function CommandDialog({ title, description, children, className, showCl
     className?: string;
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput(props: React.ComponentProps<typeof CommandPrimitive.Input> & {
+    slotProps?: {
+        wrapper?: HTMLAttributes<HTMLDivElement>;
+    };
+}): import("react/jsx-runtime").JSX.Element;
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
 declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

package/Command/Command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/Command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAIlD,OAAO,EACL,MAAM,EAKP,MAAM,WAAW,CAAA;AAElB,iBAAS,OAAO,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWhE;AAED,iBAAS,aAAa,CAAC,EACE,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAiBA;AAED,iBAAS,YAAY,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAiB3E;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQ3E;AAED,iBAAS,YAAY,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAW3E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQnF;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWzE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAWvD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EACjB,CAAA"}
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/Command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAIlD,OAAO,EACL,MAAM,EAKP,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,iBAAS,OAAO,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWhE;AAED,iBAAS,aAAa,CAAC,EACE,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAiBA;AAED,iBAAS,YAAY,CACnB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAA;CACF,2CAmCF;AAGD,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQ3E;AAED,iBAAS,YAAY,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAW3E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQnF;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAczE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAWvD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EACjB,CAAA"}

package/Command/Command.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { Command as n } from "cmdk";
-import { Command as G } from "cmdk";
-import { SearchIcon as i } from "lucide-react";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Command as r } from "cmdk";
+import { Command as P } from "cmdk";
+import { SearchIcon as c } from "lucide-react";
 import { cn as a } from "@oneplatformdev/utils";
-import { Dialog as l, DialogHeader as u, DialogTitle as p, DialogDescription as g, DialogContent as f } from "../Dialog/Dialog.js";
-function h({
+import { Dialog as l, DialogHeader as p, DialogTitle as u, DialogDescription as g, DialogContent as h } from "../Dialog/Dialog.js";
+function f({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n,
+    r,
     {
       "data-slot": "command",
       className: a(
@@ -20,61 +20,76 @@ function h({
     }
   );
 }
-function C({
+function N({
   title: e = "Command Palette",
   description: t = "Search for a command to run...",
-  children: d,
-  className: m,
+  children: n,
+  className: d,
   showCloseButton: s = !0,
-  ...c
+  ...i
 }) {
-  return /* @__PURE__ */ r(l, { ...c, children: [
-    /* @__PURE__ */ r(u, { className: "sr-only", children: [
-      /* @__PURE__ */ o(p, { children: e }),
+  return /* @__PURE__ */ m(l, { ...i, children: [
+    /* @__PURE__ */ m(p, { className: "sr-only", children: [
+      /* @__PURE__ */ o(u, { children: e }),
       /* @__PURE__ */ o(g, { children: t })
     ] }),
     /* @__PURE__ */ o(
-      f,
+      h,
       {
-        className: a("overflow-hidden p-0", m),
+        className: a("overflow-hidden p-0", d),
         showCloseButton: s,
-        children: /* @__PURE__ */ o(h, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: d })
+        children: /* @__PURE__ */ o(f, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: n })
       }
     )
   ] });
 }
-function y({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
+function C(e) {
+  const {
+    className: t,
+    slotProps: n,
+    ...d
+  } = e;
+  return /* @__PURE__ */ m(
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
+      ...n?.wrapper,
+      className: a(
+        "flex min-h-10 items-center gap-0 border-b border-[#E8E9EB] p-0 pb-2",
+        n?.wrapper?.className
+      ),
       children: [
-        /* @__PURE__ */ o(i, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ o("div", { className: "flex items-center justify-center h-10 px-2", children: /* @__PURE__ */ o(
+          c,
+          {
+            strokeWidth: 1.5,
+            className: "size-6 shrink-0 text-[#666A78]"
+          }
+        ) }),
         /* @__PURE__ */ o(
-          n.Input,
+          r.Input,
           {
             "data-slot": "command-input",
             className: a(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-              e
+              "flex h-10 w-full",
+              "placeholder:text-[#666A78] text-base",
+              "bg-transparent rounded-md outline-hidden",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              t
             ),
-            ...t
+            ...d
           }
         )
       ]
     }
   );
 }
-function N({
+function b({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.List,
+    r.List,
     {
       "data-slot": "command-list",
       className: a(
@@ -85,11 +100,11 @@ function N({
     }
   );
 }
-function b({
+function y({
   ...e
 }) {
   return /* @__PURE__ */ o(
-    n.Empty,
+    r.Empty,
     {
       "data-slot": "command-empty",
       className: "py-6 text-center text-sm",
@@ -102,7 +117,7 @@ function D({
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.Group,
+    r.Group,
     {
       "data-slot": "command-group",
       className: a(
@@ -113,12 +128,12 @@ function D({
     }
   );
 }
-function I({
+function E({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.Separator,
+    r.Separator,
     {
       "data-slot": "command-separator",
       className: a("bg-border -mx-1 h-px", e),
@@ -126,23 +141,26 @@ function I({
     }
   );
 }
-function S({
+function I({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.Item,
+    r.Item,
     {
       "data-slot": "command-item",
       className: a(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex items-center gap-2 rounded-md px-2 py-1.5 min-h-10 text-sm",
+        "cursor-pointer select-none",
+        "outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground",
         e
       ),
       ...t
     }
   );
 }
-function z({
+function S({
   className: e,
   ...t
 }) {
@@ -159,15 +177,15 @@ function z({
   );
 }
 export {
-  h as Command,
-  C as CommandDialog,
-  b as CommandEmpty,
+  f as Command,
+  N as CommandDialog,
+  y as CommandEmpty,
   D as CommandGroup,
-  y as CommandInput,
-  S as CommandItem,
-  N as CommandList,
-  G as CommandPrimitive,
-  I as CommandSeparator,
-  z as CommandShortcut
+  C as CommandInput,
+  I as CommandItem,
+  b as CommandList,
+  P as CommandPrimitive,
+  E as CommandSeparator,
+  S as CommandShortcut
 };
 //# sourceMappingURL=Command.js.map

package/Command/Command.js.map

@@ -1 +1 @@
-{"version":3,"file":"Command.js","sources":["../../src/Command/Command.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { Command as CommandPrimitive } from \"cmdk\"\r\nimport { SearchIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"../Dialog\"\r\n\r\nfunction Command({\r\n                   className,\r\n                   ...props\r\n                 }: React.ComponentProps<typeof CommandPrimitive>) {\r\n  return (\r\n    <CommandPrimitive\r\n      data-slot=\"command\"\r\n      className={cn(\r\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandDialog({\r\n                         title = \"Command Palette\",\r\n                         description = \"Search for a command to run...\",\r\n                         children,\r\n                         className,\r\n                         showCloseButton = true,\r\n                         ...props\r\n                       }: React.ComponentProps<typeof Dialog> & {\r\n  title?: string\r\n  description?: string\r\n  className?: string\r\n  showCloseButton?: boolean\r\n}) {\r\n  return (\r\n    <Dialog {...props}>\r\n      <DialogHeader className=\"sr-only\">\r\n        <DialogTitle>{title}</DialogTitle>\r\n        <DialogDescription>{description}</DialogDescription>\r\n      </DialogHeader>\r\n      <DialogContent\r\n        className={cn(\"overflow-hidden p-0\", className)}\r\n        showCloseButton={showCloseButton}\r\n      >\r\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nfunction CommandInput({\r\n                        className,\r\n                        ...props\r\n                      }: React.ComponentProps<typeof CommandPrimitive.Input>) {\r\n  return (\r\n    <div\r\n      data-slot=\"command-input-wrapper\"\r\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\r\n    >\r\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\r\n      <CommandPrimitive.Input\r\n        data-slot=\"command-input\"\r\n        className={cn(\r\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\r\n          className\r\n        )}\r\n        {...props}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction CommandList({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof CommandPrimitive.List>) {\r\n  return (\r\n    <CommandPrimitive.List\r\n      data-slot=\"command-list\"\r\n      className={cn(\r\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandEmpty({\r\n                        ...props\r\n                      }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\r\n  return (\r\n    <CommandPrimitive.Empty\r\n      data-slot=\"command-empty\"\r\n      className=\"py-6 text-center text-sm\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandGroup({\r\n                        className,\r\n                        ...props\r\n                      }: React.ComponentProps<typeof CommandPrimitive.Group>) {\r\n  return (\r\n    <CommandPrimitive.Group\r\n      data-slot=\"command-group\"\r\n      className={cn(\r\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandSeparator({\r\n                            className,\r\n                            ...props\r\n                          }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\r\n  return (\r\n    <CommandPrimitive.Separator\r\n      data-slot=\"command-separator\"\r\n      className={cn(\"bg-border -mx-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandItem({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof CommandPrimitive.Item>) {\r\n  return (\r\n    <CommandPrimitive.Item\r\n      data-slot=\"command-item\"\r\n      className={cn(\r\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandShortcut({\r\n                           className,\r\n                           ...props\r\n                         }: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot=\"command-shortcut\"\r\n      className={cn(\r\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n  CommandPrimitive\r\n}\r\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
+{"version":3,"file":"Command.js","sources":["../../src/Command/Command.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { Command as CommandPrimitive } from \"cmdk\"\r\nimport { SearchIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"../Dialog\"\r\nimport { HTMLAttributes } from \"react\";\r\n\r\nfunction Command({\r\n                   className,\r\n                   ...props\r\n                 }: React.ComponentProps<typeof CommandPrimitive>) {\r\n  return (\r\n    <CommandPrimitive\r\n      data-slot=\"command\"\r\n      className={cn(\r\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandDialog({\r\n                         title = \"Command Palette\",\r\n                         description = \"Search for a command to run...\",\r\n                         children,\r\n                         className,\r\n                         showCloseButton = true,\r\n                         ...props\r\n                       }: React.ComponentProps<typeof Dialog> & {\r\n  title?: string\r\n  description?: string\r\n  className?: string\r\n  showCloseButton?: boolean\r\n}) {\r\n  return (\r\n    <Dialog {...props}>\r\n      <DialogHeader className=\"sr-only\">\r\n        <DialogTitle>{title}</DialogTitle>\r\n        <DialogDescription>{description}</DialogDescription>\r\n      </DialogHeader>\r\n      <DialogContent\r\n        className={cn(\"overflow-hidden p-0\", className)}\r\n        showCloseButton={showCloseButton}\r\n      >\r\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nfunction CommandInput(\r\n  props: React.ComponentProps<typeof CommandPrimitive.Input> & {\r\n    slotProps?: {\r\n      wrapper?: HTMLAttributes<HTMLDivElement>,\r\n    }\r\n  }\r\n) {\r\n  const {\r\n    className,\r\n    slotProps,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <div\r\n      data-slot=\"command-input-wrapper\"\r\n      {...slotProps?.wrapper}\r\n      className={cn(\r\n        \"flex min-h-10 items-center gap-0 border-b border-[#E8E9EB] p-0 pb-2\",\r\n        slotProps?.wrapper?.className\r\n      )}\r\n    >\r\n      <div className='flex items-center justify-center h-10 px-2'>\r\n        <SearchIcon\r\n          strokeWidth={1.5}\r\n          className=\"size-6 shrink-0 text-[#666A78]\"\r\n        />\r\n      </div>\r\n      <CommandPrimitive.Input\r\n        data-slot=\"command-input\"\r\n        className={cn(\r\n          'flex h-10 w-full',\r\n          'placeholder:text-[#666A78] text-base',\r\n          'bg-transparent rounded-md outline-hidden',\r\n          'disabled:cursor-not-allowed disabled:opacity-50',\r\n          className\r\n        )}\r\n        {...rest}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\nfunction CommandList({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof CommandPrimitive.List>) {\r\n  return (\r\n    <CommandPrimitive.List\r\n      data-slot=\"command-list\"\r\n      className={cn(\r\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandEmpty({\r\n                        ...props\r\n                      }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\r\n  return (\r\n    <CommandPrimitive.Empty\r\n      data-slot=\"command-empty\"\r\n      className=\"py-6 text-center text-sm\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandGroup({\r\n                        className,\r\n                        ...props\r\n                      }: React.ComponentProps<typeof CommandPrimitive.Group>) {\r\n  return (\r\n    <CommandPrimitive.Group\r\n      data-slot=\"command-group\"\r\n      className={cn(\r\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandSeparator({\r\n                            className,\r\n                            ...props\r\n                          }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\r\n  return (\r\n    <CommandPrimitive.Separator\r\n      data-slot=\"command-separator\"\r\n      className={cn(\"bg-border -mx-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandItem({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof CommandPrimitive.Item>) {\r\n  return (\r\n    <CommandPrimitive.Item\r\n      data-slot=\"command-item\"\r\n      className={cn(\r\n        'relative flex items-center gap-2 rounded-md px-2 py-1.5 min-h-10 text-sm',\r\n        'cursor-pointer select-none',\r\n        'outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4',\r\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction CommandShortcut({\r\n                           className,\r\n                           ...props\r\n                         }: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot=\"command-shortcut\"\r\n      className={cn(\r\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n  CommandPrimitive\r\n}\r\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","slotProps","rest","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/ContextPopover/ContextDropdownMenu.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { DropdownMenu } from '../DropdownMenu';
+export interface IContextDropdownMenuProps extends ComponentPropsWithoutRef<typeof DropdownMenu> {
+    coords: {
+        x: number;
+        y: number;
+    };
+}
+export declare const ContextDropdownMenu: import('react').ForwardRefExoticComponent<IContextDropdownMenuProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextDropdownMenu.d.ts.map

package/ContextPopover/ContextDropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextDropdownMenu.d.ts","sourceRoot":"","sources":["../../src/ContextPopover/ContextDropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAiC,MAAM,OAAO,CAAC;AAChF,OAAO,EACN,YAAY,EAGZ,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,yBAChB,SAAQ,wBAAwB,CAAC,OAAO,YAAY,CAAC;IACrD,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB;;kDAqC9B,CAAA"}

package/ContextPopover/ContextDropdownMenu.js

@@ -0,0 +1,41 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { DropdownMenu as u, DropdownMenuTrigger as c, DropdownMenuContent as d } from "../DropdownMenu/DropdownMenu.js";
+const f = l((r, n) => {
+  const { coords: e, children: i, ...s } = r, a = new DOMRect(e.x, e.y, 0, 0);
+  return /* @__PURE__ */ p(u, { ...s, children: [
+    /* @__PURE__ */ o(c, { asChild: !0, children: /* @__PURE__ */ o(
+      "div",
+      {
+        ref: (t) => {
+          t && Object.defineProperty(t, "getBoundingClientRect", {
+            value: () => a,
+            writable: !0,
+            configurable: !0
+          });
+        },
+        className: "fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50",
+        style: {
+          left: e?.x || 0,
+          top: e?.y || 0
+        }
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      d,
+      {
+        ref: n,
+        className: "p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto",
+        align: "start",
+        sideOffset: 5,
+        onCloseAutoFocus: (t) => t.preventDefault(),
+        children: i
+      }
+    )
+  ] });
+});
+f.displayName = "ContextDropdownMenu";
+export {
+  f as ContextDropdownMenu
+};
+//# sourceMappingURL=ContextDropdownMenu.js.map

package/ContextPopover/ContextDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextDropdownMenu.js","sources":["../../src/ContextPopover/ContextDropdownMenu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ComponentPropsWithoutRef, forwardRef, PropsWithChildren } from \"react\";\r\nimport {\r\n\tDropdownMenu,\r\n\tDropdownMenuContent,\r\n\tDropdownMenuTrigger\r\n} from \"../DropdownMenu\";\r\n\r\nexport interface IContextDropdownMenuProps\r\n\textends ComponentPropsWithoutRef<typeof DropdownMenu> {\r\n\tcoords: { x: number; y: number };\r\n}\r\n\r\nexport const ContextDropdownMenu = forwardRef<\r\n\tHTMLDivElement,\r\n\tPropsWithChildren<IContextDropdownMenuProps>\r\n>((props, ref) => {\r\n\tconst { coords, children, ...rest } = props;\r\n\tconst virtualTriggerRect = new DOMRect(coords.x, coords.y, 0, 0);\r\n\treturn (\r\n\t\t<DropdownMenu {...rest}>\r\n\t\t\t<DropdownMenuTrigger asChild>\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={(node) => {\r\n\t\t\t\t\t\tif (node) {\r\n\t\t\t\t\t\t\tObject.defineProperty(node, 'getBoundingClientRect', {\r\n\t\t\t\t\t\t\t\tvalue: () => virtualTriggerRect,\r\n\t\t\t\t\t\t\t\twritable: true,\r\n\t\t\t\t\t\t\t\tconfigurable: true,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tclassName='fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50'\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tleft: coords?.x || 0,\r\n\t\t\t\t\t\ttop: coords?.y || 0,\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</DropdownMenuTrigger>\r\n\t\t\t<DropdownMenuContent\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName=\"p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto\"\r\n\t\t\t\talign=\"start\"\r\n\t\t\t\tsideOffset={5}\r\n\t\t\t\tonCloseAutoFocus={(event) => event.preventDefault()}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</DropdownMenuContent>\r\n\t\t</DropdownMenu>\r\n\t)\r\n})\r\n\r\nContextDropdownMenu.displayName = 'ContextDropdownMenu'\r\n"],"names":["ContextDropdownMenu","forwardRef","props","ref","coords","children","rest","virtualTriggerRect","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","node","DropdownMenuContent","event"],"mappings":";;;AAcO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AACjB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,MAASJ,GAChCK,IAAqB,IAAI,QAAQH,EAAO,GAAGA,EAAO,GAAG,GAAG,CAAC;AAC/D,SACC,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GACjB,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAoB,SAAO,IAC3B,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAK,CAACE,MAAS;AACd,UAAIA,KACH,OAAO,eAAeA,GAAM,yBAAyB;AAAA,YACpD,OAAO,MAAML;AAAA,YACb,UAAU;AAAA,YACV,cAAc;AAAA,UAAA,CACd;AAAA,QAEH;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACN,MAAMH,GAAQ,KAAK;AAAA,UACnB,KAAKA,GAAQ,KAAK;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA,GAEF;AAAA,IACA,gBAAAM;AAAA,MAACG;AAAA,MAAA;AAAA,QACA,KAAAV;AAAA,QACA,WAAU;AAAA,QACV,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,kBAAkB,CAACW,MAAUA,EAAM,eAAA;AAAA,QAElC,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF,CAAC;AAEDL,EAAoB,cAAc;"}

package/ContextPopover/ContextPopover.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Popover } from '../Popover';
+export interface IContextPopoverProps extends ComponentPropsWithoutRef<typeof Popover> {
+    coords: {
+        x: number;
+        y: number;
+    };
+}
+export declare const ContextPopover: import('react').ForwardRefExoticComponent<IContextPopoverProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextPopover.d.ts.map

package/ContextPopover/ContextPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPopover.d.ts","sourceRoot":"","sources":["../../src/ContextPopover/ContextPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAiC,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,OAAO,EAAkC,MAAM,YAAY,CAAC;AAErE,MAAM,WAAW,oBAChB,SAAQ,wBAAwB,CAAC,OAAO,OAAO,CAAC;IAChD,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC;AAED,eAAO,MAAM,cAAc;;kDA2BzB,CAAA"}

package/ContextPopover/ContextPopover.js

@@ -0,0 +1,34 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { Popover as l, PopoverTrigger as f, PopoverContent as x } from "../Popover/Popover.js";
+const m = a((t, r) => {
+  const { coords: o, children: p, ...n } = t;
+  return /* @__PURE__ */ i(l, { ...n, children: [
+    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50",
+        style: {
+          left: o?.x || 0,
+          top: o?.y || 0
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        ref: r,
+        className: "p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto",
+        align: "start",
+        sideOffset: 5,
+        onOpenAutoFocus: (s) => s.preventDefault(),
+        children: p
+      }
+    )
+  ] });
+});
+m.displayName = "ContextPopover";
+export {
+  m as ContextPopover
+};
+//# sourceMappingURL=ContextPopover.js.map

package/ContextPopover/ContextPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPopover.js","sources":["../../src/ContextPopover/ContextPopover.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, PropsWithChildren } from \"react\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../Popover\";\r\n\r\nexport interface IContextPopoverProps\r\n\textends ComponentPropsWithoutRef<typeof Popover> {\r\n\tcoords: { x: number; y: number };\r\n}\r\n\r\nexport const ContextPopover = forwardRef<\r\n\tHTMLDivElement,\r\n\tPropsWithChildren<IContextPopoverProps>\r\n>((props, ref) => {\r\n\tconst { coords, children, ...rest } = props;\r\n\treturn (\r\n\t\t<Popover {...rest}>\r\n\t\t\t<PopoverTrigger asChild>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName='fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50'\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tleft: coords?.x || 0,\r\n\t\t\t\t\t\ttop: coords?.y || 0,\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</PopoverTrigger>\r\n\t\t\t<PopoverContent\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName=\"p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto\"\r\n\t\t\t\talign=\"start\"\r\n\t\t\t\tsideOffset={5}\r\n\t\t\t\tonOpenAutoFocus={(event) => event.preventDefault()}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</PopoverContent>\r\n\t\t</Popover>\r\n\t)\r\n})\r\n\r\nContextPopover.displayName = 'ContextPopover'\r\n"],"names":["ContextPopover","forwardRef","props","ref","coords","children","rest","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","event"],"mappings":";;;AAQO,MAAMA,IAAiBC,EAG5B,CAACC,GAAOC,MAAQ;AACjB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,MAASJ;AACtC,SACC,gBAAAK,EAACC,GAAA,EAAS,GAAGF,GACZ,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAe,SAAO,IACtB,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACN,MAAML,GAAQ,KAAK;AAAA,UACnB,KAAKA,GAAQ,KAAK;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA,GAEF;AAAA,IACA,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,KAAAR;AAAA,QACA,WAAU;AAAA,QACV,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,iBAAiB,CAACS,MAAUA,EAAM,eAAA;AAAA,QAEjC,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF,CAAC;AAEDL,EAAe,cAAc;"}

package/ContextPopover/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ContextPopover';
+export * from './ContextDropdownMenu';
+export * from './useContextPopoverHandler';
+//# sourceMappingURL=index.d.ts.map

package/ContextPopover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextPopover/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}

package/ContextPopover/index.js

@@ -0,0 +1,9 @@
+import { ContextPopover as r } from "./ContextPopover.js";
+import { ContextDropdownMenu as n } from "./ContextDropdownMenu.js";
+import { useContextPopoverHandler as x } from "./useContextPopoverHandler.js";
+export {
+  n as ContextDropdownMenu,
+  r as ContextPopover,
+  x as useContextPopoverHandler
+};
+//# sourceMappingURL=index.js.map

package/ContextPopover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/ContextPopover/useContextPopoverHandler.d.ts

@@ -0,0 +1,14 @@
+import { MouseEvent } from 'react';
+export declare const useContextPopoverHandler: <Data, Element extends HTMLDivElement = HTMLDivElement>() => {
+    onContext: (event: MouseEvent, data: Data) => void;
+    ref: import('react').RefObject<Element>;
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    coords: {
+        x: number;
+        y: number;
+    };
+    data: Data | null;
+};
+export type IUseContextPopoverHandler<Data> = ReturnType<typeof useContextPopoverHandler<Data>>;
+//# sourceMappingURL=useContextPopoverHandler.d.ts.map

package/ContextPopover/useContextPopoverHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextPopoverHandler.d.ts","sourceRoot":"","sources":["../../src/ContextPopover/useContextPopoverHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,wBAAwB,GACpC,IAAI,EACJ,OAAO,SAAS,cAAc,GAAG,cAAc;uBAeT,UAAU,QAAQ,IAAI;;;;;;;;;CAgB5D,CAAA;AAED,MAAM,MAAM,yBAAyB,CAAC,IAAI,IAAI,UAAU,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC"}

package/ContextPopover/useContextPopoverHandler.js

@@ -0,0 +1,21 @@
+import { useState as o, useRef as f, useCallback as i } from "react";
+import { useOnClickOutside as p } from "@oneplatformdev/hooks";
+const m = () => {
+  const [n, t] = o(!1), [r, u] = o({ x: 0, y: 0 }), [a, s] = o(null), l = f(null);
+  return p(l, () => {
+    n && (t(!1), s(null));
+  }), {
+    onContext: i((e, c) => {
+      e.preventDefault(), u({ x: e.clientX, y: e.clientY }), s(c), t(!0);
+    }, []),
+    ref: l,
+    open: n,
+    setOpen: t,
+    coords: r,
+    data: a
+  };
+};
+export {
+  m as useContextPopoverHandler
+};
+//# sourceMappingURL=useContextPopoverHandler.js.map