@valerius_petrini/corekit-ui 0.1.63 → 0.1.65

package/dist/styles/color.js

@@ -5,7 +5,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-rose-500",
+        loader: "border-t-rose-500"
     },
     red: {
         base: "bg-red-500",
@@ -13,7 +14,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-red-500",
+        loader: "border-t-red-500"
     },
     orange: {
         base: "bg-orange-500",
@@ -21,7 +23,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-orange-500",
+        loader: "border-t-orange-500"
     },
     amber: {
         base: "bg-amber-500",
@@ -29,7 +32,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-amber-500",
+        loader: "border-t-amber-500"
     },
     yellow: {
         base: "bg-yellow-500",
@@ -37,7 +41,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-yellow-500",
+        loader: "border-t-yellow-500"
     },
     lime: {
         base: "bg-lime-500",
@@ -45,7 +50,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-lime-500",
+        loader: "border-t-lime-500"
     },
     green: {
         base: "bg-green-500",
@@ -53,7 +59,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-green-500",
+        loader: "border-t-green-500"
     },
     emerald: {
         base: "bg-emerald-500",
@@ -61,7 +68,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-emerald-500",
+        loader: "border-t-emerald-500"
     },
     teal: {
         base: "bg-teal-500",
@@ -69,7 +77,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-teal-500",
+        loader: "border-t-teal-500"
     },
     cyan: {
         base: "bg-cyan-500",
@@ -77,7 +86,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-cyan-500",
+        loader: "border-t-cyan-500"
     },
     blue: {
         base: "bg-blue-500",
@@ -85,7 +95,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-blue-500",
+        loader: "border-t-blue-500"
     },
     indigo: {
         base: "bg-indigo-500",
@@ -93,7 +104,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-indigo-500",
+        loader: "border-t-indigo-500"
     },
     violet: {
         base: "bg-violet-500",
@@ -101,7 +113,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-violet-500",
+        loader: "border-t-violet-500"
     },
     purple: {
         base: "bg-purple-500",
@@ -109,7 +122,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-purple-500",
+        loader: "border-t-purple-500"
     },
     pink: {
         base: "bg-pink-500",
@@ -117,7 +131,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-pink-500",
+        loader: "border-t-pink-500"
     },
     fuchsia: {
         base: "bg-fuchsia-500",
@@ -125,7 +140,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-fuchsia-500",
+        loader: "border-t-fuchsia-500"
     },
     gray: {
         base: "bg-gray-500",
@@ -133,7 +149,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-gray-500",
+        loader: "border-t-gray-500"
     },
     sub: {
         base: "bg-sub-background",
@@ -141,7 +158,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-sub-background",
+        loader: "border-t-sub-background"
     },
     none: {
         base: "",
@@ -149,7 +167,8 @@ export const colorStyleParts = {
         full: "",
         light: "",
         outline: "",
-        ghost: ""
+        ghost: "",
+        loader: ""
     },
     white: {
         base: "bg-white text-contrast-text",
@@ -157,7 +176,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-white hover:text-contrast-text",
+        loader: "border-t-white"
     },
     black: {
         base: "bg-black",
@@ -165,7 +185,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-black",
+        loader: "border-t-black"
     },
     primary: {
         base: "bg-primary",
@@ -173,7 +194,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-primary",
+        loader: "border-t-primary"
     },
     secondary: {
         base: "bg-secondary",
@@ -181,7 +203,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-secondary",
+        loader: "border-t-secondary"
     },
     accent: {
         base: "bg-accent",
@@ -189,7 +212,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-accent",
+        loader: "border-t-accent"
     },
     error: {
         base: "bg-red-500",
@@ -197,7 +221,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-red-500",
+        loader: "border-t-red-500"
     },
     warning: {
         base: "bg-amber-500",
@@ -205,7 +230,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-amber-500",
+        loader: "border-t-amber-500"
     },
     success: {
         base: "bg-emerald-500",
@@ -213,7 +239,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-emerald-500",
+        loader: "border-t-emerald-500"
     },
     info: {
         base: "bg-sky-500",
@@ -221,7 +248,8 @@ export const colorStyleParts = {
         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"
+        ghost: "hover:bg-sky-500",
+        loader: "border-t-sky-500"
     }
 };
 export function generateColorStyle(color, variant) {

package/dist/styles/layout.css

@@ -20,6 +20,8 @@
     --color-primary: var(--vpcui-primary);
     --color-secondary: var(--vpcui-secondary);
     --color-accent: var(--vpcui-accent);
+
+    --color-loader-btn-color: var(--vpcui-loader-btn-color);
 }
 
 :root {
@@ -41,6 +43,8 @@
     --vpcui-form-background: var(--vpcui-light-50);
     --vpcui-form-hover: var(--vpcui-light-200);
     --vpcui-form-border: var(--vpcui-light-250);
+
+    --vpcui-loader-btn-color: rgba(255, 255, 255, 0.25);
 }
 
 html.dark {
@@ -62,6 +66,8 @@ html.dark {
     --vpcui-form-background: var(--vpcui-dark-150);
     --vpcui-form-border: var(--vpcui-dark-250);
     --vpcui-form-hover: var(--vpcui-dark-200);
+
+    --vpcui-loader-btn-color: rgba(0, 0, 0, 0.25);
 }
 
 html {

package/dist/styles/size.d.ts

@@ -1,5 +1,5 @@
 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 SizeStyleType = "button" | "buttonIcon" | "radius" | "text" | "card" | "form" | "formLabel" | "formLabelSelected" | "progress" | "loader" | "buttonLoader";
 export type SizeStyle = SizeStyleTheme | number;
 export declare const sizeStyleParts: Record<SizeStyleTheme, Record<SizeStyleType, string>>;
 export declare function getSizeStyleClass(size: SizeStyle, type: SizeStyleType): string;

package/dist/styles/size.js

@@ -8,7 +8,9 @@ export const sizeStyleParts = {
         form: "h-5 pt-1 pb-0.25",
         formLabel: "text-[8px]",
         formLabelSelected: "text-[6px] top-1",
-        progress: "h-0.5"
+        progress: "h-0.5",
+        loader: "h-4 w-4",
+        buttonLoader: "h-2 w-2"
     },
     sm: {
         button: "text-sm h-6 px-2 py-1",
@@ -19,7 +21,9 @@ export const sizeStyleParts = {
         form: "h-7 pt-3 pb-0.5",
         formLabel: "text-[10px]",
         formLabelSelected: "text-[8px] top-1.5",
-        progress: "h-1"
+        progress: "h-1",
+        loader: "h-6 w-6",
+        buttonLoader: "h-3 w-3"
     },
     md: {
         button: "text-base h-8 px-3 py-1.5",
@@ -30,7 +34,9 @@ export const sizeStyleParts = {
         form: "h-9 pt-4 pb-1",
         formLabel: "text-xs",
         formLabelSelected: "text-[10px] top-2",
-        progress: "h-2"
+        progress: "h-2",
+        loader: "h-8 w-8",
+        buttonLoader: "h-4 w-4"
     },
     lg: {
         button: "text-lg h-10 px-4 py-2",
@@ -41,7 +47,9 @@ export const sizeStyleParts = {
         form: "h-[44px] pt-5 pb-2",
         formLabel: "text-sm",
         formLabelSelected: "text-xs top-2.5",
-        progress: "h-3"
+        progress: "h-3",
+        loader: "h-10 w-10",
+        buttonLoader: "h-5 w-5"
     },
     xl: {
         button: "text-xl h-12 px-5 py-2.5",
@@ -52,7 +60,9 @@ export const sizeStyleParts = {
         form: "h-[52px] pt-6 pb-3",
         formLabel: "text-base",
         formLabelSelected: "text-sm top-3",
-        progress: "h-4"
+        progress: "h-4",
+        loader: "h-12 w-12",
+        buttonLoader: "h-6 w-6"
     },
     "2xl": {
         button: "text-2xl h-14 px-6 py-3",
@@ -63,7 +73,9 @@ export const sizeStyleParts = {
         form: "h-[60px] pt-7 pb-4",
         formLabel: "text-lg",
         formLabelSelected: "text-base top-3.5",
-        progress: "h-5"
+        progress: "h-5",
+        loader: "h-14 w-14",
+        buttonLoader: "h-7 w-7"
     },
     "3xl": {
         button: "text-3xl h-16 px-7 py-3.5",
@@ -74,7 +86,9 @@ export const sizeStyleParts = {
         form: "h-[68px] pt-8 pb-5",
         formLabel: "text-xl",
         formLabelSelected: "text-lg top-4",
-        progress: "h-6"
+        progress: "h-6",
+        loader: "h-16 w-16",
+        buttonLoader: "h-8 w-8"
     },
     "4xl": {
         button: "text-4xl h-18 px-8 py-4",
@@ -85,7 +99,9 @@ export const sizeStyleParts = {
         form: "h-[76px] pt-9 pb-6",
         formLabel: "text-2xl",
         formLabelSelected: "text-xl top-4.5",
-        progress: "h-7"
+        progress: "h-7",
+        loader: "h-18 w-18",
+        buttonLoader: "h-9 w-9"
     },
     "5xl": {
         button: "text-5xl h-20 px-9 py-4.5",
@@ -96,7 +112,9 @@ export const sizeStyleParts = {
         form: "h-[84px] pt-10 pb-5",
         formLabel: "text-3xl",
         formLabelSelected: "text-2xl top-5",
-        progress: "h-8"
+        progress: "h-8",
+        loader: "h-20 w-20",
+        buttonLoader: "h-10 w-10"
     },
     "6xl": {
         button: "text-6xl h-24 px-10 py-5",
@@ -107,7 +125,9 @@ export const sizeStyleParts = {
         form: "h-[92px] pt-12 pb-6",
         formLabel: "text-4xl",
         formLabelSelected: "text-3xl top-[22px]",
-        progress: "h-9"
+        progress: "h-9",
+        loader: "h-24 w-24",
+        buttonLoader: "h-11 w-11"
     },
     full: {
         button: "w-full text-base h-8 px-3 py-1",
@@ -118,7 +138,9 @@ export const sizeStyleParts = {
         form: "h-9 pt-4 pb-1",
         formLabel: "text-xs",
         formLabelSelected: "text-[10px] top-2",
-        progress: "h-2"
+        progress: "h-2",
+        loader: "h-8 w-8",
+        buttonLoader: "h-4 w-4"
     },
     none: {
         button: "p-0 h-auto text-base",
@@ -129,7 +151,9 @@ export const sizeStyleParts = {
         form: "h-auto px-0 py-0",
         formLabel: "",
         formLabelSelected: "",
-        progress: ""
+        progress: "",
+        loader: "",
+        buttonLoader: ""
     }
 };
 export function getSizeStyleClass(size, type) {

package/dist/types/Button.d.ts

@@ -12,4 +12,5 @@ export interface ButtonProps extends BaseComponentProps {
     external?: boolean;
     size?: SizeStyle;
     radius?: SizeStyle;
+    loading?: boolean;
 }

package/dist/types/Input.d.ts

@@ -6,16 +6,21 @@ export interface InputRequirements {
     label: string;
     requirements: RegExp | ((value: any) => boolean);
 }
-export interface InputProps extends BaseComponentProps {
+export interface BaseInputProps extends BaseComponentProps {
     label?: string;
     labelClass?: string;
     divClass?: string;
     outerDivClass?: string;
-    icon?: Component;
     value?: any;
     required?: boolean;
     disabled?: boolean;
     variant?: InputVariant;
+    size?: SizeStyle;
+    radius?: SizeStyle;
+    icon?: Component;
+    id?: `${string}-${string}-${string}-${string}-${string}`;
+}
+export interface InputProps extends BaseInputProps {
     placeholder?: string;
     min?: number;
     max?: number;
@@ -24,9 +29,19 @@ export interface InputProps extends BaseComponentProps {
     onblur?: (e?: FocusEvent) => void;
     requirements?: InputRequirements[];
     valid?: boolean;
-    size?: SizeStyle;
-    radius?: SizeStyle;
-    id?: `${string}-${string}-${string}-${string}-${string}`;
+}
+export interface SelectProps extends BaseInputProps {
+    options: {
+        value: any;
+        label: string;
+    }[];
+}
+export interface ComboboxProps extends BaseInputProps {
+    options?: string[];
+    placeholder?: string;
+    onfocus?: (e?: FocusEvent) => void;
+    onblur?: (e?: FocusEvent) => void;
+    limit?: number;
 }
 export interface FileInputProps extends BaseComponentProps {
     label?: string;

package/dist/types/Input.js

@@ -1,4 +1,5 @@
 ;
 ;
 ;
+;
 export {};

package/dist/types/Loader.d.ts

@@ -0,0 +1,5 @@
+import type { BaseComponentProps } from "./BaseComponent.ts";
+export interface LoaderProps extends BaseComponentProps {
+    size?: SizeStyle;
+    color?: ColorStyle;
+}

package/dist/types/{Select.js → Loader.js}

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

package/dist/types/SEO.d.ts

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

package/dist/types/Skeleton.d.ts

@@ -0,0 +1,6 @@
+import type { BaseComponentProps } from "./BaseComponent.ts";
+export type SkeletonVariant = "default" | "text" | "image" | "video" | "card";
+export interface SkeletonProps extends BaseComponentProps {
+    variant?: SkeletonVariant;
+    count?: number;
+}

package/dist/types/Skeleton.js

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

package/dist/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(fn: T, delay: number): T;

package/dist/utils/debounce.js

@@ -0,0 +1,7 @@
+export function debounce(fn, delay) {
+    let timer;
+    return ((...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => fn(...args), delay);
+    });
+}

package/dist/utils/link.d.ts

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

package/dist/utils/link.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.63",
+	"version": "0.1.65",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",
@@ -56,6 +56,7 @@
 	],
 	"dependencies": {
 		"@lucide/svelte": "^1.3.0",
+		"@valerius_petrini/corekit-scripts": "^1.0.0",
 		"bytes": "^3.1.2",
 		"tailwind-merge": "^3.5.0"
 	}

package/dist/types/Select.d.ts

@@ -1,12 +0,0 @@
-import type { BaseComponentProps } from "./BaseComponent.ts";
-export interface SelectProps extends BaseComponentProps {
-    label?: string;
-    divClass?: string;
-    optionClass?: string;
-    value?: any;
-    options: {
-        value: any;
-        label: string;
-    }[];
-    id?: `${string}-${string}-${string}-${string}-${string}`;
-}