@mhome/ui 0.1.8 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mhome/ui",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "description": "mHome UI Component Library",
   "main": "dist/index.cjs.js",
@@ -34,6 +34,7 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.10",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {

package/src/components/date-picker.jsx

@@ -1,8 +1,13 @@
 import * as React from "react";
 import { cn } from "../lib/utils";
 import { TextField } from "./text-field";
+// Import dayjs - handle both ESM and CJS formats
+// dayjs is a CommonJS module that exports the function directly
+// When imported as namespace, the function is available directly
 import * as dayjsModule from "dayjs";
-const dayjs = dayjsModule.default || dayjsModule;
+// In CommonJS/UMD, dayjsModule is the function itself
+// In ESM, it's wrapped in namespace, but the function is still accessible
+const dayjs = typeof dayjsModule === "function" ? dayjsModule : dayjsModule;
 
 const DatePicker = React.forwardRef(
   (

package/src/components/dialog.jsx

@@ -335,17 +335,17 @@ const DialogHeaderContext = React.createContext(false);
 
 const DialogHeader = ({ className, ...props }) => (
   <DialogHeaderContext.Provider value={true}>
-    <div
-      className={cn(
-        "flex flex-col space-y-1.5 px-6 pt-6",
-        className
-      )}
-      style={{
-        textAlign: "left", // Ensure left alignment for all children
-        ...props.style,
-      }}
-      {...props}
-    />
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 px-6 pt-6",
+      className
+    )}
+    style={{
+      textAlign: "left", // Ensure left alignment for all children
+      ...props.style,
+    }}
+    {...props}
+  />
   </DialogHeaderContext.Provider>
 );
 DialogHeader.displayName = "DialogHeader";