@byyuurin/ui 0.3.0 → 0.4.0

package/dist/runtime/types/utils.d.ts

@@ -8,7 +8,7 @@ export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined;
 };
 type SlotProps<T> = T extends Record<string, any> ? {
-    [P in keyof T & string]: T[P] extends undefined ? T[P] | undefined : T[P];
+    [P in keyof T]: T[P];
 } : Record<string, never>;
 export type StaticSlot<P extends Record<string, any> | undefined = undefined> = P extends Record<string, any> ? (props: SlotProps<P>) => any : (props?: SlotProps<undefined>) => any;
 export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined, Base extends boolean = true> = (Name extends string ? Suffix extends string ? Base extends true ? Name | `${Name}-${Suffix}` : `${Name}-${Suffix}` : Name : never);

package/dist/runtime/vue/components/Icon.vue

@@ -10,6 +10,6 @@ const props = defineProps({
 </script>
 
 <template>
-  <IconifyIcon v-if="typeof props.name === 'string'" :icon="props.name.replace(/^i-/, '')" />
-  <component :is="props.name" v-else />
+  <IconifyIcon v-if="typeof props.name === 'string'" :icon="props.name.replace(/^i-/, '')" />
+  <component :is="props.name" v-else />
 </template>

package/dist/setup.d.mts

@@ -1,7 +1,7 @@
 import '#build/ui';
 import './shared/ui.IulR-OYx.mjs';
 import '../dist/runtime/types/style.js';
-export { A as AppConfigIcons, a as AppConfigUI, s as setup } from './shared/ui.D8Bg1HWt.mjs';
+export { A as AppConfigIcons, a as AppConfigUI, s as setup } from './shared/ui.CGCKYv7g.mjs';
 import './unocss.mjs';
 import '@nuxt/schema';
 import '@unocss/preset-wind4/colors';

package/dist/shared/{ui.D8Bg1HWt.d.mts → ui.CGCKYv7g.d.mts}

@@ -17,11 +17,13 @@ declare const icons: {
     chevronDoubleLeft: string;
     chevronDoubleRight: string;
     ellipsis: string;
+    external: string;
+    file: string;
     folder: string;
     folderOpen: string;
-    plus: string;
     minus: string;
-    external: string;
+    plus: string;
+    upload: string;
 };
 
 type AppConfigIcons = Record<keyof typeof icons | (string & {}), string>;

package/dist/shared/{ui.9kQouwss.mjs → ui.DYMXCXO6.mjs}

@@ -11,11 +11,13 @@ const icons = {
   chevronDoubleLeft: "i-lucide-chevrons-left",
   chevronDoubleRight: "i-lucide-chevrons-right",
   ellipsis: "i-lucide-ellipsis",
+  external: "i-lucide-arrow-up-right",
+  file: "i-lucide-file",
   folder: "i-lucide-folder",
   folderOpen: "i-lucide-folder-open",
-  plus: "i-lucide-plus",
   minus: "i-lucide-minus",
-  external: "i-lucide-arrow-up-right"
+  plus: "i-lucide-plus",
+  upload: "i-lucide-upload"
 };
 
 function getDefaultUIConfig(colors) {

package/dist/shared/{ui.DpkP12cX.mjs → ui.DcEKQd0n.mjs}

@@ -4,12 +4,12 @@ import { findPath, addTypeTemplate, addTemplate } from '@nuxt/kit';
 import { loadConfig } from '@unocss/config';
 import { genExport } from 'knitwork';
 import { kebabCase } from 'scule';
-import { n as neutralColors } from './ui.9kQouwss.mjs';
+import { n as neutralColors } from './ui.DYMXCXO6.mjs';
 import { ct } from '@byyuurin/ui-kit';
 import { defu } from 'defu';
 
 const name = "@byyuurin/ui";
-const version = "0.3.0";
+const version = "0.4.0";
 
 const accordion = ct({
   parts: {
@@ -970,9 +970,6 @@ const checkbox = (options) => ct({
         label: "cursor-not-allowed",
         description: "cursor-not-allowed"
       }
-    },
-    checked: {
-      true: ""
     }
   },
   compoundVariants: [
@@ -1458,6 +1455,233 @@ const dropdownMenu = (options) => ct({
   }
 });
 
+const fileUpload = (options) => ct({
+  parts: {
+    root: "relative flex flex-col",
+    base: [
+      "w-full flex-1 bg-default border border-default flex flex-col gap-2 items-stretch justify-center rounded-lg cursor-pointer focus-visible:outline-2",
+      options.theme.transitions && "transition-colors"
+    ],
+    wrapper: "flex flex-col items-center justify-center text-center",
+    icon: "shrink-0",
+    avatar: "shrink-0",
+    label: "font-medium text-default mt-2",
+    description: "text-muted mt-1",
+    actions: "flex flex-wrap gap-1.5 shrink-0 mt-4",
+    files: "",
+    file: "relative",
+    fileLeadingAvatar: "shrink-0",
+    fileWrapper: "flex flex-col min-w-0",
+    fileName: "text-default truncate",
+    fileSize: "text-muted truncate",
+    fileTrailingButton: ""
+  },
+  variants: {
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ""])),
+      neutral: ""
+    },
+    variant: {
+      area: {
+        wrapper: "px-4 py-3",
+        base: "p-4"
+      },
+      button: ""
+    },
+    size: {
+      xs: {
+        base: "text-xs",
+        icon: "size-4",
+        file: "text-xs px-2 py-1 gap-1",
+        fileWrapper: "flex-row gap-1"
+      },
+      sm: {
+        base: "text-xs",
+        icon: "size-4",
+        file: "text-xs px-2.5 py-1.5 gap-1.5",
+        fileWrapper: "flex-row gap-1"
+      },
+      md: {
+        base: "text-sm",
+        icon: "size-5",
+        file: "text-xs px-2.5 py-1.5 gap-1.5"
+      },
+      lg: {
+        base: "text-sm",
+        icon: "size-5",
+        file: "text-sm px-3 py-2 gap-2",
+        fileSize: "text-xs"
+      },
+      xl: {
+        base: "text-base",
+        icon: "size-6",
+        file: "text-sm px-3 py-2 gap-2"
+      }
+    },
+    layout: {
+      list: {
+        root: "gap-2 items-start",
+        files: "flex flex-col w-full gap-2",
+        file: "min-w-0 flex items-center border border-default rounded-md w-full",
+        fileTrailingButton: "ms-auto"
+      },
+      grid: {
+        fileWrapper: "hidden",
+        fileLeadingAvatar: "size-full rounded-lg",
+        fileTrailingButton: "absolute -top-1.5 -end-1.5 p-0 rounded-full border-2 border-bg"
+      }
+    },
+    position: {
+      inside: "",
+      outside: ""
+    },
+    dropzone: {
+      true: {
+        base: "border-dashed data-[dragging=true]:bg-elevated/25"
+      }
+    },
+    interactive: {
+      true: ""
+    },
+    highlight: {
+      true: ""
+    },
+    multiple: {
+      true: ""
+    },
+    disabled: {
+      true: {
+        base: "cursor-not-allowed opacity-75"
+      }
+    }
+  },
+  compoundVariants: [
+    ...(options.theme.colors || []).map((color) => ({
+      color,
+      class: {
+        base: `focus-visible:outline-${color}`
+      }
+    })),
+    {
+      color: "neutral",
+      class: {
+        base: "focus-visible:outline-inverted"
+      }
+    },
+    ...(options.theme.colors || []).map((color) => ({
+      color,
+      highlight: true,
+      class: {
+        base: `border-${color}`
+      }
+    })),
+    {
+      color: "neutral",
+      highlight: true,
+      class: {
+        base: "border-inverted"
+      }
+    },
+    {
+      size: "xs",
+      layout: "list",
+      class: {
+        fileTrailingButton: "-me-1"
+      }
+    },
+    {
+      size: "sm",
+      layout: "list",
+      class: {
+        fileTrailingButton: "-me-1.5"
+      }
+    },
+    {
+      size: "md",
+      layout: "list",
+      class: {
+        fileTrailingButton: "-me-1.5"
+      }
+    },
+    {
+      size: "lg",
+      layout: "list",
+      class: {
+        fileTrailingButton: "-me-2"
+      }
+    },
+    {
+      size: "xl",
+      layout: "list",
+      class: {
+        fileTrailingButton: "-me-2"
+      }
+    },
+    {
+      variant: "button",
+      size: "xs",
+      class: {
+        base: "p-1"
+      }
+    },
+    {
+      variant: "button",
+      size: "sm",
+      class: {
+        base: "p-1.5"
+      }
+    },
+    {
+      variant: "button",
+      size: "md",
+      class: {
+        base: "p-1.5"
+      }
+    },
+    {
+      variant: "button",
+      size: "lg",
+      class: {
+        base: "p-2"
+      }
+    },
+    {
+      variant: "button",
+      size: "xl",
+      class: {
+        base: "p-2"
+      }
+    },
+    {
+      layout: "grid",
+      multiple: true,
+      class: {
+        files: "grid grid-cols-2 md:grid-cols-3 gap-4 w-full",
+        file: "p-0 aspect-square"
+      }
+    },
+    {
+      layout: "grid",
+      multiple: false,
+      class: {
+        file: "absolute inset-0 p-0"
+      }
+    },
+    {
+      interactive: true,
+      disabled: false,
+      class: {
+        base: "hover:bg-elevated/25"
+      }
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    variant: "area",
+    size: "md"
+  }
+});
+
 const form = ct({
   base: ""
 });
@@ -4290,6 +4514,7 @@ const theme = {
   drawer: drawer,
   dropdownMenu: dropdownMenu,
   fieldGroup: fieldGroup,
+  fileUpload: fileUpload,
   form: form,
   formField: formField,
   input: inputTheme,

package/dist/unocss.mjs

@@ -1,6 +1,6 @@
 import { colors } from '@unocss/preset-wind4/colors';
 import { parseColor } from '@unocss/preset-wind4/utils';
-import { r as resolveColors } from './shared/ui.9kQouwss.mjs';
+import { r as resolveColors } from './shared/ui.DYMXCXO6.mjs';
 import '../dist/runtime/utils/index.js';
 
 function createUnoPreset(options = {}) {

package/dist/unplugin.d.mts

@@ -2,7 +2,7 @@ import 'unplugin';
 import 'unplugin-auto-import/types';
 import 'unplugin-vue-components/types';
 import './shared/ui.IulR-OYx.mjs';
-export { U as UIOptions, r as runtimeDir, u as unplugin } from './shared/ui.D8Bg1HWt.mjs';
+export { U as UIOptions, r as runtimeDir, u as unplugin } from './shared/ui.CGCKYv7g.mjs';
 import '@nuxt/schema';
 import '@unocss/preset-wind4/colors';
 import '../dist/runtime/types/index.js';

package/dist/unplugin.mjs

@@ -2,8 +2,8 @@ import { fileURLToPath } from 'node:url';
 import { defu } from 'defu';
 import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
-import { g as getTemplates, n as name } from './shared/ui.DpkP12cX.mjs';
-import { d as defaultOptions, r as resolveColors, g as getDefaultUIConfig } from './shared/ui.9kQouwss.mjs';
+import { g as getTemplates, n as name } from './shared/ui.DcEKQd0n.mjs';
+import { d as defaultOptions, r as resolveColors, g as getDefaultUIConfig } from './shared/ui.DYMXCXO6.mjs';
 import AutoImport from 'unplugin-auto-import';
 import { globSync } from 'tinyglobby';
 import AutoImportComponents from 'unplugin-vue-components';

package/dist/vite.d.mts

@@ -1,5 +1,5 @@
 import * as vite from 'vite';
-import { U as UIOptions } from './shared/ui.D8Bg1HWt.mjs';
+import { U as UIOptions } from './shared/ui.CGCKYv7g.mjs';
 import 'unplugin';
 import 'unplugin-auto-import/types';
 import 'unplugin-vue-components/types';

package/dist/vite.mjs

@@ -3,13 +3,13 @@ import 'node:url';
 import 'defu';
 import 'pathe';
 import 'unplugin';
-import './shared/ui.DpkP12cX.mjs';
+import './shared/ui.DcEKQd0n.mjs';
 import 'node:process';
 import '@nuxt/kit';
 import '@unocss/config';
 import 'knitwork';
 import 'scule';
-import './shared/ui.9kQouwss.mjs';
+import './shared/ui.DYMXCXO6.mjs';
 import '../dist/runtime/utils/index.js';
 import '@byyuurin/ui-kit';
 import 'unplugin-auto-import';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@byyuurin/ui",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "author": "Yuurin <byyuurin@gmail.com>",
   "license": "MIT",
@@ -136,7 +136,7 @@
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.13",
+    "@tanstack/vue-virtual": "^3.13.18",
     "@unhead/vue": "^2.1.1",
     "@unocss/nuxt": "^66.5.10",
     "@vue/shared": "^3.5.26",
@@ -158,20 +158,20 @@
     "reka-ui": "^2.7.0",
     "scule": "^1.3.0",
     "tinyglobby": "^0.2.15",
-    "ufo": "^1.6.1",
+    "ufo": "^1.6.2",
     "unplugin": "^2.3.11",
     "unplugin-auto-import": "^20.3.0",
     "unplugin-vue-components": "^30.0.0",
-    "vue-component-type-helpers": "^3.2.1"
+    "vue-component-type-helpers": "^3.2.2"
   },
   "devDependencies": {
-    "@byyuurin/eslint-config": "^1.9.0",
-    "@iconify-json/lucide": "^1.2.82",
+    "@byyuurin/eslint-config": "^1.9.1",
+    "@iconify-json/lucide": "^1.2.83",
     "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.2.2",
-    "@nuxt/test-utils": "^3.21.0",
-    "@types/node": "^22.19.3",
+    "@nuxt/test-utils": "^3.23.0",
+    "@types/node": "^22.19.5",
     "@unocss/core": "^66.5.10",
     "@unocss/preset-wind4": "^66.5.10",
     "@unocss/reset": "^66.5.10",
@@ -186,11 +186,11 @@
     "superstruct": "^2.0.2",
     "typescript": "^5.9.3",
     "unocss": "^66.5.10",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-inspect": "^11.3.3",
     "vitest": "^3.2.4",
     "vue": "^3.5.24",
-    "vue-tsc": "^3.2.1",
+    "vue-tsc": "^3.2.2",
     "zod": "^3.25.76"
   },
   "resolutions": {

package/vue-plugin.d.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from 'vue'
-
-declare const plugin: Plugin
-
-export default plugin
+import type { Plugin } from 'vue'
+
+declare const plugin: Plugin
+
+export default plugin