@valerius_petrini/corekit-ui 0.1.51 → 0.1.52

package/dist/styles/color.js

@@ -0,0 +1,204 @@
+export const colorStyleParts = {
+    rose: {
+        base: "bg-rose-500",
+        full: "bg-rose-500 hover:bg-rose-600",
+        light: "bg-rose-500/35 hover:bg-rose-600/35 text-white/60",
+        outline: "border border-rose-500 hover:border-rose-600 text-rose-500 hover:text-rose-600 hover:bg-rose-500/10",
+        ghost: "hover:bg-rose-500"
+    },
+    red: {
+        base: "bg-red-500",
+        full: "bg-red-500 hover:bg-red-600",
+        light: "bg-red-500/35 hover:bg-red-600/35 text-white/60",
+        outline: "border border-red-500 hover:border-red-600 text-red-500 hover:text-red-600 hover:bg-red-500/10",
+        ghost: "hover:bg-red-500"
+    },
+    orange: {
+        base: "bg-orange-500",
+        full: "bg-orange-500 hover:bg-orange-600",
+        light: "bg-orange-500/35 hover:bg-orange-600/35 text-white/60",
+        outline: "border border-orange-500 hover:border-orange-600 text-orange-500 hover:text-orange-600 hover:bg-orange-500/10",
+        ghost: "hover:bg-orange-500"
+    },
+    amber: {
+        base: "bg-amber-500",
+        full: "bg-amber-500 hover:bg-amber-600",
+        light: "bg-amber-500/35 hover:bg-amber-600/35 text-white/60",
+        outline: "border border-amber-500 hover:border-amber-600 text-amber-500 hover:text-amber-600 hover:bg-amber-500/10",
+        ghost: "hover:bg-amber-500"
+    },
+    yellow: {
+        base: "bg-yellow-500",
+        full: "bg-yellow-500 hover:bg-yellow-600",
+        light: "bg-yellow-500/35 hover:bg-yellow-600/35 text-white/60",
+        outline: "border border-yellow-500 hover:border-yellow-600 text-yellow-500 hover:text-yellow-600 hover:bg-yellow-500/10",
+        ghost: "hover:bg-yellow-500"
+    },
+    lime: {
+        base: "bg-lime-500",
+        full: "bg-lime-500 hover:bg-lime-600",
+        light: "bg-lime-500/35 hover:bg-lime-600/35 text-white/60",
+        outline: "border border-lime-500 hover:border-lime-600 text-lime-500 hover:text-lime-600 hover:bg-lime-500/10",
+        ghost: "hover:bg-lime-500"
+    },
+    green: {
+        base: "bg-green-500",
+        full: "bg-green-500 hover:bg-green-600",
+        light: "bg-green-500/35 hover:bg-green-600/35 text-white/60",
+        outline: "border border-green-500 hover:border-green-600 text-green-500 hover:text-green-600 hover:bg-green-500/10",
+        ghost: "hover:bg-green-500"
+    },
+    emerald: {
+        base: "bg-emerald-500",
+        full: "bg-emerald-500 hover:bg-emerald-600",
+        light: "bg-emerald-500/35 hover:bg-emerald-600/35 text-white/60",
+        outline: "border border-emerald-500 hover:border-emerald-600 text-emerald-500 hover:text-emerald-600 hover:bg-emerald-500/10",
+        ghost: "hover:bg-emerald-500"
+    },
+    teal: {
+        base: "bg-teal-500",
+        full: "bg-teal-500 hover:bg-teal-600",
+        light: "bg-teal-500/35 hover:bg-teal-600/35 text-white/60",
+        outline: "border border-teal-500 hover:border-teal-600 text-teal-500 hover:text-teal-600 hover:bg-teal-500/10",
+        ghost: "hover:bg-teal-500"
+    },
+    cyan: {
+        base: "bg-cyan-500",
+        full: "bg-cyan-500 hover:bg-cyan-600",
+        light: "bg-cyan-500/35 hover:bg-cyan-600/35 text-white/60",
+        outline: "border border-cyan-500 hover:border-cyan-600 text-cyan-500 hover:text-cyan-600 hover:bg-cyan-500/10",
+        ghost: "hover:bg-cyan-500"
+    },
+    blue: {
+        base: "bg-blue-500",
+        full: "bg-blue-500 hover:bg-blue-600",
+        light: "bg-blue-500/35 hover:bg-blue-600/35 text-white/60",
+        outline: "border border-blue-500 hover:border-blue-600 text-blue-500 hover:text-blue-600 hover:bg-blue-500/10",
+        ghost: "hover:bg-blue-500"
+    },
+    indigo: {
+        base: "bg-indigo-500",
+        full: "bg-indigo-500 hover:bg-indigo-600",
+        light: "bg-indigo-500/35 hover:bg-indigo-600/35 text-white/60",
+        outline: "border border-indigo-500 hover:border-indigo-600 text-indigo-500 hover:text-indigo-600 hover:bg-indigo-500/10",
+        ghost: "hover:bg-indigo-500"
+    },
+    violet: {
+        base: "bg-violet-500",
+        full: "bg-violet-500 hover:bg-violet-600",
+        light: "bg-violet-500/35 hover:bg-violet-600/35 text-white/60",
+        outline: "border border-violet-500 hover:border-violet-600 text-violet-500 hover:text-violet-600 hover:bg-violet-500/10",
+        ghost: "hover:bg-violet-500"
+    },
+    purple: {
+        base: "bg-purple-500",
+        full: "bg-purple-500 hover:bg-purple-600",
+        light: "bg-purple-500/35 hover:bg-purple-600/35 text-white/60",
+        outline: "border border-purple-500 hover:border-purple-600 text-purple-500 hover:text-purple-600 hover:bg-purple-500/10",
+        ghost: "hover:bg-purple-500"
+    },
+    pink: {
+        base: "bg-pink-500",
+        full: "bg-pink-500 hover:bg-pink-600",
+        light: "bg-pink-500/35 hover:bg-pink-600/35 text-white/60",
+        outline: "border border-pink-500 hover:border-pink-600 text-pink-500 hover:text-pink-600 hover:bg-pink-500/10",
+        ghost: "hover:bg-pink-500"
+    },
+    fuchsia: {
+        base: "bg-fuchsia-500",
+        full: "bg-fuchsia-500 hover:bg-fuchsia-600",
+        light: "bg-fuchsia-500/35 hover:bg-fuchsia-600/35 text-white/60",
+        outline: "border border-fuchsia-500 hover:border-fuchsia-600 text-fuchsia-500 hover:text-fuchsia-600 hover:bg-fuchsia-500/10",
+        ghost: "hover:bg-fuchsia-500"
+    },
+    gray: {
+        base: "bg-gray-500",
+        full: "bg-gray-500 hover:bg-gray-600",
+        light: "bg-gray-500/35 hover:bg-gray-600/35 text-white/60",
+        outline: "border border-gray-500 hover:border-gray-600 text-gray-500 hover:text-gray-600 hover:bg-gray-500/10",
+        ghost: "hover:bg-gray-500"
+    },
+    sub: {
+        base: "bg-sub-background",
+        full: "bg-sub-background hover:bg-sub-background-hover",
+        light: "bg-sub-background hover:bg-sub-background-hover text-white/60",
+        outline: "border border-sub-background hover:border-sub-background-hover text-sub-background hover:text-sub-background-hover hover:bg-sub-background/10",
+        ghost: "hover:bg-sub-background"
+    },
+    none: {
+        base: "",
+        full: "",
+        light: "",
+        outline: "",
+        ghost: ""
+    },
+    white: {
+        base: "bg-white text-contrast-text",
+        full: "bg-white hover:bg-gray-100 text-contrast-text hover:text-contrast-text",
+        light: "bg-white/35 hover:bg-white/35 text-gray-700",
+        outline: "border border-white hover:border-gray-300 text-white hover:text-gray-300 hover:bg-white/10",
+        ghost: "hover:bg-white hover:text-contrast-text"
+    },
+    black: {
+        base: "bg-black",
+        full: "bg-black hover:bg-stone-950",
+        light: "bg-black/35 hover:bg-black/35 text-gray-500",
+        outline: "border border-black hover:border-gray-700 text-black hover:text-gray-700 hover:bg-black/10",
+        ghost: "hover:bg-black"
+    },
+    primary: {
+        base: "bg-primary",
+        full: "bg-primary hover:bg-primary/90",
+        light: "bg-primary/35 hover:bg-primary/35 text-white/60",
+        outline: "border border-primary hover:border-primary/90 text-primary hover:text-primary/90 hover:bg-primary/10",
+        ghost: "hover:bg-primary"
+    },
+    secondary: {
+        base: "bg-secondary",
+        full: "bg-secondary hover:bg-secondary/90",
+        light: "bg-secondary/35 hover:bg-secondary/35 text-white/60",
+        outline: "border border-secondary hover:border-secondary/90 text-secondary hover:text-secondary/90 hover:bg-secondary/10",
+        ghost: "hover:bg-secondary"
+    },
+    accent: {
+        base: "bg-accent",
+        full: "bg-accent hover:bg-accent/90",
+        light: "bg-accent/35 hover:bg-accent/35 text-white/60",
+        outline: "border border-accent hover:border-accent/90 text-accent hover:text-accent/90 hover:bg-accent/10",
+        ghost: "hover:bg-accent"
+    },
+    error: {
+        base: "bg-red-500",
+        full: "bg-red-500 hover:bg-red-600",
+        light: "bg-red-500/35 hover:bg-red-600/35 text-white/60",
+        outline: "border border-red-500 hover:border-red-600 text-red-500 hover:text-red-600 hover:bg-red-500/10",
+        ghost: "hover:bg-red-500"
+    },
+    warning: {
+        base: "bg-amber-500",
+        full: "bg-amber-500 hover:bg-amber-600",
+        light: "bg-amber-500/35 hover:bg-amber-600/35 text-white/60",
+        outline: "border border-amber-500 hover:border-amber-600 text-amber-500 hover:text-amber-600 hover:bg-amber-500/10",
+        ghost: "hover:bg-amber-500"
+    },
+    success: {
+        base: "bg-emerald-500",
+        full: "bg-emerald-500 hover:bg-emerald-600",
+        light: "bg-emerald-500/35 hover:bg-emerald-600/35 text-white/60",
+        outline: "border border-emerald-500 hover:border-emerald-600 text-emerald-500 hover:text-emerald-600 hover:bg-emerald-500/10",
+        ghost: "hover:bg-emerald-500"
+    },
+    info: {
+        base: "bg-sky-500",
+        full: "bg-sky-500 hover:bg-sky-600",
+        light: "bg-sky-500/35 hover:bg-sky-600/35 text-white/60",
+        outline: "border border-sky-500 hover:border-sky-600 text-sky-500 hover:text-sky-600 hover:bg-sky-500/10",
+        ghost: "hover:bg-sky-500"
+    }
+};
+export function generateColorStyle(color, variant) {
+    const styles = colorStyleParts[color];
+    if (!styles)
+        return "";
+    return styles[variant] || "";
+}

