@bitrix24/b24ui-nuxt 0.5.7 → 0.5.8

package/.nuxt/b24ui/radio-group.ts

@@ -9,11 +9,23 @@ const color = [
   "ai"
 ] as const
 
+const variant = [
+  "list",
+  "card",
+  "table"
+] as const
+
 const orientation = [
   "horizontal",
   "vertical"
 ] as const
 
+const indicator = [
+  "start",
+  "end",
+  "hidden"
+] as const
+
 const size = [
   "xs",
   "sm",
@@ -28,9 +40,9 @@ export default {
     "legend": "mb-1.5 block text-base-900 dark:text-base-400",
     "item": "flex items-start",
     "base": "cursor-pointer rounded-full ring ring-inset ring-base-300 dark:ring-base-700 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
-    "indicator": " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full",
+    "indicator": " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full" as typeof indicator[number],
     "container": "flex items-center",
-    "wrapper": "font-b24-primary font-regular ms-2",
+    "wrapper": "font-b24-primary font-regular w-full",
     "label": "cursor-pointer block text-base-master dark:text-base-400",
     "description": "text-base-500 dark:text-base-600"
   },
@@ -38,35 +50,44 @@ export default {
     "color": {
       "default": {
         "base": "focus-visible:outline-base-900 dark:focus-visible:outline-base-900",
-        "indicator": "bg-base-900 dark:bg-base-350"
+        "indicator": "bg-base-900 dark:bg-base-350" as typeof indicator[number]
       },
       "danger": {
         "base": "focus-visible:outline-red-500 dark:focus-visible:outline-red-600",
-        "indicator": "bg-red-500 dark:bg-red-600"
+        "indicator": "bg-red-500 dark:bg-red-600" as typeof indicator[number]
       },
       "success": {
         "base": "focus-visible:outline-green-500 dark:focus-visible:outline-green-600",
-        "indicator": "bg-green-500 dark:bg-green-600"
+        "indicator": "bg-green-500 dark:bg-green-600" as typeof indicator[number]
       },
       "warning": {
         "base": "focus-visible:outline-orange-500 dark:focus-visible:outline-orange-600",
-        "indicator": "bg-orange-500 dark:bg-orange-600"
+        "indicator": "bg-orange-500 dark:bg-orange-600" as typeof indicator[number]
       },
       "primary": {
         "base": "focus-visible:outline-blue-500 dark:focus-visible:outline-blue-600",
-        "indicator": "bg-blue-500 dark:bg-blue-600"
+        "indicator": "bg-blue-500 dark:bg-blue-600" as typeof indicator[number]
       },
       "secondary": {
         "base": "focus-visible:outline-cyan-350 dark:focus-visible:outline-cyan-500",
-        "indicator": "bg-cyan-350 dark:bg-cyan-500"
+        "indicator": "bg-cyan-350 dark:bg-cyan-500" as typeof indicator[number]
       },
       "collab": {
         "base": "focus-visible:outline-collab-500 dark:focus-visible:outline-collab-600",
-        "indicator": "bg-collab-500 dark:bg-collab-600"
+        "indicator": "bg-collab-500 dark:bg-collab-600" as typeof indicator[number]
       },
       "ai": {
         "base": "focus-visible:outline-ai-500 dark:focus-visible:outline-ai-600",
-        "indicator": "bg-ai-500 dark:bg-ai-600"
+        "indicator": "bg-ai-500 dark:bg-ai-600" as typeof indicator[number]
+      }
+    },
+    "variant": {
+      "list": {},
+      "card": {
+        "item": "items-center border border-base-200 dark:border-base-700 rounded-lg"
+      },
+      "table": {
+        "item": "border border-base-200 dark:border-base-900"
       }
     },
     "orientation": {
@@ -78,6 +99,20 @@ export default {
         "fieldset": "flex-col"
       }
     },
+    "indicator": {
+      "start": {
+        "item": "flex-row",
+        "base": "me-2"
+      },
+      "end": {
+        "item": "flex-row-reverse",
+        "base": "ms-2"
+      },
+      "hidden": {
+        "base": "sr-only",
+        "wrapper": "text-center"
+      }
+    },
     "size": {
       "xs": {
         "fieldset": "gap-1",
@@ -86,7 +121,7 @@ export default {
         "item": "text-xs",
         "label": "leading-4",
         "container": "h-4",
-        "indicator": "after:size-1"
+        "indicator": "after:size-1" as typeof indicator[number]
       },
       "sm": {
         "fieldset": "gap-1.5",
@@ -95,7 +130,7 @@ export default {
         "item": "text-sm",
         "label": "leading-4",
         "container": "h-4",
-        "indicator": "after:size-1"
+        "indicator": "after:size-1" as typeof indicator[number]
       },
       "md": {
         "fieldset": "gap-1",
@@ -104,7 +139,7 @@ export default {
         "item": "text-md",
         "label": "leading-5",
         "container": "h-5",
-        "indicator": "after:size-1.5"
+        "indicator": "after:size-1.5" as typeof indicator[number]
       },
       "lg": {
         "fieldset": "gap-1.5",
@@ -113,7 +148,7 @@ export default {
         "item": "text-xl",
         "label": "leading-5",
         "container": "h-5",
-        "indicator": "after:size-2"
+        "indicator": "after:size-2" as typeof indicator[number]
       }
     },
     "disabled": {
@@ -128,8 +163,181 @@ export default {
       }
     }
   },
+  "compoundVariants": [
+    {
+      "size": "xs" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-2.5"
+      }
+    },
+    {
+      "size": "sm" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-3"
+      }
+    },
+    {
+      "size": "md" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-3.5"
+      }
+    },
+    {
+      "size": "lg" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-4"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        "fieldset": "gap-0 -space-x-px"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        "fieldset": "gap-0 -space-y-px"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-base-900 dark:has-data-[state=checked]:border-base-350"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-base-100 dark:has-data-[state=checked]:bg-base-900 has-data-[state=checked]:border-base-900/25 dark:has-data-[state=checked]:border-base-700/25 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-red-500/24 dark:has-data-[state=checked]:bg-red-600/24 has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-green-500/24 dark:has-data-[state=checked]:bg-green-600/24 has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-orange-500/24 dark:has-data-[state=checked]:bg-orange-600/24 has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-blue-500/24 dark:has-data-[state=checked]:bg-blue-600/24 has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-cyan-500/24 dark:has-data-[state=checked]:bg-cyan-600/24 has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-collab-500/24 dark:has-data-[state=checked]:bg-collab-600/24 has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-ai-500/24 dark:has-data-[state=checked]:bg-ai-600/24 has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600 has-data-[state=checked]:z-[1]"
+      }
+    }
+  ],
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "primary" as typeof color[number],
+    "variant": "list" as typeof variant[number],
+    "orientation": "vertical" as typeof orientation[number],
+    "indicator": "start" as typeof indicator[number]
   }
 }

