@vuer-ai/vuer-uikit 0.0.116 → 0.0.117

package/dist/ui/inputs/index.mjs

@@ -12,7 +12,7 @@ export { DegInput } from '../../chunk-PTBMSYQQ.mjs';
 export { EulerDegInput } from '../../chunk-WQCVK4PG.mjs';
 export { EulerInput } from '../../chunk-KS5A3G7B.mjs';
 export { VectorInput } from '../../chunk-ZDSN4IFT.mjs';
-export { ColorInput } from '../../chunk-GSQE4JVF.mjs';
+export { ColorInput } from '../../chunk-GD2LGCAN.mjs';
 export { PresetsInput } from '../../chunk-BCA45QEW.mjs';
 export { PresetsRadInput } from '../../chunk-BBWT5YO2.mjs';
 export { RadInput } from '../../chunk-TZBOF3XO.mjs';

package/dist/ui/waterfall/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkLTEX2ALU_cjs = require('../../chunk-LTEX2ALU.cjs');
+var chunkGPUZJ6OU_cjs = require('../../chunk-GPUZJ6OU.cjs');
 require('../../chunk-WJL5HMO6.cjs');
 require('../../chunk-RJ7I6ZQK.cjs');
+require('../../chunk-YXFHJKNW.cjs');
 require('../../chunk-5MNZYCN2.cjs');
 require('../../chunk-Z6UDRPC2.cjs');
 require('../../chunk-YJ6X6T5K.cjs');
@@ -13,7 +14,6 @@ require('../../chunk-UTS56UA5.cjs');
 require('../../chunk-JWVH6R35.cjs');
 require('../../chunk-MVAFOQ67.cjs');
 require('../../chunk-TUYG6BYZ.cjs');
