@regardio/react 0.3.2 → 0.3.3

package/dist/stories/BackgroundSlideshow.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { BackgroundSlideshow } from "../components/background-slideshow";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { BackgroundSlideshow } from '../components/background-slideshow';
 declare const meta: Meta<typeof BackgroundSlideshow>;
 export default meta;
 type Story = StoryObj<typeof BackgroundSlideshow>;

package/dist/stories/BackgroundSlideshow.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundSlideshow.stories.d.ts","sourceRoot":"","sources":["../../src/stories/BackgroundSlideshow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,mBAAmB,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AA0BlD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC"}
+{"version":3,"file":"BackgroundSlideshow.stories.d.ts","sourceRoot":"","sources":["../../src/stories/BackgroundSlideshow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAkB,MAAM,oCAAoC,CAAC;AAEzF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AA0BlD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC"}

package/dist/stories/BackgroundSlideshow.stories.js

@@ -1,59 +1,59 @@
-import { BackgroundSlideshow, } from "../components/background-slideshow";
+import { BackgroundSlideshow } from '../components/background-slideshow';
 const meta = {
     component: BackgroundSlideshow,
     parameters: {
-        layout: "fullscreen",
+        layout: 'fullscreen',
     },
-    tags: ["autodocs"],
-    title: "Components/BackgroundSlideshow",
+    tags: ['autodocs'],
+    title: 'Components/BackgroundSlideshow',
 };
 export default meta;
 const sampleImages = [
     {
-        at: { de: "Bild 1", en: "Image 1" },
-        fn: "image1.jpg",
+        at: { de: 'Bild 1', en: 'Image 1' },
+        fn: 'image1.jpg',
         hu: 200,
-        id: "1",
+        id: '1',
         po: false,
     },
     {
-        at: { de: "Bild 2", en: "Image 2" },
-        fn: "image2.jpg",
+        at: { de: 'Bild 2', en: 'Image 2' },
+        fn: 'image2.jpg',
         hu: 150,
-        id: "2",
+        id: '2',
         po: false,
     },
     {
-        at: { de: "Bild 3", en: "Image 3" },
-        fn: "image3.jpg",
+        at: { de: 'Bild 3', en: 'Image 3' },
+        fn: 'image3.jpg',
         hu: 100,
-        id: "3",
+        id: '3',
         po: false,
     },
 ];
 export const Default = {
     args: {
-        baseUrl: "https://via.placeholder.com/{format}?text=Image+{id}",
-        className: "h-[400px] w-full",
+        baseUrl: 'https://via.placeholder.com/{format}?text=Image+{id}',
+        className: 'h-[400px] w-full',
         images: sampleImages,
-        locale: "en",
+        locale: 'en',
     },
 };
 export const WithoutSlideshow = {
     args: {
-        baseUrl: "https://via.placeholder.com/{format}?text=Static",
-        className: "h-[400px] w-full",
+        baseUrl: 'https://via.placeholder.com/{format}?text=Static',
+        className: 'h-[400px] w-full',
         images: sampleImages,
-        locale: "en",
+        locale: 'en',
         slideshow: false,
     },
 };
 export const FastTransition = {
     args: {
-        baseUrl: "https://via.placeholder.com/{format}?text=Fast",
-        className: "h-[400px] w-full",
+        baseUrl: 'https://via.placeholder.com/{format}?text=Fast',
+        className: 'h-[400px] w-full',
         images: sampleImages,
-        locale: "en",
+        locale: 'en',
         slideshowInterval: 2000,
         transitionDuration: 1000,
     },

package/dist/stories/BlurryGradient.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { BlurryGradient } from "../components/blurry-gradient";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { BlurryGradient } from '../components/blurry-gradient';
 declare const meta: Meta<typeof BlurryGradient>;
 export default meta;
 type Story = StoryObj<typeof BlurryGradient>;

package/dist/stories/BlurryGradient.stories.js

@@ -1,53 +1,53 @@
-import { BlurryGradient } from "../components/blurry-gradient";
+import { BlurryGradient } from '../components/blurry-gradient';
 const meta = {
     component: BlurryGradient,
     parameters: {
-        layout: "centered",
+        layout: 'centered',
     },
-    tags: ["autodocs"],
-    title: "Components/BlurryGradient",
+    tags: ['autodocs'],
+    title: 'Components/BlurryGradient',
 };
 export default meta;
 export const Default = {
     args: {
-        neutralColor: "#f0f0f0",
-        primaryColor: "#3b82f6",
-        secondaryColor: "#8b5cf6",
-        style: { height: "400px", width: "400px" },
+        neutralColor: '#f0f0f0',
+        primaryColor: '#3b82f6',
+        secondaryColor: '#8b5cf6',
+        style: { height: '400px', width: '400px' },
     },
 };
 export const WarmColors = {
     args: {
-        neutralColor: "#fef3c7",
-        primaryColor: "#f97316",
-        secondaryColor: "#ef4444",
-        style: { height: "400px", width: "400px" },
+        neutralColor: '#fef3c7',
+        primaryColor: '#f97316',
+        secondaryColor: '#ef4444',
+        style: { height: '400px', width: '400px' },
     },
 };
 export const CoolColors = {
     args: {
-        neutralColor: "#e0f2fe",
-        primaryColor: "#0ea5e9",
-        secondaryColor: "#06b6d4",
-        style: { height: "400px", width: "400px" },
+        neutralColor: '#e0f2fe',
+        primaryColor: '#0ea5e9',
+        secondaryColor: '#06b6d4',
+        style: { height: '400px', width: '400px' },
     },
 };
 export const NatureColors = {
     args: {
-        neutralColor: "#fef9c3",
-        primaryColor: "#22c55e",
-        secondaryColor: "#84cc16",
-        style: { height: "400px", width: "400px" },
+        neutralColor: '#fef9c3',
+        primaryColor: '#22c55e',
+        secondaryColor: '#84cc16',
+        style: { height: '400px', width: '400px' },
     },
 };
 export const FullWidth = {
     args: {
-        neutralColor: "#f0f0f0",
-        primaryColor: "#3b82f6",
-        secondaryColor: "#8b5cf6",
-        style: { height: "200px", width: "100%" },
+        neutralColor: '#f0f0f0',
+        primaryColor: '#3b82f6',
+        secondaryColor: '#8b5cf6',
+        style: { height: '200px', width: '100%' },
     },
     parameters: {
-        layout: "fullscreen",
+        layout: 'fullscreen',
     },
 };

package/dist/stories/Carousel.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Carousel } from "../components/carousel";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Carousel } from '../components/carousel';
 declare const meta: Meta<typeof Carousel>;
 export default meta;
 type Story = StoryObj<typeof Carousel>;

