@oneplatformdev/ui 0.1.99-beta.26 → 0.1.99-beta.261

package/Combobox/ComboboxRenderTrigger.js

@@ -0,0 +1,120 @@
+import { jsx as r, jsxs as d, Fragment as b } from "react/jsx-runtime";
+import { DEFAULT_COMBOBOX_TYPE as h } from "./Combobox.types.js";
+import { Button as v } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { useMemo as w } from "react";
+import { cn as u } from "@oneplatformdev/utils";
+import { LoadingMask as x } from "../LoadingMask/LoadingMask.js";
+import "../LoadingMask/RenderLoadingMask.js";
+import { XIcon as f, ChevronDown as y } from "lucide-react";
+import { PopoverTrigger as C } from "../Popover/Popover.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()), i = Array.isArray(n) ? n : [n], p = [...a.filter((l) => i.find((s) => String(s).toLowerCase() === String(l.value).toLowerCase())), ...c].reduce((l, s) => (!s || l.has(s.value) || l.set(s.value, { ...s, label: s.label || s.value }), l), /* @__PURE__ */ new Map());
+    return p.size ? Array.from(p.values()) : i.map((l) => ({ value: l, label: String(l) }));
+  }, [n, a, t]);
+}, k = (o) => {
+  const { type: n = h, placeholder: a, onSelect: t, open: c } = o, i = g(o);
+  return i.length ? n === "single" ? /* @__PURE__ */ r("span", { className: "truncate overflow-hidden whitespace-nowrap break-words line-clamp-1 pr-8", children: i[0].label }) : n === "multi" ? /* @__PURE__ */ r(
+    N,
+    {
+      className: u(
+        "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: i.map((e) => e ? /* @__PURE__ */ d(
+        "div",
+        {
+          className: u(
+            "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: (p) => {
+            c && (p.preventDefault(), p.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, ...i } = o;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...i,
+      className: u(
+        "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(y, {}) });
+}, B = (o) => {
+  const {
+    type: n,
+    open: a,
+    initialLoading: t,
+    callbackStateParams: c,
+    disabled: i,
+    renderTrigger: e
+  } = o;
+  return /* @__PURE__ */ r(C, { asChild: !0, className: "border-input", children: /* @__PURE__ */ d(
+    v,
+    {
+      variant: e ? "none" : "contained",
+      color: "secondary",
+      role: "combobox",
+      "aria-expanded": a,
+      className: u(
+        "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: i || t,
+      children: [
+        t && /* @__PURE__ */ r(x, { fullWidth: !0 }),
+        !t && e && e(c),
+        !t && !e && /* @__PURE__ */ d(b, { children: [
+          /* @__PURE__ */ r(k, { ...o }),
+          /* @__PURE__ */ r(A, { ...o })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  B 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 {\n  ComboboxCallbackStateParamsRenderHandler,\n  ComboboxCallbackStateParamsUnion,\n  ComboboxOption,\n  ComboboxProps, ComboboxSelectedType,\n  DEFAULT_COMBOBOX_TYPE\n} from \"./Combobox.types\";\nimport { Button } from \"../Button\";\nimport { cn } from \"@oneplatformdev/utils\";\nimport { LoadingMask } from \"../LoadingMask\";\nimport { ChevronDown, XIcon } from \"lucide-react\";\nimport { PopoverTrigger } from \"../Popover\";\nimport { HTMLAttributes, useMemo } from \"react\";\nimport { ScrollArea } from \"../ScrollArea\";\n\ntype ComboboxRenderTriggerProps<Data extends object = object> = {\n  type: ComboboxSelectedType,\n  value: ComboboxProps<Data, 'single'>['value'] | ComboboxProps<Data, 'multi'>['value'];\n  open: boolean;\n  initialLoading: boolean;\n  flattenOptions: ComboboxOption<Data>[];\n  selectedOptions?: Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n  onClearSelections?: () => void;\n\n  callbackStateParams: ComboboxCallbackStateParamsUnion<Data>;\n  renderTrigger?: ComboboxCallbackStateParamsRenderHandler<Data>;\n\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nconst useValues = <Data extends object>(\n  props: ComboboxRenderTriggerProps<Data>\n): ComboboxOption<Data>[] => {\n  const { value, flattenOptions = [], selectedOptions = new Map() } = props;\n  return useMemo(() => {\n    if (!value) return [];\n    const selectedOption = Array.from(selectedOptions.values());\n    const vls = Array.isArray(value) ? value : [ value ];\n    const flattenedOptionValues = flattenOptions.filter(o => {\n      return vls.find(v => String(v).toLowerCase() === String(o.value).toLowerCase())\n    });\n\n    const labels = [ ...flattenedOptionValues, ...selectedOption ]\n      .reduce<Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>>((acc, o) => {\n        if (!o) return acc;\n        if (acc.has(o.value)) return acc;\n        acc.set(o.value, { ...o, label: o.label || o.value });\n        return acc;\n      }, new Map())\n    if (!labels.size) return vls.map(v => ({ value: v, label: String(v) }));\n    return Array.from(labels.values());\n  }, [ value, flattenOptions, selectedOptions ])\n}\n\nconst ComboboxRenderTriggerLabel = <Data extends object = object>(\n  props: ComboboxRenderTriggerProps<Data>\n) => {\n  const { type = DEFAULT_COMBOBOX_TYPE, placeholder, onSelect, open } = props;\n  const values = useValues(props);\n\n  if (!values.length) {\n    return (\n      <span className=\"text-gray-400 whitespace-pre-wrap break-words line-clamp-1 pr-11\">\n        {placeholder}\n      </span>\n    )\n  }\n\n  if (type === 'single') {\n    return (\n      <span className=\"truncate overflow-hidden whitespace-nowrap break-words line-clamp-1 pr-8\">\n        {values[0].label}\n      </span>\n    )\n  }\n\n  if (type === 'multi') {\n    return (\n      <ScrollArea\n        className={cn(\n          \"w-full h-auto min-h-5 max-h-20.25\",\n          'overflow-y-auto overflow-x-hidden',\n        )}\n        slotProps={{\n          viewport: {\n            className: '[&>div]:block!',\n          }\n        }}\n      >\n        <div className=\"p-0 gap-1 flex flex-wrap w-full pr-11\">\n          {values.map((item) => {\n            if (!item) return null;\n            return (\n              <div\n                key={item.value}\n                className={cn(\n                  'flex items-center justify-center',\n                  'py-1 px-2 min-h-5 w-fit gap-1',\n                  'bg-[#9368FF] rounded-sm',\n                  'text-[#FCFCFC] leading-none text-xs font-semibold',\n                  'cursor-pointer',\n                  'truncate',\n                )}\n                onClick={(e) => {\n                  if(!open) return;\n                  e.preventDefault();\n                  e.stopPropagation();\n                  onSelect?.(item)\n                }}\n              >\n                <span className='whitespace-pre-wrap wrap-break-word line-clamp-1'>\n                  {item.label}\n                </span>\n                <XIcon className='size-3! shrink-0 text-white!'/>\n              </div>\n            );\n          })}\n        </div>\n      </ScrollArea>\n    )\n  }\n\n  return 'No supported to render'\n}\n\nconst EndAdornmentWrapper = (\n  props: HTMLAttributes<HTMLDivElement> & {\n    prevented?: boolean;\n  }\n) => {\n  const { children, prevented = true, onClick, className, ...rest } = props;\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'absolute top-1/2 -translate-y-1/2 right-1',\n        'flex items-center justify-center',\n        'w-10 h-10 [&_svg]:size-5!',\n        'opacity-50 cursor-pointer hover:opacity-100',\n        className,\n      )}\n      onClick={(e) => {\n        if (!prevented) return onClick?.(e);\n        e.stopPropagation();\n        e.preventDefault();\n        onClick?.(e);\n      }}\n    >\n      {children}\n    </div>\n  )\n}\nconst ComboboxRenderTriggerEndAdornment = <Data extends object = object>(\n  props: ComboboxRenderTriggerProps<Data>\n) => {\n  const { open, onClearSelections } = props;\n  const values = useValues(props);\n\n  if (!open) {\n    return (\n      <EndAdornmentWrapper prevented={false}>\n        <ChevronDown/>\n      </EndAdornmentWrapper>\n    )\n  }\n\n  if (!values.length) return null\n\n  return (\n    <EndAdornmentWrapper onClick={() => onClearSelections?.()}>\n      <XIcon/>\n    </EndAdornmentWrapper>\n  )\n}\n\nexport const ComboboxRenderTrigger = <Data extends object>(\n  props: ComboboxRenderTriggerProps<Data>\n) => {\n  const {\n    type,\n    open,\n    initialLoading,\n    callbackStateParams,\n    disabled,\n    renderTrigger,\n  } = props;\n\n  return (\n    <PopoverTrigger asChild className=\"border-input\">\n      <Button\n        variant={renderTrigger ? 'none' : 'contained'}\n        color='secondary'\n        role=\"combobox\"\n        aria-expanded={open}\n        className={cn(\n          'relative w-full justify-between bg-transparent',\n          !renderTrigger && 'font-normal text-sm',\n          'border border-border',\n          open && 'border-1 outline-hidden ring-1 ring-ring',\n          type === 'multi' && 'pr-0',\n          'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\n          renderTrigger && 'p-0',\n          renderTrigger && open && 'p-0 border-1 ring-0 ring-transparent',\n        )}\n        disabled={disabled || initialLoading}\n      >\n        {initialLoading && <LoadingMask fullWidth/>}\n        {!initialLoading && renderTrigger && renderTrigger(callbackStateParams)}\n        {!initialLoading && !renderTrigger && (\n          <>\n            <ComboboxRenderTriggerLabel {...props} />\n            <ComboboxRenderTriggerEndAdornment {...props} />\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  )\n}\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,16 +1,16 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { Command as n } from "cmdk";
-import { Command as L } from "cmdk";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Command as r } from "cmdk";
+import { Command as A } from "cmdk";
 import { SearchIcon as c } from "lucide-react";
 import { cn as a } from "@oneplatformdev/utils";
-import { Dialog as l, DialogHeader as p, DialogTitle as u, DialogDescription as g, DialogContent as f } from "../Dialog/Dialog.js";
+import { Dialog as p, DialogHeader as l, DialogTitle as u, DialogDescription as g, DialogContent as h } from "../Dialog/Dialog.js";
 import "../Dialog/DialogOverlayScope.js";
-function h({
+function f({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n,
+    r,
     {
       "data-slot": "command",
       className: a(
@@ -21,61 +21,76 @@ function h({
     }
   );
 }
-function y({
+function C({
   title: e = "Command Palette",
   description: t = "Search for a command to run...",
-  children: d,
-  className: m,
+  children: n,
+  className: d,
   showCloseButton: s = !0,
   ...i
 }) {
-  return /* @__PURE__ */ r(l, { ...i, children: [
-    /* @__PURE__ */ r(p, { className: "sr-only", children: [
+  return /* @__PURE__ */ m(p, { ...i, children: [
+    /* @__PURE__ */ m(l, { 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 N({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
+function b(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(c, { 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 b({
+function y({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.List,
+    r.List,
     {
       "data-slot": "command-list",
       className: a(
@@ -90,7 +105,7 @@ function D({
   ...e
 }) {
   return /* @__PURE__ */ o(
-    n.Empty,
+    r.Empty,
     {
       "data-slot": "command-empty",
       className: "py-6 text-center text-sm",
@@ -98,12 +113,12 @@ function D({
     }
   );
 }
-function I({
+function E({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.Group,
+    r.Group,
     {
       "data-slot": "command-group",
       className: a(
@@ -114,12 +129,12 @@ function I({
     }
   );
 }
-function S({
+function I({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    n.Separator,
+    r.Separator,
     {
       "data-slot": "command-separator",
       className: a("bg-border -mx-1 h-px", e),
@@ -127,16 +142,19 @@ function S({
     }
   );
 }
-function z({
+function S({
   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
@@ -160,15 +178,15 @@ function j({
   );
 }
 export {
-  h as Command,
-  y as CommandDialog,
+  f as Command,
+  C as CommandDialog,
   D as CommandEmpty,
-  I as CommandGroup,
-  N as CommandInput,
-  z as CommandItem,
-  b as CommandList,
-  L as CommandPrimitive,
-  S as CommandSeparator,
+  E as CommandGroup,
+  b as CommandInput,
+  S as CommandItem,
+  y as CommandList,
+  A as CommandPrimitive,
+  I as CommandSeparator,
   j 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\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../Dialog\"\n\nfunction Command({\n                   className,\n                   ...props\n                 }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n                         title = \"Command Palette\",\n                         description = \"Search for a command to run...\",\n                         children,\n                         className,\n                         showCloseButton = true,\n                         ...props\n                       }: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n                        className,\n                        ...props\n                      }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\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\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n                        ...props\n                      }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n                        className,\n                        ...props\n                      }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n                            className,\n                            ...props\n                          }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n                           className,\n                           ...props\n                         }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n  CommandPrimitive\n}\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\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../Dialog\"\nimport { HTMLAttributes } from \"react\";\n\nfunction Command({\n                   className,\n                   ...props\n                 }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n                         title = \"Command Palette\",\n                         description = \"Search for a command to run...\",\n                         children,\n                         className,\n                         showCloseButton = true,\n                         ...props\n                       }: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput(\n  props: React.ComponentProps<typeof CommandPrimitive.Input> & {\n    slotProps?: {\n      wrapper?: HTMLAttributes<HTMLDivElement>,\n    }\n  }\n) {\n  const {\n    className,\n    slotProps,\n    ...rest\n  } = props;\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      {...slotProps?.wrapper}\n      className={cn(\n        \"flex min-h-10 items-center gap-0 border-b border-[#E8E9EB] p-0 pb-2\",\n        slotProps?.wrapper?.className\n      )}\n    >\n      <div className='flex items-center justify-center h-10 px-2'>\n        <SearchIcon\n          strokeWidth={1.5}\n          className=\"size-6 shrink-0 text-[#666A78]\"\n        />\n      </div>\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full',\n          'placeholder:text-[#666A78] text-base',\n          'bg-transparent rounded-md outline-hidden',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n        {...rest}\n      />\n    </div>\n  )\n}\n\n\nfunction CommandList({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n                        ...props\n                      }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n                        className,\n                        ...props\n                      }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n                            className,\n                            ...props\n                          }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex items-center gap-2 rounded-md px-2 py-1.5 min-h-10 text-sm',\n        'cursor-pointer select-none',\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',\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n                           className,\n                           ...props\n                         }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n  CommandPrimitive\n}\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":";;;;;;;AAgBA,SAASA,EAAQ;AAAA,EACE,WAAAC;AAAA,EACA,GAAGC;AACL,GAAkD;AACjE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,iBAAAS,IAAkB;AAAA,EAClB,GAAGR;AACL,GAKpB;AACD,SACE,gBAAAS,EAACC,GAAA,EAAQ,GAAGV,GACV,UAAA;AAAA,IAAA,gBAAAS,EAACE,GAAA,EAAa,WAAU,WACtB,UAAA;AAAA,MAAA,gBAAAV,EAACW,KAAa,UAAAP,EAAA,CAAM;AAAA,MACpB,gBAAAJ,EAACY,KAAmB,UAAAP,EAAA,CAAY;AAAA,IAAA,GAClC;AAAA,IACA,gBAAAL;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,WAAWX,EAAG,uBAAuBJ,CAAS;AAAA,QAC9C,iBAAAS;AAAA,QAEA,UAAA,gBAAAP,EAACH,GAAA,EAAQ,WAAU,yZAChB,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASQ,EACPf,GAKA;AACA,QAAM;AAAA,IACJ,WAAAD;AAAA,IACA,WAAAiB;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB;AACJ,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGO,GAAW;AAAA,MACf,WAAWb;AAAA,QACT;AAAA,QACAa,GAAW,SAAS;AAAA,MAAA;AAAA,MAGtB,UAAA;AAAA,QAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA,gBAAAA;AAAA,UAACiB;AAAA,UAAA;AAAA,YACC,aAAa;AAAA,YACb,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACA,gBAAAjB;AAAA,UAACC,EAAiB;AAAA,UAAjB;AAAA,YACC,aAAU;AAAA,YACV,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAJ;AAAA,YAAA;AAAA,YAED,GAAGkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAASE,EAAY;AAAA,EACE,WAAApB;AAAA,EACA,GAAGC;AACL,GAAuD;AAC1E,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASoB,EAAa;AAAA,EACE,GAAGpB;AACL,GAAwD;AAC5E,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASqB,EAAa;AAAA,EACE,WAAAtB;AAAA,EACA,GAAGC;AACL,GAAwD;AAC5E,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASsB,EAAiB;AAAA,EACE,WAAAvB;AAAA,EACA,GAAGC;AACL,GAA4D;AACpF,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,wBAAwBJ,CAAS;AAAA,MAC9C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASuB,EAAY;AAAA,EACE,WAAAxB;AAAA,EACA,GAAGC;AACL,GAAuD;AAC1E,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASwB,EAAgB;AAAA,EACE,WAAAzB;AAAA,EACA,GAAGC;AACL,GAAiC;AACxD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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';\n\nimport { ComponentPropsWithoutRef, forwardRef, PropsWithChildren } from \"react\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuTrigger\n} from \"../DropdownMenu\";\n\nexport interface IContextDropdownMenuProps\n\textends ComponentPropsWithoutRef<typeof DropdownMenu> {\n\tcoords: { x: number; y: number };\n}\n\nexport const ContextDropdownMenu = forwardRef<\n\tHTMLDivElement,\n\tPropsWithChildren<IContextDropdownMenuProps>\n>((props, ref) => {\n\tconst { coords, children, ...rest } = props;\n\tconst virtualTriggerRect = new DOMRect(coords.x, coords.y, 0, 0);\n\treturn (\n\t\t<DropdownMenu {...rest}>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<div\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (node) {\n\t\t\t\t\t\t\tObject.defineProperty(node, 'getBoundingClientRect', {\n\t\t\t\t\t\t\t\tvalue: () => virtualTriggerRect,\n\t\t\t\t\t\t\t\twritable: true,\n\t\t\t\t\t\t\t\tconfigurable: true,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: coords?.x || 0,\n\t\t\t\t\t\ttop: coords?.y || 0,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName=\"p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto\"\n\t\t\t\talign=\"start\"\n\t\t\t\tsideOffset={5}\n\t\t\t\tonCloseAutoFocus={(event) => event.preventDefault()}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t)\n})\n\nContextDropdownMenu.displayName = 'ContextDropdownMenu'\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\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../Popover\";\n\nexport interface IContextPopoverProps\n\textends ComponentPropsWithoutRef<typeof Popover> {\n\tcoords: { x: number; y: number };\n}\n\nexport const ContextPopover = forwardRef<\n\tHTMLDivElement,\n\tPropsWithChildren<IContextPopoverProps>\n>((props, ref) => {\n\tconst { coords, children, ...rest } = props;\n\treturn (\n\t\t<Popover {...rest}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<div\n\t\t\t\t\tclassName='fixed w-[1px] h-[1px] opacity-0 pointer-events-none z-50'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: coords?.x || 0,\n\t\t\t\t\t\ttop: coords?.y || 0,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName=\"p-2 relative w-auto h-fit min-w-[150px] max-h-[300px] overflow-y-auto\"\n\t\t\t\talign=\"start\"\n\t\t\t\tsideOffset={5}\n\t\t\t\tonOpenAutoFocus={(event) => event.preventDefault()}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t)\n})\n\nContextPopover.displayName = 'ContextPopover'\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

package/ContextPopover/useContextPopoverHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextPopoverHandler.js","sources":["../../src/ContextPopover/useContextPopoverHandler.ts"],"sourcesContent":["import { MouseEvent, useCallback, useRef, useState } from \"react\";\nimport { useOnClickOutside } from \"@oneplatformdev/hooks\";\n\nexport const useContextPopoverHandler = <\n\tData,\n\tElement extends HTMLDivElement = HTMLDivElement\n>() => {\n\tconst [ open, setOpen ] = useState(false);\n\tconst [ coords, setCoords ] = useState({ x: 0, y: 0 });\n\tconst [ data, setData ] = useState<Data | null>(null);\n\n\tconst ref = useRef<Element>(null!);\n\n\tuseOnClickOutside(ref, () => {\n\t\tif (open) {\n\t\t\tsetOpen(false);\n\t\t\tsetData(null);\n\t\t}\n\t});\n\n\tconst onContext = useCallback((event: MouseEvent, data: Data) => {\n\t\tevent.preventDefault()\n\n\t\tsetCoords({ x: event.clientX, y: event.clientY });\n\t\tsetData(data);\n\t\tsetOpen(true);\n\t}, [])\n\n\treturn {\n\t\tonContext,\n\t\tref,\n\t\topen,\n\t\tsetOpen,\n\t\tcoords,\n\t\tdata,\n\t}\n}\n\nexport type IUseContextPopoverHandler<Data> = ReturnType<typeof useContextPopoverHandler<Data>>;\n"],"names":["useContextPopoverHandler","open","setOpen","useState","coords","setCoords","data","setData","ref","useRef","useOnClickOutside","useCallback","event"],"mappings":";;AAGO,MAAMA,IAA2B,MAGjC;AACN,QAAM,CAAEC,GAAMC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAAEC,GAAQC,CAAU,IAAIF,EAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAC/C,CAAEG,GAAMC,CAAQ,IAAIJ,EAAsB,IAAI,GAE9CK,IAAMC,EAAgB,IAAK;AAEjC,SAAAC,EAAkBF,GAAK,MAAM;AAC5B,IAAIP,MACHC,EAAQ,EAAK,GACbK,EAAQ,IAAI;AAAA,EAEd,CAAC,GAUM;AAAA,IACN,WATiBI,EAAY,CAACC,GAAmBN,MAAe;AAChE,MAAAM,EAAM,eAAA,GAENP,EAAU,EAAE,GAAGO,EAAM,SAAS,GAAGA,EAAM,SAAS,GAChDL,EAAQD,CAAI,GACZJ,EAAQ,EAAI;AAAA,IACb,GAAG,CAAA,CAAE;AAAA,IAIJ,KAAAM;AAAA,IACA,MAAAP;AAAA,IACA,SAAAC;AAAA,IACA,QAAAE;AAAA,IACA,MAAAE;AAAA,EAAA;AAEF;"}