@elmethis/react 0.1.0 → 0.2.0

package/dist/components/icon/ElmMdiIcon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+export interface ElmMdiIconProps extends ComponentProps<"svg"> {
+    size?: string;
+    d: string;
+    color?: string;
+    lightColor?: string;
+    darkColor?: string;
+}
+export declare const ElmMdiIcon: ({ size, d, color, lightColor, darkColor, }: ElmMdiIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/ElmMdiIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ElmMdiIcon } from './ElmMdiIcon';
+declare const meta: Meta<typeof ElmMdiIcon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/media/ElmImage.d.ts

@@ -0,0 +1,24 @@
+import { ComponentProps, CSSProperties } from 'react';
+export interface ElmImageProps extends ComponentProps<"img"> {
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Image alt text
+     */
+    alt?: string;
+    /**
+     * inline or block
+     */
+    block?: boolean;
+    /**
+     * Enable modal on image click. Default: `false`
+     */
+    enableModal?: boolean;
+    /**
+     * The margin of the image.
+     */
+    margin?: CSSProperties["marginBlock"];
+}
+export declare const ElmImage: ({ src, alt, block, enableModal, margin, ...args }: ElmImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/media/ElmImage.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ElmImage } from './ElmImage';
+declare const meta: Meta<typeof ElmImage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Svg: Story;
+export declare const LongAlt: Story;
+export declare const Invalid: Story;

package/dist/components/typography/ElmBlockQuote.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+export interface ElmBlockQuoteProps extends ComponentProps<"blockquote"> {
+    cite?: string;
+    source?: string;
+}
+export declare const ElmBlockQuote: (props: ElmBlockQuoteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/ElmBlockQuote.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ElmBlockQuote } from './ElmBlockQuote';
+declare const meta: Meta<typeof ElmBlockQuote>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const OnlyContent: Story;

package/dist/components/typography/ElmCallout.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+export type AlertType = "note" | "tip" | "important" | "warning" | "caution";
+export interface ElmCalloutProps extends ComponentProps<"aside"> {
+    /**
+     * Type of alert
+     */
+    type?: AlertType;
+}
+export declare const ElmCallout: ({ type, children }: ElmCalloutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/ElmCallout.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ElmCallout } from './ElmCallout';
+declare const meta: Meta<typeof ElmCallout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Tip: Story;
+export declare const Important: Story;
+export declare const Warning: Story;
+export declare const Caution: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -23,10 +23,12 @@
     }
   },
   "dependencies": {
+    "@mdi/js": "^7.4.47",
     "clsx": "^2.1.1",
     "polished": "^4.3.1",
     "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "react-dom": "^19.1.1",
+    "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
@@ -34,6 +36,7 @@
     "@types/node": "^24.6.0",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
+    "@types/react-transition-group": "^4.4.12",
     "@vitejs/plugin-react": "^5.0.4",
     "babel-plugin-react-compiler": "^19.1.0-rc.3",
     "eslint": "^9.36.0",

package/dist/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;