package/dist/styles/layout.css

@@ -0,0 +1,52 @@
+@import 'tailwindcss';
+
+@utility flex-center {
+    @apply flex items-center justify-center;
+}
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+    --color-main-background: var(--vpcui-main-background);
+    --color-sub-background: var(--vpcui-sub-background);
+    --color-sub-background-hover: var(--vpcui-sub-background-hover);
+    --color-main-text: var(--vpcui-main-text);
+    --color-sub-text: var(--vpcui-sub-text);
+    --color-contrast-text: var(--vpcui-contrast-text);
+    --color-form-background: var(--vpcui-form-background);
+    --color-form-hover: var(--vpcui-form-hover);
+    --color-form-border: var(--vpcui-form-border);
+    --color-navbar-element-hover-background: var(--vpcui-navbar-element-hover-background);
+    --color-primary: var(--vpcui-primary);
+    --color-secondary: var(--vpcui-secondary);
+    --color-accent: var(--vpcui-accent);
+}
+
+:root {
+    --vpcui-main-background: #FFFFFF;
+    --vpcui-sub-background: #F5F5F5;
+    --vpcui-sub-background-hover: #EEE;
+    --vpcui-main-text: #111;
+    --vpcui-sub-text: #6B6B6B ;
+    --vpcui-contrast-text: #F5F5F5;
+    --vpcui-form-background: #FFFFFF;
+    --vpcui-form-hover: #D4D4D4;
+    --vpcui-form-border: #C4C4C4;
+    --vpcui-color-navbar-element-hover-background: var(--color-mist-100);
+}
+
+html.dark {
+    --vpcui-main-background: #121212;
+    --vpcui-sub-background: #1E1E1E;
+    --vpcui-sub-background-hover: #2A2A2A;
+    --vpcui-main-text: #F5F5F5;
+    --vpcui-sub-text: #A0A0A0;
+    --vpcui-contrast-text: #111;
+    --vpcui-form-background: #2A2A2A;
+    --vpcui-form-border: #3A3A3A;
+    --vpcui-navbar-element-hover-background: var(--color-zinc-900);
+}
+
+html {
+    background-color: var(--color-main-background);
+}