package/dist/stories/Carousel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,QAAQ,EAKT,MAAM,wBAAwB,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAmBvC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC"}
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,QAAQ,EAKT,MAAM,wBAAwB,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAmBvC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/stories/Carousel.stories.js

@@ -1,23 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "../components/carousel";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from '../components/carousel';
 const meta = {
     component: Carousel,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/Carousel",
+    tags: ['autodocs'],
+    title: 'Components/Carousel',
 };
 export default meta;
 const SlideCard = ({ children }) => (_jsx("div", { style: {
-        alignItems: "center",
-        background: "#f0f0f0",
-        border: "1px solid #ddd",
-        borderRadius: "8px",
-        display: "flex",
-        height: "200px",
-        justifyContent: "center",
-        width: "300px",
+        alignItems: 'center',
+        background: '#f0f0f0',
+        border: '1px solid #ddd',
+        borderRadius: '8px',
+        display: 'flex',
+        height: '200px',
+        justifyContent: 'center',
+        width: '300px',
     }, children: children }));
 export const Default = {
     render: () => (_jsx(Carousel, { className: "w-full max-w-md", children: _jsxs(CarouselContent, { className: "gap-4", children: [_jsx(CarouselItem, { children: _jsx(SlideCard, { children: "Slide 1" }) }), _jsx(CarouselItem, { children: _jsx(SlideCard, { children: "Slide 2" }) }), _jsx(CarouselItem, { children: _jsx(SlideCard, { children: "Slide 3" }) })] }) })),

package/dist/stories/Countdown.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Countdown } from "../components/countdown";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Countdown } from '../components/countdown';
 declare const meta: Meta<typeof Countdown>;
 export default meta;
 type Story = StoryObj<typeof Countdown>;

