@sentropic/design-system-vue 0.31.0 → 0.32.0

package/dist/Link.d.ts

@@ -1,8 +1,14 @@
 export type LinkProps = {
     href?: string;
-    muted?: boolean;
+    /** Style du lien ; API canonique (alignée sur le canon Svelte). */
+    variant?: "inline" | "standalone" | "muted";
+    /** @deprecated Raccourci pour variant="standalone". Utilisez `variant`. */
     standalone?: boolean;
+    /** @deprecated Raccourci pour variant="muted". Utilisez `variant`. */
+    muted?: boolean;
     disabled?: boolean;
+    /** Lien externe : pose target="_blank" rel="noreferrer" (sauf target/rel explicites). */
+    external?: boolean;
     class?: string;
 };
 export declare const Link: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -10,6 +16,10 @@ export declare const Link: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: () => "inline" | "standalone" | "muted";
+        default: string;
+    };
     muted: {
         type: BooleanConstructor;
         default: boolean;
@@ -22,6 +32,10 @@ export declare const Link: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -33,6 +47,10 @@ export declare const Link: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: () => "inline" | "standalone" | "muted";
+        default: string;
+    };
     muted: {
         type: BooleanConstructor;
         default: boolean;
@@ -45,6 +63,10 @@ export declare const Link: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -53,7 +75,9 @@ export declare const Link: import("vue").DefineComponent<import("vue").ExtractPr
     class: string;
     disabled: boolean;
     href: string;
-    muted: boolean;
+    variant: "inline" | "standalone" | "muted";
     standalone: boolean;
+    muted: boolean;
+    external: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Link.d.ts.map

package/dist/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4Bf,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IAC5C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;cAIc,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAvC,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqDpE,CAAC"}

package/dist/Link.js

@@ -4,18 +4,46 @@ export const Link = defineComponent({
     name: "Link",
     props: {
         href: { type: String, default: undefined },
+        variant: { type: String, default: "inline" },
         muted: { type: Boolean, default: false },
         standalone: { type: Boolean, default: false },
         disabled: { type: Boolean, default: false },
+        external: { type: Boolean, default: false },
         class: { type: String, default: undefined },
     },
     setup(props, { slots, attrs }) {
-        return () => h("a", {
-            ...attrs,
-            href: props.href,
-            class: classNames("st-link", props.muted && "st-link--muted", props.standalone && "st-link--standalone", props.disabled && "st-link--disabled", props.class),
-            "aria-disabled": props.disabled || undefined,
-        }, slots.default?.());
+        return () => {
+            // `variant` est canonique ; les booléens standalone/muted sont des
+            // raccourcis dépréciés (parité Svelte/React). `variant` explicite l'emporte.
+            const effective = props.variant !== "inline"
+                ? props.variant
+                : props.standalone
+                    ? "standalone"
+                    : props.muted
+                        ? "muted"
+                        : "inline";
+            const resolvedTarget = attrs.target ?? (props.external ? "_blank" : undefined);
+            const resolvedRel = attrs.rel ?? (props.external ? "noreferrer" : undefined);
+            // Retire onClick du spread : Vue fusionne sinon le handler attrs avec le
+            // nôtre (tableau de listeners), ce qui rappellerait l'utilisateur même en
+            // disabled. On le rappelle nous-mêmes, et seulement quand non-disabled.
+            const { onClick: attrsOnClick, ...restAttrs } = attrs;
+            return h("a", {
+                ...restAttrs,
+                href: props.disabled ? undefined : props.href,
+                target: resolvedTarget,
+                rel: resolvedRel,
+                class: classNames("st-link", `st-link--${effective}`, props.disabled && "st-link--disabled", props.class),
+                "aria-disabled": props.disabled || undefined,
+                onClick: (event) => {
+                    if (props.disabled) {
+                        event.preventDefault();
+                        return;
+                    }
+                    attrsOnClick?.(event);
+                },
+            }, slots.default?.());
+        };
     },
 });
 //# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,GAAG,EACH;YACE,GAAG,KAAK;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,UAAU,CACf,SAAS,EACT,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAC/B,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,KAAK,CACZ;YACD,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;SAC7C,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgB7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAiD,EAAE,OAAO,EAAE,QAAQ,EAAE;QACvF,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,mEAAmE;YACnE,6EAA6E;YAC7E,MAAM,SAAS,GACb,KAAK,CAAC,OAAO,KAAK,QAAQ;gBACxB,CAAC,CAAC,KAAK,CAAC,OAAO;gBACf,CAAC,CAAC,KAAK,CAAC,UAAU;oBAChB,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,KAAK,CAAC,KAAK;wBACX,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,QAAQ,CAAC;YACnB,MAAM,cAAc,GACjB,KAAK,CAAC,MAA6B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAClF,MAAM,WAAW,GACd,KAAK,CAAC,GAA0B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACnF,yEAAyE;YACzE,0EAA0E;YAC1E,wEAAwE;YACxE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAgC,CAAC;YACjF,OAAO,CAAC,CACN,GAAG,EACH;gBACE,GAAG,SAAS;gBACZ,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;gBAC7C,MAAM,EAAE,cAAc;gBACtB,GAAG,EAAE,WAAW;gBAChB,KAAK,EAAE,UAAU,CACf,SAAS,EACT,YAAY,SAAS,EAAE,EACvB,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,KAAK,CACZ;gBACD,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;oBAC7B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACnB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,OAAO;oBACT,CAAC;oBACA,YAA0D,EAAE,CAAC,KAAK,CAAC,CAAC;gBACvE,CAAC;aACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/design-system-vue",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "Vue 3 components for the Sentropic design system.",
   "type": "module",
   "publishConfig": {