chromia 0.0.1 → 0.0.2

package/.svelte-kit/output/server/internal.js

@@ -0,0 +1,10 @@
+import { g, c, i, j, d, f, h } from "./chunks/internal.js";
+export {
+  g as get_hooks,
+  c as options,
+  i as set_assets,
+  j as set_building,
+  d as set_private_env,
+  f as set_public_env,
+  h as set_safe_public_env
+};

package/.svelte-kit/output/server/manifest-full.js

@@ -0,0 +1,34 @@
+export const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set(["favicon.png"]),
+	mimeTypes: {".png":"image/png"},
+	_: {
+		client: {"start":"_app/immutable/entry/start.aC2tJUKM.js","app":"_app/immutable/entry/app.WGYaKRLN.js","imports":["_app/immutable/entry/start.aC2tJUKM.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/singletons.BTKERuC0.js","_app/immutable/entry/app.WGYaKRLN.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/index.fwz0P8IJ.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
+		nodes: [
+			__memo(() => import('./nodes/0.js')),
+			__memo(() => import('./nodes/1.js')),
+			__memo(() => import('./nodes/2.js'))
+		],
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			}
+		],
+		matchers: async () => {
+			
+			return {  };
+		}
+	}
+}
+})();

package/.svelte-kit/output/server/manifest.js

@@ -0,0 +1,34 @@
+export const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set(["favicon.png"]),
+	mimeTypes: {".png":"image/png"},
+	_: {
+		client: {"start":"_app/immutable/entry/start.aC2tJUKM.js","app":"_app/immutable/entry/app.WGYaKRLN.js","imports":["_app/immutable/entry/start.aC2tJUKM.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/singletons.BTKERuC0.js","_app/immutable/entry/app.WGYaKRLN.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/index.fwz0P8IJ.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
+		nodes: [
+			__memo(() => import('./nodes/0.js')),
+			__memo(() => import('./nodes/1.js')),
+			__memo(() => import('./nodes/2.js'))
+		],
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			}
+		],
+		matchers: async () => {
+			
+			return {  };
+		}
+	}
+}
+})();

package/.svelte-kit/output/server/nodes/0.js

@@ -0,0 +1,8 @@
+
+
+export const index = 0;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/fallbacks/layout.svelte.js')).default;
+export const imports = ["_app/immutable/nodes/0.TPefyB_B.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/index.fwz0P8IJ.js"];
+export const stylesheets = [];
+export const fonts = [];

package/.svelte-kit/output/server/nodes/1.js

@@ -0,0 +1,8 @@
+
+
+export const index = 1;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/fallbacks/error.svelte.js')).default;
+export const imports = ["_app/immutable/nodes/1.YWupMHx9.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/index.fwz0P8IJ.js","_app/immutable/chunks/singletons.BTKERuC0.js"];
+export const stylesheets = [];
+export const fonts = [];

package/.svelte-kit/output/server/nodes/2.js

@@ -0,0 +1,8 @@
+
+
+export const index = 2;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js')).default;
+export const imports = ["_app/immutable/nodes/2.sCXEpvk1.js","_app/immutable/chunks/scheduler.k-kUyWhY.js","_app/immutable/chunks/index.fwz0P8IJ.js"];
+export const stylesheets = [];
+export const fonts = [];

package/.svelte-kit/tsconfig.json

@@ -0,0 +1,46 @@
+{
+	"compilerOptions": {
+		"paths": {
+			"$lib": [
+				"../src/lib"
+			],
+			"$lib/*": [
+				"../src/lib/*"
+			]
+		},
+		"rootDirs": [
+			"..",
+			"./types"
+		],
+		"verbatimModuleSyntax": true,
+		"isolatedModules": true,
+		"lib": [
+			"esnext",
+			"DOM",
+			"DOM.Iterable"
+		],
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"noEmit": true,
+		"target": "esnext"
+	},
+	"include": [
+		"ambient.d.ts",
+		"non-ambient.d.ts",
+		"./types/**/$types.d.ts",
+		"../vite.config.js",
+		"../vite.config.ts",
+		"../src/**/*.js",
+		"../src/**/*.ts",
+		"../src/**/*.svelte",
+		"../tests/**/*.js",
+		"../tests/**/*.ts",
+		"../tests/**/*.svelte"
+	],
+	"exclude": [
+		"../node_modules/**",
+		"../src/service-worker.js",
+		"../src/service-worker.ts",
+		"../src/service-worker.d.ts"
+	]
+}