package/dist/stories/Countdown.stories.js

@@ -1,11 +1,11 @@
-import { Countdown } from "../components/countdown";
+import { Countdown } from '../components/countdown';
 const meta = {
     component: Countdown,
     parameters: {
-        layout: "centered",
+        layout: 'centered',
     },
-    tags: ["autodocs"],
-    title: "Components/Countdown",
+    tags: ['autodocs'],
+    title: 'Components/Countdown',
 };
 export default meta;
 export const Default = {};

package/dist/stories/DefinitionList.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { DefinitionList } from "../components/definition-list";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DefinitionList } from '../components/definition-list';
 declare const meta: Meta<typeof DefinitionList>;
 export default meta;
 type Story = StoryObj<typeof DefinitionList>;

package/dist/stories/DefinitionList.stories.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dd, DefinitionList, Dt } from "../components/definition-list";
+import { Dd, DefinitionList, Dt } from '../components/definition-list';
 const meta = {
     component: DefinitionList,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/DefinitionList",
+    tags: ['autodocs'],
+    title: 'Components/DefinitionList',
 };
 export default meta;
 export const Default = {

package/dist/stories/GenericError.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { GenericError } from "../components/generic-error";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { GenericError } from '../components/generic-error';
 declare const meta: Meta<typeof GenericError>;
 export default meta;
 type Story = StoryObj<typeof GenericError>;

package/dist/stories/GenericError.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericError.stories.d.ts","sourceRoot":"","sources":["../../src/stories/GenericError.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAsB,MAAM,6BAA6B,CAAC;AAE/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAoB3C,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAiBpC,CAAC"}
+{"version":3,"file":"GenericError.stories.d.ts","sourceRoot":"","sources":["../../src/stories/GenericError.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAsB,MAAM,6BAA6B,CAAC;AAE/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAoB3C,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC"}

package/dist/stories/GenericError.stories.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createMemoryRouter, RouterProvider } from "react-router";
-import { GenericError, getErrorDescriptor } from "../components/generic-error";
+import { createMemoryRouter, RouterProvider } from 'react-router';
+import { GenericError, getErrorDescriptor } from '../components/generic-error';
 const meta = {
     component: GenericError,
     parameters: {
-        layout: "fullscreen",
+        layout: 'fullscreen',
     },
-    tags: ["autodocs"],
-    title: "Components/GenericError",
+    tags: ['autodocs'],
+    title: 'Components/GenericError',
 };
 export default meta;
 const ErrorWrapper = ({ status }) => {
@@ -16,11 +16,11 @@ const ErrorWrapper = ({ status }) => {
             element: _jsx(GenericError, {}),
             errorElement: _jsx(GenericError, {}),
             loader: () => {
-                throw new Response("Not Found", { status, statusText: "Not Found" });
+                throw new Response('Not Found', { status, statusText: 'Not Found' });
             },
-            path: "/",
+            path: '/',
         },
-    ], { initialEntries: ["/"] });
+    ], { initialEntries: ['/'] });
     return _jsx(RouterProvider, { router: router });
 };
 export const Error404 = {
@@ -31,9 +31,9 @@ export const Error500 = {
 };
 export const GetErrorDescriptorDemo = {
     render: () => {
-        const httpError = getErrorDescriptor(new Response("Not Found", { status: 404 }));
-        const runtimeError = getErrorDescriptor(new Error("Something went wrong"));
-        const unknownError = getErrorDescriptor("unknown");
-        return (_jsxs("div", { style: { padding: "24px" }, children: [_jsx("h3", { children: "Error Descriptor Examples" }), _jsx("pre", { style: { background: "#f5f5f5", padding: "16px" }, children: JSON.stringify({ httpError, runtimeError, unknownError }, null, 2) })] }));
+        const httpError = getErrorDescriptor(new Response('Not Found', { status: 404 }));
+        const runtimeError = getErrorDescriptor(new Error('Something went wrong'));
+        const unknownError = getErrorDescriptor('unknown');
+        return (_jsxs("div", { style: { padding: '24px' }, children: [_jsx("h3", { children: "Error Descriptor Examples" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '16px' }, children: JSON.stringify({ httpError, runtimeError, unknownError }, null, 2) })] }));
     },
 };

