@inizioevoke/astro-core 2.2.1 → 2.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inizioevoke/astro-core",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "",
   "license": "ISC",
   "author": "",

package/src/components/CssBackgroundImage.astro

@@ -50,7 +50,7 @@ async function getImageSrc({image, format, quality, width, height, optimize}: Im
   if (optimize !== false) {
     const img = await getImage({
       src: image,
-      format: format ?? image.format,
+      format: format ?? 'webp',
       quality: quality,
       width,
       height

package/src/components/CssVariables.astro

@@ -5,7 +5,7 @@ import { getImage } from "astro:assets";
 
 export type CssVariableType = 'image' | 'url';
 
-export interface Breakpoint {
+export interface CssBreakpoint {
   minWidth?: string | number;
   maxWidth?: string | number;
   value: string | number | ImageMetadata;
@@ -15,10 +15,10 @@ export interface CssVariable {
   name: string;
   type?: CssVariableType;
   value: string | number | ImageMetadata;
-  breakpoints?: Breakpoint[];
+  breakpoints?: CssBreakpoint[];
 }
 
-export interface ImageCssVariable extends CssVariable {
+export interface CssImageVariable extends CssVariable {
   type: 'image';
   value: ImageMetadata;
   optimize?: boolean;
@@ -30,7 +30,7 @@ export interface ImageCssVariable extends CssVariable {
 
 export interface Props {
   selector?: string;
-  variables: (CssVariable | ImageCssVariable)[];
+  variables: (CssVariable | CssImageVariable)[];
 }
 
 const { selector, variables } = Astro.props;
@@ -73,14 +73,14 @@ for (const v of variables) {
   }
 }
 
-async function createVariable(v: ImageCssVariable | CssVariable) {
+async function createVariable(v: CssImageVariable | CssVariable) {
   switch (v.type) {
     case 'image': {
-      const iv = v as ImageCssVariable;
+      const iv = v as CssImageVariable;
       if (iv.optimize !== false) {
         const img = await getImage({
           src: iv.value,
-          format: iv.format ?? iv.value.format,
+          format: iv.format ?? 'webp',
           quality: iv.quality,
           width: iv.width,
           height: iv.height

package/src/components/FlipCard/FlipCard.astro

@@ -1,7 +1,8 @@
 ---
 import type { HTMLAttributes } from 'astro/types';
 import './FlipCard.css';
-interface Props extends HTMLAttributes<'div'> {
+
+export interface Props extends HTMLAttributes<'div'> {
   width?: number;
   height?: number;
 }

package/src/components/ISI/Right/RightISI.astro

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'astro/types';
 import ScrollContainer, { type Props as ScrollContainerProps } from '../../ScrollContainer/ScrollContainer.astro';
 import './RightISI.css';
 
-interface Props extends HTMLAttributes<'div'> {
+export interface Props extends HTMLAttributes<'div'> {
   scrollContainer?: ScrollContainerProps;
   headerButton?: boolean;
   transitionDuration?: number

package/src/components/Modal/Modal.astro

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'astro/types';
 import './Modal.css';
 
-interface Props extends HTMLAttributes<'div'> {
+export interface Props extends HTMLAttributes<'div'> {
   id: string;
   closeButton?: 'default' | 'minimal' | 'none' | 'false' | false;
   closeButtonAtts?: Record<string, string>;

package/src/components/Modal/ModalOverlay.astro

@@ -1,7 +1,7 @@
 ---
 import type { HTMLAttributes } from "astro/types";
 
-interface Props extends HTMLAttributes<'div'> {
+export interface Props extends HTMLAttributes<'div'> {
   class?: string;
 }
 

package/src/components/Modal/ModalTrigger.astro

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 import type { ModalAnimation } from './Modal';
 
-interface Props extends HTMLAttributes<'button'> {
+export interface Props extends HTMLAttributes<'button'> {
   modal: string;
   animation?: ModalAnimation;
 }

package/src/components/PdfViewer/PdfViewer.astro

@@ -4,7 +4,7 @@ import type { Layout } from './PdfViewer';
 import type { Scrolling } from '../ScrollContainer/ScrollContainer';
 import './PdfViewer.css';
 
-interface Props {
+export interface Props {
   id: string;
   class?: string;
   height?: number | string;

package/src/components/Tabs/TabItem.astro

@@ -1,6 +1,7 @@
 ---
 import type { HTMLAttributes } from 'astro/types';
-interface Props {
+
+export interface Props {
   active?: true;
   tabAttrs?: HTMLAttributes<'div'>
   panelAttrs?: HTMLAttributes<'div'>;

package/src/components/Tabs/Tabs.astro

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'astro/types';
 import './Tabs.css';
 
-interface Props {
+export interface Props {
   listType?: 'ul' | 'none'
 }
 

package/src/components/Zoom/Zoom.astro

@@ -5,7 +5,7 @@ import Modal from '../Modal/Modal.astro';
 import ModalTrigger from '../Modal/ModalTrigger.astro';
 import type { ModalAnimation } from '../Modal/Modal';
 
-interface Props extends HTMLAttributes<'div'> {
+export interface Props extends HTMLAttributes<'div'> {
   animation?: ModalAnimation;
   modalIncludeTitle?: boolean;
   modalIncludeFooter?: boolean;

package/src/components/index.ts

@@ -1,12 +1,62 @@
-export { default as CssBackgroundImage } from './CssBackgroundImage.astro';
-export { default as CssVariables } from './CssVariables.astro';
-export { default as FlipCard } from './FlipCard/FlipCard.astro';
-export { default as RightISI } from './ISI/Right/RightISI.astro';
-export { default as Modal } from './Modal/Modal.astro';
-export { default as ModalOverlay } from './Modal/ModalOverlay.astro';
-export { default as ModalTrigger } from './Modal/ModalTrigger.astro';
-export { default as PdfViewer } from './PdfViewer/PdfViewer.astro';
-export { default as ScrollContainer } from './ScrollContainer/ScrollContainer.astro';
-export { default as Tabs } from './Tabs/Tabs.astro';
-export { default as TabItem } from './Tabs/TabItem.astro';
-export { default as Zoom } from './Zoom/Zoom.astro';
+export {
+  default as CssBackgroundImage,
+  type Props as CssBackgroundImageProps,
+} from "./CssBackgroundImage.astro";
+
+export { 
+  default as CssVariables,
+  type Props as CssVariablesProps,
+  type CssBreakpoint,
+  type CssVariable,
+  type CssImageVariable
+} from "./CssVariables.astro";
+
+export {
+  default as FlipCard,
+  type Props as FlipCardProps,
+} from "./FlipCard/FlipCard.astro";
+
+export {
+  default as RightISI,
+  type Props as RightISIProps,
+} from "./ISI/Right/RightISI.astro";
+
+export {
+  default as Modal,
+  type Props as ModalProps,
+} from "./Modal/Modal.astro";
+
+export {
+  default as ModalOverlay,
+  type Props as ModalOverlayProps,
+} from "./Modal/ModalOverlay.astro";
+
+export {
+  default as ModalTrigger,
+  type Props as ModalTriggerProps,
+} from "./Modal/ModalTrigger.astro";
+
+export {
+  default as PdfViewer,
+  type Props as PdfViewerProps,
+} from "./PdfViewer/PdfViewer.astro";
+
+export {
+  default as ScrollContainer,
+  type Props as ScrollContainerProps,
+} from "./ScrollContainer/ScrollContainer.astro";
+
+export { 
+  default as Tabs, 
+  type Props as TabsProps 
+} from "./Tabs/Tabs.astro";
+
+export {
+  default as TabItem,
+  type Props as TabItemProps,
+} from "./Tabs/TabItem.astro";
+
+export { 
+  default as Zoom, 
+  type Props as ZoomProps 
+} from "./Zoom/Zoom.astro";