@mdocify/components 0.0.1 → 0.0.3

package/README.md

@@ -33,4 +33,4 @@ All commands are run from the root of the project, from a terminal:
 | :------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `npm link`    | Registers this package locally. Run `npm link my-component-library` in an Astro project to install your components                                                                                                               |
 | `npm publish` | [Publishes](https://docs.npmjs.com/creating-and-publishing-unscoped-public-packages#publishing-unscoped-public-packages) this package to NPM. Requires you to be [logged in](https://docs.npmjs.com/cli/v8/commands/npm-adduser) |
-# mdocify-components
+# mdocify-components

package/index.d.ts

@@ -1,6 +1,6 @@
-declare module '*.astro' {
-	import type { ComponentType } from 'astro'
-	const Component: ComponentType<Record<string, unknown>>
-	export { ComponentType }
-	export default Component
-}
+declare module '*.astro' {
+	import type { ComponentType } from 'astro'
+	const Component: ComponentType<Record<string, unknown>>
+	export { ComponentType }
+	export default Component
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdocify/components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "description": "",
   "exports": {
@@ -36,8 +36,7 @@
     "astro": "^4.0.0 || ^5.0.0",
     "@lucide/astro": "^0.562.0"
   },
-  "dependencies": {
-  },
+  "dependencies": {},
   "author": "Lazaro Osee <oseelazaro@gmail.com> (https://www.lazaroosee.xyz)",
   "license": "MIT",
   "repository": {

package/src/callout.astro

@@ -1,39 +1,39 @@
----
-import Icon from './icon.astro';
-import type { CalloutProps } from './types';
-
-interface Props extends CalloutProps {}
-const { title, type } = Astro.props;
-
-const icon = type === "danger" ? "triangle-alert" :  type ==="success" ? "circle-check" :  type === 'warning' ? 'circle-alert' : 'lightbulb'
----
-
-<div class:list={[
-    'block m-1 border border-spacing-1.5 overflow-hidden rounded-xl [corner-shape:squircle]',
-    {'border-teal-700': type === 'tip'},
-    {'border-orange-700': type === 'warning'},
-    {'border-red-700': type === 'danger'},
-    {'border-green-700': type === 'success'}
-]}>
-    <div class:list={[
-        'flex font-semibold p-2 gap-2 justify-start items-center text-white',
-        {'bg-teal-500': type === 'tip'},
-        {'bg-orange-500': type === 'warning'},
-        {'bg-red-500': type === 'danger'},
-        {'bg-green-500': type === 'success'}
-    ]}>
-        <slot name="icon">
-            <Icon name={icon} class="w-8" />
-        </slot>
-        <slot name="title">{title}</slot>
-    </div>
-    <div class:list={[
-        "block p-2",
-        {'bg-teal-50': type === 'tip'},
-        {'bg-orange-50': type === 'warning'},
-        {'bg-red-50': type === 'danger'},
-        {'bg-green-50': type === 'success'}
-    ]}>
-        <slot></slot>
-    </div>
-</div>
+---
+import Icon from './icon.astro';
+import type { CalloutProps } from './types';
+
+interface Props extends CalloutProps {}
+const { title, type } = Astro.props;
+
+const icon = type === "danger" ? "triangle-alert" :  type ==="success" ? "circle-check" :  type === 'warning' ? 'circle-alert' : 'lightbulb'
+---
+
+<div class:list={[
+    'not-prose block m-1 border border-spacing-1.5 overflow-hidden rounded-xl [corner-shape:squircle]',
+    {'border-teal-700!': type === 'tip'},
+    {'border-orange-700!': type === 'warning'},
+    {'border-red-700!': type === 'danger'},
+    {'border-green-700!': type === 'success'}
+]}>
+    <div class:list={[
+        'not-prose flex font-semibold p-2 gap-2 justify-start items-center text-white',
+        {'bg-teal-500!': type === 'tip'},
+        {'bg-orange-500!': type === 'warning'},
+        {'bg-red-500!': type === 'danger'},
+        {'bg-green-500!': type === 'success'}
+    ]}>
+        <slot name="icon">
+            <Icon name={icon} class="w-8" />
+        </slot>
+        <slot name="title">{title}</slot>
+    </div>
+    <div class:list={[
+        "block p-2",
+        {'bg-teal-50': type === 'tip'},
+        {'bg-orange-50': type === 'warning'},
+        {'bg-red-50': type === 'danger'},
+        {'bg-green-50': type === 'success'}
+    ]}>
+        <slot></slot>
+    </div>
+</div>

package/src/icon.astro

@@ -1,16 +1,16 @@
----
-import type { HTMLAttributes } from 'astro/types';
-import { iconsList } from './icons';
-import type { IconProps } from './types';
-
-type Props = IconProps & Omit<HTMLAttributes<'svg'>, "color">;
-const { name, slot, ...rest } = Astro.props
-
-const LucideIcon = iconsList[name] as any;
----
-
-{ (slot===undefined) ? (
-    <LucideIcon {...rest} />
-) : (
-    <LucideIcon {slot} {...rest} />
-)}
+---
+import type { HTMLAttributes } from 'astro/types';
+import { iconsList } from './icons';
+import type { IconProps } from './types';
+
+type Props = IconProps & Omit<HTMLAttributes<'svg'>, "color">;
+const { name, slot, ...rest } = Astro.props
+
+const LucideIcon = iconsList[name] as any;
+---
+
+{ (slot===undefined) ? (
+    <LucideIcon {...rest} />
+) : (
+    <LucideIcon {slot} {...rest} />
+)}

package/src/icons.ts

@@ -1,10 +1,10 @@
-import { CircleAlert, CircleCheck, Lightbulb, TriangleAlert } from '@lucide/astro/icons/index'
-
-export const iconsList = {
-	lightbulb: Lightbulb,
-	'circle-check': CircleCheck,
-	'circle-alert': CircleAlert,
-	'triangle-alert': TriangleAlert,
-} as const
-
-export type IconType = keyof typeof iconsList
+import { CircleAlert, CircleCheck, Lightbulb, TriangleAlert } from '@lucide/astro/icons/index'
+
+export const iconsList = {
+	lightbulb: Lightbulb,
+	'circle-check': CircleCheck,
+	'circle-alert': CircleAlert,
+	'triangle-alert': TriangleAlert,
+} as const
+
+export type IconType = keyof typeof iconsList

package/src/types.ts

@@ -1,11 +1,11 @@
-import type { IconType } from './icons'
-
-export type CalloutProps = {
-	title: string
-	type: 'tip' | 'warning' | 'danger' | 'success'
-}
-
-export type IconProps = {
-	name: IconType
-	slot?: string
-}
+import type { IconType } from './icons'
+
+export type CalloutProps = {
+	title: string
+	type: 'tip' | 'warning' | 'danger' | 'success'
+}
+
+export type IconProps = {
+	name: IconType
+	slot?: string
+}