package/dist/meta.cjs

@@ -42355,6 +42355,23 @@ const B24UIMeta = {
             }
           }
         },
+        {
+          "name": "stepSnapping",
+          "global": false,
+          "description": "When `false`, prevents the value from snapping to the nearest increment of the step value",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
+        },
         {
           "name": "formatOptions",
           "global": false,
@@ -42374,6 +42391,23 @@ const B24UIMeta = {
               }
             }
           }
+        },
+        {
+          "name": "disableWheelChange",
+          "global": false,
+          "description": "When `true`, prevents the value from changing on wheel scroll.",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
         }
       ],
       "slots": [
@@ -53235,6 +53269,29 @@ const B24UIMeta = {
             }
           }
         },
+        {
+          "name": "variant",
+          "global": false,
+          "description": "",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "'list'"
+            }
+          ],
+          "required": false,
+          "type": "\"table\" | \"list\" | \"card\" | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "\"table\" | \"list\" | \"card\" | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "\"table\"",
+              "2": "\"list\"",
+              "3": "\"card\""
+            }
+          }
+        },
         {
           "name": "color",
           "global": false,
@@ -53286,19 +53343,42 @@ const B24UIMeta = {
           },
           "default": "\"vertical\""
         },
+        {
+          "name": "indicator",
+          "global": false,
+          "description": "Position of the indicator.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "'start'"
+            }
+          ],
+          "required": false,
+          "type": "\"start\" | \"end\" | \"hidden\" | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "\"start\" | \"end\" | \"hidden\" | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "\"start\"",
+              "2": "\"end\"",
+              "3": "\"hidden\""
+            }
+          }
+        },
         {
           "name": "b24ui",
           "global": false,
           "description": "",
           "tags": [],
           "required": false,
-          "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }> | undefined",
+          "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }> | undefined",
           "schema": {
             "kind": "enum",
-            "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }> | undefined",
+            "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }> | undefined",
             "schema": {
               "0": "undefined",
-              "1": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }>"
+              "1": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }>"
             }
           }
         },

package/dist/meta.d.cts

@@ -42353,6 +42353,23 @@ var B24UIMeta = {
             }
           }
         },
+        {
+          "name": "stepSnapping",
+          "global": false,
+          "description": "When `false`, prevents the value from snapping to the nearest increment of the step value",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
+        },
         {
           "name": "formatOptions",
           "global": false,
@@ -42372,6 +42389,23 @@ var B24UIMeta = {
               }
             }
           }
+        },
+        {
+          "name": "disableWheelChange",
+          "global": false,
+          "description": "When `true`, prevents the value from changing on wheel scroll.",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
         }
       ],
       "slots": [
@@ -53233,6 +53267,29 @@ var B24UIMeta = {
             }
           }
         },
+        {
+          "name": "variant",
+          "global": false,
+          "description": "",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "'list'"
+            }
+          ],
+          "required": false,
+          "type": "\"table\" | \"list\" | \"card\" | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "\"table\" | \"list\" | \"card\" | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "\"table\"",
+              "2": "\"list\"",
+              "3": "\"card\""
+            }
+          }
+        },
         {
           "name": "color",
           "global": false,
@@ -53284,19 +53341,42 @@ var B24UIMeta = {
           },
           "default": "\"vertical\""
         },
+        {
+          "name": "indicator",
+          "global": false,
+          "description": "Position of the indicator.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "'start'"
+            }
+          ],
+          "required": false,
+          "type": "\"start\" | \"end\" | \"hidden\" | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "\"start\" | \"end\" | \"hidden\" | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "\"start\"",
+              "2": "\"end\"",
+              "3": "\"hidden\""
+            }
+          }
+        },
         {
           "name": "b24ui",
           "global": false,
           "description": "",
           "tags": [],
           "required": false,
-          "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }> | undefined",
+          "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }> | undefined",
           "schema": {
             "kind": "enum",
-            "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }> | undefined",
+            "type": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }> | undefined",
             "schema": {
               "0": "undefined",
-              "1": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: string; container: string; wrapper: string; label: string; description: string; }>"
+              "1": "Partial<{ root: string; fieldset: string; legend: string; item: string; base: string; indicator: \"start\" | \"end\" | \"hidden\"; container: string; wrapper: string; label: string; description: string; }>"
             }
           }
         },