-require('../../chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('../../chunk-G2ZYONQO.cjs');
 require('../../chunk-H3HQ27FG.cjs');
 require('../../chunk-HAVTMZR3.cjs');
@@ -38,7 +38,7 @@ require('../../chunk-G4FJGNY5.cjs');
 
 Object.defineProperty(exports, "Waterfall", {
   enumerable: true,
-  get: function () { return chunkLTEX2ALU_cjs.Waterfall; }
+  get: function () { return chunkGPUZJ6OU_cjs.Waterfall; }
 });
 Object.defineProperty(exports, "TOTAL_DURATION", {
   enumerable: true,

package/dist/ui/waterfall/index.mjs

@@ -1,6 +1,7 @@
-export { Waterfall } from '../../chunk-D76UQR5N.mjs';
+export { Waterfall } from '../../chunk-BLU6XYCT.mjs';
 import '../../chunk-JWKOW2OV.mjs';
 import '../../chunk-VPQ5SSY3.mjs';
+import '../../chunk-CO6EASQO.mjs';
 import '../../chunk-IR334P7F.mjs';
 import '../../chunk-CIPI2V54.mjs';
 import '../../chunk-WPDU2YYR.mjs';
@@ -11,7 +12,6 @@ import '../../chunk-D5H4XX6Q.mjs';
 import '../../chunk-JVV7W3TP.mjs';
 import '../../chunk-OC4HRPZU.mjs';
 import '../../chunk-N6DSPSMM.mjs';
-import '../../chunk-CO6EASQO.mjs';
 export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from '../../chunk-4U232QAX.mjs';
 import '../../chunk-PNYJJGBP.mjs';
 import '../../chunk-VQPJ7TLB.mjs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuer-ai/vuer-uikit",
   "author": "Ge Yang",
-  "version": "0.0.116",
+  "version": "0.0.117",
   "files": [
     "/dist",
     "/src"

package/src/ui/inputs/color-input.tsx

@@ -1,4 +1,4 @@
-import { ChangeEvent, forwardRef, useState } from "react";
+import { ChangeEvent, forwardRef, useState, useEffect } from "react";
 
 import { InputRoot, InputRootProps, InputSlot } from "./input";
 import { cn } from "../../hooks";
@@ -11,7 +11,23 @@ const ColorInput = forwardRef<HTMLInputElement, ColorInputProps>(function ColorI
   { className, value, defaultValue, onChange, ...props },
   ref,
 ) {
-  const [color, setColor] = useState(value || defaultValue || "ffffff");
+  // Normalize the initial value by removing any leading # if present
+  const normalizeColor = (colorValue: string | number | readonly string[] | undefined) => {
+    if (typeof colorValue === "string") {
+      return colorValue.replace(/^#/, "");
+    }
+    return colorValue || "ffffff";
+  };
+
+  const [color, setColor] = useState(normalizeColor(value || defaultValue));
+
+  // Update local state when prop value changes
+  useEffect(() => {
+    if (value !== undefined) {
+      setColor(normalizeColor(value));
+    }
+  }, [value]);
+
   return (
     <div className="gap-sm flex">
       <input

package/dist/{chunk-I2YVC4AE.cjs → chunk-2YAC2EMY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3WMO5QJJ_cjs = require('./chunk-3WMO5QJJ.cjs');
 var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
+var chunk3WMO5QJJ_cjs = require('./chunk-3WMO5QJJ.cjs');
 var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-5OHAV55L.mjs → chunk-2ZK7JUAH.mjs}

@@ -1,5 +1,5 @@
-import { useUser } from './chunk-VSFPXAGN.mjs';
 import { getSessions } from './chunk-Z7BZFZEV.mjs';
+import { useUser } from './chunk-VSFPXAGN.mjs';
 import { useState, useEffect, useMemo } from 'react';
 
 var useVuerSessions = () => {

package/dist/{chunk-D76UQR5N.mjs → chunk-BLU6XYCT.mjs}

@@ -1,5 +1,6 @@
 import { useTimelineState } from './chunk-JWKOW2OV.mjs';
 import { useViewport } from './chunk-VPQ5SSY3.mjs';
+import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
 import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
 import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
 import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
@@ -7,7 +8,6 @@ import { NavigationControls } from './chunk-D5H4XX6Q.mjs';
 import { Tick } from './chunk-JVV7W3TP.mjs';
 import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
 import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
-import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
 import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
 import { TreeSearchBar } from './chunk-PNYJJGBP.mjs';
 import { TreeView } from './chunk-VQPJ7TLB.mjs';

package/dist/{chunk-G6ATG2WV.mjs → chunk-EMVKGL5D.mjs}

@@ -1,5 +1,5 @@
-import { useUser } from './chunk-VSFPXAGN.mjs';
 import { signInHandler } from './chunk-V4KDK3BN.mjs';
+import { useUser } from './chunk-VSFPXAGN.mjs';
 import { useState, useCallback, useMemo } from 'react';
 
 var useSignIn = () => {

package/dist/{chunk-4JZOPZHB.cjs → chunk-EMXEFZEB.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
 var chunkRSBVQ7SJ_cjs = require('./chunk-RSBVQ7SJ.cjs');
+var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
 var react = require('react');
 
 var useSignIn = () => {

package/dist/{chunk-LTEX2ALU.cjs → chunk-GPUZJ6OU.cjs}

@@ -2,6 +2,7 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
+var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
 var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
@@ -9,7 +10,6 @@ var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
 var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
 var chunkH3HQ27FG_cjs = require('./chunk-H3HQ27FG.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');

package/dist/{chunk-OOHCJIRV.cjs → chunk-GRQJN4D4.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
 var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
+var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
 var react = require('react');
 
 var useVuerSessions = () => {

package/dist/{chunk-GUSUTH7D.mjs → chunk-VXFUYV76.mjs}

@@ -1,5 +1,5 @@
-import { UserContext } from './chunk-FROQ45MN.mjs';
 import { getSession } from './chunk-SO2UTKSV.mjs';
+import { UserContext } from './chunk-FROQ45MN.mjs';
 import { bearerToken } from './chunk-UT7B4TLZ.mjs';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';