@vuer-ai/vuer-uikit 0.0.64 → 0.0.68

package/dist/chunk-3ZOVTCPN.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var navigationVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
+  variants: {
+    size: {
+      sm: [],
+      md: [],
+      lg: []
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationTitleVariants = classVarianceAuthority.cva(["text-text-primary", "truncate"], {
+  variants: {
+    size: {
+      sm: ["text-uk-sm"],
+      md: ["text-uk-md"],
+      lg: ["text-uk-lg"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationButtonVariants = classVarianceAuthority.cva([
+  "text-icon-primary",
+  "disabled:text-icon-tertiary",
+  "disabled:bg-bg-transparent"
+]);
+var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBHC7GX53_cjs.Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onBack,
+        disabled: !canGoBack,
+        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        "aria-label": "Back",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBHC7GX53_cjs.Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onForward,
+        disabled: !canGoForward,
+        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        "aria-label": "Forward",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
+  ] });
+});
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: chunkDWD754BX_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: chunkDWD754BX_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: chunkDWD754BX_cjs.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: chunkDWD754BX_cjs.cn(
+        "bg-bg-secondary border-bg-secondary hover:bg-bg-tertiary border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: chunkDWD754BX_cjs.cn(
+        "hover:bg-bg-secondary data-[state=selected]:bg-bg-secondary border-bg-secondary border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: chunkDWD754BX_cjs.cn(
+        "bg-bg-secondary! px-lg! text-text-primary! text-uk-md h-[40px] py-0! text-left align-middle font-medium! whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: chunkDWD754BX_cjs.cn(
+        "px-lg! text-text-primary! text-uk-md h-[40px] py-0! align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: chunkDWD754BX_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
+      ...props
+    }
+  );
+}
+
+exports.Navigation = Navigation;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/chunk-4MW4SKOD.mjs

@@ -0,0 +1,81 @@
+import { cn } from './chunk-KVFUDYD3.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DockLayout = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cn("relative flex h-full w-full flex-col overflow-hidden", className)
+      }
+    );
+  }
+);
+DockLayout.displayName = "DockLayout";
+function DockLayoutContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "relative flex flex-1 flex-col items-center justify-center overflow-auto",
+        className
+      )
+    }
+  );
+}
+function DockLayoutLeft({ className, asChild, ...props }) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      className: cn(
+        "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
+        className
+      )
+    }
+  );
+}
+function DockLayoutTop({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "absolute top-4 left-1/2 z-20 flex -translate-x-1/2 transform items-start justify-center",
+        className
+      )
+    }
+  );
+}
+function DockLayoutRight({ className, asChild, ...props }) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      className: cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
+    }
+  );
+}
+var DockLayoutBottom = forwardRef(
+  ({ className, asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        ...props,
+        className: cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
+      }
+    );
+  }
+);
+DockLayoutBottom.displayName = "DockLayoutBottom";
+
+export { DockLayout, DockLayoutBottom, DockLayoutContent, DockLayoutLeft, DockLayoutRight, DockLayoutTop };

