@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

package/.nuxt/b24ui/navigation-menu.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/navigation-menu"
+
 const color = [
   "default",
   "danger",
@@ -35,7 +37,11 @@ const contentOrientation = [
   "vertical"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "relative flex [&>div]:min-w-0 font-b24-secondary",
     "list": "isolate min-w-0",
@@ -819,4 +825,6 @@ export default {
     "contentOrientation": "vertical" as typeof contentOrientation[number],
     "variant": "link" as typeof variant[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/popover.ts

@@ -1,6 +1,14 @@
-export default {
+import template from "/home/runner/work/b24ui/b24ui/src/theme/popover"
+
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "content": "bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto",
     "arrow": "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/progress.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/progress"
+
 const animation = [
   "loading",
   "carousel",
@@ -36,7 +38,11 @@ const orientation = [
   "vertical"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "gap-2",
     "base": "relative overflow-hidden rounded-full bg-base-200 dark:bg-base-800",
@@ -300,4 +306,6 @@ export default {
     "color": "primary" as typeof color[number],
     "size": "md" as typeof size[number]
   }
-}
+}
+
+export default result as typeof theme

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

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/radio-group"
+
 const color = [
   "default",
   "danger",
@@ -33,7 +35,11 @@ const size = [
   "lg"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "relative",
     "fieldset": "flex",
@@ -340,4 +346,6 @@ export default {
     "orientation": "vertical" as typeof orientation[number],
     "indicator": "start" as typeof indicator[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/range.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/range"
+
 const color = [
   "default",
   "danger",
@@ -21,7 +23,11 @@ const orientation = [
   "vertical"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "relative flex items-center select-none touch-none",
     "track": "relative bg-base-200 dark:bg-base-800 overflow-hidden rounded-full grow",
@@ -169,4 +175,6 @@ export default {
     "size": "md" as typeof size[number],
     "color": "primary" as typeof color[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/select-menu.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/select-menu"
+
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -47,7 +49,11 @@ const colorItem = [
   "ai"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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",
@@ -557,4 +563,6 @@ export default {
     "color": "primary" as typeof color[number],
     "tagColor": "primary" as typeof tagColor[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/select.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/select"
+
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -47,7 +49,11 @@ const colorItem = [
   "ai"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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",
@@ -547,4 +553,6 @@ export default {
     "color": "primary" as typeof color[number],
     "tagColor": "primary" as typeof tagColor[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/separator.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/separator"
+
 const color = [
   "default",
   "danger",
@@ -28,7 +30,11 @@ const type = [
   "dotted"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "flex items-center align-center text-center",
     "border": "",
@@ -173,4 +179,6 @@ export default {
     "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,4 +1,10 @@
-export default {
+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 = {
   "slots": {
     "root": "py-4 flex flex-1 flex-col overflow-y-auto [&>[data-slot=section]+[data-slot=section]]:mt-8"
   },
@@ -12,4 +18,6 @@ export default {
   "defaultVariants": {
     "scrollbarThin": true
   }
-}
+}
+
+export default result as typeof theme

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

@@ -1,5 +1,13 @@
-export default {
+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 = {
   "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,5 +1,13 @@
-export default {
+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 = {
   "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,5 +1,13 @@
-export default {
+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 = {
   "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,4 +1,10 @@
-export default {
+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 = {
   "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",
@@ -37,4 +43,6 @@ export default {
   "defaultVariants": {
     "useLightContent": true
   }
-}
+}
+
+export default result as typeof theme

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

@@ -1,5 +1,13 @@
-export default {
+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 = {
   "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,5 +1,13 @@
-export default {
+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 = {
   "slots": {
     "root": "mt-8 flex-1"
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/sidebar.ts

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

package/.nuxt/b24ui/skeleton.ts

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

package/.nuxt/b24ui/slideover.ts

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

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

@@ -1,4 +1,10 @@
-export default {
+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 = {
   "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",
@@ -31,4 +37,6 @@ export default {
   "defaultVariants": {
     "useLightContent": true
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/switch.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/switch"
+
 const color = [
   "default",
   "danger",
@@ -16,7 +18,11 @@ const size = [
   "lg"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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",
@@ -125,4 +131,6 @@ export default {
     "color": "primary" as typeof color[number],
     "size": "md" as typeof size[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/tabs.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/tabs"
+
 const color = [
   "default",
   "danger",
@@ -27,7 +29,11 @@ const size = [
   "xl"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "slots": {
     "root": "flex items-center gap-2",
     "list": "relative flex p-1 group",
@@ -331,4 +337,6 @@ export default {
     "variant": "link" as typeof variant[number],
     "size": "md" as typeof size[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/textarea.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/textarea"
+
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -25,7 +27,11 @@ const tagColor = [
   "ai"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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",
@@ -357,4 +363,6 @@ export default {
     "color": "primary" as typeof color[number],
     "tagColor": "primary" as typeof tagColor[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/toast.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/toast"
+
 const color = [
   "default",
   "danger",
@@ -14,7 +16,11 @@ const orientation = [
   "vertical"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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",
@@ -89,4 +95,6 @@ export default {
   "defaultVariants": {
     "color": "default" as typeof color[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/toaster.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/b24ui/b24ui/src/theme/toaster"
+
 const position = [
   "top-left",
   "top-center",
@@ -14,7 +16,11 @@ const swipeDirection = [
   "left"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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"
@@ -88,4 +94,6 @@ export default {
   "defaultVariants": {
     "position": "top-right" as typeof position[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/b24ui/tooltip.ts

@@ -1,4 +1,10 @@
-export default {
+import template from "/home/runner/work/b24ui/b24ui/src/theme/tooltip"
+
+const result = typeof template === 'function' ? (template as Function)({
+  "colorMode": true
+}) : template
+
+const theme = {
   "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 pointer-events-auto",
     "arrow": "fill-base-dark dark:fill-base-100/20",
@@ -7,4 +13,6 @@ export default {
     "kbdsSize": "sm",
     "kbdsDepth": "normal"
   }
-}
+}
+
+export default result as typeof theme

package/cli/templates.mjs

@@ -39,13 +39,10 @@ const component = ({ name, primitive, pro, prose, content }) => {
       ? replaceBrackets(`
 [[script lang="ts"]]
 import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
 import theme from '#build/${path}/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
-import { tv } from '../utils/tv'
-
-const appConfig${camelName} = _appConfig as AppConfig & { ${key}: { ${prose ? 'prose: { ' : ''}${camelName}: Partial<typeof theme> } }${prose ? ' }' : ''}
+import type { ComponentConfig } from '../types/utils'
 
-const ${camelName} = tv({ extend: tv(theme), ...(appConfig${camelName}.${key}?.${prose ? 'prose?.' : ''}${camelName} || {}) })
+type ${upperName} = ComponentConfig<typeof theme, AppConfig, ${upperName}>
 
 export interface ${upperName}Props {
   /**
@@ -54,7 +51,7 @@ export interface ${upperName}Props {
    */
   as?: any
   class?: any
-  b24ui?: Partial<typeof ${camelName}.slots>
+  b24ui?: ${upperName}['slots']
 }
 
 export interface ${upperName}Slots {
@@ -63,12 +60,17 @@ export interface ${upperName}Slots {
 [[/script]]
 
 [[script setup lang="ts"]]
+import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
+import { useAppConfig } from '#imports'
+import { tv } from '../utils/tv'
 
 const props = defineProps<${upperName}Props>()
 defineSlots<${upperName}Slots>()
 
-const b24ui = ${camelName}()
+const appConfig = useAppConfig() as ${upperName}['AppConfig']
+
+const b24ui = computed(() => tv({ extend: tv(theme), ...(appConfig.b24ui?.${camelName} || {}) })())
 [[/script]]
 
 [[template]]
@@ -79,22 +81,18 @@ const b24ui = ${camelName}()
 `)
       : replaceBrackets(`
 [[script lang="ts"]]
-import type { VariantProps } from 'tailwind-variants'
 import type { ${upperName}RootProps, ${upperName}RootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
 import theme from '#build/${path}/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
-import { tv } from '../utils/tv'
+import type { ComponentConfig } from '../types/utils'
 
 const appConfig${camelName} = _appConfig as AppConfig & { ${key}: { ${prose ? 'prose: { ' : ''}${camelName}: Partial[[typeof theme]] } }${prose ? ' }' : ''}
 
-const ${camelName} = tv({ extend: tv(theme), ...(appConfig${camelName}.${key}?.${prose ? 'prose?.' : ''}${camelName} || {}) })
-
-type ${upperName}Variants = VariantProps[[typeof ${camelName}]]
+type ${upperName} = ComponentConfig<typeof theme, AppConfig, ${upperName}>
 
 export interface ${upperName}Props extends Pick[[${upperName}RootProps]] {
   class?: any
-  b24ui?: Partial[[typeof ${camelName}.slots]]
+  b24ui?: ${upperName}['slots']
 }
 
 export interface ${upperName}Emits extends ${upperName}RootEmits {}
@@ -103,16 +101,22 @@ export interface ${upperName}Slots {}
 [[/script]]
 
 [[script setup lang="ts"]]
+
+
 import { ${upperName}Root, useForwardPropsEmits } from 'reka-ui'
 import { reactivePick } from '@vueuse/core'
+import { useAppConfig } from '#imports'
+import { tv } from '../utils/tv'
 
 const props = defineProps<${upperName}Props>()
 const emits = defineEmits<${upperName}Emits>()
 const slots = defineSlots<${upperName}Slots>()
 
+const appConfig = useAppConfig() as ${upperName}['AppConfig']
+
 const rootProps = useForwardPropsEmits(reactivePick(props), emits)
 
-const b24ui = ${camelName}()
+const b24ui = computed(() => tv({ extend: tv(theme), ...(appConfig.b24ui?.${camelName} || {}) })())
 [[/script]]
 
 [[template]]