package/.svelte-kit/types/route_meta_data.json

@@ -0,0 +1,3 @@
+{
+	"/": []
+}

package/.svelte-kit/types/src/routes/$types.d.ts

@@ -0,0 +1,22 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type PageParentData = EnsureDefined<LayoutData>;
+type LayoutRouteId = RouteId | "/" | null
+type LayoutParams = RouteParams & {  }
+type LayoutParentData = EnsureDefined<{}>;
+
+export type PageServerData = null;
+export type PageData = Expand<PageParentData>;
+export type LayoutServerData = null;
+export type LayoutData = Expand<LayoutParentData>;

package/dist/index.d.ts

@@ -1,42 +1,42 @@
-import AddImageIcon from '../icons/AddImageIcon.svelte';
-import AddSquareIcon from '../icons/AddSquareIcon.svelte';
-import AlertCircleIcon from '../icons/AlertCircleIcon.svelte';
-import AnnotationXIcon from '../icons/AnnotationXIcon.svelte';
-import ArrowCalendarIcon from '../icons/ArrowCalendarIcon.svelte';
-import ArrowLeftIcon from '../icons/ArrowLeftIcon.svelte';
-import ArrowSwitchIcon from '../icons/ArrowSwitchIcon.svelte';
-import ArrowUpIcon from '../icons/ArrowUpIcon.svelte';
-import BellIcon from '../icons/BellIcon.svelte';
-import BezierIcon from '../icons/BezierIcon.svelte';
-import CalendarIcon from '../icons/CalendarIcon.svelte';
-import CameraIcon from '../icons/CameraIcon.svelte';
-import CertificateIcon from '../icons/CertificateIcon.svelte';
-import CheckCircleIcon from '../icons/CheckCircleIcon.svelte';
-import CheckIcon from '../icons/CheckIcon.svelte';
-import ChevronDownIcon from '../icons/ChevronDownIcon.svelte';
-import ChevronUpIcon from '../icons/ChevronUpIcon.svelte';
-import ClockIcon from '../icons/ClockIcon.svelte';
-import CloseIcon from '../icons/CloseIcon.svelte';
-import CollectionIcon from '../icons/CollectionIcon.svelte';
-import CopyIcon from '../icons/CopyIcon.svelte';
-import EditIcon from '../icons/EditIcon.svelte';
-import FavoriteIcon from '../icons/FavoriteIcon.svelte';
-import FilterIcon from '../icons/FilterIcon.svelte';
-import FlameIcon from '../icons/FlameIcon.svelte';
-import FolderIcon from '../icons/FolderIcon.svelte';
-import FolderPlusIcon from '../icons/FolderPlusIcon.svelte';
-import GridIcon from '../icons/GridIcon.svelte';
-import HourglassIcon from '../icons/HourglassIcon.svelte';
-import LockIcon from '../icons/LockIcon.svelte';
-import LogoutIcon from '../icons/LogoutIcon.svelte';
-import MenuIcon from '../icons/MenuIcon.svelte';
-import NoFolder from '../icons/NoFolder.svelte';
-import NotificationIcon from '../icons/NotificationIcon.svelte';
-import OverlapIcon from '../icons/OverlapIcon.svelte';
-import SearchIcon from '../icons/SearchIcon.svelte';
-import SendIcon from '../icons/SendIcon.svelte';
-import TeamUserIcon from '../icons/TeamUserIcon.svelte';
-import TrashIcon from '../icons/TrashIcon.svelte';
-import UploadIcon from '../icons/UploadIcon.svelte';
-import UserProfileIcon from '../icons/UserProfileIcon.svelte';
+import AddImageIcon from '../src/icons/AddImageIcon.svelte';
+import AddSquareIcon from '../src/icons/AddSquareIcon.svelte';
+import AlertCircleIcon from '../src/icons/AlertCircleIcon.svelte';
+import AnnotationXIcon from '../src/icons/AnnotationXIcon.svelte';
+import ArrowCalendarIcon from '../src/icons/ArrowCalendarIcon.svelte';
+import ArrowLeftIcon from '../src/icons/ArrowLeftIcon.svelte';
+import ArrowSwitchIcon from '../src/icons/ArrowSwitchIcon.svelte';
+import ArrowUpIcon from '../src/icons/ArrowUpIcon.svelte';
+import BellIcon from '../src/icons/BellIcon.svelte';
+import BezierIcon from '../src/icons/BezierIcon.svelte';
+import CalendarIcon from '../src/icons/CalendarIcon.svelte';
+import CameraIcon from '../src/icons/CameraIcon.svelte';
+import CertificateIcon from '../src/icons/CertificateIcon.svelte';
+import CheckCircleIcon from '../src/icons/CheckCircleIcon.svelte';
+import CheckIcon from '../src/icons/CheckIcon.svelte';
+import ChevronDownIcon from '../src/icons/ChevronDownIcon.svelte';
+import ChevronUpIcon from '../src/icons/ChevronUpIcon.svelte';
+import ClockIcon from '../src/icons/ClockIcon.svelte';
+import CloseIcon from '../src/icons/CloseIcon.svelte';
+import CollectionIcon from '../src/icons/CollectionIcon.svelte';
+import CopyIcon from '../src/icons/CopyIcon.svelte';
+import EditIcon from '../src/icons/EditIcon.svelte';
+import FavoriteIcon from '../src/icons/FavoriteIcon.svelte';
+import FilterIcon from '../src/icons/FilterIcon.svelte';
+import FlameIcon from '../src/icons/FlameIcon.svelte';
+import FolderIcon from '../src/icons/FolderIcon.svelte';
+import FolderPlusIcon from '../src/icons/FolderPlusIcon.svelte';
+import GridIcon from '../src/icons/GridIcon.svelte';
+import HourglassIcon from '../src/icons/HourglassIcon.svelte';
+import LockIcon from '../src/icons/LockIcon.svelte';
+import LogoutIcon from '../src/icons/LogoutIcon.svelte';
+import MenuIcon from '../src/icons/MenuIcon.svelte';
+import NoFolder from '../src/icons/NoFolder.svelte';
+import NotificationIcon from '../src/icons/NotificationIcon.svelte';
+import OverlapIcon from '../src/icons/OverlapIcon.svelte';
+import SearchIcon from '../src/icons/SearchIcon.svelte';
+import SendIcon from '../src/icons/SendIcon.svelte';
+import TeamUserIcon from '../src/icons/TeamUserIcon.svelte';
+import TrashIcon from '../src/icons/TrashIcon.svelte';
+import UploadIcon from '../src/icons/UploadIcon.svelte';
+import UserProfileIcon from '../src/icons/UserProfileIcon.svelte';
 export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, CalendarIcon, CameraIcon, CertificateIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, CopyIcon, EditIcon, FavoriteIcon, FilterIcon, FlameIcon, FolderIcon, FolderPlusIcon, GridIcon, HourglassIcon, LockIcon, LogoutIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, SearchIcon, SendIcon, TeamUserIcon, TrashIcon, UploadIcon, UserProfileIcon };

