@bitrix24/b24ui-nuxt 0.3.3 → 0.3.4

package/.nuxt/b24ui/container.ts

@@ -1,3 +1,3 @@
 export default {
-  "base": "max-w-[80rem] mx-auto px-4 sm:px-6 lg:px-8"
+  "base": "max-w-[80rem] mx-auto px-5"
 }

package/.nuxt/b24ui/index.ts

@@ -25,6 +25,7 @@ export { default as select } from './select'
 export { default as selectMenu } from './select-menu'
 export { default as separator } from './separator'
 export { default as skeleton } from './skeleton'
+export { default as slideover } from './slideover'
 export { default as switch } from './switch'
 export { default as tabs } from './tabs'
 export { default as textarea } from './textarea'

package/.nuxt/b24ui/slideover.ts

@@ -0,0 +1,101 @@
+const side = [
+  "top",
+  "right",
+  "bottom",
+  "left"
+] as const
+
+export default {
+  "slots": {
+    "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
+    "content": "fixed bg-base-50 dark:bg-base-950 sm:shadow-lg flex flex-col focus:outline-none",
+    "header": "mt-4 px-5 flex items-center gap-1.5",
+    "wrapper": "min-h-2xl",
+    "body": "mx-0 mt-2 flex-1 overflow-y-auto",
+    "footer": "bg-white dark:bg-base-950 flex items-center justify-center gap-3 py-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20 shadow-top-md p-2 pr-(--scrollbar-width)",
+    "title": "font-b24-system font-light text-4.5xl leading-none text-base-900 dark:text-base-150",
+    "description": "mt-2 mb-1 text-base-500 dark:text-base-400 text-sm",
+    "close": "absolute"
+  },
+  "variants": {
+    "side": {
+      "top": {
+        "content": "inset-x-0 top-0 max-h-full"
+      },
+      "right": {
+        "content": "right-0 inset-y-0 w-full max-w-[28rem]"
+      },
+      "bottom": {
+        "content": "inset-x-0 bottom-0 max-h-full"
+      },
+      "left": {
+        "content": "left-0 inset-y-0 w-full max-w-[28rem]"
+      }
+    },
+    "transition": {
+      "true": {
+        "overlay": "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
+      }
+    },
+    "scrollbarThin": {
+      "true": {
+        "body": "scrollbar-thin"
+      }
+    }
+  },
+  "compoundVariants": [
+    {
+      "side": "right" as typeof side[number],
+      "class": {
+        "close": "pl-1.5 pr-2.5 top-3 -translate-x-full left-0 rounded-l-full"
+      }
+    },
+    {
+      "side": "left" as typeof side[number],
+      "class": {
+        "close": "pr-1.5 pl-2.5 top-3 translate-x-full right-0 rounded-r-full"
+      }
+    },
+    {
+      "side": [
+        "top" as typeof side[number],
+        "bottom" as typeof side[number]
+      ],
+      "class": {
+        "close": "top-4 end-4"
+      }
+    },
+    {
+      "transition": true,
+      "side": "top" as typeof side[number],
+      "class": {
+        "content": "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
+      }
+    },
+    {
+      "transition": true,
+      "side": "right" as typeof side[number],
+      "class": {
+        "content": "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
+      }
+    },
+    {
+      "transition": true,
+      "side": "bottom" as typeof side[number],
+      "class": {
+        "content": "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
+      }
+    },
+    {
+      "transition": true,
+      "side": "left" as typeof side[number],
+      "class": {
+        "content": "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
+      }
+    }
+  ],
+  "defaultVariants": {
+    "side": "right" as typeof side[number],
+    "scrollbarThin": true
+  }
+}

package/dist/meta.cjs

@@ -22312,13 +22312,13 @@ const B24UIMeta = {
       "exposed": []
     }
   },
