@vuer-ai/vuer-uikit 0.0.92 → 0.0.94

package/cli/dial-cli.js

@@ -80,25 +80,59 @@ function parseTypeAlias(sourceFile, typeName) {
 }
 function parseInterfaceProperties(sourceFile, interfaceName) {
   const properties = [];
+  let interfaceDialTags = {};
+  const groupConfigs = {};
   function visit(node) {
     if (ts.isInterfaceDeclaration(node) && node.name.text === interfaceName) {
+      const interfaceJsDocNodes = ts.getJSDocCommentsAndTags(node);
+      if (interfaceJsDocNodes && interfaceJsDocNodes.length > 0) {
+        const interfaceFullText = interfaceJsDocNodes[0].getFullText();
+        interfaceDialTags = parseDialTags(interfaceFullText);
+        const lines = interfaceFullText.split("\n");
+        lines.forEach((line) => {
+          const groupMatch = line.match(/@dial\s+(\w+)(.*)/);
+          if (groupMatch) {
+            const groupName = groupMatch[1];
+            const configStr = groupMatch[2];
+            if (configStr.includes("@dial-no-wrap")) {
+              groupConfigs[groupName] = { noWrap: true };
+            }
+          }
+        });
+      }
       node.members.forEach((member) => {
         if (ts.isPropertySignature(member) && member.name && ts.isIdentifier(member.name)) {
           const propName = member.name.text;
           const jsDocNodes = ts.getJSDocCommentsAndTags(member);
+          let propertyDialTags = {};
           if (jsDocNodes && jsDocNodes.length > 0) {
             const fullText = jsDocNodes[0].getFullText();
-            const dialTags = parseDialTags(fullText);
-            const prop = {
-              name: propName,
-              dtype: dialTags.dtype || "number"
-            };
-            if (dialTags.min !== void 0) prop.min = dialTags.min;
-            if (dialTags.max !== void 0) prop.max = dialTags.max;
-            if (dialTags.step !== void 0) prop.step = dialTags.step;
-            if (dialTags.icon) prop.icon = dialTags.icon;
-            properties.push(prop);
+            propertyDialTags = parseDialTags(fullText);
+          }
+          const mergedDialTags = { ...interfaceDialTags, ...propertyDialTags };
+          const prop = {
+            name: propName,
+            dtype: mergedDialTags.dtype || "number"
+          };
+          if (mergedDialTags.min !== void 0) prop.min = mergedDialTags.min;
+          if (mergedDialTags.max !== void 0) prop.max = mergedDialTags.max;
+          if (mergedDialTags.step !== void 0) prop.step = mergedDialTags.step;
+          if (mergedDialTags.icon) prop.icon = mergedDialTags.icon;
+          if (mergedDialTags.grouping || mergedDialTags.column || mergedDialTags.rowCount || mergedDialTags.colCount || mergedDialTags.labelPosition || mergedDialTags.noWrap) {
+            prop.tags = {};
+            if (mergedDialTags.grouping) {
+              prop.tags.grouping = mergedDialTags.grouping;
+              if (groupConfigs[mergedDialTags.grouping]?.noWrap) {
+                prop.tags.noWrap = true;
+              }
+            }
+            if (mergedDialTags.column) prop.tags.layout = "column";
+            if (mergedDialTags.rowCount) prop.tags.row = mergedDialTags.rowCount;
+            if (mergedDialTags.colCount) prop.tags.col = mergedDialTags.colCount;
+            if (mergedDialTags.labelPosition) prop.tags.labelPosition = mergedDialTags.labelPosition;
+            if (mergedDialTags.noWrap) prop.tags.noWrap = true;
           }
+          properties.push(prop);
         }
       });
     }
@@ -109,7 +143,6 @@ function parseInterfaceProperties(sourceFile, interfaceName) {
 }
 function parseDialTags(description) {
   const dialTags = {};
-  console.log("description====>", description);
   if (!description) return dialTags;
   if (/@dial-ignore\b/i.test(description)) {
     dialTags.ignore = true;
@@ -187,6 +220,15 @@ function parseDialTags(description) {
           dialTags.icon = value.trim();
         }
         break;
+      case "default":
+        if (value) {
+          try {
+            dialTags.default = JSON.parse(value);
+          } catch {
+            dialTags.default = value.trim();
+          }
+        }
+        break;
       case "placeholders":
         if (value) {
           dialTags.placeholders = value.split(",").map((s) => s.trim());
@@ -238,13 +280,16 @@ function parseDialTags(description) {
       case "inline":
         dialTags.labelPosition = "inline";
         break;
+      case "no-wrap":
+        dialTags.noWrap = true;
+        break;
       default:
         break;
     }
   }
   return dialTags;
 }
-function propToDialSchema(propName, propData) {
+function propToDialSchema(propName, propData, groupConfigs) {
   const description = propData.description || "";
   const dialTags = parseDialTags(description);
   if (dialTags.ignore) {
@@ -268,12 +313,16 @@ function propToDialSchema(propName, propData) {
     name: propName,
     dtype
   };
-  const defaultValue = propData.defaultValue;
-  if (defaultValue?.value) {
-    try {
-      schema.value = JSON.parse(defaultValue.value);
-    } catch {
-      schema.value = defaultValue.value;
+  if (dialTags.default !== void 0) {
+    schema.value = dialTags.default;
+  } else {
+    const defaultValue = propData.defaultValue;
+    if (defaultValue?.value) {
+      try {
+        schema.value = JSON.parse(defaultValue.value);
+      } catch {
+        schema.value = defaultValue.value;
+      }
     }
   }
   if (dialTags.min !== void 0) schema.min = dialTags.min;
@@ -290,6 +339,9 @@ function propToDialSchema(propName, propData) {
   const tags = {};
   if (dialTags.grouping) {
     tags.grouping = dialTags.grouping;
+    if (groupConfigs && groupConfigs[dialTags.grouping]?.noWrap) {
+      tags.noWrap = true;
+    }
   }
   if (dialTags.column) {
     tags.col = true;
@@ -320,6 +372,43 @@ async function processFile(filePath, outputDir, options, flags = {}) {
   const sourceFile = ts.createSourceFile(filePath, sourceCode, ts.ScriptTarget.Latest, true);
   const enhancedMetadata = docs.map((doc) => {
     const dialSchema = [];
+    const groupConfigs = {};
+    if (doc.description) {
+      const componentTags = parseDialTags(doc.description);
+      const descLines = doc.description.split("\n");
+      descLines.forEach((line) => {
+        const groupMatch = line.match(/@dial\s+(\w+)(.*)/);
+        if (groupMatch) {
+          const groupName = groupMatch[1];
+          const configStr = groupMatch[2];
+          if (configStr.includes("@dial-no-wrap")) {
+            groupConfigs[groupName] = { noWrap: true };
+          }
+        }
+      });
+    }
+    const propsInterfaceName = doc.displayName + "Props";
+    function findInterfaceJSDoc(node) {
+      if (ts.isInterfaceDeclaration(node) && node.name.text === propsInterfaceName) {
+        const interfaceJsDocNodes = ts.getJSDocCommentsAndTags(node);
+        if (interfaceJsDocNodes && interfaceJsDocNodes.length > 0) {
+          const interfaceFullText = interfaceJsDocNodes[0].getFullText();
+          const lines = interfaceFullText.split("\n");
+          lines.forEach((line) => {
+            const groupMatch = line.match(/@dial\s+(\w+)(.*)/);
+            if (groupMatch) {
+              const groupName = groupMatch[1];
+              const configStr = groupMatch[2];
+              if (configStr.includes("@dial-no-wrap")) {
+                groupConfigs[groupName] = { noWrap: true };
+              }
+            }
+          });
+        }
+      }
+      ts.forEachChild(node, findInterfaceJSDoc);
+    }
+    findInterfaceJSDoc(sourceFile);
     for (const [propName, propData] of Object.entries(doc.props || {})) {
       const propDescription = propData.description || "";
       const propDialTags = parseDialTags(propDescription);
@@ -331,7 +420,7 @@ async function processFile(filePath, outputDir, options, flags = {}) {
       if (referencedType) {
         const typeDefinition = parseTypeAlias(sourceFile, referencedType);
         if (typeDefinition) {
-          const schema = propToDialSchema(propName, propData);
+          const schema = propToDialSchema(propName, propData, groupConfigs);
           if (!schema) {
             continue;
           }
@@ -377,13 +466,13 @@ async function processFile(filePath, outputDir, options, flags = {}) {
             });
           });
         } else {
-          const schema = propToDialSchema(propName, propData);
+          const schema = propToDialSchema(propName, propData, groupConfigs);
           if (schema) {
             dialSchema.push(schema);
           }
         }
       } else {
-        const schema = propToDialSchema(propName, propData);
+        const schema = propToDialSchema(propName, propData, groupConfigs);
         if (schema) {
           dialSchema.push(schema);
         }
@@ -393,6 +482,7 @@ async function processFile(filePath, outputDir, options, flags = {}) {
       displayName: doc.displayName,
       description: doc.description,
       dialSchema,
+      groupConfigs,
       props: doc.props
     };
   });
@@ -411,10 +501,18 @@ async function processFile(filePath, outputDir, options, flags = {}) {
   if (!flags.quiet) {
     console.log(`\u{1F4DD} Wrote enhanced metadata to ${baseName}-combined.json`);
   }
-  const schemas = enhancedMetadata.map((c) => ({
-    component: c.displayName,
-    schema: c.dialSchema
-  }));
+  const schemas = enhancedMetadata.map((c) => {
+    const groups = Object.entries(c.groupConfigs || {}).map(([name, config]) => ({
+      name,
+      ...config
+    }));
+    return {
+      component: c.displayName,
+      schema: c.dialSchema,
+      groups: groups.length > 0 ? groups : void 0,
+      config: c.dialConfig
+    };
+  });
   writeFileSync(join(outputDir, `${baseName}-schemas.json`), JSON.stringify(schemas, null, 2));
   if (!flags.quiet) {
     console.log(`\u{1F4DD} Wrote dial schemas to ${baseName}-schemas.json`);
@@ -481,6 +579,7 @@ DIAL ANNOTATIONS
     @dial-min <number>      Minimum value for numeric inputs
     @dial-max <number>      Maximum value for numeric inputs
     @dial-step <number>     Step increment for numeric inputs
+    @dial-default <value>   Default value (overrides component default)
     @dial-options [...]     Array of preset values
     @dial-icon <name>       Lucide icon name for the control
     @dial-ignore            Exclude this property from dial schema generation

package/dist/{chunk-OCSIGVPE.mjs → chunk-AIINOWEH.mjs}

@@ -364,6 +364,7 @@ var DialVectorInput2 = ({
     gridColumns = void 0;
     gridRows = void 0;
   }
+  console.log("the grid-flow is", gridAutoFlow, gridColumns, gridRows);
   const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
   const inputSteps = Array.from({ length: dimensions }, (_, i) => {
     if (steps[i] !== void 0) {
@@ -407,23 +408,37 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialPanel = ({ schemas }) => {
-  const groups = {};
+var DialPanel = ({ schemas, groups: groupConfigs }) => {
+  const groupConfigMap = {};
+  if (groupConfigs) {
+    groupConfigs.forEach((config) => {
+      groupConfigMap[config.name] = config;
+    });
+  }
+  schemas.forEach((schema) => {
+    const grouping = schema.tags?.grouping;
+    if (grouping && !groupConfigMap[grouping]) {
+      groupConfigMap[grouping] = { name: grouping };
+    }
+    if (grouping && schema.tags?.noWrap && groupConfigMap[grouping]) {
+      groupConfigMap[grouping].noWrap = true;
+    }
+  });
+  const groupedSchemas = {};
   const ungrouped = [];
   schemas.forEach((schema) => {
     const grouping = schema.tags?.grouping;
     if (grouping) {
-      if (!groups[grouping]) {
-        groups[grouping] = [];
+      if (!groupedSchemas[grouping]) {
+        groupedSchemas[grouping] = [];
       }
-      groups[grouping].push(schema);
+      groupedSchemas[grouping].push(schema);
     } else {
       ungrouped.push(schema);
     }
   });
   const renderSchemaInput = (schema) => {
     const { name, dtype, min, max, step, options, tags } = schema;
-    tags?.col === true;
     const labelPosition = tags?.labelPosition;
     const label = name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
@@ -524,11 +539,16 @@ var DialPanel = ({ schemas }) => {
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "dial-schema-renderer space-y-4", children: [
-    Object.entries(groups).map(([groupName, groupSchemas]) => /* @__PURE__ */ jsxs("div", { className: "dial-group", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-text-primary mb-2 font-medium", children: groupName }),
-      /* @__PURE__ */ jsx("div", { className: "dial-row flex flex-row gap-4", children: groupSchemas.map(renderSchemaInput) })
-    ] }, groupName)),
-    ungrouped.length > 0 && /* @__PURE__ */ jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsx("div", { className: "dial-row flex flex-row gap-4", children: ungrouped.map(renderSchemaInput) }) })
+    Object.entries(groupedSchemas).map(([name, schemaList]) => {
+      const groupConfig = groupConfigMap[name];
+      const hasNoWrap = groupConfig?.noWrap;
+      const wrapClass = hasNoWrap ? "" : "flex-wrap";
+      return /* @__PURE__ */ jsxs("div", { className: "dial-group", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-text-primary mb-2 font-medium", children: name }),
+        /* @__PURE__ */ jsx("div", { className: `dial-row flex flex-row ${wrapClass} gap-4`, children: schemaList.map(renderSchemaInput) })
+      ] }, name);
+    }),
+    ungrouped.length > 0 && /* @__PURE__ */ jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsx("div", { className: "dial-row flex flex-row flex-wrap gap-4", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
 var DialInputWrapper2 = ({ label, children }) => {

package/dist/chunk-KVJ4Q3EZ.mjs

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/icons/MouseCursorIcons.tsx
+var MouseCursorIcon = ({ strokeWidth = 2.25 }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
+      children: /* @__PURE__ */ jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
+    }
+  );
+};
+var MouseCursorAltIcon = ({ strokeWidth = 2.25 }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: strokeWidth / 2,
+      className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
+      children: /* @__PURE__ */ jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
+    }
+  );
+};
+
+export { MouseCursorAltIcon, MouseCursorIcon };

package/dist/{chunk-D3N6DX5T.cjs → chunk-LONOMMFA.cjs}

@@ -366,6 +366,7 @@ var DialVectorInput2 = ({
     gridColumns = void 0;
     gridRows = void 0;
   }
+  console.log("the grid-flow is", gridAutoFlow, gridColumns, gridRows);
   const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
   const inputSteps = Array.from({ length: dimensions }, (_, i) => {
     if (steps[i] !== void 0) {
@@ -409,23 +410,37 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialPanel = ({ schemas }) => {
-  const groups = {};
+var DialPanel = ({ schemas, groups: groupConfigs }) => {
+  const groupConfigMap = {};
+  if (groupConfigs) {
+    groupConfigs.forEach((config) => {
+      groupConfigMap[config.name] = config;
+    });
+  }
+  schemas.forEach((schema) => {
+    const grouping = schema.tags?.grouping;
+    if (grouping && !groupConfigMap[grouping]) {
+      groupConfigMap[grouping] = { name: grouping };
+    }
+    if (grouping && schema.tags?.noWrap && groupConfigMap[grouping]) {
+      groupConfigMap[grouping].noWrap = true;
+    }
+  });
+  const groupedSchemas = {};
   const ungrouped = [];
   schemas.forEach((schema) => {
     const grouping = schema.tags?.grouping;
     if (grouping) {
-      if (!groups[grouping]) {
-        groups[grouping] = [];
+      if (!groupedSchemas[grouping]) {
+        groupedSchemas[grouping] = [];
       }
-      groups[grouping].push(schema);
+      groupedSchemas[grouping].push(schema);
     } else {
       ungrouped.push(schema);
     }
   });
   const renderSchemaInput = (schema) => {
     const { name, dtype, min, max, step, options, tags } = schema;
-    tags?.col === true;
     const labelPosition = tags?.labelPosition;
     const label = name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
@@ -526,11 +541,16 @@ var DialPanel = ({ schemas }) => {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-schema-renderer space-y-4", children: [
-    Object.entries(groups).map(([groupName, groupSchemas]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-group", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-text-primary mb-2 font-medium", children: groupName }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row gap-4", children: groupSchemas.map(renderSchemaInput) })
-    ] }, groupName)),
-    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row gap-4", children: ungrouped.map(renderSchemaInput) }) })
+    Object.entries(groupedSchemas).map(([name, schemaList]) => {
+      const groupConfig = groupConfigMap[name];
+      const hasNoWrap = groupConfig?.noWrap;
+      const wrapClass = hasNoWrap ? "" : "flex-wrap";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-text-primary mb-2 font-medium", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `dial-row flex flex-row ${wrapClass} gap-4`, children: schemaList.map(renderSchemaInput) })
+      ] }, name);
+    }),
+    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row flex-wrap gap-4", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
 var DialInputWrapper2 = ({ label, children }) => {

package/dist/{chunk-GQYRGBQY.cjs → chunk-ORCJ4XB7.cjs}

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var PACKAGE_VERSION = "0.0.92" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "41c6c58" ;
+var GIT_HASH = "d2388cd" ;
 function PackageBadge({
   className,
   packageName,

package/dist/chunk-RVBZZHB5.mjs

@@ -0,0 +1,94 @@
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { GitBranch } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PACKAGE_VERSION = "0.0.93" ;
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
+var GIT_HASH = "46e2850" ;
+function PackageBadge({
+  className,
+  packageName,
+  packageFullName,
+  versionText,
+  linkable = true,
+  gitHash
+}) {
+  const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: [
+        (packageName || versionText) && /* @__PURE__ */ jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
+          packageName && /* @__PURE__ */ jsx(
+            "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)"
+              },
+              children: packageName
+            }
+          ),
+          versionText && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: linkable && npmUrl ? npmUrl : void 0,
+              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) => e.preventDefault() : void 0,
+              children: versionText
+            }
+          )
+        ] }),
+        gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
+            className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
+            onClick: !linkable ? (e) => e.preventDefault() : void 0,
+            children: [
+              /* @__PURE__ */ jsx(GitBranch, { className: "mr-[2px] inline-block size-2" }),
+              gitHash
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UIKitBadge({
+  className,
+  package: showPackage = false,
+  prefix = false,
+  linkable = false,
+  version = false,
+  hash = false
+}) {
+  const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
+  const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
+  return /* @__PURE__ */ jsx(
+    PackageBadge,
+    {
+      className,
+      packageName: showPackage ? packageShortName : void 0,
+      packageFullName: PACKAGE_NAME,
+      versionText,
+      linkable,
+      gitHash: hash ? GIT_HASH : void 0
+    }
+  );
+}
+
+export { GIT_HASH, PACKAGE_VERSION, PackageBadge, UIKitBadge };

package/dist/chunk-WLIMI4FZ.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PACKAGE_VERSION = "0.0.93" ;
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
+var GIT_HASH = "46e2850" ;
+function PackageBadge({
+  className,
+  packageName,
+  packageFullName,
+  versionText,
+  linkable = true,
+  gitHash
+}) {
+  const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: [
+        (packageName || versionText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
+          packageName && /* @__PURE__ */ jsxRuntime.jsx(
+            "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)"
+              },
+              children: packageName
+            }
+          ),
+          versionText && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: linkable && npmUrl ? npmUrl : void 0,
+              className: chunkOHIB3TEN_cjs.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) => e.preventDefault() : void 0,
+              children: versionText
+            }
+          )
+        ] }),
+        gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
+            className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
+            onClick: !linkable ? (e) => e.preventDefault() : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranch, { className: "mr-[2px] inline-block size-2" }),
+              gitHash
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UIKitBadge({
+  className,
+  package: showPackage = false,
+  prefix = false,
+  linkable = false,
+  version = false,
+  hash = false
+}) {
+  const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
+  const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PackageBadge,
+    {
+      className,
+      packageName: showPackage ? packageShortName : void 0,
+      packageFullName: PACKAGE_NAME,
+      versionText,
+      linkable,
+      gitHash: hash ? GIT_HASH : void 0
+    }
+  );
+}
+
+exports.GIT_HASH = GIT_HASH;
+exports.PACKAGE_VERSION = PACKAGE_VERSION;
+exports.PackageBadge = PackageBadge;
+exports.UIKitBadge = UIKitBadge;

package/dist/{chunk-Q7WXG6GA.mjs → chunk-XAY3KYPJ.mjs}

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PACKAGE_VERSION = "0.0.92" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "41c6c58" ;
+var GIT_HASH = "d2388cd" ;
 function PackageBadge({
   className,
   packageName,