package/dist/index.js

@@ -1,42 +1,42 @@
-import AddImageIcon from '../icons/AddImageIcon.svelte';
-import AddSquareIcon from '../icons/AddSquareIcon.svelte';
-import AlertCircleIcon from '../icons/AlertCircleIcon.svelte';
-import AnnotationXIcon from '../icons/AnnotationXIcon.svelte';
-import ArrowCalendarIcon from '../icons/ArrowCalendarIcon.svelte';
-import ArrowLeftIcon from '../icons/ArrowLeftIcon.svelte';
-import ArrowSwitchIcon from '../icons/ArrowSwitchIcon.svelte';
-import ArrowUpIcon from '../icons/ArrowUpIcon.svelte';
-import BellIcon from '../icons/BellIcon.svelte';
-import BezierIcon from '../icons/BezierIcon.svelte';
-import CalendarIcon from '../icons/CalendarIcon.svelte';
-import CameraIcon from '../icons/CameraIcon.svelte';
-import CertificateIcon from '../icons/CertificateIcon.svelte';
-import CheckCircleIcon from '../icons/CheckCircleIcon.svelte';
-import CheckIcon from '../icons/CheckIcon.svelte';
-import ChevronDownIcon from '../icons/ChevronDownIcon.svelte';
-import ChevronUpIcon from '../icons/ChevronUpIcon.svelte';
-import ClockIcon from '../icons/ClockIcon.svelte';
-import CloseIcon from '../icons/CloseIcon.svelte';
-import CollectionIcon from '../icons/CollectionIcon.svelte';
-import CopyIcon from '../icons/CopyIcon.svelte';
-import EditIcon from '../icons/EditIcon.svelte';
-import FavoriteIcon from '../icons/FavoriteIcon.svelte';
-import FilterIcon from '../icons/FilterIcon.svelte';
-import FlameIcon from '../icons/FlameIcon.svelte';
-import FolderIcon from '../icons/FolderIcon.svelte';
-import FolderPlusIcon from '../icons/FolderPlusIcon.svelte';
-import GridIcon from '../icons/GridIcon.svelte';
-import HourglassIcon from '../icons/HourglassIcon.svelte';
-import LockIcon from '../icons/LockIcon.svelte';
-import LogoutIcon from '../icons/LogoutIcon.svelte';
-import MenuIcon from '../icons/MenuIcon.svelte';
-import NoFolder from '../icons/NoFolder.svelte';
-import NotificationIcon from '../icons/NotificationIcon.svelte';
-import OverlapIcon from '../icons/OverlapIcon.svelte';
-import SearchIcon from '../icons/SearchIcon.svelte';
-import SendIcon from '../icons/SendIcon.svelte';
-import TeamUserIcon from '../icons/TeamUserIcon.svelte';
-import TrashIcon from '../icons/TrashIcon.svelte';
-import UploadIcon from '../icons/UploadIcon.svelte';
-import UserProfileIcon from '../icons/UserProfileIcon.svelte';
+import AddImageIcon from '../src/icons/AddImageIcon.svelte';
+import AddSquareIcon from '../src/icons/AddSquareIcon.svelte';
+import AlertCircleIcon from '../src/icons/AlertCircleIcon.svelte';
+import AnnotationXIcon from '../src/icons/AnnotationXIcon.svelte';
+import ArrowCalendarIcon from '../src/icons/ArrowCalendarIcon.svelte';
+import ArrowLeftIcon from '../src/icons/ArrowLeftIcon.svelte';
+import ArrowSwitchIcon from '../src/icons/ArrowSwitchIcon.svelte';
+import ArrowUpIcon from '../src/icons/ArrowUpIcon.svelte';
+import BellIcon from '../src/icons/BellIcon.svelte';
+import BezierIcon from '../src/icons/BezierIcon.svelte';
+import CalendarIcon from '../src/icons/CalendarIcon.svelte';
+import CameraIcon from '../src/icons/CameraIcon.svelte';
+import CertificateIcon from '../src/icons/CertificateIcon.svelte';
+import CheckCircleIcon from '../src/icons/CheckCircleIcon.svelte';
+import CheckIcon from '../src/icons/CheckIcon.svelte';
+import ChevronDownIcon from '../src/icons/ChevronDownIcon.svelte';
+import ChevronUpIcon from '../src/icons/ChevronUpIcon.svelte';
+import ClockIcon from '../src/icons/ClockIcon.svelte';
+import CloseIcon from '../src/icons/CloseIcon.svelte';
+import CollectionIcon from '../src/icons/CollectionIcon.svelte';
+import CopyIcon from '../src/icons/CopyIcon.svelte';
+import EditIcon from '../src/icons/EditIcon.svelte';
+import FavoriteIcon from '../src/icons/FavoriteIcon.svelte';
+import FilterIcon from '../src/icons/FilterIcon.svelte';
+import FlameIcon from '../src/icons/FlameIcon.svelte';
+import FolderIcon from '../src/icons/FolderIcon.svelte';
+import FolderPlusIcon from '../src/icons/FolderPlusIcon.svelte';
+import GridIcon from '../src/icons/GridIcon.svelte';
+import HourglassIcon from '../src/icons/HourglassIcon.svelte';
+import LockIcon from '../src/icons/LockIcon.svelte';
+import LogoutIcon from '../src/icons/LogoutIcon.svelte';
+import MenuIcon from '../src/icons/MenuIcon.svelte';
+import NoFolder from '../src/icons/NoFolder.svelte';
+import NotificationIcon from '../src/icons/NotificationIcon.svelte';
+import OverlapIcon from '../src/icons/OverlapIcon.svelte';
+import SearchIcon from '../src/icons/SearchIcon.svelte';
+import SendIcon from '../src/icons/SendIcon.svelte';
+import TeamUserIcon from '../src/icons/TeamUserIcon.svelte';
+import TrashIcon from '../src/icons/TrashIcon.svelte';
+import UploadIcon from '../src/icons/UploadIcon.svelte';
+import UserProfileIcon from '../src/icons/UserProfileIcon.svelte';
 export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, CalendarIcon, CameraIcon, CertificateIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, CopyIcon, EditIcon, FavoriteIcon, FilterIcon, FlameIcon, FolderIcon, FolderPlusIcon, GridIcon, HourglassIcon, LockIcon, LogoutIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, SearchIcon, SendIcon, TeamUserIcon, TrashIcon, UploadIcon, UserProfileIcon };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "chromia",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"private": false,
 	"scripts": {
 		"dev": "vite dev",

package/src/app.d.ts

@@ -0,0 +1,13 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};

