@mhome/ui 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mhome/ui",
-  "version": "0.1.9",
+  "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,27 +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";
-
-// Ensure dayjs is a function at runtime
-// Handle both ESM and CJS dayjs exports
-let dayjs;
-if (typeof dayjsModule === "function") {
-  dayjs = dayjsModule;
-} else if (dayjsModule.default && typeof dayjsModule.default === "function") {
-  dayjs = dayjsModule.default;
-} else {
-  // Fallback: try to get the function from the module
-  dayjs = dayjsModule.default || dayjsModule;
-  // If still not a function, this is an error
-  if (typeof dayjs !== "function") {
-    console.error("dayjs is not a function. Module:", dayjsModule);
-    // Create a fallback that throws an error
-    dayjs = function() {
-      throw new Error("dayjs is not properly initialized");
-    };
-  }
-}
+// 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";