package/dist/styles/size.d.ts

@@ -0,0 +1,16 @@
+export type SizeStyleTheme = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | "none";
+export type SizeStyleType = "button" | "buttonIcon" | "radius" | "text" | "card" | "form" | "formLabel" | "formLabelSelected" | "progress";
+export type SizeStyle = SizeStyleTheme | number;
+export declare const sizeStyleParts: Record<SizeStyleTheme, Record<SizeStyleType, string>>;
+export declare const textStyle: {
+    "text-xs": string;
+    "text-sm": string;
+    "text-base": string;
+    "text-lg": string;
+    "text-xl": string;
+    "text-2xl": string;
+    "text-3xl": string;
+    "text-4xl": string;
+    "text-5xl": string;
+    "text-6xl": string;
+};

package/dist/styles/size.js

@@ -0,0 +1,146 @@
+export const sizeStyleParts = {
+    xs: {
+        button: "text-xs h-4 px-1 py-0.5",
+        buttonIcon: "text-xs h-4 w-4 p-0.5",
+        radius: "rounded-xs",
+        text: "text-xs",
+        card: "w-xs",
+        form: "h-5 pt-1 pb-0.25",
+        formLabel: "text-[8px]",
+        formLabelSelected: "text-[6px] top-1",
+        progress: "h-0.5"
+    },
+    sm: {
+        button: "text-sm h-6 px-2 py-1",
+        buttonIcon: "text-sm h-6 w-6 p-1",
+        radius: "rounded-sm",
+        text: "text-sm",
+        card: "w-sm",
+        form: "h-7 pt-3 pb-0.5",
+        formLabel: "text-[10px]",
+        formLabelSelected: "text-[8px] top-1.5",
+        progress: "h-1"
+    },
+    md: {
+        button: "text-base h-8 px-3 py-1.5",
+        buttonIcon: "text-base h-8 w-8 p-1.5",
+        radius: "rounded-md",
+        text: "text-base",
+        card: "w-md",
+        form: "h-9 pt-4 pb-1",
+        formLabel: "text-xs",
+        formLabelSelected: "text-[10px] top-2",
+        progress: "h-2"
+    },
+    lg: {
+        button: "text-lg h-10 px-4 py-2",
+        buttonIcon: "text-lg h-10 w-10 p-2",
+        radius: "rounded-lg",
+        text: "text-lg",
+        card: "w-lg",
+        form: "h-[44px] pt-5 pb-2",
+        formLabel: "text-sm",
+        formLabelSelected: "text-xs top-2.5",
+        progress: "h-3"
+    },
+    xl: {
+        button: "text-xl h-12 px-5 py-2.5",
+        buttonIcon: "text-xl h-12 w-12 p-2.5",
+        radius: "rounded-xl",
+        text: "text-xl",
+        card: "w-xl",
+        form: "h-[52px] pt-6 pb-3",
+        formLabel: "text-base",
+        formLabelSelected: "text-sm top-3",
+        progress: "h-4"
+    },
+    "2xl": {
+        button: "text-2xl h-14 px-6 py-3",
+        buttonIcon: "text-2xl h-14 w-14 p-3",
+        radius: "rounded-2xl",
+        text: "text-2xl",
+        card: "w-2xl",
+        form: "h-[60px] pt-7 pb-4",
+        formLabel: "text-lg",
+        formLabelSelected: "text-base top-3.5",
+        progress: "h-5"
+    },
+    "3xl": {
+        button: "text-3xl h-16 px-7 py-3.5",
+        buttonIcon: "text-3xl h-16 w-16 p-3.5",
+        radius: "rounded-3xl",
+        text: "text-3xl",
+        card: "w-3xl",
+        form: "h-[68px] pt-8 pb-5",
+        formLabel: "text-xl",
+        formLabelSelected: "text-lg top-4",
+        progress: "h-6"
+    },
+    "4xl": {
+        button: "text-4xl h-18 px-8 py-4",
+        buttonIcon: "text-4xl h-18 w-18 p-4",
+        radius: "rounded-4xl",
+        text: "text-4xl",
+        card: "w-4xl",
+        form: "h-[76px] pt-9 pb-6",
+        formLabel: "text-2xl",
+        formLabelSelected: "text-xl top-4.5",
+        progress: "h-7"
+    },
+    "5xl": {
+        button: "text-5xl h-20 px-9 py-4.5",
+        buttonIcon: "text-5xl h-20 w-20 p-4.5",
+        radius: "rounded-[2.5rem]",
+        text: "text-5xl",
+        card: "w-5xl",
+        form: "h-[84px] pt-10 pb-5",
+        formLabel: "text-3xl",
+        formLabelSelected: "text-2xl top-5",
+        progress: "h-8"
+    },
+    "6xl": {
+        button: "text-6xl h-24 px-10 py-5",
+        buttonIcon: "text-6xl h-24 w-24 p-5",
+        radius: "rounded-[3rem]",
+        text: "text-6xl",
+        card: "w-6xl",
+        form: "h-[92px] pt-12 pb-6",
+        formLabel: "text-4xl",
+        formLabelSelected: "text-3xl top-[22px]",
+        progress: "h-9"
+    },
+    full: {
+        button: "w-full text-base h-8 px-3 py-1",
+        buttonIcon: "w-full aspect-square text-base p-1",
+        radius: "rounded-full",
+        text: "w-full text-base",
+        card: "w-full",
+        form: "h-9 pt-4 pb-1",
+        formLabel: "text-xs",
+        formLabelSelected: "text-[10px] top-2",
+        progress: "h-2"
+    },
+    none: {
+        button: "p-0 h-auto text-base",
+        buttonIcon: "p-0 h-auto w-auto text-base",
+        radius: "rounded-none",
+        text: "",
+        card: "",
+        form: "h-auto px-0 py-0",
+        formLabel: "",
+        formLabelSelected: "",
+        progress: ""
+    }
+};
+export const textStyle = {
+    "text-xs": "0.75rem",
+    "text-sm": "0.875rem",
+    "text-base": "1rem",
+    "text-lg": "1.125rem",
+    "text-xl": "1.25rem",
+    "text-2xl": "1.5rem",
+    "text-3xl": "1.875rem",
+    "text-4xl": "2.25rem",
+    "text-5xl": "3rem",
+    "text-6xl": "3.75rem"
+};

