@antdv-next/mobile 0.0.0-stage → 0.1.1

package/dist/typography/index.d.ts

@@ -0,0 +1,294 @@
+export type * from './interface';
+export declare const TypographyText: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyTextProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, import("vue").PublicProps, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").TypographyTextProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyTextProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").TypographyBaseSlots;
+}), object>;
+export declare const TypographyTitle: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, import("vue").PublicProps, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        level: import("./interface").TypographyTitleLevel;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        level: import("./interface").TypographyTitleLevel;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    level: import("./interface").TypographyTitleLevel;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").TypographyBaseSlots;
+}), object>;
+export declare const TypographyParagraph: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, import("vue").PublicProps, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").TypographyBaseSlots;
+}), object>;
+declare const Typography: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        component: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").TypographyProps> & Readonly<{}>, {}, {}, {}, {}, {
+        component: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    component: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").TypographySlots;
+}), {
+    Text: import("../_util/withInstall").WithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyTextProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            copy: (event: MouseEvent) => any;
+            expand: (expanded: boolean, event: MouseEvent) => any;
+            "update:expanded": (expanded: boolean) => any;
+        }, import("vue").PublicProps, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./interface").TypographyTextProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyTextProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, string, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./interface").TypographyBaseSlots;
+    }), object>;
+    Title: import("../_util/withInstall").WithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            copy: (event: MouseEvent) => any;
+            expand: (expanded: boolean, event: MouseEvent) => any;
+            "update:expanded": (expanded: boolean) => any;
+        }, import("vue").PublicProps, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            level: import("./interface").TypographyTitleLevel;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            level: import("./interface").TypographyTitleLevel;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyTitleProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, string, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        level: import("./interface").TypographyTitleLevel;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./interface").TypographyBaseSlots;
+    }), object>;
+    Paragraph: import("../_util/withInstall").WithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            copy: (event: MouseEvent) => any;
+            expand: (expanded: boolean, event: MouseEvent) => any;
+            "update:expanded": (expanded: boolean) => any;
+        }, import("vue").PublicProps, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+            onCopy?: ((event: MouseEvent) => any) | undefined;
+            onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+            "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+            copyable: boolean | import("./interface").TypographyCopyConfig;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./interface").TypographyParagraphProps> & Readonly<{
+        onCopy?: ((event: MouseEvent) => any) | undefined;
+        onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+        "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copy: (event: MouseEvent) => any;
+        expand: (expanded: boolean, event: MouseEvent) => any;
+        "update:expanded": (expanded: boolean) => any;
+    }, string, {
+        ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+        copyable: boolean | import("./interface").TypographyCopyConfig;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("./interface").TypographyBaseSlots;
+    }), object>;
+}>;
+export default Typography;

package/dist/typography/index.js

@@ -0,0 +1,15 @@
+import { withInstall } from "../_util/withInstall.js";
+import Typography_default from "./Typography.js";
+import TypographyParagraph_default from "./TypographyParagraph.js";
+import TypographyText_default from "./TypographyText.js";
+import TypographyTitle_default from "./TypographyTitle.js";
+// src/typography/index.ts
+var TypographyText = withInstall(TypographyText_default, "AmTypographyText");
+var TypographyTitle = withInstall(TypographyTitle_default, "AmTypographyTitle");
+var TypographyParagraph = withInstall(TypographyParagraph_default, "AmTypographyParagraph");
+var Typography = withInstall(Typography_default, "AmTypography", {
+	Text: TypographyText,
+	Title: TypographyTitle,
+	Paragraph: TypographyParagraph
+});
+export { TypographyParagraph, TypographyText, TypographyTitle, Typography as default };

package/dist/typography/interface.d.ts

