veloce-vue 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/icon/Icon.vue.d.ts +19 -0
- package/components/icon/icons.d.ts +8 -0
- package/components/icon/index.d.ts +6 -9
- package/exports/config.d.ts +1 -0
- package/exports/icons.d.ts +1 -0
- package/exports/lib.d.ts +1 -0
- package/exports/ui.d.ts +2 -0
- package/index.cjs +28 -1
- package/index.cjs.map +1 -1
- package/index.d.ts +4 -0
- package/index.js +4099 -706
- package/index.js.map +1 -1
- package/lib/utils.d.ts +2 -0
- package/package.json +1 -1
- package/{components/icon/index.vue.d.ts → ui/accordion/Accordion.vue.d.ts} +8 -5
- package/ui/accordion/AccordionContent.vue.d.ts +18 -0
- package/ui/accordion/AccordionItem.vue.d.ts +18 -0
- package/ui/accordion/AccordionRoot.vue.d.ts +19 -0
- package/ui/accordion/AccordionTrigger.vue.d.ts +20 -0
- package/ui/accordion/index.d.ts +5 -0
- package/ui/button/Button.vue.d.ts +27 -0
- package/ui/button/index.d.ts +7 -0
- package/utils/config.d.ts +10 -2
- package/veloce-vue.css +1 -1
- package/README.md +0 -151
- package/components/accordion/Index.vue.d.ts +0 -31
- package/components/accordion/stories.d.ts +0 -10
- package/components/button/Index.vue.d.ts +0 -82
- package/components/button/props.d.ts +0 -37
- package/components/button/stories.d.ts +0 -23
- package/components/checkbox/Index.vue.d.ts +0 -43
- package/components/checkbox/props.d.ts +0 -14
- package/components/checkbox/stories.d.ts +0 -9
- package/components/drawer/Index.vue.d.ts +0 -77
- package/components/drawer/props.d.ts +0 -23
- package/components/drawer/stories.d.ts +0 -9
- package/components/input/Index.vue.d.ts +0 -54
- package/components/input/props.d.ts +0 -19
- package/components/input/stories.d.ts +0 -9
- package/components/markdown-block/Index.vue.d.ts +0 -12
- package/components/modal/Index.vue.d.ts +0 -29
- package/components/modal/props.d.ts +0 -6
- package/components/modal/stories.d.ts +0 -6
- package/components/popover/Index.vue.d.ts +0 -47
- package/components/popover/props.d.ts +0 -15
- package/components/popover/stories.d.ts +0 -7
- package/components/range-slider/Index.vue.d.ts +0 -28
- package/components/range-slider/props.d.ts +0 -10
- package/components/range-slider/stories.d.ts +0 -7
- package/components/select/Index.vue.d.ts +0 -67
- package/components/select/props.d.ts +0 -27
- package/components/select/stories.d.ts +0 -11
- package/components/separator/Index.vue.d.ts +0 -44
- package/components/separator/props.d.ts +0 -19
- package/components/separator/stories.d.ts +0 -7
- package/components/toggle/Index.vue.d.ts +0 -36
- package/components/toggle/props.d.ts +0 -11
- package/components/toggle/stories.d.ts +0 -11
- package/components/tooltip/Index.vue.d.ts +0 -47
- package/components/tooltip/props.d.ts +0 -15
- package/components/tooltip/stories.d.ts +0 -10
- package/exports.d.ts +0 -12
- package/pages/Home/stories.d.ts +0 -6
- package/pages/config/Index.vue.d.ts +0 -3
- package/pages/config/stories.d.ts +0 -10
- package/types/config.d.ts +0 -9
- package/utils/storyControls.d.ts +0 -4
- package/utils/useRandomId.d.ts +0 -1
- /package/icons/{alert.vue.d.ts → Alert.vue.d.ts} +0 -0
- /package/icons/{check.vue.d.ts → Check.vue.d.ts} +0 -0
- /package/icons/{chevron-down.vue.d.ts → ChevronDown.vue.d.ts} +0 -0
- /package/icons/{close.vue.d.ts → Close.vue.d.ts} +0 -0
- /package/icons/{loading.vue.d.ts → Hamburger.vue.d.ts} +0 -0
- /package/{pages/Home/Index.vue.d.ts → icons/Loading.vue.d.ts} +0 -0
package/lib/utils.d.ts
ADDED
package/package.json
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { type IconNames } from "./index.ts";
|
|
2
1
|
type __VLS_Props = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
defaultOpen?: boolean;
|
|
3
|
+
items: {
|
|
4
|
+
value: string;
|
|
5
|
+
title: string;
|
|
6
|
+
content: string;
|
|
7
|
+
}[];
|
|
8
|
+
allowMultiple?: boolean;
|
|
9
|
+
border?: boolean;
|
|
7
10
|
};
|
|
8
11
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
12
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { AccordionContentProps } from "reka-ui";
|
|
2
|
+
import type { HTMLAttributes } from "vue";
|
|
3
|
+
type __VLS_Props = AccordionContentProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_7: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_7) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { AccordionItemProps } from "reka-ui";
|
|
2
|
+
import type { HTMLAttributes } from "vue";
|
|
3
|
+
type __VLS_Props = AccordionItemProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_7: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_7) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { AccordionRootProps } from "reka-ui";
|
|
2
|
+
type __VLS_Props = AccordionRootProps;
|
|
3
|
+
declare var __VLS_7: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_7) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
11
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AccordionTriggerProps } from "reka-ui";
|
|
2
|
+
import type { HTMLAttributes } from "vue";
|
|
3
|
+
type __VLS_Props = AccordionTriggerProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_12: {}, __VLS_14: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_12) => any;
|
|
9
|
+
} & {
|
|
10
|
+
icon?: (props: typeof __VLS_14) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as Accordion } from "./Accordion.vue";
|
|
2
|
+
export { default as AccordionRoot } from "./AccordionRoot.vue";
|
|
3
|
+
export { default as AccordionContent } from "./AccordionContent.vue";
|
|
4
|
+
export { default as AccordionItem } from "./AccordionItem.vue";
|
|
5
|
+
export { default as AccordionTrigger } from "./AccordionTrigger.vue";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { PrimitiveProps } from "reka-ui";
|
|
2
|
+
import type { HTMLAttributes } from "vue";
|
|
3
|
+
import type { ButtonVariants } from ".";
|
|
4
|
+
import { type Icons } from "@veloce/icons";
|
|
5
|
+
interface Props extends PrimitiveProps {
|
|
6
|
+
variant?: ButtonVariants["variant"];
|
|
7
|
+
size?: ButtonVariants["size"];
|
|
8
|
+
class?: HTMLAttributes["class"];
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
icon?: Icons;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare var __VLS_7: {};
|
|
14
|
+
type __VLS_Slots = {} & {
|
|
15
|
+
default?: (props: typeof __VLS_7) => any;
|
|
16
|
+
};
|
|
17
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
18
|
+
as: import("reka-ui").AsTag | import("vue").Component;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
export { default as Button } from "./Button.vue";
|
|
3
|
+
export declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type ButtonVariants = VariantProps<typeof buttonVariants>;
|
package/utils/config.d.ts
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
interface Colors {
|
|
2
|
+
primary: string;
|
|
3
|
+
secondary: string;
|
|
4
|
+
accent: string;
|
|
5
|
+
}
|
|
6
|
+
interface config {
|
|
7
|
+
colors: Colors;
|
|
8
|
+
}
|
|
9
|
+
export declare const config: (config: config) => {
|
|
3
10
|
install(): void;
|
|
4
11
|
};
|
|
12
|
+
export {};
|
package/veloce-vue.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--ui-color-primary);--color-secondary:var(--ui-color-secondary);--color-text:var(--ui-color-text)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-2\.5{top:calc(var(--spacing)*-2.5)}.-top-9{top:calc(var(--spacing)*-9)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[6px\]{top:6px}.top-full{top:100%}.-right-full{right:-100%}.right-0{right:calc(var(--spacing)*0)}.right-full{right:100%}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-full{bottom:-100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.-left-full{left:-100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[49\]{z-index:49}.order-2{order:2}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-24{height:calc(var(--spacing)*24)}.h-40{height:calc(var(--spacing)*40)}.h-\[1px\]{height:1px}.h-\[38px\]{height:38px}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100dvh-100px\)\]{max-height:calc(100dvh - 100px)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-\[360px\]{max-width:360px}.max-w-\[600px\]{max-width:600px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-1\/3{flex-basis:33.3333%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-primary{border-color:var(--color-primary)!important}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--color-primary)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-primary,.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/25{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/25{background-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.bg-secondary\/25{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/25{background-color:color-mix(in oklab,var(--color-secondary)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\!p-1{padding:calc(var(--spacing)*1)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[2px\]{padding-inline:2px}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.4rem\]{font-size:1.4rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-primary{color:var(--color-primary)}.text-slate-500{color:var(--color-slate-500)}.text-text{color:var(--color-text)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0px 0px 16px 8px var(--tw-shadow-color,#a0a5af26);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0px 0px 20px 12px var(--tw-shadow-color,#a0a5af21);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0px 0px 24px 16px var(--tw-shadow-color,#a0a5af2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-slate-500\/10{--tw-shadow-color:#62748e1a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-500\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-700\/10{--tw-shadow-color:#3141581a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-700\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-700)10%,transparent)var(--tw-shadow-alpha),transparent)}}.outline-primary{outline-color:var(--color-primary)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.peer-placeholder-shown\:text-gray-400:is(:where(.peer):placeholder-shown~*){color:var(--color-gray-400)}.peer-focus\:-top-2\.5:is(:where(.peer):focus~*){top:calc(var(--spacing)*-2.5)}.peer-focus\:text-sm:is(:where(.peer):focus~*){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.peer-focus\:text-black:is(:where(.peer):focus~*){color:var(--color-black)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-6:after{content:var(--tw-content);height:calc(var(--spacing)*6)}.after\:w-6:after{content:var(--tw-content);width:calc(var(--spacing)*6)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:\!bg-gray-500:after{content:var(--tw-content);background-color:var(--color-gray-500)!important}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--color-primary)}.after\:bg-secondary:after{content:var(--tw-content);background-color:var(--color-secondary)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.checked\:bg-primary\/25:checked{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.checked\:bg-primary\/25:checked{background-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.checked\:bg-secondary\/25:checked{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.checked\:bg-secondary\/25:checked{background-color:color-mix(in oklab,var(--color-secondary)25%,transparent)}}.checked\:after\:left-6:checked:after{content:var(--tw-content);left:calc(var(--spacing)*6)}.checked\:after\:bg-primary:checked:after{content:var(--tw-content);background-color:var(--color-primary)}.checked\:after\:bg-secondary:checked:after{content:var(--tw-content);background-color:var(--color-secondary)}@media (hover:hover){.hover\:border-primary\/60:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--color-primary)60%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.hover\:bg-primary\/35:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/35:hover{background-color:color-mix(in oklab,var(--color-primary)35%,transparent)}}.hover\:bg-primary\/75:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/75:hover{background-color:color-mix(in oklab,var(--color-primary)75%,transparent)}}.hover\:bg-secondary\/35:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/35:hover{background-color:color-mix(in oklab,var(--color-secondary)35%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus,.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-200:disabled{background-color:var(--color-slate-200)}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:after\:bg-slate-300:disabled:after{content:var(--tw-content);background-color:var(--color-slate-300)}@media (hover:hover){.disabled\:hover\:bg-gray-100:disabled:hover{background-color:var(--color-gray-100)}.disabled\:hover\:bg-primary:disabled:hover{background-color:var(--color-primary)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-gray-900:disabled:hover{color:var(--color-gray-900)}.disabled\:hover\:text-primary:disabled:hover{color:var(--color-primary)}.disabled\:hover\:text-white:disabled:hover{color:var(--color-white)}}@media (min-width:576px){.sm\:max-h-\[75vh\]{max-height:75vh}.sm\:max-h-\[95dvh\]{max-height:95dvh}.sm\:w-\[90\%\]{width:90%}}}:root{--ui-color-primary:#f7934c;--ui-color-secondary:#f7b05b;--ui-color-accent:#ffc15e;--ui-color-text:#1c1c1c}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:var(--color-gray-200)}::-webkit-scrollbar-thumb{background-color:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-600)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
|
1
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-leading:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--tracking-tight:-.025em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--ui-color-text)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.relative{position:relative}.col-start-2{grid-column-start:2}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--ui-color-primary)}.bg-secondary{background-color:var(--ui-color-secondary)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-gray-500{color:var(--color-gray-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--ui-color-primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--ui-color-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--ui-color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--ui-color-primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--ui-color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--ui-color-secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--ui-color-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--ui-color-accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--ui-color-primary:#f7934c;--ui-color-secondary:#f7b05b;--ui-color-accent:#ffc15e;--ui-color-text:#1c1c1c;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.7% .004 49.25);--card:oklch(100% 0 0);--card-foreground:oklch(14.7% .004 49.25);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.7% .004 49.25);--primary:oklch(21.6% .006 56.043);--primary-foreground:oklch(98.5% .001 106.423);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21.6% .006 56.043);--muted:oklch(97% .001 106.424);--muted-foreground:oklch(55.3% .013 58.071);--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21.6% .006 56.043);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--border:oklch(92.3% .003 48.717);--input:oklch(92.3% .003 48.717);--ring:oklch(70.9% .01 56.259);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% .001 106.423);--sidebar-foreground:oklch(14.7% .004 49.25);--sidebar-primary:oklch(21.6% .006 56.043);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(97% .001 106.424);--sidebar-accent-foreground:oklch(21.6% .006 56.043);--sidebar-border:oklch(92.3% .003 48.717);--sidebar-ring:oklch(70.9% .01 56.259)}.dark{--background:oklch(14.7% .004 49.25);--foreground:oklch(98.5% .001 106.423);--card:oklch(14.7% .004 49.25);--card-foreground:oklch(98.5% .001 106.423);--popover:oklch(14.7% .004 49.25);--popover-foreground:oklch(98.5% .001 106.423);--primary:oklch(98.5% .001 106.423);--primary-foreground:oklch(21.6% .006 56.043);--secondary:oklch(26.8% .007 34.298);--secondary-foreground:oklch(98.5% .001 106.423);--muted:oklch(26.8% .007 34.298);--muted-foreground:oklch(70.9% .01 56.259);--accent:oklch(26.8% .007 34.298);--accent-foreground:oklch(98.5% .001 106.423);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.8% .007 34.298);--input:oklch(26.8% .007 34.298);--ring:oklch(55.3% .013 58.071);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(21.6% .006 56.043);--sidebar-foreground:oklch(98.5% .001 106.423);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(26.8% .007 34.298);--sidebar-accent-foreground:oklch(98.5% .001 106.423);--sidebar-border:oklch(26.8% .007 34.298);--sidebar-ring:oklch(55.3% .013 58.071)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}
|
package/README.md
DELETED
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
<h1 align="center">Welcome to VeloceVue</h1>
|
|
2
|
-
|
|
3
|
-
A modern Vue.js UI component library built with Vue, Typescript, Storybook and Tailwind CSS.
|
|
4
|
-
|
|
5
|
-
[](https://www.npmjs.com/package/veloce-vue)
|
|
6
|
-

|
|
7
|
-

|
|
8
|
-
|
|
9
|
-
## Installation
|
|
10
|
-
|
|
11
|
-
Install the library from NPM:
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
pnpm add veloce-vue
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## Setup
|
|
18
|
-
|
|
19
|
-
### 1. Import the CSS
|
|
20
|
-
|
|
21
|
-
Import the library's styles in your main application file:
|
|
22
|
-
|
|
23
|
-
```javascript
|
|
24
|
-
import "veloce-vue/style.css";
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### 2. Import Components
|
|
28
|
-
|
|
29
|
-
Import the components you need in your Vue components:
|
|
30
|
-
|
|
31
|
-
```javascript
|
|
32
|
-
import { Button } from "veloce-vue";
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Usage Example
|
|
36
|
-
|
|
37
|
-
```vue
|
|
38
|
-
<template>
|
|
39
|
-
<div>
|
|
40
|
-
<!-- Primary Button -->
|
|
41
|
-
<Button label="Primary Button" />
|
|
42
|
-
</div>
|
|
43
|
-
</template>
|
|
44
|
-
|
|
45
|
-
<script setup>
|
|
46
|
-
import { Button } from "veloce-vue";
|
|
47
|
-
</script>
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
## Main Application Setup
|
|
51
|
-
|
|
52
|
-
In your main application file (e.g., `main.ts`):
|
|
53
|
-
|
|
54
|
-
```javascript
|
|
55
|
-
import "veloce-vue/styles.css";
|
|
56
|
-
import "./style.css";
|
|
57
|
-
|
|
58
|
-
import { createApp } from "vue";
|
|
59
|
-
import App from "./App.vue";
|
|
60
|
-
|
|
61
|
-
const app = createApp(App);
|
|
62
|
-
app.mount("#app");
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
## Requirements
|
|
66
|
-
|
|
67
|
-
- Vue 3.5 or higher
|
|
68
|
-
- Tailwind CSS v4 (for styling)
|
|
69
|
-
|
|
70
|
-
### Consuming application UI configuration
|
|
71
|
-
|
|
72
|
-
Create `ui.config.ts` and add the following code:
|
|
73
|
-
|
|
74
|
-
```javascript
|
|
75
|
-
import { config } from "veloce-vue";
|
|
76
|
-
|
|
77
|
-
const themeConfig = {
|
|
78
|
-
colors: {
|
|
79
|
-
primary: "#F5276C",
|
|
80
|
-
secondary: "#F54927",
|
|
81
|
-
accent: "#F5B027",
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
export default config(themeConfig);
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
Import and use it in `main.ts`:
|
|
89
|
-
|
|
90
|
-
```javascript
|
|
91
|
-
import UIConfig from "./ui.config";
|
|
92
|
-
|
|
93
|
-
// after creating your Vue app instance:
|
|
94
|
-
app.use(UIConfig);
|
|
95
|
-
```
|
|
96
|
-
|
|
97
|
-
Use the UI colors in your components/styles:
|
|
98
|
-
|
|
99
|
-
```html
|
|
100
|
-
<div :style="{ backgroundColor: 'var(--ui-color-primary)' }">...</div>
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
> **ℹ️ Developer Alert:**
|
|
104
|
-
> This library is in active development. APIs and styles may change between releases.
|
|
105
|
-
> Please consult the documentation and changelog for updates before production use.
|
|
106
|
-
|
|
107
|
-
## Development
|
|
108
|
-
|
|
109
|
-
This library is built using:
|
|
110
|
-
|
|
111
|
-
- Vite
|
|
112
|
-
- Vue 3
|
|
113
|
-
- TypeScript
|
|
114
|
-
- Tailwind CSS v4
|
|
115
|
-
- Storybook v9.1.10
|
|
116
|
-
|
|
117
|
-
### Run development server
|
|
118
|
-
|
|
119
|
-
```bash
|
|
120
|
-
pnpm dev
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
This will start the development server at `http://localhost:6006`.
|
|
124
|
-
|
|
125
|
-
## Production
|
|
126
|
-
|
|
127
|
-
### Build storybook
|
|
128
|
-
|
|
129
|
-
```bash
|
|
130
|
-
pnpm run build-storybook
|
|
131
|
-
```
|
|
132
|
-
|
|
133
|
-
This will build the storybook into the `build/storybook` directory.
|
|
134
|
-
|
|
135
|
-
### Preview storybook build
|
|
136
|
-
|
|
137
|
-
```bash
|
|
138
|
-
pnpm run preview-storybook
|
|
139
|
-
```
|
|
140
|
-
|
|
141
|
-
This will start the storybook production build at `http://localhost:3000`.
|
|
142
|
-
|
|
143
|
-
### Build npm package
|
|
144
|
-
|
|
145
|
-
```bash
|
|
146
|
-
pnpm run build
|
|
147
|
-
```
|
|
148
|
-
|
|
149
|
-
This will build the npm package into the `build/package` directory.
|
|
150
|
-
|
|
151
|
-
> ℹ️ VeloceVue is in active development. APIs and styles may evolve.
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
declare var __VLS_7: string, __VLS_8: {};
|
|
2
|
-
type __VLS_Slots = {} & {
|
|
3
|
-
[K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
|
|
4
|
-
};
|
|
5
|
-
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
|
-
items: {
|
|
7
|
-
type: () => {
|
|
8
|
-
title: string;
|
|
9
|
-
content: string;
|
|
10
|
-
slot?: string;
|
|
11
|
-
}[];
|
|
12
|
-
required: true;
|
|
13
|
-
};
|
|
14
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
-
items: {
|
|
16
|
-
type: () => {
|
|
17
|
-
title: string;
|
|
18
|
-
content: string;
|
|
19
|
-
slot?: string;
|
|
20
|
-
}[];
|
|
21
|
-
required: true;
|
|
22
|
-
};
|
|
23
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
24
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
|
-
declare const _default: typeof __VLS_export;
|
|
26
|
-
export default _default;
|
|
27
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
-
new (): {
|
|
29
|
-
$slots: S;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/vue3-vite";
|
|
2
|
-
import Accordion from "./Index.vue";
|
|
3
|
-
declare const meta: Meta<typeof Accordion>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const SingleItem: Story;
|
|
8
|
-
export declare const ManyItems: Story;
|
|
9
|
-
export declare const WithSlots: Story;
|
|
10
|
-
export declare const Empty: Story;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
-
readonly label: {
|
|
3
|
-
readonly type: StringConstructor;
|
|
4
|
-
readonly default: "";
|
|
5
|
-
};
|
|
6
|
-
readonly loading: {
|
|
7
|
-
readonly type: BooleanConstructor;
|
|
8
|
-
readonly default: false;
|
|
9
|
-
};
|
|
10
|
-
readonly disabled: {
|
|
11
|
-
readonly type: BooleanConstructor;
|
|
12
|
-
readonly default: false;
|
|
13
|
-
};
|
|
14
|
-
readonly variant: {
|
|
15
|
-
readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
|
|
16
|
-
readonly default: "solid";
|
|
17
|
-
readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
|
|
18
|
-
};
|
|
19
|
-
readonly icon: {
|
|
20
|
-
readonly type: StringConstructor;
|
|
21
|
-
readonly default: "";
|
|
22
|
-
};
|
|
23
|
-
readonly iconClass: {
|
|
24
|
-
readonly type: StringConstructor;
|
|
25
|
-
readonly default: "";
|
|
26
|
-
};
|
|
27
|
-
readonly iconPosition: {
|
|
28
|
-
readonly type: import("vue").PropType<"left" | "right">;
|
|
29
|
-
readonly default: "right";
|
|
30
|
-
readonly options: readonly ["left", "right"];
|
|
31
|
-
};
|
|
32
|
-
readonly rounded: {
|
|
33
|
-
readonly type: BooleanConstructor;
|
|
34
|
-
readonly default: false;
|
|
35
|
-
};
|
|
36
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
37
|
-
readonly label: {
|
|
38
|
-
readonly type: StringConstructor;
|
|
39
|
-
readonly default: "";
|
|
40
|
-
};
|
|
41
|
-
readonly loading: {
|
|
42
|
-
readonly type: BooleanConstructor;
|
|
43
|
-
readonly default: false;
|
|
44
|
-
};
|
|
45
|
-
readonly disabled: {
|
|
46
|
-
readonly type: BooleanConstructor;
|
|
47
|
-
readonly default: false;
|
|
48
|
-
};
|
|
49
|
-
readonly variant: {
|
|
50
|
-
readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
|
|
51
|
-
readonly default: "solid";
|
|
52
|
-
readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
|
|
53
|
-
};
|
|
54
|
-
readonly icon: {
|
|
55
|
-
readonly type: StringConstructor;
|
|
56
|
-
readonly default: "";
|
|
57
|
-
};
|
|
58
|
-
readonly iconClass: {
|
|
59
|
-
readonly type: StringConstructor;
|
|
60
|
-
readonly default: "";
|
|
61
|
-
};
|
|
62
|
-
readonly iconPosition: {
|
|
63
|
-
readonly type: import("vue").PropType<"left" | "right">;
|
|
64
|
-
readonly default: "right";
|
|
65
|
-
readonly options: readonly ["left", "right"];
|
|
66
|
-
};
|
|
67
|
-
readonly rounded: {
|
|
68
|
-
readonly type: BooleanConstructor;
|
|
69
|
-
readonly default: false;
|
|
70
|
-
};
|
|
71
|
-
}>> & Readonly<{}>, {
|
|
72
|
-
readonly label: string;
|
|
73
|
-
readonly loading: boolean;
|
|
74
|
-
readonly disabled: boolean;
|
|
75
|
-
readonly variant: "text" | "outlined" | "ghost" | "solid" | "gray";
|
|
76
|
-
readonly icon: string;
|
|
77
|
-
readonly iconClass: string;
|
|
78
|
-
readonly iconPosition: "left" | "right";
|
|
79
|
-
readonly rounded: boolean;
|
|
80
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
|
-
declare const _default: typeof __VLS_export;
|
|
82
|
-
export default _default;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import type { PropType } from "vue";
|
|
2
|
-
export declare const props: {
|
|
3
|
-
readonly label: {
|
|
4
|
-
readonly type: StringConstructor;
|
|
5
|
-
readonly default: "";
|
|
6
|
-
};
|
|
7
|
-
readonly loading: {
|
|
8
|
-
readonly type: BooleanConstructor;
|
|
9
|
-
readonly default: false;
|
|
10
|
-
};
|
|
11
|
-
readonly disabled: {
|
|
12
|
-
readonly type: BooleanConstructor;
|
|
13
|
-
readonly default: false;
|
|
14
|
-
};
|
|
15
|
-
readonly variant: {
|
|
16
|
-
readonly type: PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
|
|
17
|
-
readonly default: "solid";
|
|
18
|
-
readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
|
|
19
|
-
};
|
|
20
|
-
readonly icon: {
|
|
21
|
-
readonly type: StringConstructor;
|
|
22
|
-
readonly default: "";
|
|
23
|
-
};
|
|
24
|
-
readonly iconClass: {
|
|
25
|
-
readonly type: StringConstructor;
|
|
26
|
-
readonly default: "";
|
|
27
|
-
};
|
|
28
|
-
readonly iconPosition: {
|
|
29
|
-
readonly type: PropType<"left" | "right">;
|
|
30
|
-
readonly default: "right";
|
|
31
|
-
readonly options: readonly ["left", "right"];
|
|
32
|
-
};
|
|
33
|
-
readonly rounded: {
|
|
34
|
-
readonly type: BooleanConstructor;
|
|
35
|
-
readonly default: false;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/vue3-vite";
|
|
2
|
-
import Button from "./Index.vue";
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithIconLeft: Story;
|
|
8
|
-
export declare const WithIconRight: Story;
|
|
9
|
-
export declare const Loading: Story;
|
|
10
|
-
export declare const Disabled: Story;
|
|
11
|
-
export declare const Solid: Story;
|
|
12
|
-
export declare const Outlined: Story;
|
|
13
|
-
export declare const Text: Story;
|
|
14
|
-
export declare const Ghost: Story;
|
|
15
|
-
export declare const Rounded: Story;
|
|
16
|
-
export declare const OnlyIcon: Story;
|
|
17
|
-
export declare const CustomIconClass: {
|
|
18
|
-
args: {
|
|
19
|
-
label: string;
|
|
20
|
-
icon: string;
|
|
21
|
-
iconClass: string;
|
|
22
|
-
};
|
|
23
|
-
};
|