package/dist/types/Analytics.d.ts

@@ -0,0 +1,3 @@
+export interface AnalyticsProps {
+    measurementId: string;
+}

package/dist/types/Analytics.js

@@ -0,0 +1 @@
+export {};

package/dist/types/Button.d.ts

@@ -0,0 +1,17 @@
+import type { ColorStyle, ColorStyleType } from "../styles/color.ts";
+import type { SizeStyle } from "../styles/size.ts";
+export interface ButtonProps {
+    children?: any;
+    class?: string;
+    pill?: boolean;
+    icon?: boolean;
+    square?: boolean;
+    href?: string;
+    color?: ColorStyle;
+    variant?: ColorStyleType;
+    disabled?: boolean;
+    external?: boolean;
+    size?: SizeStyle;
+    radius?: SizeStyle;
+    [key: string]: any;
+}

package/dist/types/Button.js

@@ -0,0 +1 @@
+export {};

package/dist/types/Card.d.ts

@@ -0,0 +1,13 @@
+import type { SizeStyle } from "../styles/size.ts";
+export type CardVariant = "bordered" | "elevated";
+export declare const cardVariantStyles: Record<CardVariant, string>;
+export interface CardProps {
+    children?: any;
+    class?: string;
+    href?: string;
+    external?: boolean;
+    variant?: CardVariant;
+    size?: SizeStyle;
+    radius?: SizeStyle;
+    [key: string]: any;
+}

