@bitrix24/b24ui-nuxt 0.6.8 → 0.7.0

package/.nuxt/b24ui/select.ts

@@ -1,10 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/select"
-
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -38,22 +31,7 @@ const type = [
   "file"
 ] as const
 
-const colorItem = [
-  "default",
-  "danger",
-  "success",
-  "warning",
-  "primary",
-  "secondary",
-  "collab",
-  "ai"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "isolate relative inline-flex items-center w-full",
     "base": "px-3 relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-tight align-middle text-ellipsis whitespace-nowrap",
@@ -67,10 +45,8 @@ const theme = {
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-(--reka-select-trigger-width) min-w-fit bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto",
-    "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
-    "scrollUpDownButtonIcon": "",
-    "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
+    "content": "w-(--reka-select-trigger-width) min-w-fit bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) flex flex-col pointer-events-auto",
+    "viewport": "relative divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1 overflow-y-auto flex-1",
     "group": "p-1 isolate",
     "empty": "py-2 text-center text-sm text-base-500 dark:text-base-600",
     "label": "flex items-center font-semibold text-base-900 dark:text-base-200",
@@ -88,11 +64,11 @@ const theme = {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group leading-none",
+        "root": "group leading-none has-focus-visible:z-[1]",
         "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
       },
       "vertical": {
-        "root": "group",
+        "root": "group has-focus-visible:z-[1]",
         "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
       }
     },
@@ -113,8 +89,7 @@ const theme = {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-3 not-group-data-reka-collection-item:ps-2.5",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-3",
-        "scrollUpDownButtonIcon": "size-4"
+        "itemTrailingIcon": "size-3"
       },
       "sm": {
         "base": "h-8 gap-1.5",
@@ -129,8 +104,7 @@ const theme = {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-3 not-group-data-reka-collection-item:ps-2.5",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-3",
-        "scrollUpDownButtonIcon": "size-4"
+        "itemTrailingIcon": "size-3"
       },
       "md": {
         "base": "h-10 gap-1.5",
@@ -145,8 +119,7 @@ const theme = {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-3 not-group-data-reka-collection-item:ps-2.5",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-3",
-        "scrollUpDownButtonIcon": "size-4"
+        "itemTrailingIcon": "size-3"
       },
       "lg": {
         "base": "h-12 gap-2",
@@ -161,8 +134,7 @@ const theme = {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-3 not-group-data-reka-collection-item:ps-2.5",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-3",
-        "scrollUpDownButtonIcon": "size-4"
+        "itemTrailingIcon": "size-3"
       }
     },
     "color": {
@@ -553,6 +525,4 @@ const theme = {
     "color": "primary" as typeof color[number],
     "tagColor": "primary" as typeof tagColor[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/separator.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/separator"
-
 const color = [
   "default",
   "danger",
@@ -30,11 +28,7 @@ const type = [
   "dotted"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "flex items-center align-center text-center",
     "border": "",
@@ -179,6 +173,4 @@ const theme = {
     "size": "xs" as typeof size[number],
     "type": "solid" as typeof type[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-body.ts

@@ -1,10 +1,4 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-body"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "py-4 flex flex-1 flex-col overflow-y-auto [&>[data-slot=section]+[data-slot=section]]:mt-8"
   },
@@ -18,6 +12,4 @@ const theme = {
   "defaultVariants": {
     "scrollbarThin": true
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-footer.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-footer"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "py-4 flex flex-col max-lg:hidden [&>[data-slot=section]+[data-slot=section]]:mt-2.5"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-header.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-header"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "py-4 flex flex-col [&>[data-slot=section]+[data-slot=section]]:mt-2.5"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-heading.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-heading"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "mb-1 text-xs/6 font-medium  text-base-500 dark:text-base-400"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-layout.ts

@@ -1,10 +1,4 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-layout"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "min-h-svh w-full flex max-lg:flex-col relative isolate",
     "sidebar": "w-[240px] pr-[3px] fixed inset-y-0 left-0 max-lg:hidden",
@@ -43,6 +37,4 @@ const theme = {
   "defaultVariants": {
     "useLightContent": true
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-section.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-section"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "ps-2xl pe-xs flex flex-col gap-0.5"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar-spacer.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar-spacer"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "mt-8 flex-1"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/sidebar.ts

@@ -1,13 +1,5 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/sidebar"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "h-full min-h-0 flex flex-col"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/skeleton.ts

@@ -1,11 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/skeleton"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "base": "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/slideover.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/slideover"
-
 const overlayBlur = [
   "auto",
   "on",
@@ -13,11 +11,7 @@ const side = [
   "left"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+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",
@@ -123,6 +117,4 @@ const theme = {
     "scrollbarThin": true,
     "overlayBlur": "auto" as typeof overlayBlur[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/stacked-layout.ts

@@ -1,10 +1,4 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/stacked-layout"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "min-h-svh w-full flex flex-col lg:px-2 relative isolate",
     "sidebarSlideoverContainer": "max-w-80 p-2 bg-transparent dark:bg-transparent sm:shadow-none",
@@ -37,6 +31,4 @@ const theme = {
   "defaultVariants": {
     "useLightContent": true
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/switch.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/switch"
-
 const color = [
   "default",
   "danger",
@@ -18,11 +16,7 @@ const size = [
   "lg"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative flex items-start",
     "base": "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2 transition-[background] duration-200",
@@ -131,6 +125,4 @@ const theme = {
     "color": "primary" as typeof color[number],
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/tabs.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/tabs"
-
 const color = [
   "default",
   "danger",
@@ -29,16 +27,12 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "flex items-center gap-2",
     "list": "relative flex p-1 group",
     "indicator": "absolute transition-[translate,width] duration-200",
-    "trigger": "group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600 hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150 font-medium rounded-xl cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 transition-colors",
+    "trigger": "group relative inline-flex items-center min-w-0 data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600 hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150 font-medium rounded-xl cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 transition-colors",
     "content": "focus:outline-none w-full",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",
@@ -59,12 +53,13 @@ const theme = {
     "variant": {
       "pill": {
         "list": "bg-base-100 dark:bg-transparent rounded-md",
-        "trigger": "flex-1 w-full",
+        "trigger": "grow",
         "indicator": "rounded-xl shadow-xs"
       },
       "link": {
         "list": "border-base-300 dark:border-base-800",
-        "indicator": "rounded-full"
+        "indicator": "rounded-full",
+        "trigger": "focus:outline-none"
       }
     },
     "orientation": {
@@ -337,6 +332,4 @@ const theme = {
     "variant": "link" as typeof variant[number],
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/textarea.ts

@@ -1,10 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/textarea"
-
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "default",
   "danger",
@@ -27,11 +20,7 @@ const tagColor = [
   "ai"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "isolate relative inline-flex items-center w-full",
     "base": "w-full px-3 py-1.5 border-0 focus:outline-none disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:resize-none disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white placeholder:text-base-400 hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:placeholder:text-base-300 dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-md leading-normal align-middle",
@@ -46,11 +35,11 @@ const theme = {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group leading-none",
+        "root": "group leading-none has-focus-visible:z-[1]",
         "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
       },
       "vertical": {
-        "root": "group",
+        "root": "group has-focus-visible:z-[1]",
         "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
       }
     },
@@ -363,6 +352,4 @@ const theme = {
     "color": "primary" as typeof color[number],
     "tagColor": "primary" as typeof tagColor[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/toast.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/toast"
-
 const color = [
   "default",
   "danger",
@@ -11,16 +9,7 @@ const color = [
   "ai"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex items-center gap-2.5 focus:outline-none font-b24-primary dark:ring-2 dark:ring-base-900 bg-base-ebony/80 dark:bg-base-dark text-sm font-normal text-white dark:text-base-150",
     "wrapper": "w-0 flex-1 flex flex-col",
@@ -95,6 +84,4 @@ const theme = {
   "defaultVariants": {
     "color": "default" as typeof color[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/toaster.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/toaster"
-
 const position = [
   "top-left",
   "top-center",
@@ -16,14 +14,10 @@ const swipeDirection = [
   "left"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none mr-(--scrollbar-width)",
-    "base": "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    "base": "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   "variants": {
     "position": {
@@ -94,6 +88,4 @@ const theme = {
   "defaultVariants": {
     "position": "top-right" as typeof position[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/tooltip.ts

@@ -1,18 +1,10 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/tooltip"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
-    "content": "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] min-h-6 px-2 py-1 text-xs bg-base-dark text-white dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20 origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
+    "content": "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] min-h-6 px-2.5 py-1 text-xs bg-base-dark text-white dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20 origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
     "arrow": "fill-base-dark dark:fill-base-100/20",
     "text": "text-pretty max-w-[200px]",
     "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-[''] before:me-0.5",
     "kbdsSize": "sm",
     "kbdsDepth": "normal"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui.css

@@ -1,3 +1,3 @@
 @source "./b24ui";
 
-@theme default {}
+@theme default inline {}

package/cli/templates.mjs

@@ -74,7 +74,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...(appConfig.b24ui?.${came
 [[/script]]
 
 [[template]]
-  [[Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })"]]
+  [[Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"]]
     [[slot /]]
   [[/Primitive]]
 [[/template]]
@@ -120,7 +120,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...(appConfig.b24ui?.${came
 [[/script]]
 
 [[template]]
-  [[${upperName}Root v-bind="rootProps" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })" /]]
+  [[${upperName}Root v-bind="rootProps" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })" /]]
 [[/template]]
 `)
   }