@invana/forms 0.0.20 → 0.0.22

package/dist/index.cjs

@@ -147,13 +147,14 @@ var FormMessage = React2__namespace.forwardRef(({ className, children, ...props
 });
 FormMessage.displayName = "FormMessage";
 var Input = React2__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
+  ({ className, type, inputSize = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
         type,
         className: ui.cn(
-          "flex h-10 w-full rounded-control border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          inputSize === "sm" ? "h-[26px] px-2 py-0" : "h-10 px-3 py-2",
+          "flex w-full rounded-control border border-input bg-background text-base ring-offset-background file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ref,
@@ -201,12 +202,13 @@ var PasswordInput = React2__namespace.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var Textarea = React2__namespace.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React2__namespace.forwardRef(({ className, inputSize = "default", ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
       className: ui.cn(
-        "flex min-h-[80px] w-full rounded-control border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        inputSize === "sm" ? "min-h-[52px] px-2 py-1" : "min-h-[80px] px-3 py-2",
+        "flex w-full rounded-control border border-input bg-background text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ref,
@@ -283,12 +285,13 @@ RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React2__namespace.forwardRef(({ className, children, triggerSize = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
     className: ui.cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-control border border-input bg-transparent px-3 py-2  shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      triggerSize === "sm" ? "h-[26px] px-2 py-0" : "h-9 px-3 py-2",
+      "flex w-full items-center justify-between whitespace-nowrap rounded-control border border-input bg-transparent  shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
     ...props,
@@ -357,7 +360,7 @@ var SelectLabel = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: ui.cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: ui.cn("px-2 py-1.5 font-semibold", className),
     ...props
   }
 ));
@@ -520,7 +523,7 @@ var SliderNumber = ({
 };
 var IconInput = ({ value, onChange }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-control border bg-muted text-sm", children: value ? value.slice(0, 2) : "\u2013" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-control border bg-muted", children: value ? value.slice(0, 2) : "\u2013" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Input,
       {
@@ -528,7 +531,7 @@ var IconInput = ({ value, onChange }) => {
         value: value ?? "",
         onChange: (e) => onChange?.(e.target.value),
         placeholder: "icon name",
-        className: "h-8 text-sm"
+        className: "h-8"
       }
     )
   ] });
@@ -1246,7 +1249,6 @@ function FieldLegend({
       className: ui.cn(
         "mb-3 font-medium",
         "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
         className
       ),
       ...props
@@ -1326,7 +1328,7 @@ function FieldTitle({ className, ...props }) {
     {
       "data-slot": "field-label",
       className: ui.cn(
-        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        "flex w-fit items-center gap-2 font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
         className
       ),
       ...props
@@ -1339,7 +1341,7 @@ function FieldDescription({ className, ...props }) {
     {
       "data-slot": "field-description",
       className: ui.cn(
-        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "text-muted-foreground font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
         "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
@@ -1359,7 +1361,7 @@ function FieldSeparator({
       "data-slot": "field-separator",
       "data-content": !!children,
       className: ui.cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        "relative -my-2 h-5 group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       ...props,
@@ -1405,7 +1407,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: ui.cn("text-destructive text-sm font-normal", className),
+      className: ui.cn("text-destructive font-normal", className),
       ...props,
       children: content
     }
@@ -1436,7 +1438,7 @@ function InputGroup({ className, ...props }) {
   );
 }
 var inputGroupAddonVariants = classVarianceAuthority.cva(
-  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-control [&>svg:not([class*='size-'])]:size-4",
+  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-control [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
       align: {
@@ -1474,7 +1476,7 @@ function InputGroupAddon({
   );
 }
 var inputGroupButtonVariants = classVarianceAuthority.cva(
-  "flex items-center gap-2 text-sm shadow-none",
+  "flex items-center gap-2 shadow-none",
   {
     variants: {
       size: {
@@ -1512,7 +1514,7 @@ function InputGroupText({ className, ...props }) {
     "span",
     {
       className: ui.cn(
-        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        "text-muted-foreground flex items-center gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
         className
       ),
       ...props