package/dist/stories/IconButton.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { IconButton } from "../components/icon-button";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { IconButton } from '../components/icon-button';
 declare const meta: Meta<typeof IconButton>;
 export default meta;
 type Story = StoryObj<typeof IconButton>;

package/dist/stories/IconButton.stories.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconButton } from "../components/icon-button";
+import { IconButton } from '../components/icon-button';
 const meta = {
     component: IconButton,
     parameters: {
-        layout: "centered",
+        layout: 'centered',
     },
-    tags: ["autodocs"],
-    title: "Components/IconButton",
+    tags: ['autodocs'],
+    title: 'Components/IconButton',
 };
 export default meta;
 const PlusIcon = () => (_jsxs("svg", { fill: "none", height: "24", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", width: "24", children: [_jsx("line", { x1: "12", x2: "12", y1: "5", y2: "19" }), _jsx("line", { x1: "5", x2: "19", y1: "12", y2: "12" })] }));
@@ -23,10 +23,10 @@ export const Close = {
 };
 export const WithCustomClass = {
     args: {
-        className: "p-2 bg-gray-100 rounded hover:bg-gray-200",
+        className: 'p-2 bg-gray-100 rounded hover:bg-gray-200',
         icon: _jsx(PlusIcon, {}),
     },
 };
 export const AllIcons = {
-    render: () => (_jsxs("div", { style: { display: "flex", gap: "16px" }, children: [_jsx(IconButton, { icon: _jsx(PlusIcon, {}) }), _jsx(IconButton, { icon: _jsx(CloseIcon, {}) })] })),
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px' }, children: [_jsx(IconButton, { icon: _jsx(PlusIcon, {}) }), _jsx(IconButton, { icon: _jsx(CloseIcon, {}) })] })),
 };

package/dist/stories/Iframe.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Iframe } from "../components/iframe";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Iframe } from '../components/iframe';
 declare const meta: Meta<typeof Iframe>;
 export default meta;
 type Story = StoryObj<typeof Iframe>;

package/dist/stories/Iframe.stories.js

@@ -1,23 +1,23 @@
-import { Iframe } from "../components/iframe";
+import { Iframe } from '../components/iframe';
 const meta = {
     component: Iframe,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/Iframe",
+    tags: ['autodocs'],
+    title: 'Components/Iframe',
 };
 export default meta;
 export const YouTubeVideo = {
     args: {
-        src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
-        title: "YouTube Video",
+        src: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+        title: 'YouTube Video',
     },
 };
 export const WithCustomClass = {
     args: {
-        className: "rounded-lg shadow-lg",
-        src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
-        title: "Styled YouTube Video",
+        className: 'rounded-lg shadow-lg',
+        src: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+        title: 'Styled YouTube Video',
     },
 };

package/dist/stories/Item.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Item } from "../components/item";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Item } from '../components/item';
 declare const meta: Meta<typeof Item>;
 export default meta;
 type Story = StoryObj<typeof Item>;

