@marcoschwartz/lite-ui 0.23.4 → 0.23.5

package/dist/index.mjs

@@ -21,10 +21,10 @@ var themes = {
         link: "bg-transparent text-[hsl(var(--primary))] underline-offset-4 hover:underline !p-0 !h-auto !min-h-0 shadow-none"
       },
       sizes: {
-        sm: "px-3 py-1.5 text-sm h-8",
-        md: "px-4 py-2 text-sm h-9",
-        lg: "px-5 py-2.5 text-base h-10",
-        xl: "px-6 py-3 text-base h-11"
+        sm: "px-3 py-1.5 text-sm",
+        md: "px-4 py-2.5 text-base",
+        lg: "px-4 py-3 text-lg",
+        xl: "px-6 py-3.5 text-lg"
       },
       disabled: "pointer-events-none opacity-50"
     },
@@ -32,8 +32,8 @@ var themes = {
       base: "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] text-left transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] pr-10 cursor-pointer",
       sizes: {
         sm: "px-3 py-1.5 text-sm",
-        md: "px-3 py-2.5 text-sm",
-        lg: "px-4 py-3 text-base",
+        md: "px-4 py-2.5 text-base",
+        lg: "px-4 py-3 text-lg",
         xl: "px-4 py-3.5 text-lg"
       },
       disabled: "pointer-events-none opacity-50 bg-[hsl(var(--muted))]"
@@ -1404,8 +1404,8 @@ import { useState as useState5, useRef as useRef2 } from "react";
 import { jsx as jsx81, jsxs as jsxs12 } from "react/jsx-runtime";
 var sizeClasses5 = {
   sm: "px-3 py-1.5 text-sm",
-  md: "px-3 py-2.5 text-sm",
-  lg: "px-4 py-3 text-base"
+  md: "px-4 py-2.5 text-base",
+  lg: "px-4 py-3 text-lg"
 };
 var NumberInput = ({
   label,
@@ -2205,7 +2205,7 @@ var DatePicker = ({
       year: "numeric"
     });
   };
-  const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-sm transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
+  const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
   const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
   const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
   const calendar = isOpen && mounted && calendarPosition ? /* @__PURE__ */ jsxs20(
@@ -2307,7 +2307,7 @@ import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx93, jsxs as jsxs21 } from "react/jsx-runtime";
 var TimePicker = forwardRef4(
   ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
-    const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-3 py-2.5 text-sm transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))]";
+    const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))]";
     const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
     const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
     return /* @__PURE__ */ jsxs21("div", { className, children: [
@@ -2487,7 +2487,7 @@ var DateTimePicker = ({
     const displayMinutes = minutes.toString().padStart(2, "0");
     return `${displayHours}:${displayMinutes} ${period}`;
   };
-  const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-sm transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
+  const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
   const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
   const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
   const picker = isOpen && mounted && pickerPosition ? /* @__PURE__ */ jsxs22(
@@ -3194,8 +3194,8 @@ var Textarea = ({
 }) => {
   const sizeClasses7 = {
     sm: "px-3 py-1.5 text-sm min-h-[80px]",
-    md: "px-3 py-2.5 text-sm min-h-[100px]",
-    lg: "px-4 py-3 text-base min-h-[120px]"
+    md: "px-4 py-2.5 text-base min-h-[100px]",
+    lg: "px-4 py-3 text-lg min-h-[120px]"
   };
   const resizeClasses = {
     none: "resize-none",