package/dist/types/Card.js

@@ -0,0 +1,4 @@
+export const cardVariantStyles = {
+    bordered: "border-[1px] border-sub-background-hover",
+    elevated: "shadow-md",
+};

package/dist/types/Checkbox.d.ts

@@ -0,0 +1,10 @@
+export interface CheckboxProps {
+    children?: any;
+    class?: string;
+    label?: string;
+    labelClass?: string;
+    divClass?: string;
+    checked?: boolean;
+    id?: string;
+    [key: string]: any;
+}

package/dist/types/Checkbox.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/FloatingInput.d.ts

@@ -0,0 +1,23 @@
+import type { Component } from "svelte";
+import type { SizeStyle } from "../styles/size.ts";
+export type InputVariant = "default" | "floating";
+export interface FloatingInputProps {
+    children?: any;
+    class?: string;
+    label?: string;
+    labelClass?: string;
+    divClass?: string;
+    icon?: Component;
+    value?: any;
+    required?: boolean;
+    disabled?: boolean;
+    variant?: InputVariant;
+    placeholder?: string;
+    onfocus?: (e?: FocusEvent) => void;
+    onblur?: (e?: FocusEvent) => void;
+    validInputRegex?: RegExp;
+    size?: SizeStyle;
+    radius?: SizeStyle;
+    id?: `${string}-${string}-${string}-${string}-${string}`;
+    [key: string]: any;
+}

