@invana/forms 0.0.19 → 0.0.21

package/dist/index.cjs

@@ -153,7 +153,7 @@ var Input = React2__namespace.forwardRef(
       {
         type,
         className: ui.cn(
-          "flex h-10 w-full rounded-md 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",
+          "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",
           className
         ),
         ref,
@@ -206,7 +206,7 @@ var Textarea = React2__namespace.forwardRef(({ className, ...props }, ref) => {
     "textarea",
     {
       className: ui.cn(
-        "flex min-h-[80px] w-full rounded-md 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",
+        "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",
         className
       ),
       ref,
@@ -240,7 +240,7 @@ var Checkbox = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   {
     ref,
     className: ui.cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "peer h-4 w-4 shrink-0 rounded-control border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       className
     ),
     ...props,
@@ -288,7 +288,7 @@ var SelectTrigger = React2__namespace.forwardRef(({ className, children, ...prop
   {
     ref,
     className: ui.cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md 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",
+      "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",
       className
     ),
     ...props,
@@ -367,7 +367,7 @@ var SelectItem = React2__namespace.forwardRef(({ className, children, ...props }
   {
     ref,
     className: ui.cn(
-      "relative flex w-full cursor-default select-none items-center rounded-md py-1.5 pl-2 pr-8 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-control py-1.5 pl-2 pr-8 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -418,7 +418,7 @@ var ColorSwatches = ({
         type: "button",
         onClick: () => select(color.value),
         className: ui.cn(
-          "group relative h-8 w-8 overflow-hidden rounded-md border",
+          "group relative h-8 w-8 overflow-hidden rounded-control border",
           "ring-offset-background transition-all hover:scale-105",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           !isCustom && value === color.value && "ring-2 ring-ring ring-offset-2"
@@ -438,7 +438,7 @@ var ColorSwatches = ({
       "div",
       {
         className: ui.cn(
-          "group relative h-8 w-8 overflow-hidden rounded-md border",
+          "group relative h-8 w-8 overflow-hidden rounded-control border",
           "ring-offset-background transition-all hover:scale-105",
           isCustom && "ring-2 ring-ring ring-offset-2"
         ),
@@ -520,7 +520,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-md 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 text-sm", children: value ? value.slice(0, 2) : "\u2013" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Input,
       {
@@ -598,7 +598,7 @@ function StatusPill({ badge }) {
     ui.Badge,
     {
       variant: badge.variant ?? "secondary",
-      className: "rounded-full px-1.5 py-0 text-base font-medium",
+      className: "px-1.5 py-0 text-base font-medium",
       children: badge.label
     }
   );
@@ -1161,7 +1161,7 @@ var ObjectField = ({
                     ui.Badge,
                     {
                       variant: "secondary",
-                      className: "rounded-full px-1.5 py-0 text-base font-normal tabular-nums",
+                      className: "px-1.5 py-0 text-base font-normal tabular-nums",
                       children: gFields.length
                     }
                   ),
@@ -1418,7 +1418,7 @@ function InputGroup({ className, ...props }) {
       "data-slot": "input-group",
       role: "group",
       className: ui.cn(
-        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-control border outline-none transition-[color,box-shadow]",
         "h-9 has-[>textarea]:h-auto",
         // Variants based on alignment.
         "has-[>[data-align=inline-start]]:[&>input]:pl-2",
@@ -1436,7 +1436,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-[calc(var(--radius)-5px)] [&>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 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-control [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
       align: {
@@ -1478,9 +1478,9 @@ var inputGroupButtonVariants = classVarianceAuthority.cva(
   {
     variants: {
       size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        xs: "h-6 gap-1 rounded-control px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-control px-2.5 has-[>svg]:px-2.5",
+        "icon-xs": "size-6 rounded-control p-0 has-[>svg]:p-0",
         "icon-sm": "size-8 p-0 has-[>svg]:p-0"
       }
     },