package/dist/stories/Item.stories.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MemoryRouter } from "react-router";
-import { Item } from "../components/item";
+import { MemoryRouter } from 'react-router';
+import { Item } from '../components/item';
 const meta = {
     component: Item,
     decorators: [
         (Story) => (_jsx(MemoryRouter, { children: _jsx(Story, {}) })),
     ],
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/Item",
+    tags: ['autodocs'],
+    title: 'Components/Item',
 };
 export default meta;
 export const Default = {
@@ -21,12 +21,12 @@ export const Default = {
 export const WithLink = {
     args: {
         children: _jsx("div", { className: "p-4", children: "Clickable item" }),
-        link: "/example",
+        link: '/example',
     },
 };
 export const WidthVariants = {
     render: () => (_jsxs("div", { className: "grid grid-cols-12 gap-4", children: [_jsx(Item, { width: "xs", children: _jsx("div", { className: "p-2 bg-gray-100", children: "XS" }) }), _jsx(Item, { width: "sm", children: _jsx("div", { className: "p-2 bg-gray-100", children: "SM" }) }), _jsx(Item, { width: "md", children: _jsx("div", { className: "p-2 bg-gray-100", children: "MD" }) }), _jsx(Item, { width: "lg", children: _jsx("div", { className: "p-2 bg-gray-100", children: "LG" }) }), _jsx(Item, { width: "full", children: _jsx("div", { className: "p-2 bg-gray-100", children: "Full" }) })] })),
 };
 export const ThemeColors = {
-    render: () => (_jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: [_jsx(Item, { themeColor: "blue", children: _jsx("div", { className: "p-4", children: "Blue" }) }), _jsx(Item, { themeColor: "green", children: _jsx("div", { className: "p-4", children: "Green" }) }), _jsx(Item, { themeColor: "red", children: _jsx("div", { className: "p-4", children: "Red" }) }), _jsx(Item, { themeColor: "orange", children: _jsx("div", { className: "p-4", children: "Orange" }) }), _jsx(Item, { themeColor: "purple", children: _jsx("div", { className: "p-4", children: "Purple" }) })] })),
+    render: () => (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', gap: '8px' }, children: [_jsx(Item, { themeColor: "blue", children: _jsx("div", { className: "p-4", children: "Blue" }) }), _jsx(Item, { themeColor: "green", children: _jsx("div", { className: "p-4", children: "Green" }) }), _jsx(Item, { themeColor: "red", children: _jsx("div", { className: "p-4", children: "Red" }) }), _jsx(Item, { themeColor: "orange", children: _jsx("div", { className: "p-4", children: "Orange" }) }), _jsx(Item, { themeColor: "purple", children: _jsx("div", { className: "p-4", children: "Purple" }) })] })),
 };

package/dist/stories/ListItem.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { ListItem } from "../components/list-item";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ListItem } from '../components/list-item';
 declare const meta: Meta<typeof ListItem>;
 export default meta;
 type Story = StoryObj<typeof ListItem>;

package/dist/stories/ListItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}

package/dist/stories/ListItem.stories.js

@@ -1,25 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListItem } from "../components/list-item";
+import { ListItem } from '../components/list-item';
+import { UnorderedList } from '../components/unordered-list';
 const meta = {
     component: ListItem,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/ListItem",
+    tags: ['autodocs'],
+    title: 'Components/ListItem',
 };
 export default meta;
 export const Default = {
     args: {
-        children: "List item content",
+        children: 'List item content',
     },
 };
 export const InList = {
-    render: () => (_jsxs("ul", { children: [_jsx(ListItem, { children: "First item" }), _jsx(ListItem, { children: "Second item" }), _jsx(ListItem, { children: "Third item" })] })),
+    render: () => (_jsxs(UnorderedList, { children: [_jsx(ListItem, { children: "First item" }), _jsx(ListItem, { children: "Second item" }), _jsx(ListItem, { children: "Third item" })] })),
 };
 export const WithCustomClass = {
     args: {
-        children: "Styled list item",
-        className: "font-bold text-blue-600",
+        children: 'Styled list item',
+        className: 'font-bold text-blue-600',
     },
 };

package/dist/stories/PasswordInput.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { PasswordInput } from "../components/password-input";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PasswordInput } from '../components/password-input';
 declare const meta: Meta<typeof PasswordInput>;
 export default meta;
 type Story = StoryObj<typeof PasswordInput>;

package/dist/stories/PasswordInput.stories.js

@@ -1,27 +1,27 @@
-import { PasswordInput } from "../components/password-input";
+import { PasswordInput } from '../components/password-input';
 const meta = {
     component: PasswordInput,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/PasswordInput",
+    tags: ['autodocs'],
+    title: 'Components/PasswordInput',
 };
 export default meta;
 export const Default = {
     args: {
-        placeholder: "Enter password",
+        placeholder: 'Enter password',
     },
 };
 export const WithValue = {
     args: {
-        defaultValue: "secretpassword",
-        placeholder: "Enter password",
+        defaultValue: 'secretpassword',
+        placeholder: 'Enter password',
     },
 };
 export const WithCustomClass = {
     args: {
-        className: "border border-gray-300 rounded px-3 py-2",
-        placeholder: "Styled password input",
+        className: 'border border-gray-300 rounded px-3 py-2',
+        placeholder: 'Styled password input',
     },
 };

