@valerius_petrini/corekit-ui 0.1.49 → 0.1.52

package/dist/components/Typewriter.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TypewriterProps } from "../types/Typewriter.d.ts";
+import type { TypewriterProps } from "../types/Typewriter.ts";
 declare const Typewriter: import("svelte").Component<TypewriterProps, {}, "">;
 type Typewriter = ReturnType<typeof Typewriter>;
 export default Typewriter;

package/dist/index.d.ts

@@ -10,5 +10,6 @@ export { default as FloatingSelect } from "./components/FloatingSelect.svelte";
 export { default as Text } from "./components/Text.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { default as Checkbox } from "./components/Checkbox.svelte";
+export { default as Progress } from "./components/Progress.svelte";
 export { fbmBackground } from "./actions/fbm.ts";
-export type { TypewriterAction, DisplaySegment } from "./types/Typewriter.d.ts";
+export type { TypewriterAction, DisplaySegment } from "./types/Typewriter.ts";

package/dist/index.js

@@ -10,4 +10,5 @@ export { default as FloatingSelect } from "./components/FloatingSelect.svelte";
 export { default as Text } from "./components/Text.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { default as Checkbox } from "./components/Checkbox.svelte";
+export { default as Progress } from "./components/Progress.svelte";
 export { fbmBackground } from "./actions/fbm.js";

package/dist/styles/color.d.ts

@@ -1,4 +1,4 @@
-export type ColorStyle = "red" | "yellow" | "lightgreen" | "blue" | "pink" | "purple" | "gray" | "sub" | "none";
-export type ColorStyleType = "full" | "light" | "outline" | "ghost";
+export type ColorStyle = "rose" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "gray" | "sub" | "none" | "white" | "black" | "primary" | "secondary" | "accent" | "error" | "warning" | "success" | "info";
+export type ColorStyleType = "base" | "full" | "light" | "outline" | "ghost";
 export declare const colorStyleParts: Record<ColorStyle, Record<ColorStyleType, string>>;
 export declare function generateColorStyle(color: ColorStyle, variant: ColorStyleType): string;

package/dist/styles/color.js

@@ -1,57 +1,199 @@
 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"
     },
-    lightgreen: {
+    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"
     },
-    pink: {
-        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"
+    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) {

package/dist/styles/layout.css

@@ -7,36 +7,44 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-    --color-main-background: var(--vpcui-color-main-background);
-    --color-sub-background: var(--vpcui-color-sub-background);
-    --color-sub-background-hover: var(--vpcui-color-sub-background-hover);
-    --color-main-text: var(--vpcui-color-main-text);
-    --color-sub-text: var(--vpcui-color-sub-text);
-    --color-form-input-background: var(--vpcui-color-form-input-background);
-    --color-form-input-hover: var(--vpcui-color-form-input-hover);
-    --color-navbar-element-hover-background: var(--vpcui-color-navbar-element-hover-background);
+    --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-color-main-background: var(--color-mist-50);
-    --vpcui-color-sub-background: var(--color-mist-300);
-    --vpcui-color-sub-background-hover: var(--color-mist-400);
-    --vpcui-color-main-text: #000;
-    --vpcui-color-sub-text: #555;
-    --vpcui-color-form-input-background: var(--color-mist-100);
-    --vpcui-color-form-input-hover: var(--color-mist-200);
+    --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-color-main-background: #121212;
-    --vpcui-color-sub-background: #1c1c1c;
-    --vpcui-color-sub-background-hover: #242424;
-    --vpcui-color-main-text: #fff;
-    --vpcui-color-sub-text: #aaa;
-    --vpcui-color-form-input-background: #1c1c1c;
-    --vpcui-color-form-input-hover: #2c2c2c;
-    --vpcui-color-navbar-element-hover-background: var(--color-zinc-900);
+    --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 {

package/dist/styles/size.d.ts

@@ -1,6 +1,7 @@
-export type SizeStyle = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | "none" | number;
-export type SizeStyleType = "button" | "buttonIcon" | "radius" | "text";
-export declare const sizeStyleParts: Record<SizeStyle, Record<SizeStyleType, string>>;
+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;

package/dist/styles/size.js

@@ -3,79 +3,133 @@ export const sizeStyleParts = {
         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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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: ""
-    },
-    0: {
-        button: "",
-        buttonIcon: "",
-        radius: "rounded-none",
-        text: ""
+        text: "",
+        card: "",
+        form: "h-auto px-0 py-0",
+        formLabel: "",
+        formLabelSelected: "",
+        progress: ""
     }
 };
 export const textStyle = {

package/dist/types/Analytics.d.ts

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

package/dist/types/Analytics.js

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

package/dist/types/Button.d.ts

@@ -1,11 +1,11 @@
 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;
@@ -14,4 +14,4 @@ export interface ButtonProps {
     size?: SizeStyle;
     radius?: SizeStyle;
     [key: string]: any;
-}
+}

package/dist/types/Button.js

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

package/dist/types/Card.d.ts

@@ -1,6 +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

@@ -1,9 +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

@@ -1,13 +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;
-    value?: string;
-    isTextArea?: boolean;
+    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; 
-};  
+    [key: string]: any;
+}

package/dist/types/FloatingInput.js

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

package/dist/types/FloatingSelect.d.ts

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

package/dist/types/FloatingSelect.js

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

package/dist/types/Navbar.d.ts

@@ -4,8 +4,7 @@ export interface NavbarProps {
     classTop?: string;
     threshold?: number;
     [key: string]: any;
-};
-
+}
 export interface NavbarElementProps {
     children?: any;
     class?: string;
@@ -14,4 +13,4 @@ export interface NavbarElementProps {
     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

@@ -3,4 +3,4 @@ export interface SEOProps {
     title?: string;
     description?: string;
     image?: any;
-}
+}

package/dist/types/SEO.js

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