@valerius_petrini/corekit-ui 0.1.91 → 0.1.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/components/display/Copyright/index.stories.svelte +11 -0
  2. package/dist/components/display/Copyright/index.stories.svelte.d.ts +18 -0
  3. package/dist/components/display/Copyright/index.svelte +20 -0
  4. package/dist/components/display/Copyright/index.svelte.d.ts +4 -0
  5. package/dist/components/display/Copyright/types.d.ts +4 -0
  6. package/dist/components/display/Copyright/types.js +1 -0
  7. package/dist/components/display/Image/index.stories.svelte +11 -0
  8. package/dist/components/display/Image/index.stories.svelte.d.ts +18 -0
  9. package/dist/components/display/Image/index.svelte +31 -0
  10. package/dist/components/display/Image/index.svelte.d.ts +4 -0
  11. package/dist/components/display/Image/types.d.ts +6 -0
  12. package/dist/components/display/Image/types.js +1 -0
  13. package/dist/components/display/Skeleton/SkeletonGroup.svelte +23 -0
  14. package/dist/components/display/Skeleton/SkeletonGroup.svelte.d.ts +4 -0
  15. package/dist/components/display/Skeleton/types.d.ts +4 -0
  16. package/dist/components/display/index.d.ts +4 -0
  17. package/dist/components/display/index.js +2 -0
  18. package/dist/components/feedback/Modal/index.stories.svelte +1 -1
  19. package/dist/components/navigation/Footer/index.stories.svelte +17 -0
  20. package/dist/components/navigation/Footer/index.stories.svelte.d.ts +18 -0
  21. package/dist/components/navigation/Footer/index.svelte +18 -0
  22. package/dist/components/navigation/Footer/index.svelte.d.ts +4 -0
  23. package/dist/components/navigation/Footer/types.d.ts +3 -0
  24. package/dist/components/navigation/Footer/types.js +1 -0
  25. package/dist/components/navigation/index.d.ts +2 -0
  26. package/dist/components/navigation/index.js +1 -0
  27. package/package.json +1 -1
