@vuer-ai/vuer-uikit 0.0.98 → 0.0.99

package/dist/ui/waterfall/Wedges.cjs

@@ -2,15 +2,15 @@
 
 var chunk5MNZYCN2_cjs = require('../../chunk-5MNZYCN2.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
+require('../../chunk-6BOWMGFG.cjs');
 require('../../chunk-YZIR6LIY.cjs');
 require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-OHIB3TEN.cjs');
 require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
-require('../../chunk-6BOWMGFG.cjs');
-require('../../chunk-OHIB3TEN.cjs');
 
 
 

package/dist/ui/waterfall/Wedges.mjs

@@ -1,11 +1,11 @@
 export { LeftWedge, RightWedge } from '../../chunk-IR334P7F.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
+import '../../chunk-U3LN5NB6.mjs';
+import '../../chunk-IZARTVYN.mjs';
 import '../../chunk-VA4LUFKD.mjs';
 import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-HMN4IKTG.mjs';
 import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
-import '../../chunk-IZARTVYN.mjs';
-import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/waterfall/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkO66RESRR_cjs = require('../../chunk-O66RESRR.cjs');
+var chunkK4I4YU6N_cjs = require('../../chunk-K4I4YU6N.cjs');
 require('../../chunk-WJL5HMO6.cjs');
 require('../../chunk-RJ7I6ZQK.cjs');
+require('../../chunk-6TSA7KXX.cjs');
 require('../../chunk-MVAFOQ67.cjs');
 require('../../chunk-TUYG6BYZ.cjs');
 require('../../chunk-YXFHJKNW.cjs');
@@ -17,28 +18,27 @@ require('../../chunk-VOTZLQ6J.cjs');
 require('../../chunk-2J75MYQA.cjs');
 require('../../chunk-LP3AGGRK.cjs');
 var chunkG2ZYONQO_cjs = require('../../chunk-G2ZYONQO.cjs');
-require('../../chunk-6TSA7KXX.cjs');
 require('../../chunk-2CZEFXEW.cjs');
-require('../../chunk-JMCH2AFN.cjs');
-require('../../chunk-VBBJSIY7.cjs');
-require('../../chunk-G4FJGNY5.cjs');
 require('../../chunk-3UEVUYFQ.cjs');
+require('../../chunk-JMCH2AFN.cjs');
+require('../../chunk-G5JZGNKY.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
+require('../../chunk-6BOWMGFG.cjs');
 require('../../chunk-YZIR6LIY.cjs');
 require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-OHIB3TEN.cjs');
 require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
-require('../../chunk-6BOWMGFG.cjs');
-require('../../chunk-OHIB3TEN.cjs');
+require('../../chunk-G4FJGNY5.cjs');
 
 
 
 Object.defineProperty(exports, "Waterfall", {
   enumerable: true,
-  get: function () { return chunkO66RESRR_cjs.Waterfall; }
+  get: function () { return chunkK4I4YU6N_cjs.Waterfall; }
 });
 Object.defineProperty(exports, "TOTAL_DURATION", {
   enumerable: true,

package/dist/ui/waterfall/index.mjs

@@ -1,6 +1,7 @@
-export { Waterfall } from '../../chunk-C7VGRU3O.mjs';
+export { Waterfall } from '../../chunk-KXKEZ3MH.mjs';
 import '../../chunk-JWKOW2OV.mjs';
 import '../../chunk-VPQ5SSY3.mjs';
+import '../../chunk-K22BEXUA.mjs';
 import '../../chunk-OC4HRPZU.mjs';
 import '../../chunk-N6DSPSMM.mjs';
 import '../../chunk-CO6EASQO.mjs';
@@ -15,19 +16,18 @@ import '../../chunk-HTAFERCZ.mjs';
 import '../../chunk-SA5WKLYB.mjs';
 import '../../chunk-5EXV5EWF.mjs';
 export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from '../../chunk-4U232QAX.mjs';
-import '../../chunk-K22BEXUA.mjs';
 import '../../chunk-ZNPI2TYG.mjs';
-import '../../chunk-BNDRHLLZ.mjs';
-import '../../chunk-BEJIZ56L.mjs';
-import '../../chunk-SAGQV2YZ.mjs';
 import '../../chunk-4XUJBMDE.mjs';
+import '../../chunk-BNDRHLLZ.mjs';
+import '../../chunk-PDOFOJ4P.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
+import '../../chunk-U3LN5NB6.mjs';
+import '../../chunk-IZARTVYN.mjs';
 import '../../chunk-VA4LUFKD.mjs';
 import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-HMN4IKTG.mjs';
 import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
-import '../../chunk-IZARTVYN.mjs';
-import '../../chunk-HMN4IKTG.mjs';
+import '../../chunk-SAGQV2YZ.mjs';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@vuer-ai/vuer-uikit",
   "author": "Ge Yang",
-  "version": "0.0.98",
+  "version": "0.0.99",
   "files": [
     "/dist",
-    "/cli",
+    "/dial-cli",
     "/src"
   ],
   "bin": {
-    "dial-cli": "./cli/dial-cli.js"
+    "dial-cli": "./dial-cli/dist/dial-cli.js"
   },
   "type": "module",
   "main": "./dist/index.cjs",
@@ -128,8 +128,7 @@
   },
   "scripts": {
     "dev": "tsup --watch",
-    "build": "tsup && tsup --config tsup.cli.config.ts",
-    "build:cli": "tsup --config tsup.cli.config.ts",
+    "build": "tsup",
     "lint": "eslint . --fix",
     "prettier": "prettier . --write"
   }

package/src/ui/DialBadge.tsx

@@ -0,0 +1,97 @@
+import { GitBranch } from "lucide-react";
+import React from "react";
+import { cn } from "../hooks";
+
+// Version info for dial-cli package
+const DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli";
+const DIAL_PACKAGE_VERSION = "0.0.3";
+
+interface DialBadgeProps {
+  /**
+   * Additional CSS classes to apply to the badge
+   */
+  className?: string;
+  /**
+   * Whether to show the package name
+   */
+  package?: boolean;
+  /**
+   * Whether to show just the version or include "v" prefix
+   */
+  prefix?: boolean;
+  /**
+   * Whether the badge should be clickable (links to npm)
+   */
+  linkable?: boolean;
+  /**
+   * Whether to show the version
+   */
+  version?: boolean;
+}
+
+/**
+ * Badge component that displays the dial-cli package version
+ * Format: [ dial-cli | v0.0.3 ]
+ */
+function DialBadge({
+  className,
+  package: showPackage = true,
+  prefix = true,
+  linkable = true,
+  version = true,
+}: DialBadgeProps) {
+  const packageShortName = "dial-cli";
+  const versionText = version ? (prefix ? `v${DIAL_PACKAGE_VERSION}` : DIAL_PACKAGE_VERSION) : undefined;
+  const npmUrl = `https://www.npmjs.com/package/${DIAL_PACKAGE_NAME}/v/${DIAL_PACKAGE_VERSION}`;
+
+  return (
+    <div
+      className={cn(
+        "rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center",
+        className
+      )}
+      style={linkable ? { cursor: "pointer" } : undefined}
+    >
+      {(showPackage || versionText) && (
+        <div className="rounded-uk-xs inline-flex items-center overflow-hidden">
+          {showPackage && (
+            <span
+              className="pl-sm pr-xs py-xxxs bg-brand-primary text-text-withbg text-uk-xs"
+              style={{
+                backgroundColor: "var(--color-brand-primary, var(--brand-primary))",
+                color: "white",
+                textShadow: "0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.1)",
+              }}
+            >
+              {packageShortName}
+            </span>
+          )}
+          {versionText && (
+            <a
+              href={linkable ? npmUrl : undefined}
+              className={cn(
+                "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
+                "bg-alt-primary",
+                "text-text-secondary",
+                "text-text-primary text-uk-xs",
+                linkable && "hover:text-brand-primary",
+              )}
+              style={{
+                textShadow:
+                  "0 1px 1px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05)",
+              }}
+              onClick={!linkable ? (e: React.MouseEvent) => e.preventDefault() : undefined}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              {versionText}
+            </a>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export { DialBadge, DIAL_PACKAGE_VERSION, DIAL_PACKAGE_NAME };
+export type { DialBadgeProps };

package/src/ui/index.ts

@@ -35,6 +35,7 @@ export * from "./slider";
 export * from "./layout";
 export * from "./label";
 export * from "./UIKitBadge";
+export * from "./DialBadge";
 export * from "./resizable";
 export * from "./inputs";