@bitrix24/b24ui-nuxt 2.0.9 → 2.1.1

package/dist/runtime/vue/components/Link.vue.d.ts

@@ -1,14 +1,15 @@
-import type { ButtonHTMLAttributes } from 'vue';
-import type { RouterLinkProps, RouteLocationRaw } from 'vue-router';
-interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
+import type { RouterLinkProps } from 'vue-router';
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+export interface LinkProps extends Omit<RouterLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
-     * Route Location the link should navigate to when clicked on.
+     * The element or component this component should render as when not a link.
+     * @defaultValue 'button'
      */
-    to?: RouteLocationRaw;
+    as?: any;
     /**
      * An alias for `to`. If used with `to`, `href` will be ignored
      */
-    href?: NuxtLinkProps['to'];
+    href?: LinkProps['to'];
     /**
      * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
      */
@@ -21,36 +22,6 @@ interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
     rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
-    /**
-     * If set to true, no rel attribute will be added to the link
-     */
-    noRel?: boolean;
-    /**
-     * A class to apply to links that have been prefetched.
-     */
-    prefetchedClass?: string;
-    /**
-     * When enabled will prefetch middleware, layouts and payloads of links in the viewport.
-     */
-    prefetch?: boolean;
-    /**
-     * Allows controlling when to prefetch links. By default, prefetch is triggered only on visibility.
-     */
-    prefetchOn?: 'visibility' | 'interaction' | Partial<{
-        visibility: boolean;
-        interaction: boolean;
-    }>;
-    /**
-     * Escape hatch to disable `prefetch` attribute.
-     */
-    noPrefetch?: boolean;
-}
-export interface LinkProps extends NuxtLinkProps {
-    /**
-     * The element or component this component should render as when not a link.
-     * @defaultValue 'button'
-     */
-    as?: any;
     /**
      * The type of the button when not a link.
      * @defaultValue 'button'
@@ -82,9 +53,9 @@ export interface LinkSlots {
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     as: any;
     type: "reset" | "submit" | "button";
+    active: boolean;
     activeClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    active: boolean;
     inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,12 +1,12 @@
 import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'b24ui'> {
+export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue

@@ -4,15 +4,62 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../../composables/useLocale";
 import icons from "../../../dictionary/icons";
 import B24Button from "../../../components/Button.vue";
-defineProps({
-  color: { type: null, required: false, default: "air-tertiary-no-accent" }
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  color: { type: null, required: false, default: "air-tertiary-no-accent" },
+  label: { type: String, required: false },
+  activeColor: { type: null, required: false },
+  depth: { type: null, required: false },
+  activeDepth: { type: null, required: false },
+  size: { type: null, required: false },
+  rounded: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false },
+  normalCase: { type: Boolean, required: false },
+  useWait: { type: Boolean, required: false },
+  useClock: { type: Boolean, required: false },
+  useDropdown: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  class: { type: null, required: false },
+  activeClass: { type: String, required: false },
+  inactiveClass: { type: String, required: false },
+  b24ui: { type: null, required: false },
+  icon: { type: [Function, Object], required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false },
+  exact: { type: Boolean, required: false },
+  exactQuery: { type: [Boolean, String], required: false },
+  exactHash: { type: Boolean, required: false },
+  isAction: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  href: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
 });
 const { t } = useLocale();
 const colorMode = useColorMode();
+const buttonProps = useForwardProps(reactiveOmit(props, "icon"));
 const isDark = computed({
   get() {
     return colorMode.value === "dark";
@@ -25,9 +72,12 @@ const isDark = computed({
 
 <template>
   <B24Button
-    :icon="isDark ? icons.dark : icons.light"
-    :color="color"
-    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
+    v-bind="{
+  ...buttonProps,
+  'icon': props.icon || (isDark ? icons.dark : icons.light),
+  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
+  ...$attrs
+}"
     @click="isDark = !isDark"
   />
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,12 +1,12 @@
 import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'b24ui'> {
+export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,6 +1,8 @@
-import type { SelectMenuProps } from '../../../types';
-export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+import type { SelectMenuProps, SelectMenuItem } from '../../../types';
+export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -4,14 +4,58 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../../composables/useLocale";
 import icons from "../../../dictionary/icons";
 import B24SelectMenu from "../../../components/SelectMenu.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({});
+const props = defineProps({
+  id: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  searchInput: { type: [Boolean, Object], required: false, default: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  noPadding: { type: Boolean, required: false },
+  noBorder: { type: Boolean, required: false },
+  underline: { type: Boolean, required: false },
+  rounded: { type: Boolean, required: false },
+  tag: { type: String, required: false },
+  tagColor: { type: null, required: false },
+  required: { type: Boolean, required: false },
+  trailingIcon: { type: [Function, Object], required: false },
+  selectedIcon: { type: [Function, Object], required: false },
+  content: { type: Object, required: false },
+  arrow: { type: [Boolean, Object], required: false },
+  portal: { type: [Boolean, String], required: false, skipCheck: true },
+  virtualize: { type: [Boolean, Object], required: false },
+  valueKey: { type: null, required: false },
+  labelKey: { type: null, required: false },
+  descriptionKey: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  multiple: { type: Boolean, required: false },
+  highlight: { type: Boolean, required: false },
+  createItem: { type: [Boolean, String, Object], required: false },
+  filterFields: { type: Array, required: false },
+  ignoreFilter: { type: Boolean, required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  resetSearchTermOnBlur: { type: Boolean, required: false },
+  resetSearchTermOnSelect: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  trailing: { type: Boolean, required: false }
+});
 const { t } = useLocale();
 const colorMode = useColorMode();
+const selectMenuProps = useForwardProps(props);
 const items = computed(() => [
   { label: t("colorMode.system"), value: "system", icon: icons.system },
   { label: t("colorMode.light"), value: "light", icon: icons.light },
@@ -31,8 +75,7 @@ const preference = computed({
   <B24SelectMenu
     v-model="preference"
     :icon="preference?.icon"
-    :search-input="false"
-    v-bind="$attrs"
+    v-bind="{ ...selectMenuProps, ...$attrs }"
     :items="items"
   />
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,6 +1,8 @@
-import type { SelectMenuProps } from '../../../types';
-export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+import type { SelectMenuProps, SelectMenuItem } from '../../../types';
+export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,5 +1,5 @@
 import type { SwitchProps } from '../../../types';
-export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'b24ui'> {
+export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue

@@ -4,14 +4,32 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../../composables/useLocale";
 import icons from "../../../dictionary/icons";
 import B24Switch from "../../../components/Switch.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({});
+const props = defineProps({
+  as: { type: null, required: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  loading: { type: Boolean, required: false },
+  loadingIcon: { type: [Function, Object], required: false },
+  label: { type: String, required: false },
+  description: { type: String, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  value: { type: String, required: false },
+  defaultValue: { type: Boolean, required: false }
+});
 const { t } = useLocale();
 const colorMode = useColorMode();
+const switchProps = useForwardProps(props);
 const isDark = computed({
   get() {
     return colorMode.value === "dark";
@@ -27,7 +45,10 @@ const isDark = computed({
     v-model="isDark"
     :checked-icon="icons.dark"
     :unchecked-icon="icons.light"
-    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-    v-bind="$attrs"
+    v-bind="{
+  ...switchProps,
+  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
+  ...$attrs
+}"
   />
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,5 +1,5 @@
 import type { SwitchProps } from '../../../types';
-export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'b24ui'> {
+export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/vue/stubs.d.ts

@@ -20,7 +20,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "system" | import("@vueuse/core").BasicColorMode;
+    preference: import("@vueuse/core").BasicColorMode | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };
@@ -36,7 +36,7 @@ export declare const useState: <T>(key: string, init: () => T) => Ref<T>;
 export declare function useNuxtApp(): {
     isHydrating: boolean;
     payload: {
-        serverRendered: boolean;
+        serverRendered: any;
     };
     hooks: import("hookable").Hookable<Record<string, any>, string>;
     hook: <NameT extends string>(name: NameT, function_: any, options?: {

package/dist/runtime/vue/stubs.js

@@ -71,7 +71,7 @@ const hooks = createHooks();
 export function useNuxtApp() {
   return {
     isHydrating: true,
-    payload: { serverRendered: false },
+    payload: { serverRendered: import.meta.env.SSR || false },
     hooks,
     hook: hooks.hook
   };

package/dist/shared/{b24ui-nuxt.4XNR9Ysu.mjs → b24ui-nuxt.B13KxxqP.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.0.9";
+const version = "2.1.1";
 
 function getDefaultConfig(theme) {
   return {
@@ -1650,7 +1650,7 @@ const chatMessage = {
     root: "group/message relative w-full",
     container: "relative flex items-start",
     leading: "inline-flex items-center justify-center min-h-6",
-    leadingIcon: "shrink-0",
+    leadingIcon: "shrink-0 text-(--ui-color-design-plain-content-icon-secondary)",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
     content: "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
@@ -3768,6 +3768,72 @@ const input = {
   }
 };
 
+const inputDate = () => {
+  return defuFn({
+    slots: {
+      root: () => void 0,
+      base: () => [
+        "group",
+        "relative",
+        "inline-flex items-center",
+        "select-none",
+        "transition-colors",
+        "style-blurred-bg-input"
+      ].join(" "),
+      segment: [
+        "rounded",
+        "text-center",
+        "outline-hidden",
+        "text-(--ui-color-base-1)",
+        "data-placeholder:text-(--ui-color-design-plain-na-content-secondary)",
+        "hover:text-(--ui-color-base-1)",
+        "focus:text-(--ui-color-base-1)",
+        "active:text-(--ui-color-base-1)",
+        "font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular)",
+        "align-middle",
+        "data-[segment=literal]:text-(--ui-color-base-6)",
+        "data-invalid:text-(--ui-color-accent-main-alert)",
+        "data-disabled:cursor-not-allowed",
+        "data-disabled:pointer-events-none",
+        "data-disabled:select-none",
+        "data-disabled:opacity-30",
+        "transition-colors",
+        "focus:bg-(--ui-color-bg-content-secondary)"
+      ].join(" "),
+      separatorIcon: "shrink-0 size-4 text-(--ui-color-base-6)"
+    },
+    variants: {
+      size: {
+        xss: {
+          base: (prev) => [prev, "gap-0.20", "px-1"].join(" "),
+          segment: "data-[segment=day]:w-6 data-[segment=month]:w-6 data-[segment=year]:w-9"
+        },
+        xs: {
+          base: (prev) => [prev, "gap-0.25", "px-2"].join(" "),
+          segment: "data-[segment=day]:w-6 data-[segment=month]:w-6 data-[segment=year]:w-9"
+        },
+        sm: {
+          base: (prev) => [prev, "gap-0.5", "px-2"].join(" "),
+          segment: "data-[segment=day]:w-6 data-[segment=month]:w-6 data-[segment=year]:w-9"
+        },
+        md: {
+          base: (prev) => [prev, "gap-0.5", "px-3"].join(" "),
+          segment: "data-[segment=day]:w-7 data-[segment=month]:w-7 data-[segment=year]:w-11"
+        },
+        lg: {
+          base: (prev) => [prev, "gap-0.75", "px-3"].join(" "),
+          segment: "data-[segment=day]:w-7 data-[segment=month]:w-7 data-[segment=year]:w-11"
+        },
+        xl: {
+          base: (prev) => [prev, "gap-0.75", "px-3"].join(" "),
+          segment: "data-[segment=day]:w-8 data-[segment=month]:w-8 data-[segment=year]:w-13"
+        }
+      }
+    },
+    compoundVariants: []
+  }, input);
+};
+
 const inputMenu = () => {
   return defuFn({
     slots: {
@@ -4756,6 +4822,72 @@ function replaceFocus$2(str) {
   return str.replace(/focus:/g, "has-focus:").replace(/focus-visible:/g, "has-focus-visible:");
 }
 
+const inputTime = () => {
+  return defuFn({
+    slots: {
+      root: () => void 0,
+      base: () => [
+        "group",
+        "relative",
+        "inline-flex items-center",
+        "select-none",
+        "transition-colors",
+        "style-blurred-bg-input"
+      ].join(" "),
+      segment: [
+        "rounded",
+        "text-center",
+        "outline-hidden",
+        "text-(--ui-color-base-1)",
+        "data-placeholder:text-(--ui-color-design-plain-na-content-secondary)",
+        "hover:text-(--ui-color-base-1)",
+        "focus:text-(--ui-color-base-1)",
+        "active:text-(--ui-color-base-1)",
+        "font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular)",
+        "align-middle",
+        "data-[segment=literal]:text-(--ui-color-base-6)",
+        "data-invalid:text-(--ui-color-accent-main-alert)",
+        "data-disabled:cursor-not-allowed",
+        "data-disabled:pointer-events-none",
+        "data-disabled:select-none",
+        "data-disabled:opacity-30",
+        "data-disabled:resize-none",
+        "transition-colors",
+        "focus:bg-(--ui-color-bg-content-secondary)"
+      ].join(" ")
+    },
+    variants: {
+      size: {
+        xss: {
+          base: (prev) => [prev, "gap-0.20", "px-1"].join(" "),
+          segment: "not-data-[segment=literal]:w-6"
+        },
+        xs: {
+          base: (prev) => [prev, "gap-0.25", "px-2"].join(" "),
+          segment: "not-data-[segment=literal]:w-6"
+        },
+        sm: {
+          base: (prev) => [prev, "gap-0.5", "px-2"].join(" "),
+          segment: "not-data-[segment=literal]:w-6"
+        },
+        md: {
+          base: (prev) => [prev, "gap-0.5", "px-3"].join(" "),
+          segment: "not-data-[segment=literal]:w-7"
+        },
+        lg: {
+          base: (prev) => [prev, "gap-0.75", "px-3"].join(" "),
+          segment: "not-data-[segment=literal]:w-7"
+        },
+        xl: {
+          base: (prev) => [prev, "gap-0.75", "px-3"].join(" "),
+          segment: "not-data-[segment=literal]:w-8"
+        }
+      }
+    },
+    compoundVariants: []
+  }, input);
+};
+
 const kbd$1 = {
   slots: {
     base: [
@@ -9021,9 +9153,11 @@ const theme = {
   form: form,
   formField: formField,
   input: input,
+  inputDate: inputDate,
   inputMenu: inputMenu,
   inputNumber: inputNumber,
   inputTags: inputTags,
+  inputTime: inputTime,
   kbd: kbd$1,
   link: link,
   modal: modal,
@@ -9903,7 +10037,7 @@ const pre = {
       "text-(length:--ui-font-size-md)/(--ui-font-line-height-md)",
       "font-[family-name:var(--ui-font-family-system-mono)]",
       "border border-(--ui-color-design-tinted-na-stroke)",
-      "bg-(--ui-color-gray-90) dark:bg-(--ui-color-gray-90)/20",
+      "bg-(--ui-color-gray-90) dark:bg-(--ui-color-gray-90)/20 light:bg-(--ui-color-gray-90)",
       "rounded-(--ui-border-radius-md)",
       "px-4 py-3",
       "whitespace-pre-wrap",

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.4XNR9Ysu.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.B13KxxqP.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.4XNR9Ysu.mjs';
+import './shared/b24ui-nuxt.B13KxxqP.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';