package/dist/types/FloatingInput.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/FloatingSelect.d.ts

@@ -0,0 +1,14 @@
+export interface FloatingSelectProps {
+    children?: any;
+    class?: string;
+    label?: string;
+    divClass?: string;
+    optionClass?: string;
+    value?: any;
+    options: {
+        value: any;
+        label: string;
+    }[];
+    id?: `${string}-${string}-${string}-${string}-${string}`;
+    [key: string]: any;
+}

package/dist/types/FloatingSelect.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/Navbar.d.ts

@@ -0,0 +1,16 @@
+export interface NavbarProps {
+    children?: any;
+    class?: string;
+    classTop?: string;
+    threshold?: number;
+    [key: string]: any;
+}
+export interface NavbarElementProps {
+    children?: any;
+    class?: string;
+    classTop?: string;
+    activeClass?: string;
+    href?: string;
+    threshold?: number;
+    [key: string]: any;
+}

package/dist/types/Navbar.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/Progress.d.ts

@@ -0,0 +1,20 @@
+import type { ColorStyle } from "../styles/color.ts";
+import type { SizeStyle } from "../styles/size.ts";
+interface AnimateProps {
+    from: number;
+    to: number;
+    duration: number;
+    onend?: () => void;
+}
+export interface ProgressProps {
+    children?: any;
+    class?: string;
+    divClass?: string;
+    progress?: number;
+    animate?: AnimateProps;
+    color?: ColorStyle;
+    size?: SizeStyle;
+    radius?: SizeStyle;
+    [key: string]: any;
+}
+export {};

package/dist/types/Progress.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/SEO.d.ts

@@ -0,0 +1,6 @@
+export interface SEOProps {
+    websiteName: string;
+    title?: string;
+    description?: string;
+    image?: any;
+}

package/dist/types/SEO.js

@@ -0,0 +1 @@
+export {};

package/dist/types/Text.d.ts

@@ -0,0 +1,11 @@
+import type { SizeStyle } from "../styles/size.ts";
+type TextTagOptions = "p" | "div" | "span" | "label" | "strong" | "em" | "b" | "i" | "u" | "small" | "blockquote" | "pre" | "code" | "a" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export interface TextProps {
+    children?: any;
+    class?: string;
+    tag?: TextTagOptions;
+    shrink?: number;
+    size?: SizeStyle;
+    [key: string]: any;
+}
+export {};

package/dist/types/Text.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/types/Typewriter.d.ts

@@ -0,0 +1,33 @@
+export type TypewriterAction = {
+    type: "write";
+    value: string | (() => string);
+    color?: string | (() => string);
+    minspeed?: number;
+    maxspeed?: number;
+    label?: string;
+} | {
+    type: "delete";
+    to: string;
+    minspeed?: number;
+    maxspeed?: number;
+    label?: string;
+} | {
+    type: "pause";
+    duration: number;
+    label?: string;
+} | {
+    type: "jump";
+    position: string;
+    label?: string;
+};
+export interface DisplaySegment {
+    text: string;
+    color?: string;
+    label?: string;
+}
+export interface TypewriterProps {
+    actions: TypewriterAction[];
+    class?: string;
+    textClass?: string;
+    [key: string]: any;
+}

package/dist/types/Typewriter.js

@@ -0,0 +1,2 @@
+;
+export {};

package/dist/utils/link.d.ts

@@ -0,0 +1,9 @@
+export declare function getLinkProps(href?: string, external?: boolean): {
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+} | {
+    href: string;
+    target: string | undefined;
+    rel: string | undefined;
+};

package/dist/utils/link.js

@@ -0,0 +1,9 @@
+export function getLinkProps(href, external) {
+    if (!href)
+        return {};
+    return {
+        href,
+        target: external ? "_blank" : undefined,
+        rel: external ? "noopener noreferrer" : undefined,
+    };
+}