@jis3r/icons 1.0.0 → 1.1.0

package/README.md

@@ -2,26 +2,42 @@
 
 **Demo** → [https://movingicons.dev](https://movingicons.dev)
 
-<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-blue.svg"/></a>
-<a href="https://madewithsvelte.com/p/moving-icons/shield-link"><img src="https://madewithsvelte.com/storage/repo-shields/5371-shield.svg"/></a>
+<a href="https://madewithsvelte.com/p/moving-icons/shield-link"><img src="https://madewithsvelte.com/storage/repo-shields/5371-shield.svg" alt="Made with Svelte" /></a>
+<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="MIT License"/></a>
+<a href="https://www.npmjs.com/package/@jis3r/icons" title="View this project on NPM"><img src="https://img.shields.io/npm/v/%40jis3r%2Ficons" alt="NPM version" /></a>
+<a href="https://www.npmjs.com/package/@jis3r/icons" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/%40jis3r%2Ficons" alt="NPM downloads" /></a>
 
 ## Installation
 
+### 1. Install via npm
+
+```bash
+npm i @jis3r/icons
+```
+
+### 2. Add via shadcn-svelte registry
+
+You can add icons to your project using the [shadcn registry](https://www.shadcn-svelte.com). Ensure shadcn-svelte is installed. To add an icon, simply copy the command from the website and run it in your terminal. Icons will be added to your project in the `src/lib/components/movingicons` directory.
+
 ```bash
-npm install @jis3r/icons
+npx shadcn-svelte@latest add https://movingicons.dev/r/[icon-name]
 ```
 
+### 3. Copy from Website
+
+You can download or copy icon components directly from [https://movingicons.dev](https://movingicons.dev) and paste them into your Svelte project.
+
 ## Usage
 
 Import icons as named Svelte components:
 
 ```svelte
 <script>
-	import { Sun, Moon } from '@jis3r/icons';
+	import { Activity, Star } from '@jis3r/icons';
 </script>
 
-<Sun size={32} color="orange" />
-<Moon size={32} color="blue" />
+<Activity size={32} color="orange" strokeWidth={2.5} />
+<Star size={32} color="blue" />
 ```
 
 - All icons are available as named exports in PascalCase.
@@ -50,4 +66,4 @@ This project is a work in progress, and i'm continuously working to improve and
 
 ## Credits
 
-Thank you to the awesome [Dmytro](https://twitter.com/pqoqubbw) 💜 for the idea and inspiration to animated lucide-icons! I loved his project so much that I wanted to make it available for the svelte ecosystem, so here we go! :)
+Thank you to the awesome [Dmytro](https://twitter.com/pqoqubbw) 💜 for the idea and inspiration to animated lucide-icons! I loved his project so much that I wanted to make it available for the Svelte ecosystem, so here we go! :)

package/dist/components/ui/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+export const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+export const Trigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+import Content from './tooltip-content.svelte';
+export const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+export { Content, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider };

package/dist/components/ui/tooltip/index.js

@@ -0,0 +1,18 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+const Provider = TooltipPrimitive.Provider;
+
+export {
+	Root,
+	Trigger,
+	Content,
+	Provider,
+	//
+	Root as Tooltip,
+	Content as TooltipContent,
+	Trigger as TooltipTrigger,
+	Provider as TooltipProvider
+};

package/dist/components/ui/tooltip/tooltip-content.svelte

@@ -0,0 +1,16 @@
+<script>
+	import { Tooltip as TooltipPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils.js';
+
+	let { ref = $bindable(null), class: className, sideOffset = 4, ...restProps } = $props();
+</script>
+
+<TooltipPrimitive.Content
+	bind:ref
+	{sideOffset}
+	class={cn(
+		'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  TooltipContentProps */
+/** @typedef {typeof __propDef.events}  TooltipContentEvents */
+/** @typedef {typeof __propDef.slots}  TooltipContentSlots */
+export default class TooltipContent extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TooltipContentProps = typeof __propDef.props;
+export type TooltipContentEvents = typeof __propDef.events;
+export type TooltipContentSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};