@dmsi/wedgekit-react 0.0.45 → 0.0.47

package/dist/components/SideMenuGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";

package/dist/components/SideMenuItem.cjs

@@ -312,6 +312,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/SideMenuItem.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Paragraph
 } from "../chunk-VG4EPHJA.js";

package/dist/components/Stack.cjs

@@ -183,6 +183,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/Stack.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Stack

package/dist/components/Stepper.cjs

@@ -458,7 +458,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -475,7 +476,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -497,7 +499,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx5.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/Stepper.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputBase
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import {
   Button

package/dist/components/Swatch.cjs

@@ -362,6 +362,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/Swatch.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Display1
 } from "../chunk-AY7ELVQY.js";

package/dist/components/Time.cjs

@@ -319,7 +319,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -336,7 +337,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -358,7 +360,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,
@@ -831,6 +833,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/Time.js

@@ -1,12 +1,12 @@
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import {
   Icon

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.45",
+  "version": "0.0.47",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DateInput.tsx

@@ -75,7 +75,7 @@ export const DateInput = ({
     if (visible) {
       updatePosition();
     }
-  }, [visible])
+  }, [visible]);
 
   const updatePosition = () => {
     if (triggerRef.current) {
@@ -148,27 +148,31 @@ export const DateInput = ({
 
   const handleClick = () => {
     handleFocus();
-  }
+  };
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     if (readOnly) return;
-    
+
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    
+
     // Format the input as user types (add slashes automatically)
     const formattedValue = formatInputValue(rawValue);
     setInputValue(formattedValue);
-    
+
     // Restore cursor position after formatting
     requestAnimationFrame(() => {
       if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(rawValue, formattedValue, cursorPosition);
+        const newPosition = calculateCursorPosition(
+          rawValue,
+          formattedValue,
+          cursorPosition,
+        );
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    
+
     // Try to parse and validate the date
     const parsedDate = parseInputDate(formattedValue);
     if (parsedDate && isValidDate(parsedDate)) {
@@ -190,14 +194,15 @@ export const DateInput = ({
       const input = event.target as HTMLInputElement;
       const cursorPosition = input.selectionStart || 0;
       const value = input.value;
-      
+
       // If cursor is right after a slash, move it before the slash
       if (cursorPosition > 0 && value[cursorPosition - 1] === "/") {
         event.preventDefault();
-        const newValue = value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
+        const newValue =
+          value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
         const formattedValue = formatInputValue(newValue);
         setInputValue(formattedValue);
-        
+
         // Set cursor position after the deletion
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -205,12 +210,12 @@ export const DateInput = ({
             triggerRef.current.setSelectionRange(newPosition, newPosition);
           }
         });
-        
+
         setIsTyping(true);
         return;
       }
     }
-    
+
     if (event.key === "Enter") {
       const parsedDate = parseInputDate(inputValue);
       if (parsedDate && isValidDate(parsedDate)) {
@@ -280,6 +285,6 @@ function formatDisplayValue(from?: string): string {
   if (!isValidDate(from)) {
     return "";
   }
-  
+
   return formatDate(from);
-}
+}