package/src/app.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div>%sveltekit.body%</div>
+	</body>
+</html>

package/src/icons/AddImageIcon.svelte

@@ -0,0 +1,101 @@
+<script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      case "top":
+        return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+      case "right":
+        return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+      case "bottom":
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+      case "left":
+        return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddImage"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}

package/src/icons/AddImageIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddImageIconProps = typeof __propDef.props;
+export type AddImageIconEvents = typeof __propDef.events;
+export type AddImageIconSlots = typeof __propDef.slots;
+export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
+}
+export {};

package/src/icons/AddSquareIcon.svelte

@@ -0,0 +1,88 @@
+
+  <script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      case "top":
+        return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+      case "right":
+        return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+      case "bottom":
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+      case "left":
+        return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 12 12"
+    fill="none"
+  >
+    <g id="id_AddSquare">
+      <path
+        id="icon_AddSquare"
+        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
+        stroke="url(#grad-AddSquare)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 12 12"
+    fill="none"
+  >
+    <g id="id_AddSquare">
+      <path
+        id="icon_AddSquare"
+        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/AddSquareIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquareIconProps = typeof __propDef.props;
+export type AddSquareIconEvents = typeof __propDef.events;
+export type AddSquareIconSlots = typeof __propDef.slots;
+export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
+}
+export {};