package/dist/{chunk-N7NPTGOF.js → chunk-5XHWH2UY.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Toolbar({ className, children, variant = "default", size = "md" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkYUTSR2OT_js.cn(
+      className: chunkDWD754BX_cjs.cn(
         "bg-bg-primary flex items-center gap-2 shadow-sm",
         "liquid:liquid-bg",
         size === "sm" && "rounded-uk-md p-1.5",
@@ -21,10 +21,10 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
   );
 }
 function ToolbarGroup({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYUTSR2OT_js.cn("flex items-center gap-1", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDWD754BX_cjs.cn("flex items-center gap-1", className), children });
 }
 function ToolbarSeparator({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYUTSR2OT_js.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDWD754BX_cjs.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
 }
 
 exports.Toolbar = Toolbar;

package/dist/chunk-6BOWMGFG.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useLocation.tsx
+var listeners = [];
+var currentSnapshot = void 0;
+function updateSnapshot() {
+  if (typeof window === "undefined") {
+    currentSnapshot = void 0;
+    return;
+  }
+  currentSnapshot = {
+    href: window.location.href,
+    pathname: window.location.pathname,
+    search: window.location.search,
+    hash: window.location.hash,
+    host: window.location.host,
+    hostname: window.location.hostname,
+    port: window.location.port,
+    protocol: window.location.protocol,
+    origin: window.location.origin
+  };
+}
+updateSnapshot();
+function subscribe(callback) {
+  listeners.push(callback);
+  if (typeof window === "undefined") {
+    return () => {
+      listeners = listeners.filter((l) => l !== callback);
+    };
+  }
+  const notifyListeners = () => {
+    updateSnapshot();
+    listeners.forEach((listener) => listener());
+  };
+  window.addEventListener("popstate", notifyListeners);
+  window.addEventListener("hashchange", notifyListeners);
+  const originalPushState = window.history.pushState;
+  const originalReplaceState = window.history.replaceState;
+  window.history.pushState = function(...args) {
+    originalPushState.apply(window.history, args);
+    notifyListeners();
+  };
+  window.history.replaceState = function(...args) {
+    originalReplaceState.apply(window.history, args);
+    notifyListeners();
+  };
+  return () => {
+    listeners = listeners.filter((l) => l !== callback);
+    window.removeEventListener("popstate", notifyListeners);
+    window.removeEventListener("hashchange", notifyListeners);
+    if (listeners.length === 0) {
+      window.history.pushState = originalPushState;
+      window.history.replaceState = originalReplaceState;
+    }
+  };
+}
+function getSnapshot() {
+  return currentSnapshot;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useLocation() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+exports.useLocation = useLocation;

package/dist/{chunk-HYMAPQ22.mjs → chunk-6LG57RUT.mjs}

@@ -1,11 +1,10 @@
-import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import { forwardRef, useState, useMemo } from 'react';
+import { forwardRef, useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var SliderRoot = forwardRef(
-  function SliderRoot2({
+var Slider = forwardRef(
+  function SliderRoot({
     className,
     defaultValue,
     value,
@@ -21,6 +20,11 @@ var SliderRoot = forwardRef(
       () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
       [value, defaultValue, min, max]
     );
+    useEffect(() => {
+      if (value) {
+        setCurrentValue(value);
+      }
+    }, [value]);
     return /* @__PURE__ */ jsxs(
       SliderPrimitive.Root,
       {
@@ -111,72 +115,6 @@ var SliderRoot = forwardRef(
     );
   }
 );
-var SliderFallback = forwardRef(function SliderFallback2({ className, defaultValue, value, min = 0, max = 100, ...props }, ref) {
-  const [currentValue] = useState(value ?? defaultValue ?? [0]);
-  const _values = useMemo(
-    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
-    [value, defaultValue, min, max]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "slider",
-      ref,
-      className: cn(
-        "relative",
-        "flex",
-        "w-full",
-        "touch-none",
-        "select-none",
-        "items-center",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "slider-track",
-            className: cn(
-              "bg-line-primary",
-              "relative",
-              "grow",
-              "overflow-hidden",
-              "rounded-full",
-              "h-0.5",
-              "w-full"
-            ),
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-slot": "slider-range",
-                className: cn("bg-brand-primary", "absolute", "h-full"),
-                style: { width: `${((currentValue[0] ?? min) - min) / (max - min) * 100}%` }
-              }
-            )
-          }
-        ),
-        _values.map((_, index) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "slider-thumb",
-            className: cn(
-              "bg-brand-primary",
-              "block",
-              "h-4",
-              "w-[0.6rem]",
-              "shrink-0",
-              "rounded-[3px]",
-              "cursor-ew-resize"
-            )
-          },
-          index
-        ))
-      ]
-    }
-  );
-});
-var Slider = createClientOnlyComponent(SliderRoot, SliderFallback);
 function SliderSteps({ step, min, max, currentValue }) {
   const steps = useMemo(() => {
     const value = max - min;

package/dist/{chunk-XOSA5UHF.mjs → chunk-6YW46AEZ.mjs}

@@ -1,4 +1,4 @@
-import { NumberInput } from './chunk-ZJ3NYGIH.mjs';
+import { NumberInput } from './chunk-WZS23ODD.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GAHZZDEF.js → chunk-7OHIAOEL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkKVN35F5P_js = require('./chunk-KVN35F5P.js');
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
+var chunkNFJTF2GL_cjs = require('./chunk-NFJTF2GL.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -174,7 +174,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: chunkYUTSR2OT_js.cn([
+      className: chunkDWD754BX_cjs.cn([
         "gap-xs flex touch-none flex-col select-none",
         cursorState === "default" && "cursor-crosshair",
         cursorState === "dragging-y" && "cursor-ns-resize",
@@ -186,7 +186,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
         "data-[hover=y]:cursor-ns-resize"
       ]),
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkKVN35F5P_js.InputRoot,
+        chunkNFJTF2GL_cjs.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -201,7 +201,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
           },
           onChange: valueChangeHandler(index),
           "data-hover": "none",
-          className: chunkYUTSR2OT_js.cn([
+          className: chunkDWD754BX_cjs.cn([
             "group/number-input",
             "cursor-text",
             "data-[hover=down]:bg-bg-tertiary",
@@ -210,15 +210,15 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
             "data-[hover=x]:cursor-col-resize",
             "data-[hover=y]:cursor-ns-resize"
           ]),
-          inputClassName: chunkYUTSR2OT_js.cn([
+          inputClassName: chunkDWD754BX_cjs.cn([
             "cursor-text",
             "group-data-[hover=x]/number-input:cursor-col-resize",
             "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkKVN35F5P_js.InputSlot,
+            chunkNFJTF2GL_cjs.InputSlot,
             {
-              className: chunkYUTSR2OT_js.cn(
+              className: chunkDWD754BX_cjs.cn(
                 "cursor-text",
                 "group-data-[hover=x]/number-input:cursor-col-resize",
                 "group-data-[hover=y]/number-input:cursor-ns-resize"

package/dist/{chunk-FSSBREBW.js → chunk-7WO5ATT3.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkWGHPQZR3_js = require('./chunk-WGHPQZR3.js');
+var chunkUV3EORBI_cjs = require('./chunk-UV3EORBI.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.64" ;
+var PACKAGE_VERSION = "0.0.68" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,
@@ -15,7 +15,7 @@ function VersionBadge({
   const displayVersion = showPrefix ? `v${currentVersion}` : currentVersion;
   const npmUrl = `https://www.npmjs.com/package/${PACKAGE_NAME}/v/${currentVersion}`;
   const badge = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWGHPQZR3_js.Badge,
+    chunkUV3EORBI_cjs.Badge,
     {
       variant: "secondary",
       className,

package/dist/{chunk-E54RICZ7.mjs → chunk-7Y2LX6UY.mjs}

@@ -1,4 +1,4 @@
-import { EulerInput } from './chunk-LF2PJCL2.mjs';
+import { EulerInput } from './chunk-PABIHEC7.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-BUUBTZRO.js → chunk-A5S72EIK.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkGW32CP24_js = require('./chunk-GW32CP24.js');
+var chunkMK6XW5PC_cjs = require('./chunk-MK6XW5PC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var KVectorInput = react.forwardRef(function KVectorInput2({ value, dimensions, ...props }, ref) {
   const k = dimensions || value.length;
   const labels = Array.from({ length: k }, (_, i) => `${i}`);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGW32CP24_js.VectorInput, { ref, value, labels, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkMK6XW5PC_cjs.VectorInput, { ref, value, labels, ...props });
 });
 
 exports.KVectorInput = KVectorInput;

package/dist/{chunk-QR27X2S2.js → chunk-A77GE42F.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkGW32CP24_js = require('./chunk-GW32CP24.js');
+var chunkMK6XW5PC_cjs = require('./chunk-MK6XW5PC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var QuaternionInput = react.forwardRef(function QuaternionInput2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGW32CP24_js.VectorInput,
+    chunkMK6XW5PC_cjs.VectorInput,
     {
       ref,
       value,