@vuer-ai/vuer-uikit 0.0.17 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuer-ai/vuer-uikit",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "React UI Kit components",
   "keywords": [
     "react",
@@ -8,29 +8,20 @@
     "components",
     "kit"
   ],
-  "author": "Vuer AI",
+  "author": "FortyFive Labs",
   "license": "MIT",
-  "main": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.mts",
-        "default": "./dist/index.mjs"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    },
-    "./index.css": "./dist/index.css",
-    "./src/styles/variables.css": "./dist/styles/variables.css",
-    "./src/styles/theme.css": "./dist/styles/theme.css",
-    "./src/styles/toast.css": "./dist/styles/toast.css"
+    ".": "./src/index.ts",
+    "./index.css": "./src/index.css",
+    "./styles/variables.css": "./src/styles/variables.css",
+    "./styles/theme.css": "./src/styles/theme.css",
+    "./styles/toast.css": "./src/styles/toast.css"
   },
   "sideEffects": false,
   "files": [
-    "dist",
     "src"
   ],
   "lint-staged": {

package/dist/chunk-2JCULHBM.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
-var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
-
-function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger2({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
-}
-function CollapsibleContent2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CollapsiblePrimitive__namespace.CollapsibleContent,
-    {
-      "data-slot": "collapsible-content",
-      className: chunkXXWQ4RVP_js.cn(
-        [
-          "overflow-hidden",
-          "data-[state=open]:animate-collapsible-down",
-          "data-[state=closed]:animate-collapsible-up"
-        ],
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Collapsible = Collapsible;
-exports.CollapsibleContent = CollapsibleContent2;
-exports.CollapsibleTrigger = CollapsibleTrigger2;

package/dist/chunk-2TRYGIGT.mjs

@@ -1,76 +0,0 @@
-import { toggleVariants } from './chunk-WDUTW7HS.mjs';
-import { cn } from './chunk-KTNZSZ5Y.mjs';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var ToggleGroupContext = createContext({
-  size: "base",
-  variant: "primary"
-});
-function ToggleGroup({
-  className,
-  variant,
-  size,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Root,
-    {
-      "data-slot": "toggle-group",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(
-        "group/toggle-group",
-        "flex",
-        "w-fit",
-        "items-center",
-        "rounded-uk-md",
-        "data-[variant=outline]:shadow-xs",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
-    }
-  );
-}
-function ToggleGroupItem({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}) {
-  const context = useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      "data-slot": "toggle-group-item",
-      "data-variant": context.variant || variant,
-      "data-size": context.size || size,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        "min-w-0",
-        "flex-1",
-        "shrink-0",
-        "rounded-none",
-        "shadow-none",
-        "first:rounded-l-md",
-        "last:rounded-r-md",
-        "focus:z-10",
-        "focus-visible:z-10",
-        "data-[variant=outline]:border-l-0",
-        "data-[variant=outline]:first:border-l",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-
-export { ToggleGroup, ToggleGroupItem };

package/dist/chunk-2YCL2ET2.js

@@ -1,431 +0,0 @@
-'use strict';
-
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-var classVarianceAuthority = require('class-variance-authority');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-
-var treeVariants = classVarianceAuthority.cva(
-  "text-uk-md group py-1 h-9 text-text-primary rounded transition-colors cursor-pointer text-left relative z-20"
-);
-var selectedTreeVariants = classVarianceAuthority.cva("");
-var dragOverVariants = classVarianceAuthority.cva("bg-primary/20 text-primary-foreground");
-var TreeView = react.forwardRef(
-  ({
-    data,
-    initialSelectedItemId,
-    onSelectChange,
-    expandAll,
-    defaultLeafIcon,
-    defaultNodeIcon,
-    className,
-    onDocumentDrag,
-    ...props
-  }, ref) => {
-    const [selectedItemId, setSelectedItemId] = react.useState(initialSelectedItemId);
-    const [draggedItem, setDraggedItem] = react.useState(null);
-    const [hoverBackgroundStyle, setHoverBackgroundStyle] = react.useState({ display: "none", top: 0, height: 0 });
-    const handleSelectChange = react.useCallback(
-      (item) => {
-        setSelectedItemId(item == null ? void 0 : item.id);
-        if (onSelectChange) {
-          onSelectChange(item);
-        }
-      },
-      [onSelectChange]
-    );
-    const handleDragStart = react.useCallback((item) => {
-      setDraggedItem(item);
-    }, []);
-    const handleDrop = react.useCallback(
-      (targetItem) => {
-        if (draggedItem && onDocumentDrag && draggedItem.id !== targetItem.id) {
-          onDocumentDrag(draggedItem, targetItem);
-        }
-        setDraggedItem(null);
-      },
-      [draggedItem, onDocumentDrag]
-    );
-    const handleItemHover = react.useCallback((element) => {
-      var _a;
-      if (element) {
-        const rect = element.getBoundingClientRect();
-        const containerRect = (_a = element.closest("[data-tree-container]")) == null ? void 0 : _a.getBoundingClientRect();
-        if (containerRect) {
-          setHoverBackgroundStyle({
-            display: "block",
-            top: rect.top - containerRect.top,
-            height: rect.height
-          });
-        }
-      } else {
-        setHoverBackgroundStyle({ display: "none", top: 0, height: 0 });
-      }
-    }, []);
-    const expandedItemIds = react.useMemo(() => {
-      if (!initialSelectedItemId) {
-        return [];
-      }
-      const ids = [];
-      function walkTreeItems(items, targetId) {
-        if (items instanceof Array) {
-          for (let i = 0; i < items.length; i++) {
-            ids.push(items[i].id);
-            if (walkTreeItems(items[i], targetId) && !expandAll) {
-              return true;
-            }
-            if (!expandAll) ids.pop();
-          }
-        } else if (!expandAll && items.id === targetId) {
-          return true;
-        } else if (items.children) {
-          return walkTreeItems(items.children, targetId);
-        }
-      }
-      walkTreeItems(data, initialSelectedItemId);
-      return ids;
-    }, [data, expandAll, initialSelectedItemId]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: chunkXXWQ4RVP_js.cn(
-          "bg-bg-primary rounded-uk-md relative max-w-[300px] min-w-[240px] overflow-hidden p-2",
-          className
-        ),
-        "data-tree-container": true,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "bg-bg-tertiary rounded-uk-sm pointer-events-none absolute right-2 left-2 z-10 transition-all duration-150",
-              style: {
-                display: hoverBackgroundStyle.display,
-                top: hoverBackgroundStyle.top,
-                height: hoverBackgroundStyle.height
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TreeItem,
-            {
-              data,
-              ref,
-              selectedItemId,
-              handleSelectChange,
-              expandedItemIds,
-              defaultLeafIcon,
-              defaultNodeIcon,
-              handleDragStart,
-              handleDrop,
-              draggedItem,
-              onItemHover: handleItemHover,
-              ...props
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "h-[48px] w-full",
-              onDrop: () => {
-                handleDrop({ id: "", name: "parent_div" });
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-TreeView.displayName = "TreeView";
-var TreeItem = react.forwardRef(
-  ({
-    className,
-    data,
-    selectedItemId,
-    handleSelectChange,
-    expandedItemIds,
-    defaultLeafIcon,
-    defaultNodeIcon,
-    handleDragStart,
-    handleDrop,
-    draggedItem,
-    onItemHover,
-    ...props
-  }, ref) => {
-    if (!(data instanceof Array)) {
-      data = [data];
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "tree", className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: "1rem" }, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { margin: 0 }, children: item.children ? /* @__PURE__ */ jsxRuntime.jsx(
-      TreeNode,
-      {
-        item,
-        handleSelectChange,
-        expandedItemIds,
-        selectedItemId,
-        defaultNodeIcon,
-        defaultLeafIcon,
-        handleDragStart,
-        handleDrop,
-        draggedItem,
-        onItemHover
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      TreeLeaf,
-      {
-        item,
-        selectedItemId,
-        handleSelectChange,
-        defaultLeafIcon,
-        handleDragStart,
-        handleDrop,
-        draggedItem,
-        onItemHover
-      }
-    ) }, item.id)) }) });
-  }
-);
-TreeItem.displayName = "TreeItem";
-var TreeNode = ({
-  item,
-  handleSelectChange,
-  expandedItemIds,
-  selectedItemId,
-  defaultNodeIcon,
-  defaultLeafIcon,
-  handleDragStart,
-  handleDrop,
-  draggedItem,
-  onItemHover
-}) => {
-  const [value, setValue] = react.useState(expandedItemIds.includes(item.id) ? [item.id] : []);
-  const [isDragOver, setIsDragOver] = react.useState(false);
-  const [isHovered, setIsHovered] = react.useState(false);
-  const onDragStart = (e) => {
-    if (!item.draggable) {
-      e.preventDefault();
-      return;
-    }
-    e.dataTransfer.setData("text/plain", item.id);
-    handleDragStart == null ? void 0 : handleDragStart(item);
-  };
-  const onDragOver = (e) => {
-    if (item.droppable !== false && draggedItem && draggedItem.id !== item.id) {
-      e.preventDefault();
-      setIsDragOver(true);
-    }
-  };
-  const onDragLeave = () => {
-    setIsDragOver(false);
-  };
-  const onDrop = (e) => {
-    e.preventDefault();
-    setIsDragOver(false);
-    handleDrop == null ? void 0 : handleDrop(item);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { type: "multiple", value, onValueChange: (s) => setValue(s), children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionPrimitive__namespace.Item, { value: item.id, className: "m-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      AccordionTrigger,
-      {
-        style: { margin: 0 },
-        className: chunkXXWQ4RVP_js.cn(
-          treeVariants(),
-          selectedItemId === item.id && selectedTreeVariants(),
-          isDragOver && dragOverVariants(),
-          item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
-        ),
-        onClick: () => {
-          var _a;
-          if (item.disabled) return;
-          handleSelectChange(item);
-          (_a = item.onClick) == null ? void 0 : _a.call(item);
-        },
-        onMouseEnter: (e) => {
-          setIsHovered(true);
-          onItemHover == null ? void 0 : onItemHover(e.currentTarget);
-        },
-        onMouseLeave: () => {
-          setIsHovered(false);
-          onItemHover == null ? void 0 : onItemHover(null);
-        },
-        draggable: !!item.draggable && !item.disabled,
-        onDragStart,
-        onDragOver,
-        onDragLeave,
-        onDrop,
-        children: [
-          isHovered ? value.includes(item.id) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsxRuntime.jsx(
-            TreeIcon,
-            {
-              item,
-              isSelected: selectedItemId === item.id,
-              isOpen: value.includes(item.id),
-              default: defaultNodeIcon
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      TreeItem,
-      {
-        data: item.children ? item.children : item,
-        selectedItemId,
-        handleSelectChange,
-        expandedItemIds,
-        defaultLeafIcon,
-        defaultNodeIcon,
-        handleDragStart,
-        handleDrop,
-        draggedItem,
-        onItemHover
-      }
-    ) })
-  ] }) });
-};
-var TreeLeaf = react.forwardRef(
-  ({
-    className,
-    item,
-    selectedItemId,
-    handleSelectChange,
-    defaultLeafIcon,
-    handleDragStart,
-    handleDrop,
-    draggedItem,
-    onItemHover,
-    ...props
-  }, ref) => {
-    const [isDragOver, setIsDragOver] = react.useState(false);
-    const onDragStart = (e) => {
-      if (!item.draggable || item.disabled) {
-        e.preventDefault();
-        return;
-      }
-      e.dataTransfer.setData("text/plain", item.id);
-      handleDragStart == null ? void 0 : handleDragStart(item);
-    };
-    const onDragOver = (e) => {
-      if (item.droppable !== false && !item.disabled && draggedItem && draggedItem.id !== item.id) {
-        e.preventDefault();
-        setIsDragOver(true);
-      }
-    };
-    const onDragLeave = () => {
-      setIsDragOver(false);
-    };
-    const onDrop = (e) => {
-      if (item.disabled) return;
-      e.preventDefault();
-      setIsDragOver(false);
-      handleDrop == null ? void 0 : handleDrop(item);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: chunkXXWQ4RVP_js.cn(
-          "relative flex items-center",
-          treeVariants(),
-          className,
-          selectedItemId === item.id && selectedTreeVariants(),
-          isDragOver && dragOverVariants(),
-          item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
-        ),
-        onClick: () => {
-          var _a;
-          if (item.disabled) return;
-          handleSelectChange(item);
-          (_a = item.onClick) == null ? void 0 : _a.call(item);
-        },
-        onMouseEnter: (e) => onItemHover == null ? void 0 : onItemHover(e.currentTarget),
-        onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
-        draggable: !!item.draggable && !item.disabled,
-        onDragStart,
-        onDragOver,
-        onDragLeave,
-        onDrop,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TreeIcon, { item, isSelected: selectedItemId === item.id, default: defaultLeafIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
-        ]
-      }
-    );
-  }
-);
-TreeLeaf.displayName = "TreeLeaf";
-var AccordionTrigger = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: chunkXXWQ4RVP_js.cn(
-      "relative flex w-full flex-1 items-center justify-between text-left font-medium transition-all",
-      className
-    ),
-    ...props,
-    children
-  }
-) }));
-AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunkXXWQ4RVP_js.cn(
-      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-uk-md overflow-hidden transition-all",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-0 pb-0", children })
-  }
-));
-AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-var TreeIcon = ({
-  item,
-  isOpen,
-  isSelected,
-  default: defaultIcon
-}) => {
-  let Icon = defaultIcon;
-  if (isSelected && item.selectedIcon) {
-    Icon = item.selectedIcon;
-  } else if (isOpen && item.openIcon) {
-    Icon = item.openIcon;
-  } else if (item.icon) {
-    Icon = item.icon;
-  }
-  if (!Icon) {
-    Icon = item.children && item.children.length > 0 ? lucideReact.Folder : lucideReact.File;
-  }
-  return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-text-primary mr-2 h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-};
-var TreeActions = ({ children, isSelected }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXXWQ4RVP_js.cn(isSelected ? "block" : "hidden", "absolute right-3 group-hover:block"), children });
-};
-
-exports.TreeView = TreeView;

package/dist/chunk-3FR3WKI4.mjs

@@ -1,24 +0,0 @@
-import { createContext, useContext } from 'react';
-
-// src/highlight-cursor/cursor-context.tsx
-var defaultDimensions = {
-  width: 0,
-  height: 0,
-  x: 0,
-  y: 0
-};
-var defaultContext = {
-  mousePosition: { x: 0, y: 0 },
-  hoveredElementId: null,
-  elementDimensions: defaultDimensions,
-  registerHoveredElement: () => {
-  },
-  unregisterHoveredElement: () => {
-  },
-  updateElementDimensions: () => {
-  }
-};
-var CursorContext = createContext(defaultContext);
-var useCursor = () => useContext(CursorContext);
-
-export { CursorContext, useCursor };