@byyuurin/ui 0.0.3 → 0.0.4

package/README.md

@@ -107,16 +107,18 @@ export default defineNuxtConfig({
     '@unocss/reset/tailwind.css',
   ],
   ui: {
-    prefix: 'U',
+    prefix: 'U', // optional
   },
 })
 ```
 
-## Thanks
+## Credits
 
 - [UnoCSS](https://github.com/unocss/unocss)
 - [daisyui](https://github.com/saadeghi/daisyui)
 - [@nuxt/ui](https://github.com/nuxt/ui)
+- [Reka UI](https://github.com/unovue/radix-vue)
+- [VueUse](https://github.com/vueuse/vueuse)
 
 ## License
 

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
 import { defineNuxtModule, useLogger, addComponent } from '@nuxt/kit';
-import { p as packageName, c as componentNames } from './shared/ui.CPXA9QoM.mjs';
+import { p as packageName, c as componentNames } from './shared/ui.Cmq14xN9.mjs';
 
 const nuxt = defineNuxtModule({
   meta: {

package/dist/resolver.mjs

@@ -1,4 +1,4 @@
-import { c as componentNames, p as packageName } from './shared/ui.CPXA9QoM.mjs';
+import { c as componentNames, p as packageName } from './shared/ui.Cmq14xN9.mjs';
 
 function resolver(options = {}) {
   const { prefix = "" } = options;

package/dist/runtime/components/App.vue

@@ -1,8 +1,10 @@
 <script lang="ts">
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui'
+import type { UserConfig } from 'unocss'
 import type { ThemeExtension, ToasterProps } from '../types'
 
 export interface AppProps extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
+  unoConfig?: UserConfig
   ui?: ThemeExtension
   tooltip?: TooltipProviderProps
   toaster?: ToasterProps
@@ -19,11 +21,12 @@ import { ConfigProvider, TooltipProvider, useForwardProps } from 'reka-ui'
 import { computed, shallowRef, toRef, useId } from 'vue'
 import type { ModalState } from '../composables/useModal'
 import { provideModalState } from '../composables/useModal'
-import { provideThemeExtension } from '../composables/useTheme'
+import { provideThemeExtension, provideUnoConfig } from '../composables/useTheme'
 import ModalProvider from './ModalProvider.vue'
 import Toaster from './Toaster.vue'
 
 const props = withDefaults(defineProps<AppProps>(), {
+  unoConfig: () => ({}),
   ui: () => ({}),
 })
 
@@ -41,6 +44,7 @@ const modalState = shallowRef<ModalState>({
 const themeExtension = computed(() => props.ui)
 
 provideModalState(modalState)
+provideUnoConfig(props.unoConfig)
 provideThemeExtension(themeExtension)
 </script>
 

package/dist/runtime/components/Button.vue

@@ -19,7 +19,6 @@ export interface ButtonProps extends Omit<ComponentAttrs<typeof button>, 'ui'>,
   label?: string
   variant?: ButtonVariants['variant']
   size?: ButtonVariants['size']
-  round?: boolean
   loading?: boolean
   active?: boolean
   disabled?: boolean

package/dist/runtime/components/Checkbox.vue

@@ -55,10 +55,7 @@ const id = props.id ?? useId()
 const { theme, createStyler } = useTheme()
 const style = computed(() => {
   const styler = createStyler(theme.value.checkbox)
-  return styler({
-    ...props,
-    checked: Boolean(innerValue.value ?? props.defaultValue),
-  })
+  return styler(props)
 })
 
 function onUpdate(value: any) {
@@ -81,7 +78,7 @@ function onUpdate(value: any) {
         :class="style.base({ class: props.ui?.base })"
         @update:model-value="onUpdate"
       >
-        <CheckboxIndicator as-child>
+        <CheckboxIndicator as-child force-mount>
           <i
             v-if="modelValue === 'indeterminate'"
             :class="style.icon({ class: [props.indeterminateIcon || theme.app.icons.indeterminate, props.ui?.icon] })"

package/dist/runtime/components/Input.vue

@@ -128,7 +128,11 @@ onMounted(() => {
 </script>
 
 <template>
-  <Primitive :as="as" :class="style.root({ class: [props.class, props.ui?.root] })" :aria-disabled="props.disabled ? true : undefined">
+  <Primitive
+    :as="as"
+    :class="style.root({ class: [props.class, props.ui?.root] })"
+    :aria-disabled="props.disabled ? true : undefined"
+  >
     <span v-if="isPrefix || slots.prefix" :class="style.prefix({ class: props.ui?.prefix })">
       <slot name="prefix">
         <i

package/dist/runtime/components/ModalProvider.vue

@@ -6,5 +6,5 @@ const { isOpen } = useModal()
 </script>
 
 <template>
-  <component :is="modalState.component" v-if="modalState?.props.open" v-bind="modalState.props" v-model:open="isOpen" />
+  <component :is="modalState.component" v-if="modalState" v-bind="modalState.props" v-model:open="isOpen" />
 </template>

package/dist/runtime/components/RadioGroup.vue

@@ -38,10 +38,6 @@ export interface RadioGroupProps<T> extends ComponentAttrs<typeof radioGroup>, P
    * @default 'vertical'
    */
   orientation?: RadioGroupRootProps['orientation']
-  /** @default true */
-  round?: boolean
-  /** @default true */
-  dot?: boolean
 }
 
 export interface RadioGroupEmits {
@@ -83,8 +79,6 @@ const props = withDefaults(defineProps<RadioGroupProps<T>>(), {
   labelKey: 'label',
   descriptionKey: 'description',
   orientation: 'vertical',
-  dot: true,
-  round: true,
 })
 
 const emit = defineEmits<RadioGroupEmits>()
@@ -160,7 +154,7 @@ function onUpdate(value: any) {
             :disabled="item.disabled"
             :class="style.base({ class: props.ui?.base })"
           >
-            <RadioGroupIndicator :class="style.indicator({ class: props.ui?.indicator })" />
+            <RadioGroupIndicator :class="style.indicator({ class: props.ui?.indicator })" force-mount />
           </RadioGroupItem>
         </div>
 

package/dist/runtime/components/ScrollArea.vue

@@ -0,0 +1,72 @@
+<script lang="ts">
+import type { ScrollAreaRootProps } from 'reka-ui'
+import type { scrollArea } from '../theme'
+import { transitionProps } from '../theme/scrollArea'
+import type { ComponentAttrs } from '../types'
+
+export interface ScrollAreaProps extends ComponentAttrs<typeof scrollArea>, Pick<ScrollAreaRootProps, 'type' | 'dir' | 'scrollHideDelay'> {}
+</script>
+
+<script setup lang="ts">
+import { reactivePick } from '@vueuse/core'
+import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from 'reka-ui'
+import { computed, ref } from 'vue'
+import { useTheme } from '../composables'
+
+const props = withDefaults(defineProps<ScrollAreaProps>(), {})
+const rootRef = ref<InstanceType<typeof ScrollAreaRoot>>()
+const rootProps = reactivePick(props, 'type', 'dir', 'scrollHideDelay')
+
+const { theme, createStyler } = useTheme()
+
+const style = computed(() => {
+  const styler = createStyler(theme.value.scrollArea)
+  return styler(props)
+})
+
+defineExpose({
+  scrollTop,
+  scrollTopLeft,
+})
+
+function scrollTop() {
+  rootRef.value?.scrollTop()
+}
+
+function scrollTopLeft() {
+  rootRef.value?.scrollTopLeft()
+}
+</script>
+
+<template>
+  <ScrollAreaRoot
+    ref="rootRef"
+    v-bind="rootProps"
+    :class="style.root({ class: [props.class, props.ui?.root] })"
+  >
+    <ScrollAreaViewport :class="style.viewport({ class: props.ui?.viewport })">
+      <slot></slot>
+    </ScrollAreaViewport>
+
+    <TransitionGroup v-bind="transitionProps">
+      <ScrollAreaScrollbar
+        key="scrollbar-horizontal"
+        :class="style.scrollbar({ class: props.ui?.scrollbar })"
+        orientation="horizontal"
+      >
+        <ScrollAreaThumb :class="style.thumb({ class: props.ui?.thumb })" />
+      </ScrollAreaScrollbar>
+      <ScrollAreaScrollbar
+        key="scrollbar-vertical"
+        :class="style.scrollbar({ class: props.ui?.scrollbar })"
+        orientation="vertical"
+      >
+        <ScrollAreaThumb :class="style.thumb({ class: props.ui?.thumb })" />
+      </ScrollAreaScrollbar>
+      <ScrollAreaCorner
+        key="corner"
+        :class="style.corner({ class: props.ui?.corner })"
+      />
+    </TransitionGroup>
+  </ScrollAreaRoot>
+</template>

package/dist/runtime/components/Switch.vue

@@ -22,7 +22,6 @@ export interface SwitchProps extends ComponentAttrs<typeof _switch>, Pick<Switch
   uncheckedIcon?: string
   label?: string
   description?: string
-  round?: boolean
 }
 
 export interface SwitchEmits {

package/dist/runtime/components/Tabs.vue

@@ -41,9 +41,9 @@ export interface TabsEmits extends TabsRootEmits<string | number> {}
 type SlotProps<T> = (props: { item: T, index: number }) => any
 
 export type TabsSlots<T extends { slot?: string }> = {
-  leading?: SlotProps<T>
+  prefix?: SlotProps<T>
   default?: SlotProps<T>
-  trailing?: SlotProps<T>
+  suffix?: SlotProps<T>
   content?: SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 </script>
@@ -89,15 +89,15 @@ const style = computed(() => {
         :disabled="item.disabled"
         :class="style.trigger({ class: props.ui?.trigger })"
       >
-        <slot name="leading" :item="item" :index="index">
-          <i v-if="item.icon" :class="style.leadingIcon({ class: [item.icon, props.ui?.leadingIcon] })"></i>
+        <slot name="prefix" :item="item" :index="index">
+          <i v-if="item.icon" :class="style.prefixIcon({ class: [item.icon, props.ui?.prefixIcon] })"></i>
         </slot>
 
         <span v-if="get(item, props.labelKey) || slots.default" :class="style.label({ class: props.ui?.label })">
           <slot :item="item" :index="index">{{ get(item, props.labelKey) }}</slot>
         </span>
 
-        <slot name="trailing" :item="item" :index="index"></slot>
+        <slot name="suffix" :item="item" :index="index"></slot>
       </TabsTrigger>
     </TabsList>
 

package/dist/runtime/components/Textarea.vue

@@ -0,0 +1,173 @@
+<script lang="ts">
+import type { VariantProps } from '@byyuurin/ui-kit'
+import type { PrimitiveProps } from 'reka-ui'
+import type { textarea } from '../theme'
+import type { ComponentAttrs } from '../types'
+
+type TextareaVariants = VariantProps<typeof textarea>
+
+export interface TextareaProps extends ComponentAttrs<typeof textarea> {
+  /**
+   * The element or component this component should render as.
+   * @defaultValue 'div'
+   */
+  as?: PrimitiveProps['as']
+  id?: string
+  name?: string
+  placeholder?: string
+  size?: TextareaVariants['size']
+  variant?: TextareaVariants['variant']
+  highlight?: boolean
+  underline?: boolean
+  required?: boolean
+  autofocus?: boolean
+  autofocusDelay?: number
+  disabled?: boolean
+  rows?: number
+  maxRows?: number
+  autoResize?: boolean
+}
+
+export interface TextareaEmits {
+  (e: 'update:modelValue', payload: string): void
+  (e: 'blur', event: FocusEvent): void
+  (e: 'change', event: Event): void
+}
+
+export interface TextareaSlots {
+  default?: (props?: {}) => any
+}
+</script>
+
+<script setup lang="ts">
+import { Primitive } from 'reka-ui'
+import { computed, nextTick, onMounted, ref, watch } from 'vue'
+import { useTheme } from '../composables'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<TextareaProps>(), {
+  size: 'md',
+  variant: 'outline',
+  rows: 3,
+  maxRows: 0,
+  autofocusDelay: 0,
+})
+
+const emit = defineEmits<TextareaEmits>()
+defineSlots<TextareaSlots>()
+const [modelValue, modelModifiers] = defineModel<string | number>()
+
+const textareaRef = ref<HTMLTextAreaElement | null>(null)
+
+const { theme, createStyler } = useTheme()
+const style = computed(() => {
+  const styler = createStyler(theme.value.textarea)
+  return styler(props)
+})
+
+function autoFocus() {
+  if (props.autofocus)
+    textareaRef.value?.focus()
+}
+
+function updateInput(value: string) {
+  if (modelModifiers.trim)
+    value = value.trim()
+
+  modelValue.value = value
+}
+
+function onInput(event: Event) {
+  autoResize()
+
+  if (!modelModifiers.lazy)
+    updateInput((event.target as HTMLInputElement).value)
+}
+
+function onChange(event: Event) {
+  const value = (event.target as HTMLInputElement).value
+
+  if (modelModifiers.lazy)
+    updateInput(value)
+
+  if (modelModifiers.trim)
+    (event.target as HTMLInputElement).value = value.trim()
+
+  emit('change', event)
+}
+
+function onBlur(event: FocusEvent) {
+  emit('blur', event)
+}
+
+function autoResize() {
+  if (!props.autoResize)
+    return
+
+  if (!textareaRef.value)
+    return
+
+  textareaRef.value.rows = props.rows
+
+  const overflow = textareaRef.value.style.overflow
+  textareaRef.value.style.overflow = 'hidden'
+
+  const styles = window.getComputedStyle(textareaRef.value)
+  const paddingTop = Number.parseInt(styles.paddingTop)
+  const paddingBottom = Number.parseInt(styles.paddingBottom)
+  const padding = paddingTop + paddingBottom
+  const lineHeight = Number.parseInt(styles.lineHeight)
+  const { scrollHeight } = textareaRef.value
+  const newRows = Math.ceil((scrollHeight - padding) / lineHeight)
+
+  if (newRows > props.rows)
+    textareaRef.value.rows = props.maxRows ? Math.min(newRows, props.maxRows) : newRows
+
+  textareaRef.value.style.overflow = overflow
+}
+
+watch(modelValue, () => {
+  nextTick(autoResize)
+})
+
+defineExpose({
+  textareaRef,
+})
+
+onMounted(() => {
+  setTimeout(() => {
+    autoFocus()
+  }, props.autofocusDelay)
+})
+</script>
+
+<template>
+  <Primitive
+    :as="props.as"
+    :class="style.root({ class: [props.class, props.ui?.root] })"
+    :aria-disabled="props.disabled ? true : undefined"
+  >
+    <textarea
+      :id="props.id"
+      ref="textareaRef"
+      :value="modelValue"
+      :name="props.name"
+      :rows="props.rows"
+      :placeholder="props.placeholder"
+      :class="style.base({ class: props.ui?.base })"
+      :disabled="props.disabled"
+      :required="props.required"
+      v-bind="$attrs"
+      @input="onInput"
+      @blur="onBlur"
+      @change="onChange"
+      @focus="autoResize"
+    >
+    </textarea>
+
+    <slot></slot>
+  </Primitive>
+</template>

package/dist/runtime/components/Toast.vue

@@ -121,6 +121,6 @@ defineExpose({
       </ToastClose>
     </div>
 
-    <div v-if="remaining > 0 && duration" :class="style.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }"></div>
+    <div v-if="remaining >= 0 && duration" :class="style.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }"></div>
   </ToastRoot>
 </template>

package/dist/runtime/components/index.d.ts

@@ -10,9 +10,11 @@ export { default as Modal } from './Modal.vue';
 export { default as ModalProvider } from './ModalProvider.vue';
 export { default as Popover } from './Popover.vue';
 export { default as RadioGroup } from './RadioGroup.vue';
+export { default as ScrollArea } from './ScrollArea.vue';
 export { default as Select } from './Select.vue';
 export { default as Switch } from './Switch.vue';
 export { default as Tabs } from './Tabs.vue';
+export { default as Textarea } from './Textarea.vue';
 export { default as Toast } from './Toast.vue';
 export { default as Toaster } from './Toaster.vue';
 export { default as Tooltip } from './Tooltip.vue';

package/dist/runtime/components/index.mjs

@@ -10,9 +10,11 @@ export { default as Modal } from "./Modal.vue";
 export { default as ModalProvider } from "./ModalProvider.vue";
 export { default as Popover } from "./Popover.vue";
 export { default as RadioGroup } from "./RadioGroup.vue";
+export { default as ScrollArea } from "./ScrollArea.vue";
 export { default as Select } from "./Select.vue";
 export { default as Switch } from "./Switch.vue";
 export { default as Tabs } from "./Tabs.vue";
+export { default as Textarea } from "./Textarea.vue";
 export { default as Toast } from "./Toast.vue";
 export { default as Toaster } from "./Toaster.vue";
 export { default as Tooltip } from "./Tooltip.vue";

package/dist/runtime/composables/defineInjection.d.ts

@@ -0,0 +1,11 @@
+import type { InjectionKey } from 'vue';
+export declare function defineInjection<T>(name: string): {
+    InjectionKey: InjectionKey<T>;
+    provide: (value: T) => void;
+    inject: () => T | undefined;
+};
+export declare function defineInjection<T>(name: string, defaultValue: T): {
+    InjectionKey: InjectionKey<T>;
+    provide: (value: T) => void;
+    inject: () => T;
+};

package/dist/runtime/composables/defineInjection.mjs

@@ -0,0 +1,9 @@
+import { inject, provide } from "vue";
+export function defineInjection(name, defaultValue) {
+  const InjectionKey = Symbol(name);
+  return {
+    InjectionKey,
+    provide: (value) => provide(InjectionKey, value),
+    inject: () => inject(InjectionKey, defaultValue)
+  };
+}

package/dist/runtime/composables/index.d.ts

@@ -1,3 +1,4 @@
+export { defineInjection } from './defineInjection';
 export { useComponentIcons } from './useComponentIcons';
 export { useModal } from './useModal';
 export { useTheme } from './useTheme';

package/dist/runtime/composables/index.mjs

@@ -1,3 +1,4 @@
+export { defineInjection } from "./defineInjection.mjs";
 export { useComponentIcons } from "./useComponentIcons.mjs";
 export { useModal } from "./useModal.mjs";
 export { useTheme } from "./useTheme.mjs";

package/dist/runtime/composables/useModal.d.ts

@@ -5,7 +5,7 @@ export interface ModalState {
     component: Component | string;
     props: ModalProps;
 }
-export declare const injectModalState: () => ShallowRef<ModalState> | undefined, provideModalState: (value: ShallowRef<ModalState>) => void;
+export declare const InjectionKeyModalState: import("vue").InjectionKey<ShallowRef<ModalState>>, injectModalState: () => ShallowRef<ModalState> | undefined, provideModalState: (value: ShallowRef<ModalState>) => void;
 export declare const useModal: () => {
     open: <T extends Component>(component: T, props?: ModalProps & ComponentProps<T>) => void;
     close: () => void;

package/dist/runtime/composables/useModal.mjs

@@ -1,10 +1,11 @@
 import { createSharedComposable } from "@vueuse/core";
 import { ref } from "vue";
-import { createInjection } from "../utils/index.mjs";
+import { defineInjection } from "./defineInjection.mjs";
 export const {
+  InjectionKey: InjectionKeyModalState,
   inject: injectModalState,
   provide: provideModalState
-} = createInjection("ui.modal");
+} = defineInjection("ui.modal");
 export const useModal = createSharedComposable(() => {
   const modalState = injectModalState();
   const isOpen = ref(false);

package/dist/runtime/composables/useTheme.d.ts

@@ -1,6 +1,8 @@
+import type { UserConfig } from 'unocss';
 import type { MaybeRefOrGetter } from 'vue';
 import * as theme from '../theme';
-export declare const provideThemeExtension: (value: MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>) => void, injectThemeExtension: () => MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>;
+export declare const InjectionKeyThemeExtension: import("vue").InjectionKey<MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>>, provideThemeExtension: (value: MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>) => void, injectThemeExtension: () => MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>;
+export declare const InjectionKeyUnoConfig: import("vue").InjectionKey<UserConfig<object>>, provideUnoConfig: (value: UserConfig<object>) => void, injectUnoConfig: () => UserConfig<object>;
 export declare const useTheme: () => {
     theme: import("vue").ComputedRef<typeof theme>;
     createStyler: <V extends import("@byyuurin/ui-kit/index").CVVariants<S, B>, CV extends import("@byyuurin/ui-kit/index").CVCompoundVariants<V, S, B>, B extends import("@byyuurin/ui-kit/index").ClassValue = undefined, S extends import("@byyuurin/ui-kit/index").CVSlots = undefined>(theme: import("@byyuurin/ui-kit/index").CVMeta<V, CV, never, B, S>) => [keyof V] extends string[] ? (props: Required<import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };

package/dist/runtime/composables/useTheme.mjs

@@ -1,18 +1,26 @@
-import { createMergeRules } from "@byyuurin/ui/unocss-preset";
+import { transformUnoRules } from "@byyuurin/ui/unocss-preset";
 import { createSharedComposable } from "@vueuse/core";
 import { computed, toValue } from "vue";
 import * as theme from "../theme/index.mjs";
-import { createInjection, extendTheme, prepareStyler } from "../utils/index.mjs";
+import { extendTheme, prepareStyler } from "../utils/index.mjs";
+import { defineInjection } from "./defineInjection.mjs";
 export const {
+  InjectionKey: InjectionKeyThemeExtension,
   provide: provideThemeExtension,
   inject: injectThemeExtension
-} = createInjection("ui.themeExtension", {});
+} = defineInjection("ui.themeExtension", {});
+export const {
+  InjectionKey: InjectionKeyUnoConfig,
+  provide: provideUnoConfig,
+  inject: injectUnoConfig
+} = defineInjection("ui.unoConfig", {});
 export const useTheme = createSharedComposable(() => {
-  const _theme = injectThemeExtension();
-  const mergeRules = createMergeRules();
+  const themeExtension = injectThemeExtension();
+  const unoConfig = injectUnoConfig();
+  const mergeRules = transformUnoRules(unoConfig);
   const { createStyler } = prepareStyler(mergeRules);
   return {
-    theme: computed(() => extendTheme(toValue(_theme), theme)),
+    theme: computed(() => extendTheme(toValue(themeExtension), theme)),
     createStyler
   };
 });

package/dist/runtime/theme/button.d.ts

@@ -41,14 +41,6 @@ declare const _default: {
                 base: string;
             };
         };
-        round: {
-            true: {
-                base: string;
-            };
-            false: {
-                base: string;
-            };
-        };
         active: {
             true: "";
         };

package/dist/runtime/theme/button.mjs

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct({
   slots: {
     base: [
-      "inline-flex items-center leading-normal transition-colors",
+      "inline-flex items-center rounded-ui-button leading-normal transition-colors",
       "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50"
     ],
     label: "color-inherit",
@@ -64,14 +64,6 @@ export default ct({
         base: "text-xl"
       }
     },
-    round: {
-      true: {
-        base: "rounded-full"
-      },
-      false: {
-        base: "rounded-ui-button"
-      }
-    },
     active: {
       true: ""
     },

package/dist/runtime/theme/checkbox.d.ts

@@ -40,12 +40,6 @@ declare const _default: {
                 label: string;
             };
         };
-        checked: {
-            true: {
-                base: string;
-                icon: string;
-            };
-        };
     };
     compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
         size: {
@@ -78,12 +72,6 @@ declare const _default: {
                 label: string;
             };
         };
-        checked: {
-            true: {
-                base: string;
-                icon: string;
-            };
-        };
     }, {
         root: string;
         base: string[];