@valerius_petrini/corekit-ui 0.1.49 → 0.1.51

package/dist/index.d.ts

@@ -1,14 +1,15 @@
-export { default as Button } from "./components/Button.svelte";
-export { default as Typewriter } from "./components/Typewriter.svelte";
-export { default as Analytics } from "./components/Analytics.svelte";
-export { default as SEO } from "./components/SEO.svelte";
-export { default as Navbar } from "./components/Navbar.svelte";
-export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
-export { default as NavbarElement } from "./components/NavbarElement.svelte";
-export { default as FloatingInput } from "./components/FloatingInput.svelte";
-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 { fbmBackground } from "./actions/fbm.ts";
-export type { TypewriterAction, DisplaySegment } from "./types/Typewriter.d.ts";
+export { default as Button } from "../components/Button.svelte";
+export { default as Typewriter } from "../components/Typewriter.svelte";
+export { default as Analytics } from "../components/Analytics.svelte";
+export { default as SEO } from "../components/SEO.svelte";
+export { default as Navbar } from "../components/Navbar.svelte";
+export { default as NavbarSeparator } from "../components/NavbarSeparator.svelte";
+export { default as NavbarElement } from "../components/NavbarElement.svelte";
+export { default as FloatingInput } from "../components/FloatingInput.svelte";
+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";

package/dist/index.js

@@ -1,13 +1,14 @@
-export { default as Button } from "./components/Button.svelte";
-export { default as Typewriter } from "./components/Typewriter.svelte";
-export { default as Analytics } from "./components/Analytics.svelte";
-export { default as SEO } from "./components/SEO.svelte";
-export { default as Navbar } from "./components/Navbar.svelte";
-export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
-export { default as NavbarElement } from "./components/NavbarElement.svelte";
-export { default as FloatingInput } from "./components/FloatingInput.svelte";
-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 { fbmBackground } from "./actions/fbm.js";
+export { default as Button } from "../components/Button.svelte";
+export { default as Typewriter } from "../components/Typewriter.svelte";
+export { default as Analytics } from "../components/Analytics.svelte";
+export { default as SEO } from "../components/SEO.svelte";
+export { default as Navbar } from "../components/Navbar.svelte";
+export { default as NavbarSeparator } from "../components/NavbarSeparator.svelte";
+export { default as NavbarElement } from "../components/NavbarElement.svelte";
+export { default as FloatingInput } from "../components/FloatingInput.svelte";
+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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.49",
+	"version": "0.1.51",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",
@@ -28,8 +28,7 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js"
-		},
-		"./layout.css": "./dist/styles/layout.css"
+		}
 	},
 	"peerDependencies": {
 		"svelte": "^5.0.0"
@@ -54,6 +53,7 @@
 		"svelte"
 	],
 	"dependencies": {
+		"@lucide/svelte": "^1.3.0",
 		"tailwind-merge": "^3.5.0"
 	}
 }

package/dist/actions/fbm.d.ts

@@ -1,10 +0,0 @@
-export interface FBMBackgroundOptions {
-    octaves?: number;
-    warps?: number;
-    scale?: number;
-    seed?: number;
-}
-export declare function fbmBackground(canvas: HTMLCanvasElement, options?: FBMBackgroundOptions): {
-    update(newOptions: FBMBackgroundOptions): void;
-    destroy(): void;
-} | undefined;

package/dist/actions/fbm.js