package/dist/stories/Picture.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Picture } from "../components/picture";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Picture } from '../components/picture';
 declare const meta: Meta<typeof Picture>;
 export default meta;
 type Story = StoryObj<typeof Picture>;

package/dist/stories/Picture.stories.js

@@ -1,46 +1,46 @@
-import { Picture } from "../components/picture";
+import { Picture } from '../components/picture';
 const meta = {
     component: Picture,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/Picture",
+    tags: ['autodocs'],
+    title: 'Components/Picture',
 };
 export default meta;
 export const SimpleImage = {
     args: {
-        alt: "Placeholder image",
-        baseUrl: "https://via.placeholder.com/400x300",
+        alt: 'Placeholder image',
+        baseUrl: 'https://via.placeholder.com/400x300',
     },
 };
 export const WithFormats = {
     args: {
-        alt: "Responsive image",
-        baseUrl: "https://via.placeholder.com/{format}",
+        alt: 'Responsive image',
+        baseUrl: 'https://via.placeholder.com/{format}',
         formats: [
-            { size: "480x360", width: 480 },
-            { size: "800x600", width: 800 },
-            { size: "1200x900", width: 1200 },
+            { size: '480x360', width: 480 },
+            { size: '800x600', width: 800 },
+            { size: '1200x900', width: 1200 },
         ],
     },
 };
 export const WithCustomSizes = {
     args: {
-        alt: "Custom sizes image",
-        baseUrl: "https://via.placeholder.com/{format}",
+        alt: 'Custom sizes image',
+        baseUrl: 'https://via.placeholder.com/{format}',
         formats: [
-            { size: "320x240", width: 320 },
-            { size: "640x480", width: 640 },
+            { size: '320x240', width: 320 },
+            { size: '640x480', width: 640 },
         ],
-        sizes: "(max-width: 640px) 320px, 640px",
+        sizes: '(max-width: 640px) 320px, 640px',
     },
 };
 export const WithClassName = {
     args: {
-        alt: "Styled image",
-        baseUrl: "https://via.placeholder.com/400x300",
-        className: "rounded-lg shadow-lg",
-        imgClassName: "object-cover",
+        alt: 'Styled image',
+        baseUrl: 'https://via.placeholder.com/400x300',
+        className: 'rounded-lg shadow-lg',
+        imgClassName: 'object-cover',
     },
 };

package/dist/stories/ProtectedEmail.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { ProtectedEmail } from "../components/protected-email";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ProtectedEmail } from '../components/protected-email';
 declare const meta: Meta<typeof ProtectedEmail>;
 export default meta;
 type Story = StoryObj<typeof ProtectedEmail>;

package/dist/stories/ProtectedEmail.stories.js

@@ -1,34 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProtectedEmail } from "../components/protected-email";
+import { ProtectedEmail } from '../components/protected-email';
 const meta = {
     component: ProtectedEmail,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/ProtectedEmail",
+    tags: ['autodocs'],
+    title: 'Components/ProtectedEmail',
 };
 export default meta;
 export const Default = {
     args: {
-        domain: "example.com",
-        username: "contact",
+        domain: 'example.com',
+        username: 'contact',
     },
 };
 export const WithCustomText = {
     args: {
-        domain: "example.com",
-        text: "Send us an email",
-        username: "info",
+        domain: 'example.com',
+        text: 'Send us an email',
+        username: 'info',
     },
 };
 export const WithClassName = {
     args: {
-        className: "text-blue-600 underline hover:text-blue-800",
-        domain: "company.org",
-        username: "support",
+        className: 'text-blue-600 underline hover:text-blue-800',
+        domain: 'company.org',
+        username: 'support',
     },
 };
 export const MultipleEmails = {
-    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [_jsx(ProtectedEmail, { domain: "example.com", username: "sales" }), _jsx(ProtectedEmail, { domain: "example.com", username: "support" }), _jsx(ProtectedEmail, { domain: "example.com", text: "General Inquiries", username: "info" })] })),
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: [_jsx(ProtectedEmail, { domain: "example.com", username: "sales" }), _jsx(ProtectedEmail, { domain: "example.com", username: "support" }), _jsx(ProtectedEmail, { domain: "example.com", text: "General Inquiries", username: "info" })] })),
 };