@@ -0,0 +1,78 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { VueNode } from '../_util/type';
+export type TypographyBaseType = 'secondary' | 'success' | 'warning' | 'danger';
+export type TypographyTitleLevel = 1 | 2 | 3 | 4 | 5;
+export interface TypographyCopyConfig {
+    /** Text to copy, the rendered text by default */
+    text?: string | (() => string | Promise<string>);
+    /** Custom icons: `[copyIcon, copiedIcon]` or a single node */
+    icon?: VueNode | VueNode[];
+}
+export interface TypographyEllipsisConfig {
+    /** Max number of rows, `1` by default */
+    rows?: number;
+    /** `true`: can be expanded once; `'collapsible'`: can be expanded and collapsed again */
+    expandable?: boolean | 'collapsible';
+    /** Custom expand / collapse text */
+    symbol?: VNodeChild | ((expanded: boolean) => VNodeChild);
+    defaultExpanded?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+}
+export interface TypographySemanticClassNames {
+    root?: string;
+    /** The expand / collapse and copy buttons */
+    action?: string;
+}
+export interface TypographySemanticStyles {
+    root?: CSSProperties;
+    action?: CSSProperties;
+}
+export interface TypographyProps {
+    /** Root element, `article` by default */
+    component?: string;
+    rootClass?: string;
+}
+export interface TypographyBaseProps {
+    type?: TypographyBaseType;
+    disabled?: boolean;
+    mark?: boolean;
+    code?: boolean;
+    keyboard?: boolean;
+    underline?: boolean;
+    delete?: boolean;
+    strong?: boolean;
+    italic?: boolean;
+    /** Truncate overflowing text, optionally with an expand / collapse button */
+    ellipsis?: boolean | TypographyEllipsisConfig;
+    copyable?: boolean | TypographyCopyConfig;
+    rootClass?: string;
+    classes?: TypographySemanticClassNames;
+    styles?: TypographySemanticStyles;
+}
+export interface TypographyTextProps extends TypographyBaseProps {
+}
+export interface TypographyParagraphProps extends TypographyBaseProps {
+}
+export interface TypographyTitleProps extends TypographyBaseProps {
+    level?: TypographyTitleLevel;
+}
+export interface TypographyBaseEmits {
+    'expand': [expanded: boolean, event: MouseEvent];
+    'update:expanded': [expanded: boolean];
+    'copy': [event: MouseEvent];
+}
+export interface TypographySlots {
+    default?: () => any;
+}
+export interface TypographyBaseSlots {
+    default?: () => any;
+    /** Custom expand / collapse text, wins over `ellipsis.symbol` */
+    ellipsisSymbol?: (ctx: {
+        expanded: boolean;
+    }) => any;
+    /** Custom copy icon, wins over `copyable.icon` */
+    copyIcon?: (ctx: {
+        copied: boolean;
+    }) => any;
+}

package/dist/typography/style/index.css

