veloce-vue 0.20.0 → 0.21.0

package/components/typography/List.vue.d.ts

@@ -0,0 +1,123 @@
+import { Margin, Padding, Size } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    type: {
+        type: () => "ul" | "ol";
+        default: string;
+    };
+    spacing: {
+        type: () => Size;
+        default: Size;
+    };
+    items: {
+        type: () => string[] | undefined;
+        required: true;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    type: {
+        type: () => "ul" | "ol";
+        default: string;
+    };
+    spacing: {
+        type: () => Size;
+        default: Size;
+    };
+    items: {
+        type: () => string[] | undefined;
+        required: true;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    type: "ol" | "ul";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    spacing: Size;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/typography/P.vue.d.ts

@@ -0,0 +1,151 @@
+import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: string;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: string;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    color: TextColor;
+    fontWeight: FontWeight;
+    lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLParagraphElement>;
+export default _default;

package/components/typography/Span.vue.d.ts

@@ -0,0 +1,151 @@
+import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    color: TextColor;
+    fontWeight: FontWeight;
+    lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/exports/composables.d.ts

@@ -0,0 +1 @@
+export { useColorMode } from '../composables/useColorMode';

package/exports/toast.d.ts

@@ -0,0 +1,4 @@
+export { default as Toast } from '../components/toast/Toast.vue';
+export { default as ToastContainer } from '../components/toast/ToastContainer.vue';
+export { useToast } from '../composables/useToast';
+export { setToastContainer } from '../composables/useToast';

package/exports/types.d.ts

@@ -1,10 +1,17 @@
 import { Icons } from './icons';
+type Sizes = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
 export type Size = "sm" | "md" | "lg" | "xl";
 export type Variant = "outlined" | "link" | "ghost" | "solid" | "soft";
 export type Severity = "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
-export type FontWeight = "normal" | "medium" | "semibold" | "bold";
 export type Position = "left" | "right" | "top" | "bottom";
 export type Direction = "horizontal" | "vertical";
+export type Margin = Sizes;
+export type Padding = Sizes;
+export type FontSize = Sizes;
+export type FontWeight = "light" | "normal" | "medium" | "semibold" | "bold" | "black";
+export type TextColor = Severity | "default" | "muted";
+export type LineHeight = Sizes;
+export type LetterSpacing = Sizes;
 export type AccordionItem = {
     title: string;
     content: string;
@@ -12,3 +19,49 @@ export type AccordionItem = {
     icon?: Icons;
     active?: boolean;
 };
+type CommonTypographyProps = {
+    fontSize?: FontSize;
+    color?: TextColor;
+    fontWeight?: FontWeight;
+    lineHeight?: LineHeight;
+    letterSpacing?: LetterSpacing;
+    margin?: Margin;
+    marginLeft?: Margin;
+    marginRight?: Margin;
+    marginTop?: Margin;
+    marginBottom?: Margin;
+    padding?: Padding;
+    paddingLeft?: Padding;
+    paddingRight?: Padding;
+    paddingTop?: Padding;
+    paddingBottom?: Padding;
+    text?: string;
+};
+type JsonRendererItemBase<TProps = CommonTypographyProps> = {
+    props?: TProps;
+    id?: string;
+};
+export type JsonRendererItem = ({
+    component: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "blockquote";
+} & JsonRendererItemBase<CommonTypographyProps>) | ({
+    component: "code";
+} & JsonRendererItemBase<CommonTypographyProps & {
+    block?: boolean;
+}>) | ({
+    component: "label";
+} & JsonRendererItemBase<CommonTypographyProps & {
+    required?: boolean;
+}>) | ({
+    component: "list";
+} & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing" | "text"> & {
+    type?: "ul" | "ol";
+    spacing?: Size;
+    items?: string[];
+}>) | ({
+    component: "message";
+} & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing"> & {
+    severity?: Severity;
+    variant?: Variant;
+    icon?: Icons;
+}>);
+export {};

package/exports/typography.d.ts

@@ -0,0 +1,12 @@
+export { default as Blockquote } from '../components/typography/Blockquote.vue';
+export { default as Code } from '../components/typography/Code.vue';
+export { default as H1 } from '../components/typography/H1.vue';
+export { default as H2 } from '../components/typography/H2.vue';
+export { default as H3 } from '../components/typography/H3.vue';
+export { default as H4 } from '../components/typography/H4.vue';
+export { default as H5 } from '../components/typography/H5.vue';
+export { default as H6 } from '../components/typography/H6.vue';
+export { default as Label } from '../components/typography/Label.vue';
+export { default as List } from '../components/typography/List.vue';
+export { default as P } from '../components/typography/P.vue';
+export { default as Span } from '../components/typography/Span.vue';

package/exports/ui.d.ts

@@ -6,6 +6,7 @@ export { default as Chip } from '../components/Chip.vue';
 export { default as Drawer } from '../components/Drawer.vue';
 export { default as Fieldset } from '../components/Fieldset.vue';
 export { default as Input } from '../components/Input.vue';
+export { default as JsonRenderer } from '../components/JsonRenderer.vue';
 export { default as Layout } from '../components/Layout.vue';
 export { default as Message } from '../components/Message.vue';
 export { default as Modal } from '../components/Modal.vue';
@@ -18,3 +19,4 @@ export { default as Separator } from '../components/Separator.vue';
 export { default as Skeleton } from '../components/Skeleton.vue';
 export { default as Switch } from '../components/Switch.vue';
 export { default as Tooltip } from '../components/Tooltip.vue';
+export { default as MiniEditor } from '../components/MiniEditor.vue';

package/exports/utils.d.ts

@@ -1 +1,4 @@
 export { useRandomId } from '../utils/useRandomId';
+export { getTypography } from '../utils/typography';
+export { getMargin } from '../utils/margin';
+export { getPadding } from '../utils/padding';

package/icons.js

@@ -1,4 +1,4 @@
-import { _ as a, I as c, i } from "./index-Cqxg4hfC.js";
+import { _ as a, I as c, i } from "./index-BLYh_r9b.js";
 export {
   a as Icon,
   c as Icons,