@solar-icons/svelte 1.0.0

package/LICENSE

@@ -0,0 +1,11 @@
+MIT License
+
+Copyright (c) 2024 Hakim Saoudi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+The Software may include icons that are licensed under the Creative Commons Attribution 4.0 International License (CC BY 4.0). Commercial use is allowed, but attribution is required for the use of these icons. See LICENSE-THIRD-PARTY for more details.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/LICENSE-THIRD-PARTY

@@ -0,0 +1,14 @@
+THIRD-PARTY LICENSES
+
+This project includes icons that are licensed under the Creative Commons Attribution 4.0 International License (CC BY 4.0). 
+
+Attribution Requirement:
+You are allowed to use these icons for commercial and non-commercial purposes, but you must give appropriate credit as required by the CC BY 4.0 license.
+
+For more details, please visit: https://creativecommons.org/licenses/by/4.0/
+
+List of Third-Party Elements:
+- **Solar Icons Set** By [480 Design](https://www.figma.com/community/file/1166831539721848736)
+
+Attribution Instructions:
+When using the icons, please attribute the original authors in a visible way according to the terms of the CC BY 4.0 license.

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { IconProps } from './lib';
+export { IconBase, type IconStyle } from './lib';
+export * from './icons/styled';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { IconBase } from './lib';
+export * from './icons/styled';

package/dist/lib/IconBase.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    interface Props {
+        alt?: string;
+        color?: string;
+        size?: string | number;
+        mirrored?: boolean;
+        children?: Snippet;
+        class?: string;
+        style?: string;
+        [key: string]: unknown;
+    }
+
+    let {
+        alt,
+        color = 'currentColor',
+        size = '1em',
+        mirrored = false,
+        children,
+        class: className,
+        style,
+        ...restProps
+    }: Props = $props();
+
+    const width = $derived(typeof size === 'number' ? `${size}px` : size);
+    const height = $derived(typeof size === 'number' ? `${size}px` : size);
+</script>
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    {width}
+    {height}
+    {color}
+    fill="none"
+    viewBox="0 0 24 24"
+    transform={mirrored ? 'scale(-1, 1)' : undefined}
+    class={className}
+    {style}
+    {...restProps}
+>
+    {#if alt}<title>{alt}</title>{/if}
+    {@render children?.()}
+</svg>

package/dist/lib/IconBase.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    alt?: string;
+    color?: string;
+    size?: string | number;
+    mirrored?: boolean;
+    children?: Snippet;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+}
+declare const IconBase: import("svelte").Component<Props, {}, "">;
+type IconBase = ReturnType<typeof IconBase>;
+export default IconBase;

package/dist/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconBase } from './IconBase.svelte';
+export type { IconProps, IconStyle } from './types';

package/dist/lib/index.js

@@ -0,0 +1 @@
+export { default as IconBase } from './IconBase.svelte';

package/dist/lib/types.d.ts

@@ -0,0 +1,11 @@
+import type { SVGAttributes } from 'svelte/elements';
+export type IconStyle = 'Bold' | 'BoldDuotone' | 'Broken' | 'LineDuotone' | 'Linear' | 'Outline';
+export interface IconBaseProps {
+    alt?: string;
+    color?: string;
+    size?: string | number;
+    mirrored?: boolean;
+}
+export type SvgAttributes = SVGAttributes<SVGSVGElement>;
+export interface IconProps extends IconBaseProps, Omit<SvgAttributes, 'color'> {
+}

package/dist/lib/types.js

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

