@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.
- package/dist/components/display/Copyright/index.stories.svelte +11 -0
- package/dist/components/display/Copyright/index.stories.svelte.d.ts +18 -0
- package/dist/components/display/Copyright/index.svelte +20 -0
- package/dist/components/display/Copyright/index.svelte.d.ts +4 -0
- package/dist/components/display/Copyright/types.d.ts +4 -0
- package/dist/components/display/Copyright/types.js +1 -0
- package/dist/components/display/Image/index.stories.svelte +11 -0
- package/dist/components/display/Image/index.stories.svelte.d.ts +18 -0
- package/dist/components/display/Image/index.svelte +31 -0
- package/dist/components/display/Image/index.svelte.d.ts +4 -0
- package/dist/components/display/Image/types.d.ts +6 -0
- package/dist/components/display/Image/types.js +1 -0
- package/dist/components/display/Skeleton/SkeletonGroup.svelte +23 -0
- package/dist/components/display/Skeleton/SkeletonGroup.svelte.d.ts +4 -0
- package/dist/components/display/Skeleton/types.d.ts +4 -0
- package/dist/components/display/index.d.ts +4 -0
- package/dist/components/display/index.js +2 -0
- package/dist/components/feedback/Modal/index.stories.svelte +1 -1
- package/dist/components/navigation/Footer/index.stories.svelte +17 -0
- package/dist/components/navigation/Footer/index.stories.svelte.d.ts +18 -0
- package/dist/components/navigation/Footer/index.svelte +18 -0
- package/dist/components/navigation/Footer/index.svelte.d.ts +4 -0
- package/dist/components/navigation/Footer/types.d.ts +3 -0
- package/dist/components/navigation/Footer/types.js +1 -0
- package/dist/components/navigation/index.d.ts +2 -0
- package/dist/components/navigation/index.js +1 -0
- 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
|
+
© {year} {holder}
|
|
20
|
+
</Text>
|
|
@@ -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,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxIQEhAPEBAQDw8QEBAPDw8QDxAQDw8PFREWFhURFRUYHSggGBolHRUVITEhJSo3Li4uFx8zODMtNygwLisBCgoKDg0OFxAQGi0dHR0tLSsuLS0tLSsuMC4tLy0tLSstLS0rLS0tLS0wKy0tLSsrKy0tLSsrKy0rLS0tLy0tLf/AABEIAKYBMAMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAADBAECBQAGB//EAD4QAAICAQIEAwQIBAYBBQEAAAECAAMREiEEMUFRBRNhInGBkQYUFTJCUqGxByNi8FNygsHR4fFUg5KisjP/xAAaAQADAQEBAQAAAAAAAAAAAAAAAQIDBAYF/8QAKxEAAgIABgIBAwMFAAAAAAAAAAECEQMEEiExUUFhEwVxsSLR8BQVgZGh/9oADAMBAAIRAxEAPwDw2J0vjn8Z2J8cwKiWBkYnTNoC4aERotmSrSaA0EaM1zPqaPUGCGhytYdUgqoysZoUKQViRoiCcR2AjYIrZHLolaZYgTNBM052gGaUSXZ4NnlC0oWjEWZoF3kkwLmUkM5nlPMg3MHqxv8A+MzRRAdV4xW8z639Y3UYtIqNCtozUYlUY5TM5oiQ0gjCCBrjCTjmjBnFZULCEzhMqAlUhVSVWEBmiQyNMqUl8yrGWkAB1itojdhitpgSxVxF3EYeBeMChXn7zIKwxHP3mRibHSB0ypWGIlSImABhKQzwRkAFqaP0PMxDHKWioaNeloyjTNpeNJZA0TGy0G5lQ8o7xoYC8xG6NWmKWzUlsUsMA5jFggGWMkCZUwuiSEjCwOJV0jQrkmuGoVmZZXBPQDzHI55ZBmo1MEaZop0PUK6BtgYxvknJJ7mMViWFcIqRuQWFqjtJiiLGapnJkseraGV4orSweYSiYtDeqQHi/mSPMmegKHVsl/Mmf5snzpagMe8yVNkS86VN0rSIZssi1jwT3QLWROJNF2aDYyheVLyaAcxIxLLLYmpuCIg2EY0yjJEAq8C0ZsSLuJLAoDD1PASywGaFVsZSyZ1Rjz8O6BWZSFcBlbYggjPMddxtHRQyLJxeO0cNXfS71qa7qQpdNRZLVIPtDO6nY7ZxMsNK00OyXMA8K0oRGIXdYIpGisqVhYmxfRJFcMEl1STZNglrlvLhlSXCRWKxQ1QTVTR8uUaqGoWozjXJCRs1SvlylIeoCFhFklJEdgE1SpeQTBsYMXkJ5kqbYuzwRsiodDZukedEjZKG2VQ6HvOkG6IG2VNsVEtDzXQZtinmyvmR6RUN+bO8yKeZJ1xaRUegSGVYKqM1iSzUjRIauNKk4pIY6M+yqKWVTbo4YOwUnSDkk4zyBPL4TQPhfCcnsu17ZGqsc+o9ncf8RCex41knBZ6DivCqT/8Awvy3IpcBWcjn7fLtscTJs4cqSrAqynBB5gxpiW4NJ6T2W/ktkJtX7iuAGA7/APJgPC6fKpa087DpUEZBReeQdiCf2k+GUmwtYSfLQl2PU5Ow+JH94mOLiW9vBrGDfA7w9Yq16Ng5DgHchD9xT3+83wweswm5nHLJx7szfCtZnDVo9hATW4QAAaQFz/fKMH6MJSQOItcn2cimssq6jgAtvznRhapxtnRHJ40ntHk841DBVsP3WLKO+Vxn4e0P1giJ7zxf6MjCZsFaKpWtVVnx15AZzMHifo5aAGTRajbqyMPa5d5s4SQp5TFSurXowMSMRi6kqcMCp7EEH5QRmbORoqBCKsrLgzNiCKkIElFaGUySWV8uUZIzIIibM7FGSDZI4wgmWCkNMUZYFhGnEXsmiZSYEmCsMs5gXaaFAnaAZpdzF2MtIo5nlC8qTKEy6AuXlS8GzSuZWkkLrnaoLMmFCCBpcPAyQYqA9XSY9SJnUmP0mYNGtDiCSVkVy5mbRdFK20sG7EZ93WI+KHco2cqThv777fKPrjI1AlcjUAcEjrgwnjfDJaqihWVlXYu2RcM7aTthhyx2wOm8aW914FLDcla8HlLL2HPPv5H0/wDE0eEc2rpbdqwNJ6lDtp+BIx8YgqlW0uDzwVIPynpvBqlruTyvas92rST6dTjV8u0c5pUkgy+BLElUSPFbVrFfDNnWiAMFGSpxqb47kS9N9jJ5IArOQVRkdXsLYwMg/qIXgrs26XWrTc3mByUsbO51lj157QtvCWpxOaXLKliqc16UFeB7avybYe/MmGCuez1mTyGHg0503yuh67i6akWiwiviNWpmVc6WI3wSp0EZ5iavCs60NU97O7F9DkYIRfaIODn7oI1TH8ft02jXw/n6wOIY+aQGwMFgmcEjHbeTxPELXXXxFFAta/8AlhWyW8tk1FcnOARtgTsi6b9HRKGqCrl+1V/lGl4NxIFd+OJDqT7BYmw1HH42IGd89I5wVz3VOP5N4T2qdTKyrYM5AK8v82ARmYfhnGUnh+IvsR1Ur5dyliz/AJNIOAc74yd9h2hvoqlNvnChwupCjhV8t9BUjW2Dpzg817dJUZbxRni4e0pNPZrr8od8W4WqxK3uXQMil2bVsx3DB8bn3jE8V4twBpsZfvKCcMNwR3yPfPU1UvXw16OTdXWoIDutqWMpH3SO/bGQYJ1HE1hFGKxVlkYnzUtryGZT1GFwRFJ6vucOZyEcWDlHleePe54ySGkXLpYrkHBxkcj6wZMyo83KLi6YdXhUsiYaER5LiQx8PJ1xVbJbzJzzMWGLQbNBs8EzyI8iRNjRdzJd4FnnRE0RS2LOYdzAsJskUAeLtGmWCZJohirCDaMskEUlJgLmdClJGmVYigEnEvpkhYWBXEnEsFltMmwN6po9S8zazGqnmLNDVqeHXLbAEk8gBkn4TOqsjnC3AMpPLI1f5Tsf0zIZohn6naeVVh/9tv8AicimsE2sqLkexZnUx7qoBI9+wg/EHerK9vfgjpPN8TxDOQPWYQlJvihN9HqbuO4VtnDXE+ygYBWDHlhgc4zMHiLVWz2HKPr5oWwmD07n1kVozOtSKqlcudWNRITOSeew6f1CAssQVIo1GwkOz6tg3tZGn3aDnbkZpCHls9N9IytL5Gt/5ualnB6LawLfNPm6W2IXSSNLA5IKkH9esZ47xHiKrLdKqtdLAPX7JYKQMMeuDkbjlkTzqcQ5yVYjQueR2XPPbkOW8e4rxzzQma62t0hPNZMucDAG27TVLY+5NSTStSrmzc8Z4qwMrFKLEWpbVFgBcoWIfSTvsRviG8Q491qpFdSstxCitjhVOnIUAY0nfv3nnq/HLivlYVypbGUDaT1IBG0rT4i6kLevm1XBbcPqXIyQLEZTleu49RH2Y/Hsrr17PR8N4or8NcGoKqmUtRCQwbUDr1NvqDYOT17wngfiXCst+uxkssrcWOyqrEFdOoaTgn16ntMe3x9EDV10g1MMWg2HW2eurc5GBv6CMtdw1lFjaz59pAD2hUbKlSAzL3C41euZV8EvC5uLV9Mf8B4ErVxFyEmsUsWClTW9qgkOhXHYbEZ33ncJxtnEmpQ3l3UuQSXyLfMK7EgdVDAd9+sSr4Kyul762es2siCourE6nCk5zvz5np1hq+M10eVYHqvF6r5xGnBQaeY3yMjb+mRwl4Lirbkv1flfdefYv41TrBZa9Hk6arFGMBuWcdM4z8Zgkz2HFF8V8PcU1vWbTZqOLEKsdGcbnUuRPIXIVJB5iUeX+sZb48RYiW0v5/0rqllaBJkgxM+KxgPLeZF9UgvMJxMmhk2QTvAmyUZ5CiJIuzwZaULTgZvFFpFjI0ywlgJukMFplGrjWmVZIMBFkgmSOukEyTOybEykjRGdEqUlaigGiTohtMjEtDBhZOmXxIjoB6toxW0Ivg935DCr4Vd+QyHCXRZ1bzS+pP5a3BS1ZJUsoJCMD91u3Q/GKJ4Zb+QzR8OHFUEmrUur7w30t7xJ0Pyh2VxYU/mYWocnuGAPRdtR9yzOPELnRw4Vd/5lpXB09VTclc985903LBdYc2UK5x3cE/HOZl+IBq1wERNNletlXITLggMT3xy7TNwle6o3y+H8uLGJi2ndX1jLPYC2W9n3kb9Zfh697csMKMEgBiQc4YAjdQQM8jv0jFvAWlXGgBKrMoDjDAk9Qc4wR84rxlBKl2Ks+ctpIOnbYH5c5rpPaYcqiorZcfsdR4gBWaypz7ehlIUgOMOjbe0pwNpTgLVTV5itpYAK67MjBgQ6k7ZyBFmAK5wo5gEMdWQM+0Ox6S+kldeQdxn+YownIoaycnoQRHRTmqe1+GHPFEW+dUbCdWss+NTOTliQO+8txfFo4ASpa+RJ1tpXuFBOFBPb9IvwboAwfZsMBqTWhBHpurDYhhJ4IgEMxZSMMtiAFkYHIbQSNQiorVXC44H+C4mvHtlq3VWBdFWxba25oykjPoc9Z3D1Bn01qdmBSt20PavIqG2Abrz90RcAuxXdSckomkDJycLnbrgZh+JRVCENWxUac1F8P/WysAVbGB6/uqLTf2cufRtCpuGrsOceYRpotwWrBf8AEBvnEbbjV4pK6dGg06kPllnLMygBwH3P3eXOZHBeHOzVkZP4rAEKaUyMMrjOvIOQe4mx4gnDnFSs9nEeapuc04ZxpYYAz7TDKnnuR3MTW3oSlG15a8rwaposptrpsRuIQ1VoxIy6M62KrAnkBPO+P1712jTpsX7yZ0lh97OeRz0m3wy8RQvD2kfWGDWlMizU9aBSq9+W+D2ncbTU6NWqmviM6mrJOMOnsuM5xg4BHZjH2fPz+XeYwWlu1umvV8rweKJkappN4Jd+WUPg135ZXxy6PFsR1ShaaP2Nb2kfYtv5ZLw5dEmaTKkzU+wbu077Au7SVhT6EZUkGan2Bd+WSPo/d+X95aw5dDM4QqiaC+AX/l/eFXwG78omqhLoLM5ROKzUHgV35ZP2Hd+WDhLoTZiukEyTdbwK78sofALvyzJ4c+iDBKSumbx8Au/L+8ofo9d+WJQn0OzCKypE3G+j1/5ZQ/Ry/wDLNIwn0NSMMiVM3D9Gr/yyD9GOI/L+810S6Ks+1nwdewkfY69hNkyJ3UbUY48IXtLr4UvaauZwMVBRgeNhOFotvIGUX2Qce052UfOfMfB+G88X23e0MuXQjGs6NQx7igPuE+peK+AHjCPPuPlKcrVUun4ljnf1mB9NPCVqTh6+Frw1GblTSdNh1BTl+rYZ9uu05cSE5S1PhHVk9saLuj5/fdqsW1KyUtAQLsTWSwDDI5Aj+9ojRU6Ma2CmtWs1PtkgrjGeeMhTj0j/ABJSr6ylaMHSxSQd1IUMfZ+ZPwmU7FityqG2IZVYgqTnBz7wefaYtHp4yVHMoOELnb7oK5xk8tWNhk8vWBORkhPZQe0SpILcwuR93Izv6S19Jy2k41gavTuB33kOw1bKWLEjAOM9cesRq5PfwXYgZzyONJyAMY3+O4+UqFwpGPbJU5KDbG2Q+dgRsQRONoUBx22B1bfIjBlHXku40nDAYJx0I6ERUDkm6/yG4erf2tDAAnQzmvVkYyrctQ25/rO4FdT+0yZG5DuyLZjmutfu578tucGcgNgAZb2BgALn0yQPdCOWLlK1JOFwCUZs4BYAjY75xFRalzzuh2jjLK3auqxtDtla1c2qGY7AAbM3rHeBNVxb6xYtbBw1pdGFhYbZQgZ96nGDv7sdLFSxg6M6EAYfNVq8iGB/CwIxnGD23jLvrsBA0Dbd39pzn8bjGM8s7dOUhm0XqXS78nqOK8Uu4iweWy31Ia/Lqc6ScDBbOAcjfJznfkRH+J4mi3iHVga30OFbfAda9OB0IBH/ANTzmB4ffZwdhZK63Dq1qV2YuNWBucrk5xncdAM8o9wnE0Xpfc5Vb8WmtMYbzXySS341zjGeW8Vk6K3S2raud+z2PgVHnJmxAlmdRUctLciP6chsegE0G8HXtPL/AEYttosrDvmnSaqWzqV69SkDOBsC+fmJ7Y3z6OBPXE8j9Ty6wsZ1xLdUZ/2QO0r9lqOk0PPkiwGb0fMoQXw9PSGXw5OwjOgGQ1cdIKBr4WnYQg8JTtIwwllsb1hQbEjwlOw+UsPCl7SPrDCSOPI6QoNjvspe0j7KXtLfaXeEHiKx0PYAfC17Sh8LXsI59eU9ZH1pTFQbCZ8MXsJ32WvaPeap6wile8KCkZn2Uvad9lr2E1NI7yCkKCkZv2YvYSR4avYTQ0zgkdBQAXmSLowaxI0LJLAi2SLBC6FnGtYDIVov4vwhvpsqBwzDbO246Z6ds9IxlR1lta94hp07PhvjfB38MxZk120t5L2OutrEIYB+ec4Ug+8e+Y3E2FdJTap2JI07kjnsZ9m+mX0aXjVD1sFtVWVtsi5OYrbcDnyPTM+NeI8C1Bs4ewsNI1Val0Nuc4OeZx05zlnBxZ6DK5uOJHfkRvxkOeR3XIzjB7dtp1xGwwSTuABj3YzAi/Kb5ym2rJJz/tA+YSvu5bnIHp2mVHV8iux3VhRsMYz94E8+vrmRU+DkgDJ07Y+9jO4H7xRbAQACS+d+uR7sS1V2SScLtzwSSe2IUCxRxAFIzgDG/wDV6n157y1jjcg8nACaRpZMc88wYpXxTDBH3hvkbnluIStwNtskZUgg4MVGqkuL2GiMasYUBcjdQS3qDzGxG24zmXUZrOcamYHJQ6xgYwrDoR0MALPbBGQuACCWbU3cA8pcgHXjDEgKo05xjHJs5U5zIaNYz/31Y/wVhrKOWZcfdKsqtn0zsfd6x6tK7DYKkKZXFK41k2Aj2M7ac/79pl8KSo3OSUKaSgsBU8wckY3xuI74XWa1ZiXBABOh9LBSdOee+/7TFxO1YnLe3G5s8Ja5qHmudCq61rn2kZfa1ADuVxvPrNVGVUkc1B9dxPl3glDWtw2jVpV8pkghWYY3XHuPPE+uau07somk7PNfXJxlOKXtiv1OR9SjqvLBp2nn6Efqh6SPqzR8tJDQChA0tOFTdo/mTmMKM5kPUTlC9RHS3pKkjtAKFWSsyv1Ws9RGjUp6QbcGp/6gIA3AIev6wbeGDo0O3AjoxHxnDhccmMBUKnwxujGR9RsH4o0eHfo8qaruhBgFC3k2jrJBtEOfPHQGU8y4c1EYUUF1kMvEN2lPrdg51/tLDjT1rPygMv8AWD3EqeJ90q1ME1Hp8cxUVYQ8b6D47Sp44/0/OBfhee3xzAPwR93rFQWNt4pjmB+hlH8WTsIi3hrHqfhiL3eBk9v2P6RUA7Z4/UvPExfG+L4HiwPOADqCEsGQ69vfg7gHrOt+jWduXxiHEfRHf7xGeWAYmmVFtbo8D9IPoyyM1nDXLxKlj7A9m0L3IOx68p5N7WrYgqVPVWDAifWrfobYfuEgdydzMriv4e2OfasZugyc/vMvjO2OYlW7Pm/n9QcE9pLX53G2OeSDk957p/4YP/iCUP8AC6z/ABP0GP3h8ZX9S+zxQ4nJB2HuwB8hCjiex+M9ef4XW9LP0kp/C6/IxcnuKt/sYnhGkM5JHmjxI20nPI55EH0hqL8ZcnmcHcFs98c56pv4b3H/ANOCBjKrchPqRr5wA/hfxX+PUP8AS0h4LN4fUEuTFouyVPsjA05UY1Y6t6zaQI7VhmwzggEY3XO4z05xvh/4Y8QcZ4qoYPSts/Oem+j/ANBzwpD+bW7/AJmQHHuydpHwPY3/ALnGK/San0W8Hahxc4UJ5ZFS/jUHG+OgO5+Xw9SOKXnkfOI18PZ+J88uQj1adM/vOzDgoqkfCx8WWLLVIIt689t/6pdLc/d0nv7QMEoPYt/t85zUas/ywD3wmf8A8mWYjIz6H3Sfn8BF6+GI/E4HQAqMfJZZaiPxsN87gH+zAAqqOoJ+f+0uFUdcGDKnbDn36VwYKytz92wA8xlQf+YAN4GM7/KUL4/CT/piqi4f4Z9TqB+QEZptbqAD19rPy2gBYE9j/wDEySvu+Rkeaex/vtIPEf0tj3YgMsVPpIwe0r9bHUMP9LY+eJX64v5sc+mP3EYti+gzipgxxqE7Op/1CENy7HVnpsdoUGx2g9zO36zjaOm459TI80d+m3SIDifSVb3be6QjnPL9ZbVjfIx69YD2ANICTp0Yywrz1khZ06IDjXOKfDbpidOjAofQcu5/6gF3JJVfmTt8p06AyTXnoB88SjcLnrjbpOnRASOFGOf6CDNAzj/qdOgAQ8IOXP35/wBpY8L8PcTOnRjJTgwd85PrvJajAxkAeign5mdOkDKWaR3+SiXRewGD35zp0B+Aq19Dg/D/ALkunL/v9p06NEMsur0x684TfuPlmROjIssUJ5n5ZE7yf6m+DTp0Qyy1ep+JH/Els5nTo0M4N3AyOxMuBOnRgQ2ewMpo9AZ06AHCr5eksqegnToBRzVyrIBjYdp06BJQ1IR939oIULyGR8TidOiGDs4cDf2s/wCYn95wp5HLfHedOjCj/9k=", 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,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>
|
|
@@ -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
|
-
|
|
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 @@
|
|
|
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";
|