package/dist/stories/Text.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Text } from "../components/text";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Text } from '../components/text';
 declare const meta: Meta<typeof Text>;
 export default meta;
 type Story = StoryObj<typeof Text>;

package/dist/stories/Text.stories.js

@@ -1,31 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "../components/text";
+import { Text } from '../components/text';
 const meta = {
     component: Text,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/Text",
+    tags: ['autodocs'],
+    title: 'Components/Text',
 };
 export default meta;
 export const Default = {
     args: {
-        children: "This is default text content.",
+        children: 'This is default text content.',
     },
 };
 export const Subtitle = {
     args: {
-        children: "This is subtitle text with larger size.",
-        variant: "subtitle",
+        children: 'This is subtitle text with larger size.',
+        variant: 'subtitle',
     },
 };
 export const Code = {
     args: {
         children: "const example = 'monospace code text';",
-        variant: "code",
+        variant: 'code',
     },
 };
 export const AllVariants = {
-    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(Text, { variant: "primary", children: "Primary text (default)" }), _jsx(Text, { variant: "subtitle", children: "Subtitle text" }), _jsx(Text, { variant: "code", children: "Code text with monospace font" })] })),
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [_jsx(Text, { variant: "primary", children: "Primary text (default)" }), _jsx(Text, { variant: "subtitle", children: "Subtitle text" }), _jsx(Text, { variant: "code", children: "Code text with monospace font" })] })),
 };

package/dist/stories/UnorderedList.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { UnorderedList } from "../components/unordered-list";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { UnorderedList } from '../components/unordered-list';
 declare const meta: Meta<typeof UnorderedList>;
 export default meta;
 type Story = StoryObj<typeof UnorderedList>;

package/dist/stories/UnorderedList.stories.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListItem } from "../components/list-item";
-import { UnorderedList } from "../components/unordered-list";
+import { ListItem } from '../components/list-item';
+import { UnorderedList } from '../components/unordered-list';
 const meta = {
     component: UnorderedList,
     parameters: {
-        layout: "padded",
+        layout: 'padded',
     },
-    tags: ["autodocs"],
-    title: "Components/UnorderedList",
+    tags: ['autodocs'],
+    title: 'Components/UnorderedList',
 };
 export default meta;
 export const Default = {
@@ -20,5 +20,5 @@ export const Unstyled = {
     render: () => (_jsxs(UnorderedList, { variant: "unstyled", children: [_jsx(ListItem, { children: "No bullet 1" }), _jsx(ListItem, { children: "No bullet 2" }), _jsx(ListItem, { children: "No bullet 3" })] })),
 };
 export const AllVariants = {
-    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: [_jsxs("div", { children: [_jsx("h4", { children: "Primary (default)" }), _jsxs(UnorderedList, { variant: "primary", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Inline" }), _jsxs(UnorderedList, { variant: "inline", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Unstyled" }), _jsxs(UnorderedList, { variant: "unstyled", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] })] })),
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [_jsxs("div", { children: [_jsx("h4", { children: "Primary (default)" }), _jsxs(UnorderedList, { variant: "primary", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Inline" }), _jsxs(UnorderedList, { variant: "inline", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Unstyled" }), _jsxs(UnorderedList, { variant: "unstyled", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] })] })),
 };

package/package.json

@@ -113,5 +113,5 @@
   },
   "sideEffects": ["./src/styles/tailwind.css"],
   "type": "module",
-  "version": "0.3.2"
+  "version": "0.3.3"
 }

package/src/stories/ListItem.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { ListItem } from '../components/list-item';
+import { UnorderedList } from '../components/unordered-list';
 
 const meta: Meta<typeof ListItem> = {
   component: ListItem,
@@ -21,11 +22,11 @@ export const Default: Story = {
 
 export const InList: Story = {
   render: () => (
-    <ul>
+    <UnorderedList>
       <ListItem>First item</ListItem>
       <ListItem>Second item</ListItem>
       <ListItem>Third item</ListItem>
-    </ul>
+    </UnorderedList>
   ),
 };