package/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@solar-icons/svelte",
+  "version": "1.0.0",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Solar Icons for Svelte",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/saoudi-h/solar-icons.git",
+    "directory": "packages/svelte"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE",
+    "LICENSE-THIRD-PARTY"
+  ],
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./lib/*": {
+      "types": "./dist/lib/*.d.ts",
+      "svelte": "./dist/lib/*",
+      "default": "./dist/lib/*.js"
+    },
+    "./category": {
+      "types": "./dist/icons/index.d.ts",
+      "svelte": "./dist/icons/index.js",
+      "default": "./dist/icons/index.js"
+    },
+    "./category/*": {
+      "types": "./dist/icons/*.d.ts",
+      "svelte": "./dist/icons/*",
+      "default": "./dist/icons/*.js"
+    },
+    "./*": {
+      "types": "./dist/icons/style/*.d.ts",
+      "svelte": "./dist/icons/style/*.js",
+      "default": "./dist/icons/style/*.js"
+    }
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@types/node": "^25.0.3",
+    "picocolors": "^1.1.1",
+    "prettier": "^3.7.4",
+    "prettier-plugin-svelte": "^3.4.1",
+    "rimraf": "^6.1.2",
+    "rollup-plugin-svelte": "^7.2.3",
+    "svelte-check": "^4.1.4",
+    "svelte-preprocess": "^6.0.3",
+    "svelte2tsx": "^0.7.45",
+    "tsdown": "^0.18.4",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.16",
+    "@solar-icons/core": "1.0.1",
+    "@solar-icons/tsconfig": "1.0.0",
+    "@solar-icons/prettier": "1.0.0",
+    "@solar-icons/eslint": "1.0.0"
+  },
+  "peerDependencies": {
+    "svelte": ">= 4.0.0"
+  },
+  "engines": {
+    "node": ">=16"
+  },
+  "keywords": [
+    "svelte",
+    "icons",
+    "svg",
+    "solar",
+    "design",
+    "interface",
+    "phosphor",
+    "UI",
+    "UX"
+  ],
+  "author": {
+    "name": "Saoudi Hakim",
+    "url": "https://hakimsaoudi.dev",
+    "email": "saoudihakim@gmail.com"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/saoudi-h/solar-icons/issues"
+  },
+  "scripts": {
+    "build": "pnpm copy:licenses && pnpm build:package",
+    "build:package": "svelte-package --input ./src",
+    "copy:licenses": "cp ../../LICENSE ./LICENSE && cp ../../LICENSE-THIRD-PARTY ./LICENSE-THIRD-PARTY",
+    "generate:assets": "tsx scripts/generate-assets.ts",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix",
+    "format:check": "prettier \"**/*\" --ignore-unknown --list-different",
+    "format:fix": "prettier \"**/*\" --ignore-unknown --write",
+    "clean": "rimraf *.tsbuildinfo node_modules build dist",
+    "typecheck": "tsc --noEmit",
+    "pre-commit": "lint-staged"
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export type { IconProps } from './lib';
+export { IconBase, type IconStyle } from './lib';
+export * from './icons/styled';

package/src/lib/IconBase.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    interface Props {
+        alt?: string;
+        color?: string;
+        size?: string | number;
+        mirrored?: boolean;
+        children?: Snippet;
+        class?: string;
+        style?: string;
+        [key: string]: unknown;
+    }
+
+    let {
+        alt,
+        color = 'currentColor',
+        size = '1em',
+        mirrored = false,
+        children,
+        class: className,
+        style,
+        ...restProps
+    }: Props = $props();
+
+    const width = $derived(typeof size === 'number' ? `${size}px` : size);
+    const height = $derived(typeof size === 'number' ? `${size}px` : size);
+</script>
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    {width}
+    {height}
+    {color}
+    fill="none"
+    viewBox="0 0 24 24"
+    transform={mirrored ? 'scale(-1, 1)' : undefined}
+    class={className}
+    {style}
+    {...restProps}
+>
+    {#if alt}<title>{alt}</title>{/if}
+    {@render children?.()}
+</svg>

package/src/lib/index.ts

@@ -0,0 +1,2 @@
+export { default as IconBase } from './IconBase.svelte';
+export type { IconProps, IconStyle } from './types';

package/src/lib/types.ts

@@ -0,0 +1,14 @@
+import type { SVGAttributes } from 'svelte/elements';
+
+export type IconStyle = 'Bold' | 'BoldDuotone' | 'Broken' | 'LineDuotone' | 'Linear' | 'Outline';
+
+export interface IconBaseProps {
+    alt?: string;
+    color?: string;
+    size?: string | number;
+    mirrored?: boolean;
+}
+
+export type SvgAttributes = SVGAttributes<SVGSVGElement>;
+
+export interface IconProps extends IconBaseProps, Omit<SvgAttributes, 'color'> {}