@byyuurin/ui 0.1.0 → 0.3.0

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

@@ -16,6 +16,10 @@ import { cv, merge } from "../../utils/style";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
+  href: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
   type: { type: null, required: false, default: "button" },
   label: { type: String, required: false },
   disabled: { type: Boolean, required: false },
@@ -27,20 +31,11 @@ const props = defineProps({
   custom: { type: Boolean, required: false },
   raw: { type: Boolean, required: false },
   class: { type: [Object, String, Number, Boolean, null, Array], required: false, skipCheck: true },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object], required: false },
-  rel: { type: [String, Object], 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 },
   activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false, default: "page" },
   viewTransition: { type: Boolean, required: false },
+  to: { type: null, required: true },
   replace: { type: Boolean, required: false }
 });
 defineSlots();
@@ -137,7 +132,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   ...inheritProps,
   href: to,
   target: isExternal ? '_blank' : void 0,
-  active,
+  active: active ?? false,
   isExternal
 }"
       >
@@ -155,7 +150,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active">
+      <slot :active="active ?? false">
         {{ props.label }}
       </slot>
     </LinkBase>

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

@@ -1,22 +1,23 @@
 import type { PrimitiveProps } from 'reka-ui';
-import type { ButtonHTMLAttributes } from 'vue';
-import type { RouteLocationRaw, RouterLinkProps } from 'vue-router';
+import type { RouterLinkProps } from 'vue-router';
 import type { ComponentBaseProps } from '../../types';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from '../../types/html';
 import type { StaticSlot } from '../../types/utils';
 export interface LinkSlots {
     default: StaticSlot<{
         active: boolean;
     }>;
 }
-interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
+export interface LinkProps extends ComponentBaseProps, 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.
+     * @default "button"
      */
-    to?: RouteLocationRaw;
+    as?: PrimitiveProps['as'];
     /**
      * 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
      */
@@ -24,41 +25,11 @@ interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
     /**
      * Where to display the linked URL, as the name for a browsing context.
      */
-    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {});
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
     /**
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
-    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {});
-    /**
-     * 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 ComponentBaseProps, NuxtLinkProps {
-    /**
-     * The element or component this component should render as when not a link.
-     * @default "button"
-     */
-    as?: PrimitiveProps['as'];
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
     /**
      * The type of the button when not a link.
      * @default "button"
@@ -80,14 +51,14 @@ export interface LinkProps extends ComponentBaseProps, NuxtLinkProps {
     /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
     raw?: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     active: boolean;
     type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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.DpbffTXs.mjs';
+export { A as AppConfigIcons, a as AppConfigUI, s as setup } from './shared/ui.D8Bg1HWt.mjs';
 import './unocss.mjs';
 import '@nuxt/schema';
 import '@unocss/preset-wind4/colors';

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

@@ -11,6 +11,8 @@ const icons = {
   chevronDoubleLeft: "i-lucide-chevrons-left",
   chevronDoubleRight: "i-lucide-chevrons-right",
   ellipsis: "i-lucide-ellipsis",
+  folder: "i-lucide-folder",
+  folderOpen: "i-lucide-folder-open",
   plus: "i-lucide-plus",
   minus: "i-lucide-minus",
   external: "i-lucide-arrow-up-right"
@@ -19,13 +21,13 @@ const icons = {
 function getDefaultUIConfig(colors) {
   return {
     colors: pick({
-      primary: "green",
-      secondary: "blue",
+      primary: "orange",
+      secondary: "teal",
       success: "green",
       info: "blue",
       warning: "yellow",
       error: "red",
-      neutral: "slate"
+      neutral: "stone"
     }, [...colors || [], "neutral"]),
     icons
   };

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

@@ -17,6 +17,8 @@ declare const icons: {
     chevronDoubleLeft: string;
     chevronDoubleRight: string;
     ellipsis: string;
+    folder: string;
+    folderOpen: string;
     plus: string;
     minus: string;
     external: string;