-  "B24ModalProvider": {
+  "B24OverlayProvider": {
     "mode": "all",
     "prefetch": false,
     "preload": false,
-    "pascalName": "B24ModalProvider",
-    "kebabName": "b24-modal-provider",
-    "chunkName": "components/b24-modal-provider",
+    "pascalName": "B24OverlayProvider",
+    "kebabName": "b24-overlay-provider",
+    "chunkName": "components/b24-overlay-provider",
     "priority": 0,
     "_scanned": true,
     "meta": {
@@ -31842,6 +31842,469 @@ const B24UIMeta = {
       "exposed": []
     }
   },
+  "B24Slideover": {
+    "mode": "all",
+    "prefetch": false,
+    "preload": false,
+    "pascalName": "B24Slideover",
+    "kebabName": "b24-slideover",
+    "chunkName": "components/b24-slideover",
+    "priority": 0,
+    "_scanned": true,
+    "meta": {
+      "type": 0,
+      "props": [
+        {
+          "name": "title",
+          "global": false,
+          "description": "",
+          "tags": [],
+          "required": false,
+          "type": "string | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "string | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "string"
+            }
+          }
+        },
+        {
+          "name": "description",
+          "global": false,
+          "description": "",
+          "tags": [],
+          "required": false,
+          "type": "string | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "string | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "string"
+            }
+          }
+        },
+        {
+          "name": "content",
+          "global": false,
+          "description": "The content of the slideover.",
+          "tags": [],
+          "required": false,
+          "type": "Omit<DialogContentProps, \"as\" | \"asChild\" | \"forceMount\"> | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "Omit<DialogContentProps, \"as\" | \"asChild\" | \"forceMount\"> | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "Omit<DialogContentProps, \"as\" | \"asChild\" | \"forceMount\">"
+            }
+          }
+        },
+        {
+          "name": "overlay",
+          "global": false,
+          "description": "Render an overlay behind the slideover.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "transition",
+          "global": false,
+          "description": "Animate the slideover when opening or closing.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "side",
+          "global": false,
+          "description": "",
+          "tags": [],
+          "required": false,
+          "type": "\"bottom\" | \"top\" | \"left\" | \"right\" | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "\"bottom\" | \"top\" | \"left\" | \"right\" | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "\"bottom\"",
+              "2": "\"top\"",
+              "3": "\"left\"",
+              "4": "\"right\""
+            }
+          },
+          "default": "\"right\""
+        },
+        {
+          "name": "portal",
+          "global": false,
+          "description": "Render the slideover in a portal.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "close",
+          "global": false,
+          "description": "Display a close button to dismiss the slideover.\n`{ color: 'primary' }`{lang=\"ts\"} for `left`, `right`\n`{ color: 'link' }`{lang=\"ts\"} for `top`, `bottom`",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | Partial<ButtonProps> | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | Partial<ButtonProps> | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true",
+              "3": "Partial<ButtonProps>"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "closeIcon",
+          "global": false,
+          "description": "The icon displayed in the close button.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "icons.close"
+            }
+          ],
+          "required": false,
+          "type": "IconComponent | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "IconComponent | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "event",
+                "type": "(props: HTMLAttributes & VNodeProps & {}, ctx: Omit<{ attrs: Data; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: <Exposed extends Record<string, any> = Record<...>>(exposed?: Exposed | undefined) => void; }, \"expose\">): any",
+                "schema": []
+              }
+            }
+          }
+        },
+        {
+          "name": "dismissible",
+          "global": false,
+          "description": "When `false`, the slideover will not close when clicking outside or pressing escape.",
+          "tags": [
+            {
+              "name": "defaultValue",
+              "text": "true"
+            }
+          ],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "scrollbarThin",
+          "global": false,
+          "description": "",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        },
+        {
+          "name": "b24ui",
+          "global": false,
+          "description": "",
+          "tags": [],
+          "required": false,
+          "type": "Partial<{ overlay: string; content: string; header: string; wrapper: string; body: string; footer: string; title: string; description: string; close: string; }> | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "Partial<{ overlay: string; content: string; header: string; wrapper: string; body: string; footer: string; title: string; description: string; close: string; }> | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "Partial<{ overlay: string; content: string; header: string; wrapper: string; body: string; footer: string; title: string; description: string; close: string; }>"
+            }
+          }
+        },
+        {
+          "name": "open",
+          "global": false,
+          "description": "The controlled open state of the dialog. Can be binded as `v-model:open`.",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
+        },
+        {
+          "name": "defaultOpen",
+          "global": false,
+          "description": "The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          }
+        },
+        {
+          "name": "modal",
+          "global": false,
+          "description": "The modality of the dialog When set to `true`, <br>\r\ninteraction with outside elements will be disabled and only dialog content will be visible to screen readers.",
+          "tags": [],
+          "required": false,
+          "type": "boolean | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "boolean | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "false",
+              "2": "true"
+            }
+          },
+          "default": "true"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "type": "{ open: boolean; }",
+          "description": "",
+          "schema": {
+            "kind": "object",
+            "type": "{ open: boolean; }",
+            "schema": {
+              "open": {
+                "name": "open",
+                "global": false,
+                "description": "",
+                "tags": [],
+                "required": true,
+                "type": "boolean",
+                "schema": {
+                  "kind": "enum",
+                  "type": "boolean",
+                  "schema": {
+                    "0": "false",
+                    "1": "true"
+                  }
+                }
+              }
+            }
+          }
+        },
+        {
+          "name": "content",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        },
+        {
+          "name": "header",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        },
+        {
+          "name": "title",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        },
+        {
+          "name": "description",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        },
+        {
+          "name": "close",
+          "type": "{ b24ui: any; }",
+          "description": "",
+          "schema": {
+            "kind": "object",
+            "type": "{ b24ui: any; }",
+            "schema": {
+              "b24ui": {
+                "name": "b24ui",
+                "global": false,
+                "description": "",
+                "tags": [],
+                "required": true,
+                "type": "any",
+                "schema": "any"
+              }
+            }
+          }
+        },
+        {
+          "name": "body",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        },
+        {
+          "name": "footer",
+          "type": "{} | undefined",
+          "description": "",
+          "schema": {
+            "kind": "enum",
+            "type": "{} | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": {
+                "kind": "object",
+                "type": "{}",
+                "schema": {}
+              }
+            }
+          }
+        }
+      ],
+      "events": [],
+      "exposed": []
+    }
+  },
   "B24Switch": {
     "mode": "all",
     "prefetch": false,