@@ -0,0 +1,249 @@
+.am-typography {
+  /* component tokens */
+  --am-typography-color: var(--am-color-text);
+  --am-typography-font-size: var(--am-font-size);
+  --am-typography-line-height: var(--am-line-height);
+  --am-typography-title-color: var(--am-color-text-heading);
+  --am-typography-title-font-weight: var(--am-font-weight-strong);
+  --am-typography-title-margin-top: 1.2em;
+  --am-typography-title-margin-bottom: 0.5em;
+  --am-typography-paragraph-margin-bottom: 1em;
+  --am-typography-action-color: var(--am-color-link);
+  --am-typography-action-gap: 4px;
+  --am-typography-code-bg: var(--am-color-fill-secondary);
+  --am-typography-mark-bg: color-mix(in srgb, var(--am-color-warning) 35%, transparent);
+
+  box-sizing: border-box;
+  color: var(--am-typography-color);
+  font-size: var(--am-typography-font-size);
+  font-family: var(--am-font-family);
+  line-height: var(--am-typography-line-height);
+  overflow-wrap: break-word;
+}
+
+/* ---------- types ---------- */
+.am-typography-secondary {
+  --am-typography-color: var(--am-color-text-description);
+  --am-typography-title-color: var(--am-color-text-description);
+}
+
+.am-typography-success {
+  --am-typography-color: var(--am-color-success-text);
+  --am-typography-title-color: var(--am-color-success-text);
+}
+
+.am-typography-warning {
+  --am-typography-color: var(--am-color-warning-text);
+  --am-typography-title-color: var(--am-color-warning-text);
+}
+
+.am-typography-danger {
+  --am-typography-color: var(--am-color-error-text);
+  --am-typography-title-color: var(--am-color-error-text);
+}
+
+.am-typography-disabled {
+  --am-typography-color: var(--am-color-text-disabled);
+  --am-typography-title-color: var(--am-color-text-disabled);
+  --am-typography-action-color: var(--am-color-text-disabled);
+
+  cursor: not-allowed;
+  user-select: none;
+}
+
+/* ---------- paragraph & title ---------- */
+.am-typography-paragraph {
+  margin: 0 0 var(--am-typography-paragraph-margin-bottom);
+}
+
+.am-typography-title {
+  margin: 0 0 var(--am-typography-title-margin-bottom);
+  color: var(--am-typography-title-color);
+  font-weight: var(--am-typography-title-font-weight);
+}
+
+.am-typography-title-1 {
+  --am-typography-font-size: var(--am-font-size-heading-1);
+  --am-typography-line-height: 1.25;
+}
+
+.am-typography-title-2 {
+  --am-typography-font-size: var(--am-font-size-heading-2);
+  --am-typography-line-height: 1.3;
+}
+
+.am-typography-title-3 {
+  --am-typography-font-size: var(--am-font-size-heading-3);
+  --am-typography-line-height: 1.35;
+}
+
+.am-typography-title-4 {
+  --am-typography-font-size: var(--am-font-size-heading-4);
+  --am-typography-line-height: 1.4;
+}
+
+.am-typography-title-5 {
+  --am-typography-font-size: var(--am-font-size-heading-5);
+  --am-typography-line-height: 1.5;
+}
+
+.am-typography + .am-typography-title {
+  margin-block-start: var(--am-typography-title-margin-top);
+}
+
+/* ---------- decorations ---------- */
+.am-typography strong {
+  font-weight: var(--am-font-weight-strong);
+}
+
+.am-typography u {
+  text-decoration: underline;
+  text-decoration-skip-ink: auto;
+}
+
+.am-typography del {
+  text-decoration: line-through;
+}
+
+.am-typography u del,
+.am-typography del u {
+  text-decoration: underline line-through;
+}
+
+.am-typography i {
+  font-style: italic;
+}
+
+.am-typography mark {
+  padding: 0;
+  color: inherit;
+  background: var(--am-typography-mark-bg);
+}
+
+.am-typography code {
+  margin: 0 0.2em;
+  padding: 0.2em 0.4em 0.1em;
+  font-size: 85%;
+  font-family: var(--am-font-family-code);
+  background: var(--am-typography-code-bg);
+  border: var(--am-line-width) var(--am-line-type) var(--am-color-border-secondary);
+  border-radius: var(--am-border-radius-sm);
+}
+
+.am-typography kbd {
+  margin: 0 0.2em;
+  padding: 0.15em 0.4em 0.1em;
+  font-size: 90%;
+  font-family: var(--am-font-family-code);
+  background: var(--am-color-fill-quaternary);
+  border: var(--am-line-width) var(--am-line-type) var(--am-color-border);
+  border-bottom-width: calc(var(--am-line-width) * 2);
+  border-radius: var(--am-border-radius-sm);
+}
+
+/* ---------- actions ---------- */
+.am-typography-action {
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  margin: 0;
+  margin-inline-start: var(--am-typography-action-gap);
+  padding: 0;
+  color: var(--am-typography-action-color);
+  font-weight: 400;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  white-space: nowrap;
+  vertical-align: baseline;
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+}
+
+/* enlarge the touch target without changing the layout */
+.am-typography-action::after {
+  position: absolute;
+  inset: -8px -6px;
+  content: '';
+}
+
+.am-typography-action:active {
+  opacity: var(--am-opacity-active);
+}
+
+.am-typography-action:disabled {
+  cursor: not-allowed;
+  opacity: 1;
+}
+
+.am-typography-copy-success {
+  color: var(--am-color-success);
+}
+
+/* ---------- ellipsis ---------- */
+.am-typography-ellipsis {
+  display: flex;
+  max-width: 100%;
+}
+
+.am-typography-text.am-typography-ellipsis {
+  display: inline-flex;
+  vertical-align: bottom;
+}
+
+.am-typography-ellipsis-content {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.am-typography-ellipsis-single-line .am-typography-ellipsis-content {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.am-typography-ellipsis-multiple-line .am-typography-ellipsis-content {
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+}
+
+.am-typography-ellipsis > .am-typography-action {
+  align-self: flex-end;
+}
+
+/*
+ * Multi-line "expand" button: the pseudo element is a float as tall as the box minus one line,
+ * so the (also floated, cleared) button lands at the end of the last visible line and the
+ * text wraps around it. Needs the flex parent to give the content a definite height.
+ */
+.am-typography-ellipsis-overflowed.am-typography-ellipsis-multiple-line .am-typography-ellipsis-content::before {
+  float: right;
+  height: 100%;
+  margin-block-end: calc(-1em * var(--am-typography-line-height));
+  content: '';
+}
+
+.am-typography-ellipsis-multiple-line .am-typography-expand {
+  float: right;
+  clear: both;
+}
+
+[dir='rtl']
+  .am-typography-ellipsis-overflowed.am-typography-ellipsis-multiple-line
+  .am-typography-ellipsis-content::before,
+[dir='rtl'] .am-typography-ellipsis-multiple-line .am-typography-expand {
+  float: left;
+}
+
+/* Text nested in a title / paragraph follows the size of its parent. */
+.am-typography .am-typography-text {
+  font-size: inherit;
+  line-height: inherit;
+}

package/dist/upload/Upload.js

@@ -0,0 +1,4 @@
+import Upload_vue_vue_type_script_setup_true_lang_default from "./Upload.vue_vue_type_script_setup_true_lang.js";
+// src/upload/Upload.vue
+var Upload_default = Upload_vue_vue_type_script_setup_true_lang_default;
+export { Upload_default as default };