@@ -1,199 +0,0 @@
-const FBM_VERTEX_SHADER_SOURCE = `
-attribute vec4 aVertexPosition;
-
-void main() {
-    gl_Position = aVertexPosition;
-}`;
-const FBM_FRAGMENT_SHADER_SOURCE = `
-precision mediump float;
-
-uniform vec2 u_resolution;
-uniform float u_seed;
-uniform float u_scale;
-uniform int u_octaves;
-uniform int u_warp;
-
-const int maxOctaves = 20;
-const int maxWarps = 5;
-
-float rand(vec2 n) { 
-    return fract(sin(dot(n.xy + u_seed, vec2(12.9898, 78.233))) * 43758.5453);
-}
-
-float noise(vec2 p){
-    vec2 i = floor(p);
-    vec2 f = fract(p);
-
-    // Four corners in 2D of a tile
-    float a = rand(i);
-    float b = rand(i + vec2(1.0, 0.0));
-    float c = rand(i + vec2(0.0, 1.0));
-    float d = rand(i + vec2(1.0, 1.0));
-
-    vec2 u = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);
-    
-    return mix(a, b, u.x) +
-            (c - a)*  u.y * (1.0 - u.x) +
-            (d - b) * u.x * u.y;
-}
-
-float fbm( in vec2 x, in float H ) {
-    float v = 00.0000;
-    float a = 0.5;
-    vec2 shift = vec2(100);
-    // Rotate to reduce axial bias
-    mat2 rot = mat2(0.877, 0.479, -0.479, 0.877);
-    for (int i = 0; i < maxOctaves; ++i) {
-        v += a * noise(x);
-        x = rot * x * 2.0 + shift;
-        a *= 0.5;
-        if (i > u_octaves) break;
-    }
-    return v;
-}
-
-void main() {
-    vec2 uv = gl_FragCoord.xy / u_resolution.xy;
-    uv.x *= u_resolution.x / u_resolution.y;
-
-    float baseNoise = fbm(uv * u_scale, 1.2);
-
-    vec2 warp = uv;
-    for (int i = 0; i < maxWarps; ++i) {
-        warp += vec2(fbm(warp * 2.0, 1.0), fbm(warp * 4.0 + vec2(10.2), 1.0));
-        if (i > u_warp) break;
-    }
-
-    baseNoise = fbm(warp * u_scale, 1.2);
-
-    gl_FragColor = vec4(vec3(baseNoise), 1.0);
-}`;
-function loadShaders(gl, type, source) {
-    const shader = gl.createShader(type);
-    if (!shader) {
-        console.error("Unable to create shader");
-        return null;
-    }
-    gl.shaderSource(shader, source);
-    gl.compileShader(shader);
-    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        console.error("An error occurred compiling the shaders: " + gl.getShaderInfoLog(shader));
-        gl.deleteShader(shader);
-        return null;
-    }
-    return shader;
-}
-function initializeShaders(gl, vertexSource, fragmentSource) {
-    const vertexShader = loadShaders(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = loadShaders(gl, gl.FRAGMENT_SHADER, fragmentSource);
-    if (!vertexShader || !fragmentShader)
-        return null;
-    const shaderProgram = gl.createProgram();
-    if (!shaderProgram) {
-        console.error("Unable to create shader program");
-        return null;
-    }
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        console.error("Unable to initialize the shader program: " + gl.getProgramInfoLog(shaderProgram));
-        return null;
-    }
-    return shaderProgram;
-}
-function initBuffers(gl) {
-    const positionBuffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
-    const vertices = new Float32Array([
-        -1.0, -1.0,
-        1.0, -1.0,
-        -1.0, 1.0,
-        1.0, 1.0,
-    ]);
-    gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
-    return {
-        position: positionBuffer,
-    };
-}
-export function fbmBackground(canvas, options = {}) {
-    let gl = canvas.getContext("webgl", { antialias: true, premultipliedAlpha: false, preserveDrawingBuffer: true });
-    if (!gl) {
-        console.error("WebGL not supported");
-        return;
-    }
-    let currentOptions = { ...options };
-    let internalSeed = options.seed ?? Math.random() * 1000;
-    const shaderProgram = initializeShaders(gl, FBM_VERTEX_SHADER_SOURCE, FBM_FRAGMENT_SHADER_SOURCE);
-    if (!shaderProgram) {
-        console.error("Failed to initialize shaders");
-        return;
-    }
-    const programInfo = {
-        program: shaderProgram,
-        attribLocations: {
-            vertexPosition: gl.getAttribLocation(shaderProgram, "aVertexPosition"),
-        },
-        uniformLocations: {
-            resolution: gl.getUniformLocation(shaderProgram, "u_resolution"),
-            seed: gl.getUniformLocation(shaderProgram, "u_seed"),
-            scale: gl.getUniformLocation(shaderProgram, "u_scale"),
-            octaves: gl.getUniformLocation(shaderProgram, "u_octaves"),
-            warp: gl.getUniformLocation(shaderProgram, "u_warp"),
-        }
-    };
-    const buffers = initBuffers(gl);
-    function updateCanvasSize() {
-        const DPR = window.devicePixelRatio || 1;
-        const newWidth = Math.floor(canvas.offsetWidth * DPR);
-        const newHeight = Math.floor(canvas.offsetHeight * DPR);
-        if (canvas.width !== newWidth || canvas.height !== newHeight) {
-            canvas.width = newWidth;
-            canvas.height = newHeight;
-            if (gl)
-                gl.viewport(0, 0, canvas.width, canvas.height);
-        }
-    }
-    function render() {
-        updateCanvasSize();
-        if (!gl)
-            return;
-        gl.viewport(0, 0, canvas.width, canvas.height);
-        gl.clearColor(0, 0, 0, 1);
-        gl.clearDepth(1.0);
-        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-        gl.enable(gl.DEPTH_TEST);
-        gl.depthFunc(gl.LEQUAL);
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffers.position);
-        gl.vertexAttribPointer(programInfo.attribLocations.vertexPosition, 2, gl.FLOAT, false, 0, 0);
-        gl.enableVertexAttribArray(programInfo.attribLocations.vertexPosition);
-        gl.useProgram(programInfo.program);
-        gl.uniform2f(programInfo.uniformLocations.resolution, canvas.width, canvas.height);
-        gl.uniform1f(programInfo.uniformLocations.seed, currentOptions.seed ?? internalSeed);
-        gl.uniform1i(programInfo.uniformLocations.octaves, currentOptions.octaves ?? 4);
-        gl.uniform1i(programInfo.uniformLocations.warp, currentOptions.warps ?? 2);
-        gl.uniform1f(programInfo.uniformLocations.scale, currentOptions.scale ?? 2);
-        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-    }
-    const resizeObserver = new ResizeObserver(() => {
-        requestAnimationFrame(render);
-    });
-    resizeObserver.observe(canvas);
-    render();
-    return {
-        update(newOptions) {
-            const changed = JSON.stringify(currentOptions) !== JSON.stringify(newOptions);
-            if (changed) {
-                currentOptions = { ...newOptions };
-                render();
-            }
-        },
-        destroy() {
-            resizeObserver.disconnect();
-            gl.bindBuffer(gl.ARRAY_BUFFER, null);
-            gl.deleteBuffer(buffers.position);
-            gl.deleteProgram(shaderProgram);
-            gl.getExtension("WEBGL_lose_context")?.loseContext();
-        }
-    };
-}

