@valerius_petrini/corekit-ui 0.1.92 → 0.1.93

package/dist/components/display/Copyright/index.stories.svelte

@@ -0,0 +1,11 @@
+<script module lang="ts">
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+    import Copyright from "./index.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Display/Copyright",
+		component: Copyright,
+	});
+</script>
+
+<Story name="Default" args={{ holder: "Example Inc." }}></Story>

package/dist/components/display/Copyright/index.stories.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Index: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Index = InstanceType<typeof Index>;
+export default Index;

package/dist/components/display/Copyright/index.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+    import { twMerge } from "tailwind-merge";
+    import type { CopyrightProps } from "./types";
+    import { Text } from "../../typography";
+
+    let { 
+        holder = "",
+        class: className = ""
+    }: CopyrightProps = $props();
+
+    const year = $derived(new Date().getFullYear());
+    const combined = $derived(twMerge(
+        "select-none opacity-80",
+        className
+    ));
+</script>
+
+<Text class={combined}>
+    &copy; {year} {holder}
+</Text>

package/dist/components/display/Copyright/index.svelte.d.ts

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

package/dist/components/display/Copyright/types.d.ts

@@ -0,0 +1,4 @@
+import type { BaseComponentProps } from "../../../types/BaseComponent";
+export interface CopyrightProps extends BaseComponentProps {
+    holder: string;
+}

package/dist/components/display/Copyright/types.js

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

package/dist/components/display/Skeleton/SkeletonGroup.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import type { SkeletonGroupProps } from "./types";
+    import { Skeleton } from "..";
+    import { twMerge } from "tailwind-merge";
+
+    let { 
+        variant = "text", 
+        count = 3, 
+        element = $bindable(),
+        class: className
+    }: SkeletonGroupProps = $props();
+
+    const combinedClass = $derived(twMerge(
+        "flex flex-col gap-4 w-full",
+        className
+    ));
+</script>
+
+<div class={combinedClass} bind:this={element} aria-hidden="true">
+    {#each Array(count) as _, i (i)}
+        <Skeleton variant={variant}/>
+    {/each}
+</div>

package/dist/components/display/Skeleton/SkeletonGroup.svelte.d.ts

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

package/dist/components/display/Skeleton/types.d.ts

@@ -4,3 +4,7 @@ export interface SkeletonProps extends BaseComponentProps {
     variant?: SkeletonVariant;
     count?: number;
 }
+export interface SkeletonGroupProps extends BaseComponentProps {
+    variant?: SkeletonVariant;
+    count?: number;
+}

package/dist/components/display/index.d.ts

@@ -13,6 +13,7 @@ export { default as TableCell } from "./Table/TableCell.svelte";
 export { default as TableBody } from "./Table/TableBody.svelte";
 export { default as TableRow } from "./Table/TableRow.svelte";
 export { default as Image } from "./Image/index.svelte";
+export { default as Copyright } from "./Copyright/index.svelte";
 export type { ImageProps } from "./Image/types.ts";
 export type { CardProps } from "./Card/types.ts";
 export type { DataGridProps } from "./DataGrid/types.ts";
@@ -25,3 +26,4 @@ export type { TableHeadCellProps } from "./Table/types.ts";
 export type { TableCellProps } from "./Table/types.ts";
 export type { TableBodyProps } from "./Table/types.ts";
 export type { TableRowProps } from "./Table/types.ts";
+export type { CopyrightProps } from "./Copyright/types.ts";

package/dist/components/display/index.js

@@ -13,3 +13,4 @@ export { default as TableCell } from "./Table/TableCell.svelte";
 export { default as TableBody } from "./Table/TableBody.svelte";
 export { default as TableRow } from "./Table/TableRow.svelte";
 export { default as Image } from "./Image/index.svelte";
+export { default as Copyright } from "./Copyright/index.svelte";

package/dist/components/navigation/Footer/index.stories.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Footer from "./index.svelte";
+    import { Link } from "../../typography";
+
+	const { Story } = defineMeta({
+		title: "Components/Navigation/Footer",
+		component: Footer,
+		argTypes: {
+
+		},
+	});
+</script>
+
+<Story name="Default">
+    <Link href="mailto:example@gmail.com">mailto:example@gmail.com</Link>
+</Story>

package/dist/components/navigation/Footer/index.stories.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Index: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Index = InstanceType<typeof Index>;
+export default Index;

package/dist/components/navigation/Footer/index.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { twMerge } from "tailwind-merge";
+    import type { FooterProps } from "./types";
+
+    let { 
+        class: className = "", 
+        children 
+    }: FooterProps = $props();
+
+    const combined = $derived(twMerge(
+        "w-full h-16 flex items-center justify-center gap-4 px-10 flex-wrap text-sub-text bg-sub-background", 
+        className
+    ));
+</script>
+
+<footer class={combined}>
+    {@render children()}
+</footer>

package/dist/components/navigation/Footer/index.svelte.d.ts

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

package/dist/components/navigation/Footer/types.d.ts

@@ -0,0 +1,3 @@
+import type { BaseComponentProps } from "../../../types/BaseComponent";
+export interface FooterProps extends BaseComponentProps {
+}

package/dist/components/navigation/Footer/types.js

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

package/dist/components/navigation/index.d.ts

@@ -5,6 +5,8 @@ export { default as NavbarDropdown } from "./Navbar/NavbarDropdown.svelte";
 export { default as SideNavbar } from "./SideNavbar/index.svelte";
 export { default as Breadcrumb } from "./Breadcrumb/index.svelte";
 export { default as BreadcrumbItem } from "./Breadcrumb/BreadcrumbItem.svelte";
+export { default as Footer } from "./Footer/index.svelte";
 export type { NavbarProps, NavbarElementProps, NavbarSeparatorProps, NavbarDropdownProps } from "./Navbar/types.ts";
 export type { SideNavbarProps, SideNavbarItem } from "./SideNavbar/types.ts";
 export type { BreadcrumbProps, BreadcrumbItemProps } from "./Breadcrumb/types.ts";
+export type { FooterProps } from "./Footer/types.ts";

package/dist/components/navigation/index.js

@@ -5,3 +5,4 @@ export { default as NavbarDropdown } from "./Navbar/NavbarDropdown.svelte";
 export { default as SideNavbar } from "./SideNavbar/index.svelte";
 export { default as Breadcrumb } from "./Breadcrumb/index.svelte";
 export { default as BreadcrumbItem } from "./Breadcrumb/BreadcrumbItem.svelte";
+export { default as Footer } from "./Footer/index.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.92",
+	"version": "0.1.93",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",