@@ -0,0 +1,11 @@
1
+ <script module lang="ts">
2
+ import { defineMeta } from "@storybook/addon-svelte-csf";
3
+ import Copyright from "./index.svelte";
4
+
5
+ const { Story } = defineMeta({
6
+ title: "Components/Display/Copyright",
7
+ component: Copyright,
8
+ });
9
+ </script>
10
+
11
+ <Story name="Default" args={{ holder: "Example Inc." }}></Story>
@@ -0,0 +1,18 @@
1
+ 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> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const Index: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type Index = InstanceType<typeof Index>;
18
+ export default Index;
@@ -0,0 +1,20 @@
1
+ <script lang="ts">
2
+ import { twMerge } from "tailwind-merge";
3
+ import type { CopyrightProps } from "./types";
4
+ import { Text } from "../../typography";
5
+
6
+ let {
7
+ holder = "",
8
+ class: className = ""
9
+ }: CopyrightProps = $props();
10
+
11
+ const year = $derived(new Date().getFullYear());
12
+ const combined = $derived(twMerge(
13
+ "select-none opacity-80",
14
+ className
15
+ ));
16
+ </script>
17
+
18
+ <Text class={combined}>
19
+ &copy; {year} {holder}
20
+ </Text>
@@ -0,0 +1,4 @@
1
+ import type { CopyrightProps } from "./types";
2
+ declare const Index: import("svelte").Component<CopyrightProps, {}, "">;
3
+ type Index = ReturnType<typeof Index>;
4
+ export default Index;
@@ -0,0 +1,4 @@
1
+ import type { BaseComponentProps } from "../../../types/BaseComponent";
2
+ export interface CopyrightProps extends BaseComponentProps {
3
+ holder: string;
4
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,11 @@
1
+ <script module lang="ts">
2
+ import { defineMeta } from "@storybook/addon-svelte-csf";
3
+ import Image from "./index.svelte";
4
+
5
+ const { Story } = defineMeta({
6
+ title: "Components/Display/Image",
7
+ component: Image,
8
+ });
9
+ </script>
10
+
11
+ <Story name="Default" args={{ src: "data:image/jpeg;base64,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", alt: "Example Image" }}></Story>
@@ -0,0 +1,18 @@
1
+ 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> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const Index: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type Index = InstanceType<typeof Index>;
18
+ export default Index;
@@ -0,0 +1,31 @@
1
+ <script lang="ts">
2
+ import type { ImageProps } from './types';
3
+
4
+ let {
5
+ src,
6
+ alt = "",
7
+ hideIfBroken = false,
8
+ fallbackSrc = "",
9
+ class: className = "",
10
+ ...restProps
11
+ }: ImageProps = $props();
12
+
13
+ let isBroken = $state(false);
14
+
15
+ function handleError() {
16
+ if (fallbackSrc && !isBroken) {
17
+ src = fallbackSrc;
18
+ } else {
19
+ isBroken = true;
20
+ }
21
+ }
22
+ </script>
23
+
24
+ {#if !isBroken || !hideIfBroken}
25
+ <img
26
+ {src}
27
+ {alt}
28
+ class={className}
29
+ onerror={handleError}
30
+ {...restProps}/>
31
+ {/if}
@@ -0,0 +1,4 @@
1
+ import type { ImageProps } from './types';
2
+ declare const Index: import("svelte").Component<ImageProps, {}, "">;
3
+ type Index = ReturnType<typeof Index>;
4
+ export default Index;
@@ -0,0 +1,6 @@
1
+ import type { HTMLImgAttributes } from "svelte/elements";
2
+ import type { BaseComponentProps } from "../../../types/BaseComponent";
3
+ export interface ImageProps extends Omit<BaseComponentProps & HTMLImgAttributes, 'children'> {
4
+ hideIfBroken?: boolean;
5
+ fallbackSrc?: string;
6
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,23 @@
1
+ <script lang="ts">
2
+ import type { SkeletonGroupProps } from "./types";
3
+ import { Skeleton } from "..";
4
+ import { twMerge } from "tailwind-merge";
5
+
6
+ let {
7
+ variant = "text",
8
+ count = 3,
9
+ element = $bindable(),
10
+ class: className
11
+ }: SkeletonGroupProps = $props();
12
+
13
+ const combinedClass = $derived(twMerge(
14
+ "flex flex-col gap-4 w-full",
15
+ className
16
+ ));
17
+ </script>
18
+
19
+ <div class={combinedClass} bind:this={element} aria-hidden="true">
20
+ {#each Array(count) as _, i (i)}
21
+ <Skeleton variant={variant}/>
22
+ {/each}
23
+ </div>
@@ -0,0 +1,4 @@
1
+ import type { SkeletonGroupProps } from "./types";
2
+ declare const SkeletonGroup: import("svelte").Component<SkeletonGroupProps, {}, "element">;
3
+ type SkeletonGroup = ReturnType<typeof SkeletonGroup>;
4
+ export default SkeletonGroup;
@@ -4,3 +4,7 @@ export interface SkeletonProps extends BaseComponentProps {
4
4
  variant?: SkeletonVariant;
5
5
  count?: number;
6
6
  }
7
+ export interface SkeletonGroupProps extends BaseComponentProps {
8
+ variant?: SkeletonVariant;
9
+ count?: number;
10
+ }
@@ -12,6 +12,9 @@ export { default as TableHeadCell } from "./Table/TableHeadCell.svelte";
12
12
  export { default as TableCell } from "./Table/TableCell.svelte";
13
13
  export { default as TableBody } from "./Table/TableBody.svelte";
14
14
  export { default as TableRow } from "./Table/TableRow.svelte";
15
+ export { default as Image } from "./Image/index.svelte";
16
+ export { default as Copyright } from "./Copyright/index.svelte";
17
+ export type { ImageProps } from "./Image/types.ts";
15
18
  export type { CardProps } from "./Card/types.ts";
16
19
  export type { DataGridProps } from "./DataGrid/types.ts";
17
20
  export type { SkeletonProps } from "./Skeleton/types.ts";
@@ -23,3 +26,4 @@ export type { TableHeadCellProps } from "./Table/types.ts";
23
26
  export type { TableCellProps } from "./Table/types.ts";
24
27
  export type { TableBodyProps } from "./Table/types.ts";
25
28
  export type { TableRowProps } from "./Table/types.ts";
29
+ export type { CopyrightProps } from "./Copyright/types.ts";
@@ -12,3 +12,5 @@ export { default as TableHeadCell } from "./Table/TableHeadCell.svelte";
12
12
  export { default as TableCell } from "./Table/TableCell.svelte";
13
13
  export { default as TableBody } from "./Table/TableBody.svelte";
14
14
  export { default as TableRow } from "./Table/TableRow.svelte";
15
+ export { default as Image } from "./Image/index.svelte";
16
+ export { default as Copyright } from "./Copyright/index.svelte";
@@ -3,7 +3,7 @@
3
3
  import Button from "../../inputs/Button/index.svelte";
4
4
  import Text from "../../typography/Text/index.svelte";
5
5
  import Modal from "./index.svelte";
6
- import { sizeStyles } from "../../../styles/size.js";
6
+ import { sizeStyles } from "../../../styles/size";
7
7
 
8
8
  const { Story } = defineMeta({
9
9
  title: "Components/Feedback/Modal",
@@ -0,0 +1,17 @@
1
+ <script module lang="ts">
2
+ import { defineMeta } from "@storybook/addon-svelte-csf";
3
+ import Footer from "./index.svelte";
4
+ import { Link } from "../../typography";
5
+
6
+ const { Story } = defineMeta({
7
+ title: "Components/Navigation/Footer",
8
+ component: Footer,
9
+ argTypes: {
10
+
11
+ },
12
+ });
13
+ </script>
14
+
15
+ <Story name="Default">
16
+ <Link href="mailto:example@gmail.com">mailto:example@gmail.com</Link>
17
+ </Story>
@@ -0,0 +1,18 @@
1
+ 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> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const Index: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type Index = InstanceType<typeof Index>;
18
+ export default Index;
@@ -0,0 +1,18 @@
1
+ <script lang="ts">
2
+ import { twMerge } from "tailwind-merge";
3
+ import type { FooterProps } from "./types";
4
+
5
+ let {
6
+ class: className = "",
7
+ children
8
+ }: FooterProps = $props();
9
+
10
+ const combined = $derived(twMerge(
11
+ "w-full h-16 flex items-center justify-center gap-4 px-10 flex-wrap text-sub-text bg-sub-background",
12
+ className
13
+ ));
14
+ </script>
15
+
16
+ <footer class={combined}>
17
+ {@render children()}
18
+ </footer>
@@ -0,0 +1,4 @@
1
+ import type { FooterProps } from "./types";
2
+ declare const Index: import("svelte").Component<FooterProps, {}, "">;
3
+ type Index = ReturnType<typeof Index>;
4
+ export default Index;
@@ -0,0 +1,3 @@
1
+ import type { BaseComponentProps } from "../../../types/BaseComponent";
2
+ export interface FooterProps extends BaseComponentProps {
3
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -5,6 +5,8 @@ export { default as NavbarDropdown } from "./Navbar/NavbarDropdown.svelte";
5
5
  export { default as SideNavbar } from "./SideNavbar/index.svelte";
6
6
  export { default as Breadcrumb } from "./Breadcrumb/index.svelte";
7
7
  export { default as BreadcrumbItem } from "./Breadcrumb/BreadcrumbItem.svelte";
8
+ export { default as Footer } from "./Footer/index.svelte";
8
9
  export type { NavbarProps, NavbarElementProps, NavbarSeparatorProps, NavbarDropdownProps } from "./Navbar/types.ts";
9
10
  export type { SideNavbarProps, SideNavbarItem } from "./SideNavbar/types.ts";
10
11
  export type { BreadcrumbProps, BreadcrumbItemProps } from "./Breadcrumb/types.ts";
12
+ export type { FooterProps } from "./Footer/types.ts";
@@ -5,3 +5,4 @@ export { default as NavbarDropdown } from "./Navbar/NavbarDropdown.svelte";
5
5
  export { default as SideNavbar } from "./SideNavbar/index.svelte";
6
6
  export { default as Breadcrumb } from "./Breadcrumb/index.svelte";
7
7
  export { default as BreadcrumbItem } from "./Breadcrumb/BreadcrumbItem.svelte";
8
+ export { default as Footer } from "./Footer/index.svelte";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@valerius_petrini/corekit-ui",
3
- "version": "0.1.91",
3
+ "version": "0.1.93",
4
4
  "description": "Component Library used across all my projects",
5
5
  "author": "Valerius Petrini Jr.",
6
6
  "license": "MIT",