package/dist/components/Analytics.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state'
-    import type { AnalyticsProps } from '../types/Analytics.js';
-
-    let { measurementId }: AnalyticsProps = $props();
-
-    const ANALYTICS_URL = $derived(`https://www.googletagmanager.com/gtag/js?id=${measurementId}`);
-
-    $effect(() => {
-        if (typeof gtag !== 'undefined') {
-            gtag('config', measurementId, {
-                page_title: document.title,
-                page_path: page.url.pathname,
-            })
-        }
-    })
-</script>
-  
-<svelte:head>
-    {#if measurementId}
-        <script async src={ANALYTICS_URL}></script>
-        <script>
-            window.dataLayer = window.dataLayer || [];
-            function gtag() { dataLayer.push(arguments); }
-            gtag('js', new Date());
-        </script>
-    {/if}
-</svelte:head>

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

@@ -1,4 +0,0 @@
-import type { AnalyticsProps } from '../types/Analytics.js';
-declare const Analytics: import("svelte").Component<AnalyticsProps, {}, "">;
-type Analytics = ReturnType<typeof Analytics>;
-export default Analytics;

package/dist/components/Button.svelte

@@ -1,64 +0,0 @@
-<script lang="ts">
-    import { generateColorStyle } from "../styles/color.js";
-    import { sizeStyleParts, type SizeStyle } from "../styles/size.js";
-    import type { ButtonProps } from "../types/Button.js";
-    import { twMerge } from "tailwind-merge";
-
-    let { 
-        children = undefined, 
-        class: className = "", 
-        pill = false,
-        icon = false,
-        href = undefined,
-        color = "none",
-        variant = "full",
-        disabled = false,
-        external = false,
-        size = "md",
-        radius = "md",
-        ...restProps
-    }: ButtonProps = $props();
-
-    const sizeClasses = $derived.by(() => {
-        if (typeof size === "string") {
-            const parts = sizeStyleParts[size as SizeStyle];
-            return icon ? parts.buttonIcon : parts.button;
-        }
-        return icon ? "p-0 flex-none" : "h-fit";
-    });
-
-    const customStyle = $derived(
-        typeof size === "number" 
-            ? `width: ${size}px; height: ${size}px; flex: none;` 
-            : ""
-    );
-
-    const defaultClass = "inline-flex items-center justify-center gap-2 transition-colors duration-300 text-white whitespace-nowrap";
-    const radiusClass = $derived(pill || icon ? "rounded-full" : sizeStyleParts[radius as SizeStyle].radius);
-    const disabledClass = $derived(disabled ? "opacity-50 pointer-events-none" : "cursor-pointer");
-
-    const mergedClass = $derived(twMerge(
-        defaultClass, 
-        generateColorStyle(color, variant),
-        disabledClass,
-        sizeClasses,
-        radiusClass,
-        className
-    ));
-
-    const mergedStyle = $derived([customStyle, restProps.style].filter(Boolean).join("; "));
-</script>
-
-<svelte:element 
-    this={href ? "a" : "button"} 
-    class={mergedClass} 
-    {disabled}
-    aria-disabled={disabled}
-    type={href ? undefined : (restProps.type || "button")}
-    style={mergedStyle}
-    target={external ? "_blank" : undefined}
-    rel={external ? "noopener noreferrer" : undefined}
-    {...(href ? { href } : {})}
-    {...restProps}>
-    {@render children?.()}
-</svelte:element>

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

@@ -1,4 +0,0 @@
-import type { ButtonProps } from "../types/Button.js";
-declare const Button: import("svelte").Component<ButtonProps, {}, "">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/dist/components/Card.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-    import type { CardProps } from "../types/Card.js";
-    import type { SvelteComponent } from "svelte";
-    import { twMerge } from "tailwind-merge";
-
-    let { 
-        children = undefined, 
-        class: className = "", 
-        href = undefined,
-        ...restProps
-    }: CardProps = $props();
-
-    let defaultClass = "text-main-text shadow-xl rounded-lg transition-colors bg-sub-background hover:bg-sub-background-hover p-4";    
-    let combinedClass = $derived(twMerge(defaultClass, className));
-</script>
-
-<svelte:element
-    this={href ? "a" : "div"}
-    class={combinedClass}
-    {...(href ? { href } : {})}
-    {...restProps}
->
-    {@render children?.()}
-</svelte:element>

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

@@ -1,4 +0,0 @@
-import type { CardProps } from "../types/Card.js";
-declare const Card: import("svelte").Component<CardProps, {}, "">;
-type Card = ReturnType<typeof Card>;
-export default Card;

package/dist/components/Checkbox.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-    import { twMerge } from "tailwind-merge";
-    import Text from "./Text.svelte";
-    import type { CheckboxProps } from "../types/Checkbox.js";
-
-    let { 
-        children = undefined, 
-        class: className = "",
-        labelClass = "",
-        divClass = "", 
-        checked = $bindable(),
-        id = crypto.randomUUID(),
-        ...restProps
-    }: CheckboxProps = $props();
-
-    let defaultClass = "z-20 bg-form-input-background text-main-text rounded-lg outline-none focus:ring-2 focus:ring-blue-500 transition-all";
-    let defaultLabelClass = "block text-sub-text font-medium";
-    let defaultDivClass = "relative flex items-center gap-2";
-
-    let combinedLabelClass = $derived(twMerge(defaultLabelClass, labelClass));
-    let combinedClass = $derived(twMerge(defaultClass, className));
-    let combinedDivClass = $derived(twMerge(defaultDivClass, divClass));
-</script>
-
-<div class={combinedDivClass}>
-    <input
-        type="checkbox"
-        id={id}
-        bind:checked={checked}
-        class={combinedClass}
-        {...restProps}/>
-    <Text tag="label" for={id} class={combinedLabelClass}>
-        {@render children?.()}
-    </Text>
-</div>

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

@@ -1,4 +0,0 @@
-import type { CheckboxProps } from "../types/Checkbox.js";
-declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "checked">;
-type Checkbox = ReturnType<typeof Checkbox>;
-export default Checkbox;

package/dist/components/FloatingInput.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-    import type { FloatingInputProps } from "../types/FloatingInput.js";
-    import { twMerge } from "tailwind-merge";
-    import Text from "./Text.svelte";
-
-    let { 
-        children = undefined, 
-        class: className = "",
-        labelClass = "",
-        divClass = "", 
-        value = $bindable(),
-        onfocus = undefined,
-        onblur = undefined,
-        isTextArea = false,
-        validInputRegex = undefined,
-        id = crypto.randomUUID(),
-        ...restProps
-    }: FloatingInputProps = $props();
-
-    let isFocused = $state(false);
-    let touched = $state(false);
-
-    let hasContent = $derived(value !== undefined && value !== null && value.toString().length > 0);
-    let isValid = $derived(!touched || !validInputRegex || validInputRegex.test(value || ""));
-
-    let defaultClass = "z-20 bg-form-input-background text-main-text w-full rounded px-2 pt-4 pb-1 text-xs outline-none focus:ring-2 focus:ring-blue-500 transition-all";
-    let defaultLabelClass = "block text-sub-text rounded-md text-sm font-medium mb-1 absolute transition-all duration-100 pointer-events-none";
-    let defaultDivClass = "relative";
-
-    let originalLabelClass = "left-2 z-0";
-    let originalLabelClassInput = "top-1/2 transform -translate-y-1/2";
-    let originalLabelClassTextArea = "top-2";
-    let selectedLabelClass = "left-2 z-30 top-0.5 text-[10px]!";
-
-    let invalidClass = "border border-red-500 focus:ring-red-500";
-
-    let labelClassFull = $derived(twMerge(isTextArea ? originalLabelClassTextArea : originalLabelClassInput, originalLabelClass));
-
-    let combinedLabelClass = $derived(twMerge(defaultLabelClass, isFocused || hasContent ? selectedLabelClass : labelClassFull, labelClass));
-    let combinedClass = $derived(twMerge(defaultClass, className, isValid ? "" : invalidClass));
-    let combinedDivClass = $derived(twMerge(defaultDivClass, divClass));
-
-    function handleFocus(e: FocusEvent) {
-        isFocused = true;
-        onfocus?.(e);
-    }
-
-    function handleBlur(e: FocusEvent) {
-        isFocused = false;
-        touched = true;
-        onblur?.(e);
-    }
-</script>
-
-<div class={combinedDivClass}>
-    <Text tag="label" for={id} class={combinedLabelClass}>
-        {@render children?.()}
-    </Text>
-    {#if isTextArea}
-        <textarea
-            {id}
-            bind:value={value}
-            onfocus={handleFocus}
-            onblur={handleBlur}
-            class={combinedClass}
-            {...restProps}
-        ></textarea>
-    {:else}
-        <input
-            {id}
-            bind:value={value}
-            onfocus={handleFocus}
-            onblur={handleBlur}
-            class={combinedClass}
-            {...restProps}
-        />
-    {/if}
-</div>

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

@@ -1,4 +0,0 @@
-import type { FloatingInputProps } from "../types/FloatingInput.js";
-declare const FloatingInput: import("svelte").Component<FloatingInputProps, {}, "value">;
-type FloatingInput = ReturnType<typeof FloatingInput>;
-export default FloatingInput;

package/dist/components/FloatingSelect.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-    import type { FloatingSelectProps } from "../types/FloatingSelect.js";
-    import { twMerge } from "tailwind-merge";
-    import Text from "./Text.svelte";
-
-    let { 
-        children = undefined, 
-        class: className = "",
-        divClass = "",
-        optionClass = "", 
-        value = $bindable(),
-        options = [],
-        id = crypto.randomUUID(),
-        ...restProps
-    }: FloatingSelectProps = $props();
-
-    let defaultSelectClass = "cursor-pointer bg-form-input-background text-main-text z-20 w-full rounded px-1 pt-4 pb-1 text-xs outline-none focus:ring-2 focus:ring-blue-500 transition-all";
-    let defaultLabelClass = "block text-sub-text rounded-md text-sm font-medium mb-1 absolute transition-all duration-100 pointer-events-none";
-    let defaultDivClass = "relative w-fit";
-
-    let selectedLabelClass = "left-2 z-30 top-0.5 text-[10px]!";
-
-    let combinedLabelClass = $derived(twMerge(defaultLabelClass, selectedLabelClass, className));
-    let combinedSelectClass = $derived(twMerge(defaultSelectClass, className));
-    let combinedDivClass = $derived(twMerge(defaultDivClass, divClass));
-</script>
-
-<div class={combinedDivClass}>
-    <Text tag="label" for={id} class={combinedLabelClass}>
-        {@render children?.()}
-    </Text>
-    <select {id} class={combinedSelectClass} {...restProps} bind:value={value}>
-        {#each options as option}
-            <option value={option.value} class={optionClass}>
-                {option.label}
-            </option>
-        {/each}
-    </select>
-</div>

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

@@ -1,4 +0,0 @@
-import type { FloatingSelectProps } from "../types/FloatingSelect.js";
-declare const FloatingSelect: import("svelte").Component<FloatingSelectProps, {}, "value">;
-type FloatingSelect = ReturnType<typeof FloatingSelect>;
-export default FloatingSelect;

package/dist/components/Navbar.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-    import type { NavbarProps } from "../types/Navbar.js";
-    import { onMount } from "svelte";
-    import { twMerge } from "tailwind-merge";
-
-    let { 
-        children = undefined, 
-        class: className = "", 
-        classTop = "",
-        threshold = 10,
-        ...restProps
-    }: NavbarProps = $props();
-
-    let defaultClass = "transition-colors duration-300 fixed top-0 left-0 w-full h-14 z-[100] flex items-center bg-main-background/99 border-b-sub-background border-box border-b";
-
-    let scrollY = $state(0);
-    let isAtTop = $derived(scrollY <= threshold);
-
-    const combinedClass = $derived(twMerge(
-        defaultClass,
-        className,
-        isAtTop ? classTop : ""
-    ));
-</script>
-
-<svelte:window bind:scrollY={scrollY}/>
-
-<nav class={combinedClass} {...restProps}>
-    {@render children?.()}
-</nav>

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

@@ -1,4 +0,0 @@
-import type { NavbarProps } from "../types/Navbar.js";
-declare const Navbar: import("svelte").Component<NavbarProps, {}, "">;
-type Navbar = ReturnType<typeof Navbar>;
-export default Navbar;